Envato Tuts+
Figma Variables | The New Toy You Didn’t Know You Wanted
updated
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_Az5DlraUEiw&utm_medium=referral&utm_source=youtube.com&utm_content=description
Intro 00:00
Generative Expand 01:22
Adobe Express 01:51
Text Prompts 02:23
Math Equations 02:51
History Panel 04:15
Password Protection 04:42
Cloud Feature 05:03
CREDITS
Video Creator: Ashlee Harell
Producer: Joel Bankhead
Editor: Sharon Archer-Thomas
Video Editor: Marco Correa
► Read our InDesign update on Tuts+: design.tutsplus.com/articles/adobe-indesign-2025-updates--cms-109009
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_Az5DlraUEiw&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_Az5DlraUEiw&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato Tuts+ on Twitter: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_-n6W9Z4a8lg&utm_medium=referral&utm_source=youtube.com&utm_content=description
Intro 00:00
Generative Shape Fill 00:25
Objects on Path 01:23
The Mockup Tool 02:08
Enhanced Image Trace 02:57
Project Neo 03:46
CREDITS
Video Creator: Jonathan Lam
Producer: Joel Bankhead
Editor: Sharon Archer-Thomas
Video Editor: Marco Correa
► Read our Illustrator update on Tuts+ design.tutsplus.com/articles/adobe-illustrator-2025-updates--cms-109008?utm_campaign=yt_tutsplus_-n6W9Z4a8lg&utm_medium=referral&utm_source=youtube.com&utm_content=description
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_-n6W9Z4a8lg&utm_medium=referral&utm_source=youtube.com&utm_content=description
►Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_-n6W9Z4a8lg&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato Tuts+ on Twitter: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
► The broadest range of asset categories, all in one place elements.envato.com/?utm_campaign=yt_tutsplus_Mi6EzQLHwDM&utm_medium=referral&utm_source=youtube.com&utm_content=description
Intro 00:00
Remove Tool 00:43
Generative Workspace 01:37
Adjustment Brush 03:07
CREDITS
Video Creator: Abbey Esparza
Producer: Joel Bankhead
Editor: Sharon Archer-Thomas
Video Editor: Marco Correa
Read our Photoshop update on Tuts+: design.tutsplus.com/tutorials/adobe-photoshop-2025-updates--cms-109006?utm_campaign=yt_tutsplus_Mi6EzQLHwDM&utm_medium=referral&utm_source=youtube.com&utm_content=description
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_Mi6EzQLHwDM&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato
►The broadest range of asset categories, all in one place elements.envato.com/?utm_campaign=yt_tutsplus_Mi6EzQLHwDM&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato Tuts+ on Twitter: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_Xp7uTf9xAJY&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato
Access an unrivaled range of high-quality assets and templates from our community of global artists, with one simple subscription.
► The broadest range of asset categories, all in one place: elements.envato.com/?utm_campaign=yt_tutsplus_Xp7uTf9xAJY&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
► The broadest range of asset categories, all in one place: elements.envato.com/?utm_campaign=yt_tutsplus_pzcB-t5qM8w&utm_medium=referral&utm_source=youtube.com&utm_content=description
00:00 Introducing the designers
00:26 AI makes an impact
02:52 Wabi-sabi
04:21 The unlimited creative subscription
04:36 3D, motion, brutalism, and not following trends
07:27 The influence of graphic design
09:43 Be curious, hungry, and uncomfortable
Featuring:
- Andy Clarke—Web design troublemaker, Stuff & Nonsense
- Maddie Nieman—Solo brand & web designer, Studio Madz
- Yuji Sekiya—Senior product designer, Envato
- Adi Purdila—Web designer. Animal lover. Avid tea drinker.
- Jamie Marsland—Head of WordPress YouTube, Pootlepress
CREDITS
Producers: Ian Yates & Joel Bankhead
Video Editors: Gibran Gomez Flores & Marco Correa Limón
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_pzcB-t5qM8w&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato
Access an unrivaled range of high-quality assets and templates from our community of global artists, with one simple subscription.
► The broadest range of asset categories, all in one place: elements.envato.com/?utm_campaign=yt_tutsplus_pzcB-t5qM8w&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
00:00:00 Introduction
00:01:42 This video is brought to you by Envato
00:01:54 Why use Figma for social media templates?
00:04:07 Key design principles for social media
00:06:09 Instructor story
00:07:09 Choosing the right dimensions
00:08:50 Practical project: Facebook post template
00:33:45 Practical project: Instagram story
00:55:25 Practical project: Instagram carousel post
01:25:24 Key takeaways
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_zkLKzKSJAGg&utm_medium=referral&utm_source=youtube.com&utm_content=description
Resources
• Real estate logo: elements.envato.com/realestate-SY8YB6?utm_campaign=yt_tutsplus_zkLKzKSJAGg&utm_medium=referral&utm_source=youtube.com&utm_content=description
• House photo: elements.envato.com/round-hedge-and-a-small-statue-in-the-middle-of-a--TARH79W?utm_campaign=yt_tutsplus_zkLKzKSJAGg&utm_medium=referral&utm_source=youtube.com&utm_content=description
• Real estate icons: elements.envato.com/real-estate-icons-D7K2GHP?utm_campaign=yt_tutsplus_zkLKzKSJAGg&utm_medium=referral&utm_source=youtube.com&utm_content=description
• House facade: elements.envato.com/facade-E6ZFMJ4?utm_campaign=yt_tutsplus_zkLKzKSJAGg&utm_medium=referral&utm_source=youtube.com&utm_content=description
• Patio: elements.envato.com/neat-patio-with-sitting-area-TN74SRG?utm_campaign=yt_tutsplus_zkLKzKSJAGg&utm_medium=referral&utm_source=youtube.com&utm_content=description
• Elegant interior: elements.envato.com/elegant-interior-with-wooden-furnitures-PW39XTG?utm_campaign=yt_tutsplus_zkLKzKSJAGg&utm_medium=referral&utm_source=youtube.com&utm_content=description
• Realtor: elements.envato.com/portrait-of-female-psychologist-therapist-with-cli-7GRBRT6?utm_campaign=yt_tutsplus_zkLKzKSJAGg&utm_medium=referral&utm_source=youtube.com&utm_content=description
• Family in garden: elements.envato.com/cheerful-family-with-labrador-dog-looking-at-camer-PWTDDTR?utm_campaign=yt_tutsplus_zkLKzKSJAGg&utm_medium=referral&utm_source=youtube.com&utm_content=description
• Architect: elements.envato.com/getting-your-house-plan-ready-PHVC6KV?utm_campaign=yt_tutsplus_zkLKzKSJAGg&utm_medium=referral&utm_source=youtube.com&utm_content=description
• Woman holding keys: elements.envato.com/woman-holding-keys-of-her-new-house-BJHT9ET?utm_campaign=yt_tutsplus_zkLKzKSJAGg&utm_medium=referral&utm_source=youtube.com&utm_content=description
• Couple signing a contract: elements.envato.com/happy-property-owners-with-real-estate-broker-afte-R3KDPAN?utm_campaign=yt_tutsplus_zkLKzKSJAGg&utm_medium=referral&utm_source=youtube.com&utm_content=description
• Bootstrap icons: icons.getbootstrap.com
• Instagram image sizes: blog.hootsuite.com/social-media-image-sizes-guide/#Instagram_image_sizes
CREDITS
Video Creator: Adi Purdilla
Producer: Ian Yates
Editor: Gibran Gomez
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_zkLKzKSJAGg&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato
Access an unrivaled range of high-quality assets and templates from our community of global artists, with one simple subscription.
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_zkLKzKSJAGg&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Download these texture brushes to help you follow along: elements.envato.com/machine-washed-photoshop-brush-presets-ED8MW7?utm_campaign=yt_tutsplus_MzsrOufMUnc&utm_medium=referral&utm_source=youtube.com&utm_content=description
Timestamps
00:00 Introduction
02:46 Opening up Adobe Fresco
03:51 Sketching process
14:13 Refining and taking it to the next level
18:13 Time to add some color
20:50 Choosing texture brushes from Envato
24:06 Shifting registration
25:22 Final result!
Don't forget to check out Chris' channel: @chris-piascik
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_MzsrOufMUnc&utm_medium=referral&utm_source=youtube.com&utm_content=description
Read more on Adobe Fresco on Envato Tuts+: design.tutsplus.com/articles/an-introduction-to-adobe-fresco-and-how-it-compares-to-procreate--cms-34036?utm_campaign=yt_tutsplus_MzsrOufMUnc&utm_medium=referral&utm_source=youtube.com&utm_content=description
CREDITS
Video Creator: @chris-piascik
Producer: Ian Yates
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_MzsrOufMUnc&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato
Access an unrivaled range of high-quality assets and templates from our community of global artists, with one simple subscription.
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_MzsrOufMUnc&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_0IXgx5QiSIM&utm_medium=referral&utm_source=youtube.com&utm_content=description
Here's what you'll learn:
00:00 Intro
00:28 Photoshop vs. Lightroom
01:58 Reasons to use Photoshop
04:05 Reasons to use Lightroom
06:53 Which one is right for me?
► Read more on Envato Tuts+: design.tutsplus.com/tutorials/photoshop-vs-lightroom-what-is-the-difference--cms-108752?utm_campaign=yt_tutsplus_0IXgx5QiSIM&utm_medium=referral&utm_source=youtube.com&utm_content=description
►Interested in Affinity Photo? Watch youtu.be/P-mBHIVbYNI
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_0IXgx5QiSIM&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato
Access an unrivaled range of high-quality assets and templates from our community of global artists, with one simple subscription.
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_0IXgx5QiSIM&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Follow Adi and learn some pretty advanced prototyping techniques, like setting variables, using conditionals, and working with variable modes. Don't worry if you’re new to Figma prototyping—Adi explains each step clearly, so you can follow along no matter your skill level.
Here's what you'll learn:
00:00 Advanced Figma prototyping with variables
00:32 A quick look at variables and basic prototyping
00:44 Variables
03:35 Prototyping
06:17 Our Figma prototypes project
09:27 Envato, start creating now
09:35 Creating advanced prototypes with variables
► Download the source files from Envato: elements.envato.com/collections/3KWL7A2QED?utm_campaign=yt_tutsplus_bFRSHMQbK1U&utm_medium=referral&utm_source=youtube.com&utm_content=description
Don't forget to check out Adi's channel: @AdiPurdila
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_bFRSHMQbK1U&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato
Access an unrivaled range of high-quality assets and templates from our community of global artists, with one simple subscription.
► The broadest range of asset categories, all in one place: elements.envato.com/?utm_campaign=yt_tutsplus_bFRSHMQbK1U&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_ObKsCs5mYGQ&utm_medium=referral&utm_source=youtube.com&utm_content=description
Discover how to craft mesmerizing underwater scenes, perfect color grading, seamlessly blend textures, and apply eye-catching effects using creative LUTs.
Refine your text treatments, leverage the power of Camera RAW, and work with realistic mockups to present your designs in a way that resonates with discerning clients and peers alike.
Find all the creative asset Dansky uses in this Envato collection: elements.envato.com/collections/FEXYCUNKBZ?utm_campaign=yt_tutsplus_ObKsCs5mYGQ&utm_medium=referral&utm_source=youtube.com&utm_content=description
Here's what you'll learn:
00:00:00 Advanced Photoshop Techniques
00:00:39 Preparation
00:03:40 Composition
00:08:22 Creating an Underwater Effect
00:13:30 Retouching Underwater Elements
00:20:57 Balancing Color
00:24:29 Blending Texture
00:26:46 Adding a Sun Flare Highlight
00:33:18 Adding Water Splashes
00:37:19 Using a LUT
00:38:56 Adding & Blending Text
00:42:55 Enhancing with Camera RAW
00:45:34 Creating a Mockup
Don't forget to check out Dansky's channel: @ForeverDansky
CREDITS
Video Creator: @ForeverDansky
Producer: Joel Bankhead
Video Editor: Marco Correa Limón
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_ObKsCs5mYGQ&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato
Access an unrivaled range of high-quality assets and templates from our community of global artists, with one simple subscription.
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_ObKsCs5mYGQ&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Introducing the new-look Envato ⚡
The same awesome subscription for creatives, now with the style to match.
Explore what’s new, and let's create!
► Your one-stop creative asset destination: elements.envato.com/?utm_campaign=yt_tutsplus_2oqbT4itvoM&utm_medium=referral&utm_source=youtube.com&utm_content=description
00:00:00 After Effects Motion Graphics in DaVinci Resolve
00:00:38 Bring Motion to Your Sequence
00:04:10 One Simple Subscription
00:05:53 Create a Motion Graphics Overlay
Read free DaVinci Resolve tutorials on Envato Tuts+: photography.tutsplus.com/video/compatible-with/davinci-resolve?utm_campaign=yt_tutsplus_vn9B2hH4G_E&utm_medium=referral&utm_source=youtube.com&utm_content=description
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_vn9B2hH4G_E&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato
Access an unrivaled range of high-quality assets and templates from our community of global artists, with one simple subscription.
► The broadest range of asset categories, all in one place: elements.envato.com/?utm_campaign=yt_tutsplus_vn9B2hH4G_E&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_crfH_JuC2lI&utm_medium=referral&utm_source=youtube.com&utm_content=description
Follow along with Abbey as she shows you all the essential techniques in this photo manipulation tutorial. You'll master the basics, and towards the end you'll see some advanved photo manipulation techniques too.
Download all the assets used in this project to follow along: elements.envato.com/collections/JBCRU5X9NZ?utm_campaign=yt_tutsplus_crfH_JuC2lI&utm_medium=referral&utm_source=youtube.com&utm_content=description
Here's what you'll learn in this video:
00:00:00 Photo Manipulation Basics
00:01:00 How to Find Images
00:03:02 How to Prepare Images
00:05:19 How to Extract Images
00:19:34 Create Your Composition
00:25:39 How to Match Color
00:29:33 How to Match Contrast
00:33:39 How to Match Saturation
00:35:42 How to Create Light and Shadow
00:40:43 Finishing Touches
00:41:46 Advanced Compositing Techniques
►Learn more about photo manipulation on Envato Tuts+: design.tutsplus.com/c/graphic-design/s/photo-manipulation?utm_campaign=yt_tutsplus_crfH_JuC2lI&utm_medium=referral&utm_source=youtube.com&utm_content=description
►Explore our complete guide design.tutsplus.com/series/photo-manipulation-basics-guide--cms-1344?utm_campaign=yt_tutsplus_crfH_JuC2lI&utm_medium=referral&utm_source=youtube.com&utm_content=description
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_crfH_JuC2lI&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato
Access an unrivaled range of high-quality assets and templates from our community of global artists, with one simple subscription.
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_crfH_JuC2lI&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Luckily, whether you're a professional designer or a keen hobbyist, it’s possible to move on from Adobe’s design tools and save money.
Here are the six best alternatives for your favorite Adobe design tools.
00:00 Best Adobe Alternatives for Designers
00:27 Affinity Pricing
00:55 Affinity Photo
01:50 Affinity Designer
02:40 Affinity Publisher
03:26 Brought to You By Envato
03:48 Photopea
04:18 Inkscape
04:46 Scribus
Affinity: affinity.serif.com/en-gb
Photopea: photopea.com
Inkscape: inkscape.org
Scribus: wiki.scribus.net/canvas/Scribus
► The broadest range of asset categories, all in one place: elements.envato.com/?utm_campaign=yt_tutsplus_iJ-d_K7tb7k&utm_medium=referral&utm_source=youtube.com&utm_content=description
Read more about how to cancel Adobe on Envato Tuts+: design.tutsplus.com/tutorials/best-alternatives-for-adobe--cms-108828?utm_campaign=yt_tutsplus_iJ-d_K7tb7k&utm_medium=referral&utm_source=youtube.com&utm_content=description
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_iJ-d_K7tb7k&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato
Access an unrivaled range of high-quality assets and templates from our community of global artists, with one simple subscription.
► The broadest range of asset categories, all in one place: elements.envato.com/?utm_campaign=yt_tutsplus_iJ-d_K7tb7k&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_bfDnjbw3DJM&utm_medium=referral&utm_source=youtube.com&utm_content=description
You'll learn how to write components, work with state, and handle events and user input. By the end, you’ll have built your first React application.
Here's what the course covers:
00:00 Introduction
05:53 2.1 Examining the Project
12:22 2.2 Starting From Scratch
21:39 2.3 Fleshing Out the App Component
32:32 2.4 Passing Props to Components
41:11 2.5 Simplifying Markup Expressions
45:54 2.6 Handling Events and Working With State
56:15 2.7 Generating Multiple Components
1:04:08 2.8 Defining Functional Components
1:08:25 2.9 Handling User Input with Controlled Components
1:20:47 2.10 Referencing DOM Elements With ref
1:29:56 2.11 Handling User Input with Uncontrolled Components
1:38:45 2.12 Loading and Saving Data
1:46:27 Conclusion
Find free React tutorials on Envato Tuts+: code.tutsplus.com/c/javascript/s/react?utm_campaign=yt_tutsplus_bfDnjbw3DJM&utm_medium=referral&utm_source=youtube.com&utm_content=description
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_bfDnjbw3DJM&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_bfDnjbw3DJM&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Spline is a free online tool which makes 3D design easy for anyone. Learn how to get started, get a quick tour of the Spline interface, and discover how to move around in 3D space. You'll also get step-by-step instructions on building an animated Spline scene.
Here's what you'll learn:
00:00 Introduction
00:58 Spline Basics
09:55 Envato Promotion
10:47 Designing With Spline
35:50 Wrapping Up
► Read more on Envato Tuts+: photography.tutsplus.com/spline-tutorial-for-beginners--ytc-80c?utm_campaign=yt_tutsplus_HOhZAaBqNrw&utm_medium=referral&utm_source=youtube.com&utm_content=description
Read more animation tutorials on Envato Tuts+: photography.tutsplus.com/video/c/animation?utm_campaign=yt_tutsplus_HOhZAaBqNrw&utm_medium=referral&utm_source=youtube.com&utm_content=description
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_HOhZAaBqNrw&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato
Access an unrivaled range of quality assets and templates from our community of global artists, with one simple subscription.
► The broadest range of asset categories, all in one place: elements.envato.com/?utm_campaign=yt_tutsplus_HOhZAaBqNrw&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
► Envato, the must-have subscription for any creative: elements.envato.com/video-templates/compatible-with-after-effects?utm_campaign=yt_tutsplus_0N0NHlvMEWs&utm_medium=referral&utm_source=youtube.com&utm_content=description
To follow along with Jess, download the project files and a handy cheat sheet on motion design principles: enva.to/motionprinciples
Download the assets used in making this video: elements.envato.com/collections/WHUT5EVYJ9?utm_campaign=yt_tutsplus_0N0NHlvMEWs&utm_medium=referral&utm_source=youtube.com&utm_content=description
Here's what you'll learn:
00:00:00 Introduction
00:00:20 A Brief History of Motion Design
00:02:16 The Principles of Graphic Design
00:02:29 Hierarchy
00:02:44 Balance and Tension
00:02:57 Contrast
00:03:14 Negative Space
00:03:30 Repetition and Rhythm
00:03:59 Principles of Animation
00:04:33 Timing
00:06:05 Easing
00:06:51 Anticipation
00:07:29 Follow Through
00:07:55 Secondary Animation
00:08:31 Styling
00:09:00 Know the Rules to Break the Rules
► Read more on Envato Tuts+: design.tutsplus.com/the-principles-of-motion-design--ytc-79c?utm_campaign=yt_tutsplus_0N0NHlvMEWs&utm_medium=referral&utm_source=youtube.com&utm_content=description
Read more on Motion Design for Beginners on Envato Tuts+: photography.tutsplus.com/articles/motion-design-for-beginners--cms-93744?utm_campaign=yt_tutsplus_0N0NHlvMEWs&utm_medium=referral&utm_source=youtube.com&utm_content=description
CREDITS
Video Creator: Jess Riley
Producer: Joel Bankhead
Video Editor: Tom Graham
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_0N0NHlvMEWs&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_0N0NHlvMEWs&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
► The broadest range of asset categories, all in one place: elements.envato.com/all-items/90s?utm_campaign=yt_tutsplus_VFVzEldeW_g&utm_medium=referral&utm_source=youtube.com&utm_content=description
The 90s were a true mashup of styles; music, entertainment, and technology came together to influence graphic design in major ways. Countercultures like grunge combined with mainstream culture like R&B, pop, and TV to inspire everything that came out of this decade, where being cool and getting attention was at the core of creative expression.
Learn all about 90s design and how you can use it today:
00:00 Intro
01:05 Evolution of the Style
02:48 Music Influence
04:33 Film Influence
05:43 Get Seriously Creative With Envato
06:05 Advertising in the 90s
06:51 90s Web Design and Y2K
07:22 A Style Defined
09:02 Conclusion
Read more on Why 90s Graphic Design Was a Total Game Changer on Envato Tuts+: design.tutsplus.com/articles/why-90s-graphic-design-was-a-total-game-changer--cms-108390?utm_campaign=yt_tutsplus_VFVzEldeW_g&utm_medium=referral&utm_source=youtube.com&utm_content=description
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_VFVzEldeW_g&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► The broadest range of asset categories, all in one place: elements.envato.com/?utm_campaign=yt_tutsplus_VFVzEldeW_g&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_5UnXwzOh71A&utm_medium=referral&utm_source=youtube.com&utm_content=description
Download all the assets used in this video: elements.envato.com/collections/45LG23FKDU?utm_campaign=yt_tutsplus_5UnXwzOh71A&utm_medium=referral&utm_source=youtube.com&utm_content=description
Matte painting examples: toolbox-studio.com/blog/10-great-matte-paintings-that-have-changed-the-way-we-see-movies
Here's what you'll learn:
00:00 Introduction
00:39 What Is Matte Painting?
02:09 Planning a Matte Painting
03:40 Prepping Images
06:53 What Are Values?
09:38 How to Add Details
Read our free matte painting tutorial on Envato Tuts+: design.tutsplus.com/tutorials/what-is-matte-painting-in-photoshop--cms-108713?utm_campaign=yt_tutsplus_5UnXwzOh71A&utm_medium=referral&utm_source=youtube.com&utm_content=description
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_5UnXwzOh71A&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_5UnXwzOh71A&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_WofZ3OZpWXA&utm_medium=referral&utm_source=youtube.com&utm_content=description
Download all the assets used in this tutorial: elements.envato.com/collections/8MHRXVSU9F?utm_campaign=yt_tutsplus_WofZ3OZpWXA&utm_medium=referral&utm_source=youtube.com&utm_content=description
Julia will show you how to combine frame-by-frame animation with video footage to create a cool animation. She'll walk you through the whole process, from finding the right footage to designing characters that you can then bring to life with motion in Procreate Dreams.
Here's what you'll learn:
00:00 Introduction
00:41 Finding Footage
02:36 Getting Started in Procreate Dreams
04:06 Importing Media
05:15 Sketching Out Ideas
13:20 Creating Our First Character
19:32 Refining the Motion
20:53 Adding Character Details
25:24 New Character, New Techniques
29:48 Working Smarter, Not Harder
33:32 The Next Character!
41:49 Masking Techniques
46:31 Animating With Performance Mode
52:10 Adding Texture to Finish It Off
► Read more on Envato Tuts+: photography.tutsplus.com/procreate-dreams-for-beginners-free-video-course--ytc-77c?utm_campaign=yt_tutsplus_WofZ3OZpWXA&utm_medium=referral&utm_source=youtube.com&utm_content=description
►Interested in Procreate? Watch youtube.com/watch?v=oLLRi1nL1aE
Read free animation tutorials on Envato Tuts+: photography.tutsplus.com/video/c/animation?utm_campaign=yt_tutsplus_WofZ3OZpWXA&utm_medium=referral&utm_source=youtube.com&utm_content=description
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_WofZ3OZpWXA&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_WofZ3OZpWXA&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
We’ll take this one step at a time. First, we’ll look at a Figma design and do some planning. Then we’ll set up all the necessary collections in Webflow. Lastly, we’ll build out the two templates that we need in Webflow. You’ll also learn how to import content from CSV files, create fields that reference other collections, filter results, add display limits, and much more. Let’s get started!
00:00 Introduction
01:06 Envato Elements
01:17 Planning the Blog
08:18 Setting up Collections in Webflow
22:21 Envato Elements
23:12 Create the Blog Page
39:07 Create a Blog Index Page
► Read more on Envato Tuts+: webdesign.tutsplus.com/how-to-create-a-blog-with-webflow-video-course--ytc-76c?utm_campaign=yt_tutsplus_c0sS2cAvbGs&utm_medium=referral&utm_source=youtube.com&utm_content=description
Read free Webflow tutorials on Envato Tuts+: webdesign.tutsplus.com/compatible-with/webflow?utm_campaign=yt_tutsplus_c0sS2cAvbGs&utm_medium=referral&utm_source=youtube.com&utm_content=description
↯ Geek Logo Template elements.envato.com/geek-logo-template-5X97X6?utm_campaign=yt_tutsplus_c0sS2cAvbGs&utm_medium=referral&utm_source=youtube.com&utm_content=description
↯ Creative AI robot elements.envato.com/creative-ai-robot-learning-how-to-paint-on-canvas-F8DC5UW?utm_campaign=yt_tutsplus_c0sS2cAvbGs&utm_medium=referral&utm_source=youtube.com&utm_content=description
↯ Augmented reality elements.envato.com/immersed-into-augmented-reality-TEKSTPK?utm_campaign=yt_tutsplus_c0sS2cAvbGs&utm_medium=referral&utm_source=youtube.com&utm_content=description
↯ Advanced Cybersecurity elements.envato.com/advanced-cybersecurity-encryption-and-digital-data-YY25VU7?utm_campaign=yt_tutsplus_c0sS2cAvbGs&utm_medium=referral&utm_source=youtube.com&utm_content=description
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_c0sS2cAvbGs&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► The broadest range of asset categories, all in one place: elements.envato.com/?utm_campaign=yt_tutsplus_c0sS2cAvbGs&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_Aa5TDrbnp7w&utm_medium=referral&utm_source=youtube.com&utm_content=description
Download all the assets used in this video: elements.envato.com/collections/RAGX8KC5D4?utm_campaign=yt_tutsplus_Aa5TDrbnp7w&utm_medium=referral&utm_source=youtube.com&utm_content=description
Based in the Forgotten Realms, a pivotal cornerstone of the Dungeons & Dragons universe, Baldur's Gate 3 by Larian Studios took the gaming industry by storm in 2023. This award-winning game invites adventurers to dive into a richly woven narrative full of intrigue, magic, and the complex morality of a world teetering on the brink of chaos.
This step-by-step guide is crafted for both beginners and intermediate users looking to learn how to draw the Baldur's Gate 3 logo. I'll guide you through all the different tools necessary for the job, including the Pen Tool and the gold text effect Photoshop style. So let's roll a D20 for creativity and create your very own piece of the Forgotten Realms with our guide to creating the Baldur's Gate 3 logo.
Here's what you'll learn:
00:00 Introduction
00:57 Create the Background Shape
02:55 Get Seriously Creative With Envato Elements
03:05 Did You Know? Part 1
04:13 Create the Text
08:18 Dealing With Creator’s Block
08:57 Did You Know? Part 2
09:36 Text Patterns
24:13 The Background
25:43 Conclusion
Read more on How to Create the Baldur's Gate 3 Logo Text Effect on Envato Tuts+: design.tutsplus.com/tutorials/create-the-baldurs-gate-3-logo-text-effect--cms-108615?utm_campaign=yt_tutsplus_Aa5TDrbnp7w&utm_medium=referral&utm_source=youtube.com&utm_content=description
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_Aa5TDrbnp7w&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_Aa5TDrbnp7w&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Lottie gives us lightweight, scalable, and interactive animations for use on websites, apps, ads, and social media. In this course, Adi Purdila will teach you everything you need to know when getting started with Lottie Animations.
Here's what you'll learn:
00:00 Introduction
01:05 What Is Lottie?
06:22 Using Lottie Animations
21:58 Get Seriously Creative With Envato Elements
22:56 Creating Custom Lottie Animations
Read free Lottie tutorials on Envato Tuts+: webdesign.tutsplus.com/t/tutorials/search/lottie?utm_campaign=yt_tutsplus_Nesm2FTWo9s&utm_medium=referral&utm_source=youtube.com&utm_content=description
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_Nesm2FTWo9s&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_Nesm2FTWo9s&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
You'll start at the beginning and work quickly into more exciting techniques. Learn how to use the Pen Tool, how to create parametric shapes, how to use global colors, how to add gradients, and how to add typography with the Artistic Text Tool in our full Affinity Designer tutorial.
Download the assets used in this course from the Envato Elements Collection: elements.envato.com/collections/RTBXKSYFJE?utm_campaign=yt_tutsplus_stX0simAgVk&utm_medium=referral&utm_source=youtube.com&utm_content=description
00:00:00 1. Affinity Designer 2 Tutorial
00:00:23 2. Interface Tour
00:08:12 2.1 Get Seriously Creative With Envato Elements
00:08:31 3. Artboards and References
00:10:56 3.1 Creating an Artboard in Affinity Designer
00:14:19 3.2 Get Seriously Creative With Envato Elements
00:14:33 3.3 Add Reference Images
00:15:51 4. Basic Tools
00:15:53 4.1 How to Use the Move Tool in Affinity Designer
00:20:21 4.2 How to Use the Pen Tool in Affinity Designer
00:28:01 4.3 How to Use the Node Tool in Affinity Designer
00:29:23 4.4 How to Use the Corner Tool in Affinity Designer
00:33:34 4.5 How to Use the Pencil Tool in Affinity Designer
00:38:07 4.6 How to Clip Layers in Affinity Designer
00:41:28 4.7 Get Seriously Creative With Envato Elements
00:41:51 5 Layers and Shapes
00:41:52 5.1 How to Use the Vector Brush in Affinity Designer
00:45:34 5.2 How to Use Parametric Shapes in Affinity Designer
00:52:18 6 Color
00:52:53 6.1 How to Use the Swatches Panel in Affinity Designer
00:54:23 6.2 How to Use Global Colors in Affinity Designer
01:07:05 7 Shadows and Highlights
01:09:34 7.1 How to Use the Flood Fill Tool in Affinity Designer
01:17:06 8 Texture and Detail
01:17:16 8.1 How to Use the Brush Tool in Affinity Designer
01:22:32 8.2 How to Use Gradients in Affinity Designer
01:42:07 8.3 How to Use Compound Shapes in Affinity Designer
01:47:40 8.4 Adding Final Details to the Bear
01:48:33 9 Export
01:48:34 9.1 How to Use the Export Persona
01:52:16 10 Text
01:53:34 10.1 How to Use the Artistic Text Tool in Affinity Designer
02:04:19 10.2 How to Add a Mask in Affinity Designer
02:10:18 10.3 How to Use the Pixel Persona in Affinity Designer
02:14:02 11 Final Tips
02:14:13 11.1 How to Use the Resource Manager in Affinity Designer
► Read more on Envato Tuts+: design.tutsplus.com/affinity-designer-for-beginners--ytc-75c?utm_campaign=yt_tutsplus_stX0simAgVk&utm_medium=referral&utm_source=youtube.com&utm_content=description
►Explore our complete guide design.tutsplus.com/series/complete-affinity-designer-beginners-guide--cms-1345?utm_campaign=yt_tutsplus_stX0simAgVk&utm_medium=referral&utm_source=youtube.com&utm_content=description
Related Links
- drewmacstudio.com
- https://moonlab.studio/
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_stX0simAgVk&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► The broadest range of asset categories, all in one place: elements.envato.com/?utm_campaign=yt_tutsplus_stX0simAgVk&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato Tuts+ on Twitter: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_LL7Yl7XqPsI&utm_medium=referral&utm_source=youtube.com&utm_content=description
00:00 Introduction
01:00 This video is brought to you by Envato Elements
01:12 The basics of Webflow Interactions
16:02 Creating mouse-triggered effects in Webflow
33:11 Sponsor Ad
34:10 Creating transitions in Webflow
38:42 Creating scroll animations in Webflow
52:12 Adding Lottie animations in Webflow
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_LL7Yl7XqPsI&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_LL7Yl7XqPsI&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato Tuts+ on Twitter: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Now, JavaScript is the most popular and important programming language in the world, and with Node.js, you can build command-line and web applications completely with JavaScript.
In this comprehensive course, you'll learn everything you need to know about Node.js, from installation to working with a database, using Handlebars, and writing an HTTP server from scratch.
► Download the source files for this course: github.com/tutsplus/Node.js-Fundamentals
Useful Links:
• Node.js: nodejs.org
• Visual Studio Code: code.visualstudio.com
• Note: Atom Text editor has been discontinued, Sublime Text is a good alternative: sublimetext.com
• Express Handlebars (NPM): npmjs.com/package/express-handlebars
• Express Handlebars (Github): github.com/express-handlebars/express-handlebars
• MongoDB: mongodb.com
• Mongoose ORM: mongoosejs.com
► The broadest range of asset categories, all in one place: elements.envato.com/?utm_campaign=yt_tutsplus_gyQyk80_upM&utm_medium=referral&utm_source=youtube.com&utm_content=description
Here's what you'll learn in this course:
1 Node.js Fundamentals
00:00:00 1.1 Introduction
2 Getting Started
00:01:51 2.1 Installing Node.js
00:06:29 2.2 Using REPL
00:11:29 2.3 Working with REPL Commands
00:15:41 2.4 Working with Standard Input and Output
00:27:24 2.5 Using ReadLine as CommonJS Modules
00:36:33 2.6 Rewriting the Calculator with ES Modules
3 Writing a Command-Line Application
00:43:15 3.1 Working with Paths
00:53:02 3.2 Reading and Writing Files
01:00:06 3.3 Writing a Command Loop
01:10:56 3.4 Making HTTP Requests
01:22:42 3.5 Using Custom Events
4 Writing an HTTP Server From Scratch
01:33:00 4.1 Creating an HTTP Server
01:43:37 4.2 Using Nodemon and NPM Scripts
01:50:38 4.3 Generating Content
01:55:08 4.4 Extracting Query String Data
02:04:02 4.5 Handling URLs
02:11:33 4.6 Displaying a Form
02:19:19 4.7 Processing Form Data
02:28:19 4.8 Serving Static Files
5 Using Express
02:35:07 5.1 Getting Started with Express
02:43:09 5.2 Structuring the Project
02:50:39 5.3 Using Route Parameters
03:01:11 5.4 Introducing MVC
03:09:50 5.5 Writing a Simple View Engine
03:20:15 5.6 Handling Static Assets
03:26:07 5.7 Processing Creation Forms
03:38:05 5.8 Handling Edit Forms
03:48:55 5.9 Deleting Data
6 Processing Requests With Custom Functionality
03:52:48 6.1 Introducting Middleware
04:01:53 6.2 Creating and Processing Login Requests
04:08:32 6.3 Using Sessions
7 Using the Handlebars View Engine
04:16:46 7.1 Setting Up Handlebars
04:25:07 7.2 Generating Lists
04:30:56 7.3 Making Decisions
04:36:11 7.4 Defining Global View Variables
04:43:03 7.5 Using Different Layouts
8 Working With a Database
04:45:46 8.1 Getting Started with MongoDB
04:51:59 8.2 Storing Database Credentials
04:55:04 8.3 Creating Mongoose Models
05:03:13 8.4 Editing Documents in MongoDB
05:10:06 8.5 Creating and Deleting Documents
05:14:14 8.6 Discussing Security
05:23:47 8.7 Really Authenticating the User
9 Conclusion
05:31:58 9.1 Conclusion
Read free Node.js tutorials on Envato Tuts+: code.tutsplus.com/c/javascript/s/node?utm_campaign=yt_tutsplus_gyQyk80_upM&utm_medium=referral&utm_source=youtube.com&utm_content=description
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_gyQyk80_upM&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► The broadest range of asset categories, all in one place: elements.envato.com/?utm_campaign=yt_tutsplus_gyQyk80_upM&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
The Central Perk logo invites you to have a cup of coffee in a pleasant atmosphere with friends. It displays the name of the New York cafe that became the key location in the Friends series. It was considered their meeting place that was always free; the atmosphere inside always remained unchanged, and the furniture remained the same. For this reason, both the cafeteria and the Central Perk logo became memorable.
Let's recreate this iconic logo together in Adobe Illustrator. Here's what you'll learn:
00:00 How to Create Your Own Central Perk Logo
01:12 Create the Green Plate
06:04 Create the Ribbon
11:55 Create the Coffee Mug
21:24 Choose Fonts From Envato Elements
22:11 Create the Central Perk Text
26:14 Conclusion
Assets Used in This Video:
• Talking Headline Font: elements.envato.com/talking-modern-headline-condensed-font-FZBJK2W?utm_campaign=yt_tutsplus_tdH12OyJNtA&utm_medium=referral&utm_source=youtube.com&utm_content=description
• Torpunt Font: elements.envato.com/torpunt-font-CRAEK2D?utm_campaign=yt_tutsplus_tdH12OyJNtA&utm_medium=referral&utm_source=youtube.com&utm_content=description
Read more on How to Create Your Own Central Perk Logo in Illustrator on Envato Tuts+: design.tutsplus.com/tutorials/how-to-create-your-own-central-perk-logo-in-illustrator--cms-108453?utm_campaign=yt_tutsplus_tdH12OyJNtA&utm_medium=referral&utm_source=youtube.com&utm_content=description
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_tdH12OyJNtA&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Download Unlimited Stock Photos, Fonts & Templates with Envato Elements: elements.envato.com/?utm_campaign=yt_tutsplus_tdH12OyJNtA&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
00:00 Introduction
00:54 What Is Figma Multi-Edit?
05:18 Multi-Editing Text
06:32 Multi-Edit and Object Alignment
08:29 Get Seriously Creative With Envato Elements
09:20 Multi-Edit and Object Transformations
11:56 Multi-Edit and Auto Layout
13:50 Multi-Edit and Components
Learn more
► Read free web design tutorials on Envato Tuts+: webdesign.tutsplus.com/t/tutorials?utm_campaign=yt_tutsplus_wwQxCc5lFMQ&utm_medium=referral&utm_source=youtube.com&utm_content=description
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Deeper Dive Into Figma
► Figma Components youtube.com/watch?v=FfeuWbZSRj4
► Figma Auto Layout youtube.com/watch?v=ag0qTaAKqT8
► Figma Variables youtube.com/watch?v=w_rYM0IINAw
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_wwQxCc5lFMQ&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_wwQxCc5lFMQ&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato
Since its debut in the 1984 blockbuster, the Ghostbusters logo has been a symbol of paranormal fun. This step-by-step guide is crafted for both beginners and intermediate users looking to learn how to draw the Ghostbusters logo and its unforgettable "No Ghost" sign. Jonathan Lam will guide you through all the different tools necessary for the job, including the Pen Tool and the Type Tool, and he'll show you how to illuminate your design with a ghostly glow effect. So let's get ready to bust some ghosts, Adobe Illustrator style!
Download a collection of Ghostbusters-themed assets: elements.envato.com/collections/9PWGENB7DA?utm_campaign=yt_tutsplus_sjKdsHnid9k&utm_medium=referral&utm_source=youtube.com&utm_content=description
00:00 How to Draw the Ghostbusters Logo
01:11 Create the Red "No" Sign
04:20 Ghostly Musings + Envato Elements
04:49 Ghost Trivia
05:24 Draw the Ghost
09:59 Symbol Trivia
10:24 Add Ghoulish Detail
16:10 Spooky Typography + Envato Elements
18:45 Create the Text Glow Effect
23:08 Conclusion
►Check out our Ghostbusters logo tutorial on Envato Tuts+: design.tutsplus.com/tutorials/how-to-draw-the-ghostbusters-logo--cms-108486?utm_campaign=yt_tutsplus_sjKdsHnid9k&utm_medium=referral&utm_source=youtube.com&utm_content=description
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_sjKdsHnid9k&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► The broadest range of asset categories, all in one place: elements.envato.com/?utm_campaign=yt_tutsplus_sjKdsHnid9k&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Download the layered PSD of the editorial illustration by Julia Chetwood to follow along: s3.amazonaws.com/cms-assets.tutsplus.com/uploads/users/16/youtube_courses/73/resources/Editorial_Illustration_by_Julia_Chetwood.zip
00:00:00 Animate an Illustration
00:02:22 Get Seriously Creative With Envato Elements
00:02:44 Preparing Artwork in Photoshop
00:19:44 Preparing Artwork in After Effects
00:27:44 Adding a Camera in After Effects
00:35:30 Animating the Shadows in After Effects
00:41:34 Adding Creative Animation
00:51:19 Adding Background Grain
00:55:46 Deliver Your Best Work Faster With Envato Elements
00:56:17 Animating a Walking Man Shadow
► Read more on Envato Tuts+: photography.tutsplus.com/animate-an-illustration-in-after-effects--ytc-73c?utm_campaign=yt_tutsplus_Dhzwc7qL9cM&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato Elements Silhouette Man: elements.envato.com/silhouette-man-walking-alpha-channel-VDD5FU5?utm_campaign=yt_tutsplus_Dhzwc7qL9cM&utm_medium=referral&utm_source=youtube.com&utm_content=description
Learn more about animation on Envato Tuts+: photography.tutsplus.com/video/c/types-of-video/s/animation?utm_campaign=yt_tutsplus_Dhzwc7qL9cM&utm_medium=referral&utm_source=youtube.com&utm_content=description
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_Dhzwc7qL9cM&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_Dhzwc7qL9cM&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
00:00 Introduction
01:04 What Is Dev Mode?
16:31 Working With Figma Dev Mode
35:14 Conclusion
Resources
🔗 Figma for VS Code Extension: marketplace.visualstudio.com/items?itemName=figma.figma-vscode-extension
🔗 Travel Illustration on Envato Elements: elements.envato.com/best-travel-agency-travel-illustration-MC3SMHA?utm_campaign=yt_tutsplus_L5p9iX8wKos&utm_medium=referral&utm_source=youtube.com&utm_content=description
Learn more
► Read free web design tutorials on Envato Tuts+: webdesign.tutsplus.com/t/tutorials?utm_campaign=yt_tutsplus_L5p9iX8wKos&utm_medium=referral&utm_source=youtube.com&utm_content=description
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Deeper Dive Into Figma
► Figma Components youtube.com/watch?v=FfeuWbZSRj4
► Figma Auto Layout youtube.com/watch?v=ag0qTaAKqT8
► Figma Variables youtube.com/watch?v=w_rYM0IINAw
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_L5p9iX8wKos&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► The broadest range of asset categories, all in one place: elements.envato.com/?utm_campaign=yt_tutsplus_L5p9iX8wKos&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato
► Read free web design tutorials on Envato Tuts+: webdesign.tutsplus.com/t/tutorials?utm_campaign=yt_tutsplus_5jmW9XZ5ae4&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Download source files: bit.ly/asmr-001-source
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Envato Tuts+
Discover free how-to tutorials and online courses. Design a logo, create a website, build an app, or learn a new skill: tutsplus.com/?utm_campaign=yt_tutsplus_5jmW9XZ5ae4&utm_medium=referral&utm_source=youtube.com&utm_content=description
Envato Elements
All the creative assets you need under one subscription. Customize your project by adding unique photos, fonts, graphics, and themes.
► Envato, the must-have subscription for any creative: elements.envato.com/?utm_campaign=yt_tutsplus_5jmW9XZ5ae4&utm_medium=referral&utm_source=youtube.com&utm_content=description
► Subscribe to Envato Tuts+ on YouTube: youtube.com/tutsplus
► Follow Envato on X: twitter.com/envato
► Follow Envato on Facebook: facebook.com/envato