Category: Video Tutorials

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

[#Photoshop #Tutorial] Keep One Color in Photoshop [No Masks Needed!]

Posted on by Eric Brooks

Keep One Color in Photoshop [No Masks Needed!]

By Photoshop Training Channel
Published: Jun 01, 2022

“
Photoshop Training Channel In this video, you will learn an easy trick to make an image black and white and keep one color.

With the Hue and Saturation adjustment layer, you can flip a selected range of colors to desaturate them. But if you “flip” the selected colors, you will instead be able to leave only one color and make the rest black and white.

I hope you enjoy this easy technique to isolate colors in Photoshop to create partial black and white photos!

SUBSCRIBE to get more amazing Photoshop tutorials!

    INDEX – Selective Color Photo Effect in Photoshop!

  • 00:00 – Introduction
  • 00:09 – Create a Hue/Sat Adjustment and Sample a Color
  • 00:26 – Desaturate The Selected Color
  • 00:35 – Invert the Selected Colors to Keep One
  • 01:01 – Final Thoughts
    CREDITS

  • Photoshop video tutorials by Jesus Ramirez

”

[#Script #Coding] Stack Data Structure Tutorial – Solve Coding Challenges

Posted on by Eric Brooks

Stack Data Structure Tutorial – Solve Coding Challenges

By freeCodeCamp.org
Published: Oct 05, 2022

“
freeCodeCamp.org Questions on the stack data structure are very common in technical interviews. Learn how to master the data structure, starting from the easiest problems on LeetCode and InterviewBit and slowly building up intuitions so that the hard problems seem easy. All the questions are popular interview questions from Google, Meta, Microsoft and more!

Tanishq Chaudhary developed this course. Check out his channel: https://www.youtube.com/c…

    Course Contents

    • SECTION 0 – Introduction

    • (0:00:00) Introduction to the course on the Stack data structure
    • (0:00:31) Stack implementation intuitions + Code in Python3 and C++
    • (0:06:23) Simplify Path | InterviewBit | LeetCode
    • (0:19:01) Min Stack | InterviewBit | LeetCode
    •  
    • SECTION 1 – Parentheses

    • (0:30:04) Introduction to Parentheses questions
    • (0:40:24) Valid Parentheses | InterviewBit | LeetCode
    • (0:52:27) Redundant Braces | InterviewBit
    • (1:02:08) Minimum Remove to Make Valid Parentheses | LeetCode
    • (1:12:58) Longest Valid Parentheses | LeetCode
    •  
    • SECTION 2 – Calculator

    • (1:17:42) Introduction to Calculator questions
    • (1:22:51) Convert Infix to Postfix
    • (1:40:15) Evaluate Reverse Polish Notation| InterviewBit | LeetCode
    • (1:47:18) Basic Calculator I, II, III | LeetCode
    •  

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…

”

[#Script #Coding] Python Game Development Project Using OOP – Minesweeper Tutorial (w/ Tkinter)

Posted on by Eric Brooks

Python Game Development Project Using OOP – Minesweeper Tutorial (w/ Tkinter)

By freeCodeCamp.org
Published: Apr 18, 2022

“
freeCodeCamp.org In this course, you will improve your Python skills by coding a Minesweeper game using the tkinter library. The game is fully implemented using Object Oriented Programming.

Course from JimShapedCoding. Check out his channel: https://www.youtube.com/channel/…

Code: https://github.com/jimdevops19/MinesweeperGame

    Course Contents:

  • (0:00:00) Getting Started
  • (0:26:22) Creating Cells & Mines
  • (0:49:40) Minesweeper Algorithms
  • (1:36:29) Display Game data
  • (2:00:28) Finishing touches and playing the game

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…

[READ MORE]

”

[#AfterEffects #Video] This MATRIX Effect is EASIER To Recreate Than You Might Think

Posted on by Eric Brooks

This MATRIX Effect is EASIER To Recreate Than You Might Think

By Cinecom.net
Published: Aug 12, 2022

“
Cinecom.net Learn how to recreate the Hollywood Matrix Bullet Time effect in a few easy and simple steps in this Adobe After Effects tutorial video.

Download Unlimited Video Assets: http://storyblocks.com/Cinecom

More Adobe After Effects Tutorials: https://www.youtube.com/playlist…

Read More: https://www.cinecom.net/after-effects…

”

[#Photoshop #Tutorial] Fire Text Effect with The Flame Generator [Photoshop Tutorial]

Posted on by Eric Brooks

Fire Text Effect with The Flame Generator [Photoshop Tutorial]

By Photoshop Training Channel
Published: Feb 15, 2022

“
Photoshop Training Channel Learn to create this realistic fire text effect with the Flame Generator in Photoshop.

The Flame Generator is designed to render realistic flames on user-defined paths. The chrome text will be created by using a few Layer Styles.

I hope you learn a lot and that you enjoy this Photoshop tutorial!

SUBSCRIBE to get more amazing Photoshop tutorials!

    INDEX – Fire Text Effect in Photoshop

  • 00:00 – Introduction
  • 00:05 – Document and Layer Style Breakdown
  • 00:38 – Create a Path with The Curvature Pen Tool
  • 01:03 – Apply The Flame Generator Filter
  • 01:58 – Use Layer Masks to Make The Flame Interact with the Text Layer
  • 02:36 – Apply Lighting Effects To The Text Layer
  • 05:16 – Add Fire Overlays to The Design
  • 06:09 – Final Thoughts

”

[#Video #Design] Cinema 4D & Maxon One: New features for 2023!

Posted on by Eric Brooks

Cinema 4D & Maxon One: New features for 2023!

By School of Motion
Published: Sep 13, 2022

“
School of Motion Did you catch the big announcement? Cinema4D 2023 is HERE, and it’s likely to be one of the most talked-about releases in a long time! Host E.J. Hassenfratz is joined by Maxon’s Rick Barrett to demo and discuss all the new features we can’t wait to show you, including C4D, Redshift and Red Giant!
As always, we’ll have live Q&A during the show, so bring us your questions in the chat!

”

[#Script #Coding] Code a 2D Game Using JavaScript, HTML, and CSS (w/ Free Game Assets) – Tutorial

Posted on by Eric Brooks

Code a 2D Game Using JavaScript, HTML, and CSS (w/ Free Game Assets) – Tutorial

By freeCodeCamp.org
Published: Sep 28, 2022

“
freeCodeCamp.org Let’s explore an alien planet and learn all the techniques you need to make your own 2D games with vanilla JavaScript, HTML5, CSS3 and HTML Canvas. From sprite animation to parallax backgrounds, today we will build a game completely from scratch, with no frameworks and no libraries, using just HTML, CSS and plain vanilla JavaScript. Have fun!

Course by Frank’s Laboratory. https://www.youtube.com/c/Frankslabor…

EXTENDED class with BONUS lessons and more free sprite sheets: 4 new enemies, sound design, animated shield, animated projectiles and more https://www.udemy.com/course/learn-ga…

    Contents

  • (0:00:00) Intro
  • (0:01:07) HTML & CSS setup
  • (0:02:40) Basic JavaScript setup
  • (0:04:59) Object Oriented programming with JavaScript
  • (0:07:25) Creating Player and Game objects
  • (0:13:18) Animation loop
  • 0:16:36) Keyboard inputs
  • (0:26:15) Creating projectiles
  • (0:33:22) Periodic events
  • (0:38:30) Drawing game UI
  • (0:41:20) Base enemy class
  • (0:49:19) Collision detection between rectangles
  • (0:54:36) Drawing game score
  • (0:57:49) Win and lose condition
  • (0:59:52) Counting game time
  • (1:03:07) Animated parallax backgrounds
  • (1:13:20) Sprite animation with JavaScript
  • (1:17:02) Creating a debug mode
  • (1:18:38) Animating enemy sprite sheets
  • (1:25:15) Night Angler enemy class
  • (1:27:39) Lucky Fish enemy class
  • (1:29:02) Collecting power ups
  • (1:36:51) Drawing projectiles as images
  • (1:38:01) Custom fonts and game text
  • (1:40:43) Cleaning up
  • (1:42:51) Particle effects and physics
  • (1:55:03) Particle rotation
  • (1:58:47) Tweaks and fixes
  • (2:01:46) Hive Whale enemy class
  • (2:04:46) Drone enemy class
  • (2:09:30) Dust effect animation
  • (2:24:36) Fire effect animation
  • (2:26:03) Tuning game difficulty
  • (2:29:26) What to do next?

”

[#Video #Design] Aeviewer – A Practical Tool Review

Posted on by Eric Brooks

Aeviewer – A Practical Tool Review

By School of Motion
Published: Aug 30, 2022

“
School of Motion There’s a lot of tools floating around on the Internet, but it can be kind of tough to pick one. Aeviewer looked promising so we decided to not only review it, but to show how it can practically be used in your workflow!
Find Aeviewer Here: https://aescripts.com/aeviewer/?aff=33

    CONTENTS:

  • Previews for folders and files
  • Types of Files
  • Presets
  • Media Files
  • Font Files
  • Navigation
  • Quick Access
  • Collections
  • Custom Collections
  • Add Category
  • Store Expressions
  • Create Preset from Expression
  • Pre-Render Tab
  • Packages Tab
  • Paid vs Free Benefits

[#Script #Coding] Full HTTP Networking Course – Fetch and REST APIs in JavaScript

Posted on by Eric Brooks

Full HTTP Networking Course – Fetch and REST APIs in JavaScript

By freeCodeCamp.org
Published: Jan 30, 2023

“
freeCodeCamp.org Master the HTTP networking protocol by completing over 80 coding exercises and quizzes in JavaScript. Once you’ve learned it all, we’ll build a real web crawler using Node.js to put all the concepts into practice.

HTTP is the backbone of the modern web, and in this course, we’ll do a deep dive into all of the fundamentals you’ll need to know to master web networking. We’ll use the Fetch API to interact with a live RESTful server in order to connect the different components of a video game.

Code: https://github.com/bootdotdev/fcc-learn-http-assets

Follow this course interactively on Boot.dev: https://boot.dev/learn/learn-http

    Contents

  • (0:00:00) Introduction
  • (0:03:32) Ch 1 – Why HTTP
  • (0:27:31) Ch 2 – DNS
  • (0:48:11) Ch 3 – URIs and URLs
  • (1:16:21) Ch 4 – Async JavaScript
  • (1:49:48) Ch 5 – Errors in JS
  • (2:04:54) Ch 6 – HTTP Headers
  • (2:21:04) Ch 7 – JSON
  • (2:41:09) Ch 8 – HTTP Methods
  • (3:17:01) Ch 9 – URL Paths
  • (3:36:33) Ch 10 – HTTPS security
  • (3:48:24) Proj – Setup Dev Environment
  • (3:51:28) Proj – Hello World
  • (3:56:29) Proj – Normalize URLs
  • (4:11:05) Proj – URLs from HTML
  • (4:27:49) Proj – The main.js file
  • (4:33:10) Proj – Using Fetch
  • (4:45:16) Proj – Recursively crawling the web
  • (4:55:33) Proj – Print an SEO report
  • (5:06:59) Proj – Conclusion
  • (5:08:04) Congratulations

Documentation used:
Fetch API: https://developer.mozilla.org/en-US/docs/Web/API/Fetch_API
URL constructor: https://developer.mozilla.org/en-US/docs/Web/API/URL/URL
Fetch Response: https://developer.mozilla.org/en-US/docs/Web/API/Response

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] Create a Design System with CSS – Web Development Course

Posted on by Eric Brooks

Create a Design System with CSS – Web Development Course

By freeCodeCamp.org
Published: Feb 07, 2022

“
freeCodeCamp.org Learn how to create your own design system while building a Space Travel Website with CSS guru Kevin Powell. You can also follow the interactive Scrimba version of this course by clicking here: https://scrimba.com/learn/spacetravel

Code on GitHub: https://github.com/kevin-powell/space-tourism

In this course you will first learn how to build your own design system and then learn how to implement the entire website with the design system using CSS, HTML, and JavaScript.

At the end, you will have a neat project to add your portfolio in addition to have sharpened your CSS and design skills.

The design for the course has been created by FrontendMentor. You can get the design files from their page: https://www.frontendmentor.io/challen…

    Course Contents

  • (0:00:00) The design system
  • (2:04:12) The homepage
  • (3:02:25) Navigation
  • (4:17:48) The destination page
  • (5:29:33) The tabs

”

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