Category: Video Tutorials

Video Tutorials on Photoshop, after effects, coding, managing your YouTube channel, etc

[#Script #Coding] JavaScript Tutorial – Create a Card Game

Posted on by Eric Brooks

JavaScript Tutorial – Create a Card Game

By freeCodeCamp.org
Published: Dec 14, 2022

“
freeCodeCamp.org Improve your JavaScript skills by creating a basic card game with HTML and CSS.

    This tutorial not only covers creating a basic card game using JavaScript
    but also:

  • How to create dynamic user interactive code using vanilla JavaScript
  • Creating some animation effects
  • Responsive layout design using CSS grid, CSS FlexBox and media queries
  • How to dynamically change the positions of grid cells, so as to randomize the positions of the cards contained in a css grid using JavaScript,
  • localStorage functionality
  • And much More…

Code: https://github.com/GavinLonDigital/HuntTheAceJSGame

Gavin Lon created this tutorial. Check out his channel: @GavinLon

    Contents

  • (0:00:00) Introduction
  • (0:05:26) Getting Started
  • (0:07:00) Live Server Extension
  • (0:09:50) Create Cards – HTML
  • (0:14:44) Create the Game Play Grid
  • (0:19:55) Create Cards Dynamically – JS Code
  • (0:28:46) Initialise Card Positions
  • (0:34:39) Load Game and Start Game
  • (0:38:43) Stack Cards
  • (0:41:53) Flip Cards
  • (0:45:14) Shuffle Cards
  • (0:49:28) Deal Cards
  • (0:54:37) Choose Card
  • (1:16:56) Styling and Layout
  • (1:24:28) Animation
  • (1:32:39) Responsive Layout
  • (1:36:43) Local Storage

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

And subscribe for new videos on technology every day: https://youtube.com/subscription_cent…

”

[#Adobe #Design] How to Add Text to Surfaces in Adobe Photoshop

Posted on by Eric Brooks

How to Add Text to Surfaces in Adobe Photoshop

By Adobe Masters
Published: Apr 13, 2022

“
Adobe Masters Today I go over how to add images and text onto surfaces in Adobe Photoshop CC.

Get near unlimited stock footage and premiere pro templates: http://1.envato.market/…

Join the Community at: https://adobemasters.net/
Request a Tutorial at: https://adobemasters.net/request-a-tutorial/

If you want to learn more about the Adobe products. Here are a couple of cheap courses I learned from.
http://adobemasters.net/courses/

Subscribe to see more Adobe related content, videos every other day.

”

[#AfterEffects #Video] How we Edit a COPY CAT in only 3 Days!

Posted on by Eric Brooks

How we Edit a COPY CAT in only 3 Days!

By Cinecom.net
Published: Jun 16, 2022

“
Cinecom.net Learn how to edit faster an more efficient with the Loupedeck CT in this Adobe Premiere Pro tutorial video. See how we edit an entire copycat episode in only 3 days.

Learn More about the Loupedeck and get 10% OFF
https://loupedeck.co/3OdN2Lw (use CINECOM10 at checkout)
https://www.amazon.com/dp/B0837LKGL6?…

Premiere Basics Voice Tutorial
How To Make Your VOICE Sound CINEMATIC (Premiere Pro)

LETS CONNECT WITH CINECOM!

Download Unlimited Video Assets

”

[#Script #Coding] Open VS Code from Finder in macOS

Posted on by Eric Brooks

Open VS Code from Finder in macOS

By codeSTACKr
Published: Mar 17, 2023

“
codeSTACKr Become A VS Code SuperHero Today: https://vsCodeHero.com

Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

Want to quickly open a file or folder in VS Code from Finder in MacOS?

Add a quick action:
– Open the Shortcuts App
– Select “Quick Actions”
– Add a new action
– Change “Receive Any” to “Receive Files and Folders”
– From the right menu under Categories, choose Scripting and add “Run Shell Script”

Permissions may need to be added.
– Enter this script: open -n -b “com.microsoft.VSCode” –args “$*”
– For the Input choose Folder as the Type and Get the File Path
– Pass input: as arguments
– Name the Quick Action “Open with Code”

Now, when you right-click any folder or file in Finder, you’ll get this quick action to open it in VS Code.

”

[#Video #Editing] Stretch Text Effect in After Effects

Posted on by Eric Brooks

Stretch Text Effect in After Effects

By Olufemii
Published: Apr 09, 2022

“
Olufemii Today we are learning about Stretch Text in After Effects by our channel’s incredible VFX teacher Herman Huang aka Coffeelicker!

Get The Project File Here:

Ep 1: Minimalist Text Animation
https://shorturl.at/aduTW
Ep 2: Maximalism Text Animation
https://shorturl.at/twCPX
Ep 3: Psychedelic Text Animation
https://shorturl.at/ekpwC
Ep 4: Stretch Text Animation
https://shorturl.at/loAQW
Ep 5: Abstract Text Animation
https://shorturl.at/psNV7

Wanna follow Herman?
Check out his You Tube channel here: @Herman Huang
Follow him on Instagram here: https://www.instagram.com/coffeelicker/

Buy his ETF Pack here:

”

[#Script #Coding] How to Make Money From Your Website Using Microtransactions

Posted on by Eric Brooks

How to Make Money From Your Website Using Microtransactions

By freeCodeCamp.org
Published: Oct 24, 2022

“
freeCodeCamp.org Learn how to make money from your website without having to reply on third party advertisers or selling your users data by using the Interledger Protocol and microtransactions.

Ania Kubów developed this course. Check out her channel: https://www.youtube.com/c/AniaKub%C3%B3w

Sign up for Uphold: https://wallet.uphold.com/signup
Coil Chrome extension: https://chrome.google.com/webstore/detail…
Sign up for Coil: https://coil.com/auth/signup

Grant for the Web provided a grant to make this course possible. Grant for the Web is an Interledger Foundation program to boost open, fair, and inclusive standards and innovation in Web Monetization.

Learn to code for free and get a developer job: https://www.freecodecamp.org

Read hundreds of articles on programming: https://freecodecamp.org/news

”

[#Script #Coding] Best VS Code Feature! Never Lose Your Place!

Posted on by Eric Brooks

Best VS Code Feature! Never Lose Your Place!

By codeSTACKr
Published: Jan 30, 2023

“
codeSTACKr Become A VS Code SuperHero Today: https://vsCodeHero.com
Join my Discord developer community: https://discord.gg/A9CnsVzzkZ

Code Tip of the Day
When you work with large chunks of code, it’s easy to get lost.
With sticky scrolling enabled, the top of the editor will show you your current scope.
And you can click on the top layer to go back to the top of that section.
It works in many file types like HTML, JavaScript/TypeScript, CSS, md, package.json, and many more.

Tools I use:
codeSTACKr Theme: https://marketplace.visualstudio.com/items?itemName=codestackr.codestackr-theme
STACKr Code Font (Exclusive to my VS Code Course – https://vsCodeHero.com)
SuperHero Extension Pack: https://marketplace.visualstudio.com/items?itemName=codeSTACKr.superhero-extensions

Show support!
PayPal: https://paypal.me/codeSTACKr

Watch Next:
Playlist: Web Development For Beginners – https://www.youtube.com/watch?v=Ez4yHS2dsN8&list=PLkwxH9e_vrAJ0WbEsFA9W3I1W-g_BTsbt

Connect With CodeSTACKr:
Website: https://www.codestackr.com
Twitter: https://twitter.com/codeSTACKr
Instagram: https://instagram.com/codeSTACKr
Facebook: https://facebook.com/codeSTACKr

”

[#Photoshop #Tutorial] Scale an Image In One Axis Without Stretching It In Photoshop

Posted on by Eric Brooks

Scale an Image In One Axis Without Stretching It In Photoshop

By Photoshop Training Channel
Published: Mar 11, 2023

“
Photoshop Training Channel How to look better on Zoom using Photoshop! Discover this little know trick that allows you to “Photoshop” your Zoom calls to make them more visually appealing.

This technique also works on Google Hangouts, Microsoft Teams, Skype, or any other video call platform.

I hope you learn a lot!

SUBSCRIBE to get more amazing Photoshop tutorials!
https://hi.switchy.io/Subscribe-to-PTC

    INDEX – How To Look Better on Zoom

  • 00:00 – Introduction
  • 00:24 – Take your Zoom Screenshot Into Photoshop
  • 00:00 – Create Your Color Adjustments
  • 02:51 – Export Your Color Adjustment As a LUT File
  • 03:45 – Install OBS Studio
  • 04:05 – Set Up OBS
  • 05:17 – Save the LUT as a PNG
  • 06:20 – Use The OBS Virtual Camera on Zoom
  • 06:52 – Create Overlays To Use on Your Zoom Call

LINKS:
My New Podcast – https://smartpa.ge/todayscreator

Premium Tutorials – http://ptcvids.com/shop

Become an Adobe Stock Contributor – https://swiy.co/Stock-Contributor

TUTORIAL DOWNLOAD
https://photoshoptrainingchannel.com/how-to-look-better-on-zoom-using-photoshop/

CONNECT
TikTok – https://www.tiktok.com/@jrfromptc
Instagram – http://instagram.com/photoshoptrainingchannel

CREDITS
Photoshop video tutorials by Jesus Ramirez

”

[#Video #Editing] Top 10 Free Premiere Pro Transition Packs

Posted on by Eric Brooks

Top 10 Free Premiere Pro Transition Packs

By Olufemii
Published: Jun 24, 2022

“
Olufemii Start Your 7 Day Free Trial of Envato Elements: https://1.envato.market/ORJMJQ
Get Unlimited Video Templates With Your Free Trial: https://1.envato.market/ORJMJQ

In this video, Nick Khoo walks you through his 10 favorite Free Premiere Pro Transitions. He also adds in a few bonus ones that you can get with your free trial to Envato Elements.

Hope you enjoy it. Please like and subscribe!

Reach out to Josh Olufemii on Instagram: https://www.instagram.com/madebyolufemii
Subscribe Here: https://www.youtube.com/c/OlufemiiTut…

”

[#Money #Success] Why the Metaverse Will Transform the Entertainment and Travel Industries

Posted on by Eric Brooks

Why the Metaverse Will Transform the Entertainment and Travel Industries

By Alux.com
Published: Feb 24, 2022

“
Alux.com Would you like concerts to be held in the metaverse? Would you use it as a way to travel the world?

Why Metaverse is the Future of Work & How to get Rich from it: https://youtu.be/HgIwgtN7xgU

SUBSCRIBE to ALUX: https://www.youtube.com/channel/UCNjPtOCvMrKY5eLwr_-7eUg?sub_confirmation=1

    In this Alux.com video we will be answering the following questions:

  • Why the Metaverse Will Transform the Entertainment and Travel Industries?
  • How does the Metaverse influence our world?
  • How does the metaverse influence current economies?
  • Why Metaverse is the Future of entertainment?
  • What is the metaverse?
  • Does metaverse have a future?
  • What is the point of metaverse?
  • How popular will the metaverse be?
  • Will the metaverse replace the internet?
    CONTENTS:

  • 00:00 – Intro
  • 00:33 – The Metaverse as We Know It
  • 01:48 – Entertainment Industry
  • 07:13 – Traveling and Hospitality Industries
  • 09:11 – Adoption Problem
  • 10:45 – Question

”

Proudly powered by WordPress
Creative Commons License
EricBrooks.Com® is licensed under a Creative Commons License.

Disclaimer: The views expressed herein are solely those of Eric Brooks. They do not necessarily reflect those of his employers, friends, contacts, family, or even his pets (though my cat, Puddy, seems to agree with me on many key issues.). In accordance to my terms of use, you hereby acknowledge my right to psychoanalyze you, practice accupuncture, and mock you incessantly with every visit. As the user, you also acknowledge that the author has been legally declared a "Problem Adult" by the Commonwealth of Pennsylvania, and is therefore not responsible for any of his actions. ALSO, the political views and products advertised on this site may/may not reflect the views of Puddy or myself, so please don't take them as an endorsement. We just need to eat.

Connect