Web Design for Beginners | FREE COURSE Envato Tuts+ 2024-10-22 | Web Design for Beginners | FREE COURSE
How to Create Fog in Photoshop #shorts Envato Tuts+ 2024-05-06 | Learn how to add a fog effect to an image in Photoshop. ► Find amazing creative assets with Envato Elements: elements.envato.com ► Learn more about creating fog in Photoshop with Envato Tuts+: design.tutsplus.com/tutorials/how-to-create-fog-in-photoshop--cms-108547
Affinity Designer for Beginners | FREE COURSE Envato Tuts+ 2024-05-02 | Learn Affinity Designer 2 with this amazing FREE course. Learn all the essential tools and techniques you need to know to get started! ► Download unlimited photos, fonts, and templates with Envato Elements: elements.envato.com/?utm_campaign=yt_tutsplus_stX0simAgVk&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionYou'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=description00:00:00 1. Affinity Designer 2 Tutorial00:00:23 2. Interface Tour00:08:12 2.1 Get Seriously Creative With Envato Elements00:08:31 3. Artboards and References00:10:56 3.1 Creating an Artboard in Affinity Designer00:14:19 3.2 Get Seriously Creative With Envato Elements00:14:33 3.3 Add Reference Images00: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 Designer00:28:01 4.3 How to Use the Node Tool in Affinity Designer00:29:23 4.4 How to Use the Corner Tool in Affinity Designer00:33:34 4.5 How to Use the Pencil Tool in Affinity Designer00:38:07 4.6 How to Clip Layers in Affinity Designer00:41:28 4.7 Get Seriously Creative With Envato Elements00:41:51 5 Layers and Shapes00:41:52 5.1 How to Use the Vector Brush in Affinity Designer00:45:34 5.2 How to Use Parametric Shapes in Affinity Designer01:00:09 6 Color01:00:44 6.1 How to Use the Swatches Panel in Affinity Designer01:02:14 6.2 How to Use Global Colors in Affinity Designer01:14:56 7 Shadows and Highlights01:17:25 7.1 How to Use the Flood Fill Tool in Affinity Designer01:24:57 8 Texture and Detail01:25:07 8.1 How to Use the Brush Tool in Affinity Designer01:30:23 8.2 How to Use Gradients in Affinity Designer01:49:58 8.3 How to Use Compound Shapes in Affinity Designer01:55:31 8.4 Adding Final Details to the Bear01:56:24 9 Export01:56:25 9.1 How to Use the Export Persona02:00:07 10 Text02:01:25 10.1 How to Use the Artistic Text Tool in Affinity Designer02:12:10 10.2 How to Add a Mask in Affinity Designer02:18:09 10.3 How to Use the Pixel Persona in Affinity Designer02:21:53 11 Final Tips02:22:04 11.1 How to Use the Resource Manager in Affinity DesignerRelated 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=descriptionEnvato ElementsAll 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_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- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
How to Add a Rain Effect in Photoshop #shorts Envato Tuts+ 2024-04-29 | Learn how to add a rain effect to an image in Photoshop. ► Find amazing creative assets with Envato Elements: elements.envato.com ► Learn more about creating a rain effect with Envato Tuts+: design.tutsplus.com/tutorials/how-to-add-a-rain-effect-in-photoshop--cms-108554
How to Create Cold Breath in Photoshop #shorts Envato Tuts+ 2024-04-22 | Learn how to add cold breath to an image in Photoshop. ► Find amazing creative assets with Envato Elements: elements.envato.com ► Learn more about creating cold breath in Photoshop with Envato Tuts+: design.tutsplus.com/tutorials/how-to-create-cold-breath-in-photoshop--cms-108595
How to Add Sun Rays in Photoshop #shorts Envato Tuts+ 2024-04-15 | Discover how to add sun rays in Photoshop! ► Find amazing creative assets with Envato Elements: elements.envato.com ► Learn more about creating sun rays in Photoshop with Envato Tuts+: design.tutsplus.com/tutorials/how-to-add-sun-rays-in-photoshop--cms-108550
Webflow Animation and Interactions | Motion Design Tutorial Envato Tuts+ 2024-04-10 | Webflow makes it super easy to create interactions and animations. In just a few minutes, you can create a 3D rotation effect, a page loading animation, a parallax effect triggered by page scroll, or even a Lottie animation in Webflow. In this course, I’m going to show you how to create all these, and much more! ► Download unlimited photos, fonts, and templates with Envato Elements: elements.envato.com/?utm_campaign=yt_tutsplus_LL7Yl7XqPsI&utm_medium=referral&utm_source=youtube.com&utm_content=description00:00 Introduction01:00 This video is brought to you by Envato Elements01:12 The basics of Webflow Interactions16:02 Creating mouse-triggered effects in Webflow33:11 Sponsor Ad34:10 Creating transitions in Webflow38:42 Creating scroll animations in Webflow52: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=descriptionEnvato ElementsAll 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_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- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
How to Make a Wind Effect in Photoshop #shorts Envato Tuts+ 2024-04-08 | Learn how to make a wind effect in Photoshop! ► Find amazing creative assets with Envato Elements: elements.envato.com ► Learn more about making a wind effect in Photoshop with Envato Tuts+: design.tutsplus.com/tutorials/how-to-make-a-wind-effect-in-photoshop--cms-108568
Node.js Tutorial for Beginners | CRASH COURSE Envato Tuts+ 2024-04-03 | Node.js revolutionized the way we build web applications, but more importantly, it thrust JavaScript into the spotlight (as if it already wasn't). 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-FundamentalsUseful 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► Download unlimited photos, fonts, and templates with Envato Elements: elements.envato.com/?utm_campaign=yt_tutsplus_gyQyk80_upM&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionHere's what you'll learn in this course:1 Node.js Fundamentals00:00:00 1.1 Introduction2 Getting Started00:01:51 2.1 Installing Node.js00:06:29 2.2 Using REPL00:11:29 2.3 Working with REPL Commands00:15:41 2.4 Working with Standard Input and Output00:27:24 2.5 Using ReadLine as CommonJS Modules00:36:33 2.6 Rewriting the Calculator with ES Modules3 Writing a Command-Line Application00:43:15 3.1 Working with Paths00:53:02 3.2 Reading and Writing Files01:00:06 3.3 Writing a Command Loop01:10:56 3.4 Making HTTP Requests01:22:42 3.5 Using Custom Events4 Writing an HTTP Server From Scratch01:33:00 4.1 Creating an HTTP Server01:43:37 4.2 Using Nodemon and NPM Scripts01:50:38 4.3 Generating Content01:55:08 4.4 Extracting Query String Data02:04:02 4.5 Handling URLs02:11:33 4.6 Displaying a Form02:19:19 4.7 Processing Form Data02:28:19 4.8 Serving Static Files5 Using Express02:35:07 5.1 Getting Started with Express02:43:09 5.2 Structuring the Project02:50:39 5.3 Using Route Parameters03:01:11 5.4 Introducing MVC03:09:50 5.5 Writing a Simple View Engine03:20:15 5.6 Handling Static Assets03:26:07 5.7 Processing Creation Forms03:38:05 5.8 Handling Edit Forms03:48:55 5.9 Deleting Data6 Processing Requests With Custom Functionality03:52:48 6.1 Introducting Middleware04:01:53 6.2 Creating and Processing Login Requests04:08:32 6.3 Using Sessions7 Using the Handlebars View Engine04:16:46 7.1 Setting Up Handlebars04:25:07 7.2 Generating Lists04:30:56 7.3 Making Decisions04:36:11 7.4 Defining Global View Variables04:43:03 7.5 Using Different Layouts8 Working With a Database04:45:46 8.1 Getting Started with MongoDB04:51:59 8.2 Storing Database Credentials04:55:04 8.3 Creating Mongoose Models05:03:13 8.4 Editing Documents in MongoDB05:10:06 8.5 Creating and Deleting Documents05:14:14 8.6 Discussing Security05:23:47 8.7 Really Authenticating the User9 Conclusion05:31:58 9.1 ConclusionRead 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=descriptionEnvato ElementsAll 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_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- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
How to Create a Beyoncé Cowboy Carter Ribbon in Illustrator #shorts Envato Tuts+ 2024-04-01 | Pay tribute to Beyoncé's new album by creating a "Cowboy Carter" ribbon in Illustrator. ► Find amazing creative assets with Envato Elements: elements.envato.com ► Learn more about creating a "Cowboy Carter" ribbon with Envato Tuts+: design.tutsplus.com/tutorials/how-to-create-a-beyonce-cowboy-carter-ribbon-in-illustrator--cms-108636
How to Draw the Central Perk Logo in Illustrator Envato Tuts+ 2024-03-28 | Feeling nostalgic for the 1990s? Follow this video to learn how to draw the Central Perk logo from Friends using Adobe Illustrator. ► Download unlimited photos, fonts, and templates with Envato Elements: elements.envato.com/?utm_campaign=yt_tutsplus_tdH12OyJNtA&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionThe 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 Logo01:12 Create the Green Plate06:04 Create the Ribbon 11:55 Create the Coffee Mug21:24 Choose Fonts From Envato Elements22:11 Create the Central Perk Text 26:14 ConclusionAssets 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=descriptionRead 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=descriptionEnvato ElementsAll 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- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Figma Multi-Edit (Awesome New Feature!) | Tutorial Envato Tuts+ 2024-03-19 | In Figma, you can now select and edit objects, in bulk, across multiple frames. You can change multiple text elements at the same time, simultaneously apply transformations to multiple objects, and much more. All of this is possible thanks to Figma’s new multi-edit feature, and in this video I’ll show you how it all works! ► Download unlimited photos, fonts, and templates with Envato Elements: elements.envato.com/?utm_campaign=yt_tutsplus_wwQxCc5lFMQ&utm_medium=referral&utm_source=youtube.com&utm_content=description00:00 Introduction00:54 What Is Figma Multi-Edit?05:18 Multi-Editing Text06:32 Multi-Edit and Object Alignment08:29 Get Seriously Creative With Envato Elements09:20 Multi-Edit and Object Transformations11:56 Multi-Edit and Auto Layout13:50 Multi-Edit and ComponentsLearn 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=descriptionEnvato ElementsAll 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_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
Font Pairing Tips for Better UI Design: Dansky #shorts Envato Tuts+ 2024-03-15 | Struggling to work out which fonts to use? Here are some font pairing tips for better UI design. ► Find amazing creative assets with Envato Elements: elements.envato.com ► Learn more about UI design with Envato Tuts+: webdesign.tutsplus.com/c/uxui/s/ui-design
How to Draw the Ghostbusters Logo | Illustrator Tutorial Envato Tuts+ 2024-03-14 | "Who ya gonna call?" If you're looking to summon up the skills to recreate one of the most iconic logos in pop culture history using Adobe Illustrator, then you've come to the right tutorial. ► Download unlimited creative assets with Envato Elements: elements.envato.com/?utm_campaign=yt_tutsplus_sjKdsHnid9k&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionSince 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!00:00 How to Draw the Ghostbusters Logo01:11 Create the Red "No" Sign04:20 Ghostly Musings + Envato Elements04:49 Ghost Trivia05:24 Draw the Ghost09:59 Symbol Trivia10:24 Add Ghoulish Detail16:10 Spooky Typography + Envato Elements18:45 Create the Text Glow Effect23: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=descriptionEnvato ElementsAll 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_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- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Animate an Illustration in After Effects | FULL WORKFLOW Envato Tuts+ 2024-03-13 | Want to be a professional motion designer? You need to learn how to take a PSD illustration and bring it to life with animation. Join Jess and learn the full illustration-to-animation workflow in Adobe Photoshop and Adobe After Effects. ► Download unlimited After Effects video templates with Envato Elements: elements.envato.com/video-templates/compatible-with-after-effects?utm_campaign=yt_tutsplus_Dhzwc7qL9cM&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionDownload 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.zip00:00:00 Animate an Illustration00:02:22 Get Seriously Creative With Envato Elements00:02:44 Preparing Artwork in Photoshop00:19:44 Preparing Artwork in After Effects00:27:44 Adding a Camera in After Effects00:35:30 Animating the Shadows in After Effects00:41:34 Adding Creative Animation00:51:19 Adding Background Grain00:55:46 Deliver Your Best Work Faster With Envato Elements00:56:17 Animating a Walking Man ShadowEnvato 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=descriptionLearn 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=descriptionEnvato ElementsAll 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_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- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Figma Dev Mode Rocks 🤘 Full Tutorial Envato Tuts+ 2024-03-07 | Figma Dev Mode is an awesome tool for bridging the gap between design and code. It allows developers to inspect a design file in Figma, and get all the details and specs they need, simply by clicking and hovering over objects. It’s truly a game changer! And in this Figma tutorial, Adi will tell you all about it. ► Download unlimited photos, fonts, and templates with Envato Elements: elements.envato.com/?utm_campaign=yt_tutsplus_L5p9iX8wKos&utm_medium=referral&utm_source=youtube.com&utm_content=description00:00 Introduction01:04 What Is Dev Mode?16:31 Working With Figma Dev Mode35:14 ConclusionResources🔗 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=descriptionLearn 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=descriptionEnvato ElementsAll 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_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
Accessibility on the Web 😜 Dansky #shorts Envato Tuts+ 2024-03-01 | Check out these best practices for emoji accessibility on the web. ► Find amazing creative assets with Envato Elements: elements.envato.com ► Learn more about accessibility in web design with Envato Tuts+: webdesign.tutsplus.com/c/uxui/s/accessibility
ASMR Coding | Build a CSS Landing Page | No Talking Envato Tuts+ 2024-02-29 | No words, just code! Follow Envato Tuts+ veteran Adi Purdila as he codes a responsive landing page with HTML and CSS. Watch his typing ASMR workflow in Visual Studio Code and learn some keyboard shortcuts, all while listening to the soothing ASMR clacking of Adi’s mechanical keyboard sounds. ► Download unlimited photos, fonts, and templates with Envato Elements: elements.envato.com/?utm_campaign=yt_tutsplus_5jmW9XZ5ae4&utm_medium=referral&utm_source=youtube.com&utm_content=description► 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=descriptionEnvato ElementsAll 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_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
How to Create the Dune Movie Logo in Illustrator #shorts Envato Tuts+ 2024-02-26 | Learn how to create the Dune movie logo in Illustrator in this short video. ► Find amazing creative assets with Envato Elements: elements.envato.com ► Learn more about how to create the Dune movie logo with Envato Tuts+: design.tutsplus.com/tutorials/how-to-create-the-dune-movie-logo--cms-108483
Adobe Hacks You Need to Know | From the Creators Den Envato Tuts+ 2024-02-22 | Discover the essential Adobe hacks that our Envato Tuts+ instructors wished they'd known about sooner! Leave a comment to vote for your favorite or add your own suggestion.► Download unlimited photos, fonts, and templates with Envato Elements: elements.envato.com/?utm_campaign=yt_tutsplus_FYf2zf77Y7c&utm_medium=referral&utm_source=youtube.com&utm_content=description00:00 Introduction00:11 Hack 1: Photoshop (More Undo Steps)00:43 Hack 2: InDesign (Rectangle Frame Tool Grids)01:13 Hack 3: Premiere Pro (Captions to Graphics)02:12 Hack 4: Photoshop (Adjustment Layers With Masks)02:55 Hack 5: Illustrator (Changing the Default Text Settings)03:37 Hack 6: InDesign (Select Subject)04:10 Hack 7: Illustrator (Save Multiple Artboards)Read more on Envato Tuts+: design.tutsplus.com/tutorials/top-adobe-hacks--cms-108507?utm_campaign=yt_tutsplus_FYf2zf77Y7c&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_FYf2zf77Y7c&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionEnvato ElementsAll 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_FYf2zf77Y7c&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- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Figma Tutorial | Beginners Quick Start Guide Envato Tuts+ 2024-02-21 | If you’ve still never used Figma, don’t worry! Now is the time. This Figma tutorial will explain everything you need to get started in just 47 minutes. It will be quick, to the point, and with cool demos you can practice on along the way.► Download unlimited photos, fonts, and templates with Envato Elements: elements.envato.com/?utm_campaign=yt_tutsplus_zbVrPZeXZc0&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionWe’ll cover the basics, like account creation and the interface, and then we’ll look at colors, shapes, and file organization, before moving on to more intermediate subjects like auto layout, components, and prototyping. This is literally everything you need to start using Figma today.00:00 Figma Tutorial00:34 Brought to you by Envato Elements00:45 First Figma steps04:47 Learning the Figma Editor08:49 Layers, groups, and frames14:44 Get seriously creative with Envato Elements15:35 Working with text19:36 Using shapes and images26:27 Working with colors32:27 Working smarter, with Auto Layout36:37 Reusing elements with Figma Components42:02 Prototyping in Figma46:08 Deliver your best work faster with Envato Elements► Read free web design tutorials on Envato Tuts+: webdesign.tutsplus.com/t/tutorials?utm_campaign=yt_tutsplus_zbVrPZeXZc0&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_zbVrPZeXZc0&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionEnvato ElementsAll 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_zbVrPZeXZc0&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
Digital Marketing Tips 2024 | Your Questions Answered Envato Tuts+ 2024-02-20 | HubSpot’s Kat Warboys answers the most pressing digital marketing questions of 2024. How do I balance creativity with strategy? How do I make my work more visible? How do I grow my audience?► Download unlimited photos, fonts, and templates with Envato Elements: elements.envato.com/?utm_campaign=yt_tutsplus_mI58Yu8HPQ0&utm_medium=referral&utm_source=youtube.com&utm_content=description00:00 Digital Marketing Tips 202400:29 #1 How do I make my work more visible?02:06 #2 How do I grow my audience?03:22 #3 How do I balance creativity with strategy?04:16 Get seriously creative with Envato Elements04:37 #4 How do I create a successful marketing campaign?06:44 #5 How can I leverage the benefits of personalization?08:50 #6 What’s the most valuable advice you think every creator should know?09:32 #7 How do you think the advancement of AI will affect creatives?10:54 #8 What are your top 3 marketing trend predictions for 2024?Make My Persona tool: hubspot.com/make-my-persona- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -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_mI58Yu8HPQ0&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionEnvato ElementsAll 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_mI58Yu8HPQ0&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
Common UI Design Mistakes: Dansky #shorts Envato Tuts+ 2024-02-16 | Here are some quick fixes for some common UI design mistakes. ► Find amazing creative assets with Envato Elements: elements.envato.com ► Learn more about UI design with Envato Tuts+: webdesign.tutsplus.com/c/uxui/s/ui-design
6 Tips on How to Ace Group Interviews Envato Tuts+ 2024-02-13 | In this video, we’ll talk about how to prepare for a group interview. Rather than letting group interview questions catch you off guard, we’ll talk about simple steps you can take so you know best how to prepare for a group interview. ► Download unlimited photos, fonts, and templates with Envato Elements: elements.envato.com/?utm_campaign=yt_tutsplus_enFWl6n-cFs&utm_medium=referral&utm_source=youtube.com&utm_content=description► Download all the assets used in this video: elements.envato.com/collections/YD3N9W5EAQ?utm_campaign=yt_tutsplus_enFWl6n-cFs&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionWe’ll dive right into effective group interview tips. In particular, we’ll discuss how to stand out in a group interview by conducting your due diligence beforehand. We’ll also talk about the importance of involving everyone in your answers and the significance of body language. Appearing confident will help you learn how to stand out in a group interview. We’ll also cover online group interview tips, such as how to focus on your online group interview questions in relative peace and silence, and the importance of making sure your room is free of excessive visual distractions. It's also important to make sure your mic is working, and that you have adequate lighting for proper video quality.Find the related tutorial here: business.tutsplus.com/tutorials/what-is-a-group-interview--cms-31324?utm_campaign=yt_tutsplus_enFWl6n-cFs&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionFind a playlist of Career Tips videos here: youtube.com/watch?v=iqs2oooSRis&list=PLgGbWId6zgaVIyv5CZEh0rHnwLIgn6GMo&pp=iAQB0:00 Introduction0:58 Conduct Due Diligence on the Interviewer1:58 Involve Everyone in Your Answers2:34 Be Confident in Body Language and Voice3:04 Zoom Tip: Check Settings, Lighting, and Background3:42 Zoom Tip: Let Family Members Know You Have an Interview4:24 Conclusion- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -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_enFWl6n-cFs&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionEnvato ElementsAll 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_enFWl6n-cFs&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 Supreme Brand Is Based on Barbara Krugers Style #shorts Envato Tuts+ 2024-02-11 | What does the Supreme streetwear brand have to do with conceptual artist Barbara Kruger? Find out in this short video. ► Find amazing creative assets with Envato Elements: elements.envato.com ► Learn more about the Supreme brand design with Envato Tuts+: design.tutsplus.com/tutorials/the-principle-of-economy-the-unexpected-power-of-a-font-and-a-rectangle--cms-107023
10 Epic Photo Manipulation Tips & Tricks | Photoshop Tutorial Envato Tuts+ 2024-02-08 | Want to master photo manipulation? Here are ten Photoshop tips and tricks you can't do without.► Download unlimited photos, fonts, and templates with Envato Elements: elements.envato.com/?utm_campaign=yt_tutsplus_E8EakX0fMnc&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionIn this video, Abbey Esparza will take you through her top ten tips for photo manipulation in Photoshop. Learn how to use generative fill, blend if, and other essential Photoshop tools. And master tricky techniques like extracting hair, painting blood, creating rain, and more. Whether you're a digital artist, photo editor, or creative compositor, these tools and techniques will help you take your work to the next level.Here's what you'll learn:00:00 Introduction00:33 1. Generative Fill02:34 2. Blend If04:30 3. Extracting Hair05:16 4. Face & Body Paint Effect06:35 5. Create a Planet08:41 6. Backlit Hair10:06 7. Create Rain13:09 8. Create Veins15:07 9. Oil Paint Effect16:45 10. Paint BloodRead more on these 10 epic photo manipulation tips and tricks on Envato Tuts+: design.tutsplus.com/tutorials/10-epic-photo-manipulation-tips-and-tricks-in-photoshop--cms-108093?utm_campaign=yt_tutsplus_E8EakX0fMnc&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_E8EakX0fMnc&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionEnvato ElementsAll 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_E8EakX0fMnc&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- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
I Recreated the NASA Home Page With WordPress Blocks IN 30 MINS! Envato Tuts+ 2024-02-07 | Today you’re going to see the awesome power of WordPress, as I recreate the NASA website in under 30 minutes. Follow along as we use nothing more than WordPress, the default block theme, and core Gutenberg blocks (no plugins, no additional CSS).► Download unlimited photos, fonts, and templates with Envato Elements: elements.envato.com/?utm_campaign=yt_tutsplus_-afMM8ykemw&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionRecreating the NASA website is a great challenge because the real one was built using WordPress (though the actual project was much more complex!)Follow this link to set up your free WP installation: app.instawp.io/launch?t=nasawebsite&d=v2►Read free web design tutorials on Envato Tuts+: webdesign.tutsplus.com/t/tutorials?utm_campaign=yt_tutsplus_-afMM8ykemw&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_-afMM8ykemw&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionEnvato ElementsAll 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_-afMM8ykemw&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- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
How to Hyperlink in InDesign #shorts Envato Tuts+ 2024-02-04 | Learn how to hyperlink in InDesign in this quick video. ► Find amazing InDesign templates on Envato Elements: elements.envato.com/graphic-templates/compatible-with-adobe-indesign?utm_campaign=yt_tutsplus_uBtbKnTqrQw&utm_medium=referral&utm_source=youtube.com&utm_content=description ► Learn more about creating interactive PDFs in InDesign using hyperlinks on Envato Tuts+: design.tutsplus.com/tutorials/how-to-create-interactive-pdfs-in-indesign-using-hyperlinks--vector-3288?utm_campaign=yt_tutsplus_uBtbKnTqrQw&utm_medium=referral&utm_source=youtube.com&utm_content=description
Adobe vs Affinity | The Ultimate Guide Envato Tuts+ 2024-02-01 | As your Adobe Creative Cloud subscription renewal approaches, the thought of exploring more cost-effective alternatives might be crossing your mind. In this video, we'll compare Adobe Creative Cloud and Affinity, two popular suites that cater to different needs and preferences.► Download unlimited photos, fonts, and templates with Envato Elements: elements.envato.com/?utm_campaign=yt_tutsplus_2hAtdfX4Ma0&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionAdobe Creative Cloud, an industry standard for decades, offers a vast range of applications spanning motion graphics, video editing, UI design, and more. On the other hand, Affinity, a newer suite owned by the UK-based company Serif, focuses on photo editing, vector graphics, and publishing. This comparison will look at Lightroom and Photoshop vs. Affinity Photo, Illustrator vs. Affinity Designer, and InDesign vs. Affinity Publisher. Here's what we'll cover:00:00 Introduction00:59 Pricing02:35 Adobe Photoshop vs. Affinity Photo03:45 Adobe Lightroom vs. Affinity Photo04:30 Adobe Illustrator vs. Affinity Designer06:49 Adobe InDesign vs. Affinity Publisher09:51 Which should you choose?11:20 ConclusionRead more on Adobe vs. Affinity at Envato Tuts+: design.tutsplus.com/articles/adobe-creative-cloud-vs-affinity-a-comprehensive-guide--cms-108233?utm_campaign=yt_tutsplus_2hAtdfX4Ma0&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_2hAtdfX4Ma0&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionEnvato ElementsAll 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_2hAtdfX4Ma0&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- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
5 Pen Tool Keyboard Shortcuts for Adobe Illustrator #shorts Envato Tuts+ 2024-01-28 | Discover five amazing keyboard shortcuts to help you get the most out of the Pen Tool in Adobe Illustrator. ► Download unlimited photos, fonts, and templates with Envato Elements: elements.envato.com/?utm_campaign=yt_tutsplus_8uhbH-0xpPk&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionAssets Used in This Video:• Rocket Illustration: elements.envato.com/rocket-simple-line-art-illustration-FVTG9U2?utm_campaign=yt_tutsplus_8uhbH-0xpPk&utm_medium=referral&utm_source=youtube.com&utm_content=description• Boom Sound Effect: elements.envato.com/boom-THE6QHY?utm_campaign=yt_tutsplus_8uhbH-0xpPk&utm_medium=referral&utm_source=youtube.com&utm_content=description• Hip Hop Background Music: elements.envato.com/hip-hop-background-3T2Q3BA?utm_campaign=yt_tutsplus_8uhbH-0xpPk&utm_medium=referral&utm_source=youtube.com&utm_content=description• Pen Tool Illustrations: elements.envato.com/3-pen-tool-cartoon-illustration-5CZ5JFN?utm_campaign=yt_tutsplus_8uhbH-0xpPk&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionRead more in "5 Pen Tool Keyboard Shortcuts for Adobe Illustrator" on Envato Tuts+: design.tutsplus.com/tutorials/5-pen-tool-keyboard-shortcuts-for-adobe-illustrator--cms-107594?utm_campaign=yt_tutsplus_8uhbH-0xpPk&utm_medium=referral&utm_source=youtube.com&utm_content=description
What Makes a Great Movie Logo? Envato Tuts+ 2024-01-24 | In this video, we'll take a look at the origin of movie logos, deconstruct some famous movie logos, and analyze why they work so well.► Download unlimited creative assets with Envato Elements: elements.envato.com/?utm_campaign=yt_tutsplus_TrkiAsCJPJo&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionWith the right logos, movie studios can send an important message about what viewers can expect to see in theaters and provoke different emotions in their audience before introducing a movie plotline.Learn about great movie logos and why they work—we'll take a detailed look at movie logos from The Shining, Jurassic Park, The Godfather, Star Wars, and more. By the end, you'll have gained some useful insights that you can apply to your own logo design projects.00:00 Introduction00:35 History of Movie Titles02:50 Analysis of Famous Movie Logos09:28 What Makes a Great Movie Logo?Read more on what makes a great movie logo on Envato Tuts+: design.tutsplus.com/articles/what-makes-a-great-movie-logo--cms-108188?utm_campaign=yt_tutsplus_TrkiAsCJPJo&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_TrkiAsCJPJo&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionEnvato ElementsAll 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_TrkiAsCJPJo&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- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Master InDesign Layout | Take Your Designs From Ordinary to Extraordinary! Envato Tuts+ 2024-01-18 | So you’re using an InDesign template and want to take it from ordinary to extraordinary in a few simple steps. Let our InDesign expert Laura Keung show you how to do that. ► Download unlimited InDesign templates with Envato Elements: elements.envato.com/graphic-templates/compatible-with-adobe-indesign?utm_campaign=yt_tutsplus_8nt8zn6m4z0&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionAssets Used in This Video:• Acoustic Guitar: elements.envato.com/acoustic-guitar-on-a-blue-background-top-view-copy-LBWJ9CH?utm_campaign=yt_tutsplus_8nt8zn6m4z0&utm_medium=referral&utm_source=youtube.com&utm_content=description• Just Sans: elements.envato.com/just-sans-clean-modern-minimal-geometric-typeface-ZW4QBZ9?utm_campaign=yt_tutsplus_8nt8zn6m4z0&utm_medium=referral&utm_source=youtube.com&utm_content=description• Blogh: elements.envato.com/blogh-PT98SGP?utm_campaign=yt_tutsplus_8nt8zn6m4z0&utm_medium=referral&utm_source=youtube.com&utm_content=description• Woman in Garden: elements.envato.com/woman-standing-in-botany-garden-BVYXXGX?utm_campaign=yt_tutsplus_8nt8zn6m4z0&utm_medium=referral&utm_source=youtube.com&utm_content=description• Florist: elements.envato.com/young-male-florist-working-in-flower-shop-MLAKU32?utm_campaign=yt_tutsplus_8nt8zn6m4z0&utm_medium=referral&utm_source=youtube.com&utm_content=description• Abstract Technology Music: elements.envato.com/abstract-minimal-technology-57PL5EG?utm_campaign=yt_tutsplus_8nt8zn6m4z0&utm_medium=referral&utm_source=youtube.com&utm_content=description• Awards Stylish Display Sans: https://http://elements.envato.com/awards-stylish-display-sans-6NDR2NW?utm_campaign=yt_tutsplus_8nt8zn6m4z0&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionLearn more in these free courses:youtu.be/9EPTM91TBDU?si=TTvkbVOteS8jrLZIyoutu.be/yAuUDyUC-GM?si=ibcPre4NMycy2grVHere's what you'll learn in this video:00:00 Intro00:37 How to Elevate Print Design Templates01:31 Business Card Template04:20 Flyer Design Template07:11 Brochure Design Template11:09 ConclusionRead more on InDesign Layout Mastery on Envato Tuts+: design.tutsplus.com/articles/indesign-layout-mastery--cms-107962?utm_campaign=yt_tutsplus_8nt8zn6m4z0&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_8nt8zn6m4z0&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionEnvato ElementsAll 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_8nt8zn6m4z0&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- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
How to Make a Great “Any Questions” PowerPoint Slide Envato Tuts+ 2024-01-16 | The key to giving a successful presentation is finishing strong, and the best way to do that is with a questions PowerPoint slide. In this tutorial, you'll learn how to make a questions slide in PowerPoint. This way, your last slide will really count! ► Download unlimited PPT templates with Envato Elements: elements.envato.com/presentation-templates/compatible-with-powerpoint?utm_campaign=yt_tutsplus_MXP14VqE5M0&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionWe'll use the CLEAN PowerPoint template from Envato Elements. Elements is the best way to build a PowerPoint questions slide with ease. For a flat monthly rate, you'll enjoy unlimited downloads of thousands of stunning PowerPoint templates. Plus, Elements includes over 16 million digital assets, like fonts and stock photos.Working on slide #48 in the deck, we will build a PowerPoint questions slide. Always be sure to show gratitude! Thank your audience for their time and attention. Then, get the conversation started by allowing time for questions.On Slide #23, you can build a Q&A slide of your own. It's a good idea to list some common questions. This gets your audience thinking, and helps break the ice. On slide #25, you can swap out the existing text with your own contact details. This is key if you can't take questions in real time, or if you want audiences to reach out later.How can you make your last PowerPoint slide count? Be creative, helping to spark the conversation. Try using hypothetical scenarios to place your messages in context. And it's often helpful to have a friend or colleague ask the first question to break the ice with your audience.It's easy to make a PowerPoint questions slide. Start with a premium Envato Elements template. Then, thank your audience and build in space for questions. It's a sure way to make a presentation into a conversation, not just a lecture!Find the related tutorial here: elements.envato.com/learn/any-questions-powerpoint-slide?utm_campaign=yt_tutsplus_MXP14VqE5M0&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionFind a playlist of PowerPoint videos here: youtube.com/playlist?list=PLgGbWId6zgaUhP9uSU17W-9c4-sYLU1MIDownload the assets used in this video:• CLEAN PowerPoint: elements.envato.com/clean-powerpoint-8L4KK2?utm_campaign=yt_tutsplus_MXP14VqE5M0&utm_medium=referral&utm_source=youtube.com&utm_content=description• Business People Presenting New Project: elements.envato.com/business-people-presenting-new-project-to-multi-et-XNGQXJW?utm_campaign=yt_tutsplus_MXP14VqE5M0&utm_medium=referral&utm_source=youtube.com&utm_content=description• Audience at a Seminar: elements.envato.com/audience-at-a-seminar-raising-hands-to-ask-questio-DX8YF2L?utm_campaign=yt_tutsplus_MXP14VqE5M0&utm_medium=referral&utm_source=youtube.com&utm_content=description• Businesswoman Giving Presentation: elements.envato.com/businesswoman-giving-presentation-YEGSW69?utm_campaign=yt_tutsplus_MXP14VqE5M0&utm_medium=referral&utm_source=youtube.com&utm_content=description0:00 Introduction1:07 Questions Slide: Thank You1:37 Q & A Slide With Conversation Starters2:07 Contact Us Slide2:27 Creative Tips for Questions Slides3:22 Conclusion- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -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_MXP14VqE5M0&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionEnvato ElementsAll 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_MXP14VqE5M0&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- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Best & Worst Adobe Tools | From the Creators Den Envato Tuts+ 2024-01-11 | What is your favorite Adobe tool? Our Tuts+ creators share the tools they love and those that give them the biggest headache. Share your best and worst in the comments! ► Download unlimited photos, fonts, and templates with Envato Elements: elements.envato.com/?utm_campaign=yt_tutsplus_5Ixm-MQYQa0&utm_medium=referral&utm_source=youtube.com&utm_content=description00:00 Introduction00:11 Photoshop Tools: Abbey Esparza 00:56 Illustrator Tools: Andrei Marius 01:40 InDesign Tools: Laura Keung 03:00 Premiere Pro Tools: Marco Korreli 03:56 After Effects Tools: Tom Graham 05:14 InDesign Tools: Ashlee Harrell 06:12 Lightroom Tools: Jamie Kronick 07:24 Illustrator Tools: Jonathan Lam Read more about the best and worst Adobe Creative Cloud tools on Envato Tuts+: design.tutsplus.com/articles/our-best-and-worst-adobe-creative-cloud-tools--cms-108381?utm_campaign=yt_tutsplus_5Ixm-MQYQa0&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_5Ixm-MQYQa0&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionEnvato ElementsAll 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_5Ixm-MQYQa0&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- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Web Design Trends for 2024 Envato Tuts+ 2024-01-09 | What are the key web design trends to watch out for in 2024? Watch this video to find out. ► Download unlimited photos, fonts, and templates with Envato Elements: elements.envato.com/?utm_campaign=yt_tutsplus_7FVSqLzo-TY&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionFind out what the future holds for web design in 2024. We've got Dansky talking about the key UI design trends, Adi Purdila on Webflow, Jemima Abu on front-end development and AI, and finally Jamie covering WordPress trends for 2024. By the end of this video, you'll be on top of all the key web design trends for the year to come.00:00 Introduction00:39 UI Design Trends With Dansky02:43 Webflow Trends With Adi05:05 Front-End Development Trends With Jemima06:28 WordPress Trends With JamieRead free web design tutorials on Envato Tuts+: webdesign.tutsplus.com/t/tutorials?utm_campaign=yt_tutsplus_7FVSqLzo-TY&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_7FVSqLzo-TY&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionEnvato ElementsAll 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_7FVSqLzo-TY&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- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
How to Extend a Background in Photoshop #shorts Envato Tuts+ 2024-01-07 | Learn how to extend a background in Photoshop quickly and easily! ► Find amazing creative assets with Envato Elements: elements.envato.com ► Learn more about extending a Photoshop background with Envato Tuts+: design.tutsplus.com/tutorials/how-to-extend-background-in-photoshop--cms-37366
9 Cuts Every Video Editor Needs to Know Envato Tuts+ 2024-01-03 | Want to master video editing? These are the 9 types of cuts that you need to know! ► Find royalty-free video templates, music tracks, sound effects and more with Envato Elements: elements.envato.com/?utm_campaign=yt_tutsplus_k8_560Nz37A&utm_medium=referral&utm_source=youtube.com&utm_content=description00:00:01 Intro: Narrative Cuts and Technical Cuts00:00:43 Narrative Cuts vs Technical Cuts00:01:06 #1 Hard Cut00:01:54 #2 Jump Cut00:02:39 #3 Cross Cut00:02:55 #4 Punch In, Cut In, Close Up00:03:14 #5 Montage00:04:17 #6 Split Edit00:04:51 #7 Match Cut00:05:34 #8 Cutting On The Action00:06:35 #9 Invisible CutCreative assets used in this video: elements.envato.com/collections/2FCTNDZHAL?utm_campaign=yt_tutsplus_k8_560Nz37A&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_k8_560Nz37A&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_k8_560Nz37A&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
How to Customize a Resume Template for Freelancers Envato Tuts+ 2023-12-12 | If you’re trying to figure out how to best put together a freelancer resume with the goal of getting more clients, or you are trying to transition into a full time job after years of freelancing, then you’re in the right place. In this video, we’ll discuss simple strategies you can use on your freelancer resume. The best resume for freelancer success shines a light on your freelance experience in a way that makes you more attractive to potential employers.The easiest resume for freelancer use often utilizes a template to save you time while giving you a professional, slick design, so we’ll be using the Colorful Resume & Cover Letter Template from Envato Elements. Resume templates from Envato Elements gives you a professional, fun design that includes all of the informational categories you need.As we customize each section of the resume template step-by-step, we’ll talk about how the most useful resume for freelancer success embraces your relevant skills. When considering how to build freelancer resume information, remember to include important categories, such as a summary section, an education section, and a client section, and a work experience section.When learning how to build freelancer resume information, you’ll see it doesn’t need to be complicated. The strategies you use on your freelancer resume can be powerful, yet straightforward. We’ll show you how easy it can be for potential clients and employers to find the most important information about you on your resume. Get ready to learn the easiest resume for freelancer strategies!Find the related tutorial here:business.tutsplus.com/articles/how-to-highlight-freelance-work-on-your-resume--cms-27382?utm_campaign=yt_tutsplus_Vgte7oCgNtU&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionFind a playlist of Career videos here:youtube.com/playlist?list=PLgGbWId6zgaVIyv5CZEh0rHnwLIgn6GMoTemplates:Colorful Resume & Cover Letter Templateelements.envato.com/colorful-resume-cover-letter-template-7XW4HM?utm_campaign=yt_tutsplus_Vgte7oCgNtU&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionLaptop, business and black woman typing in office workplaceelements.envato.com/laptop-business-and-black-woman-typing-in-office-w-ZG9CRJP?utm_campaign=yt_tutsplus_Vgte7oCgNtU&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionUpset Freelancer Man Having Work Problem Stress Sitting on Deskelements.envato.com/upset-freelancer-man-having-work-problem-stress-si-CAZ4F35?utm_campaign=yt_tutsplus_Vgte7oCgNtU&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionBored freelancer man in singlet works on laptop and drinks coffeeelements.envato.com/bored-freelancer-man-in-singlet-works-on-laptop-an-PKVCGPL?utm_campaign=yt_tutsplus_Vgte7oCgNtU&utm_medium=referral&utm_source=youtube.com&utm_content=description0:00 Introduction0:35 Template Introduction048 Elements Call to Action1:04 Download the Template1:28 Enter Your Name1:36 Decide on a Job Title2:04 Add Contact Information2:17 Summary Section2:48 Add Skills3:10 Enter Your Education3:23 Add Client Information4:20 Enter Your Experience5:12 Additional Customizations5:45 Final Resume Example5:50 Final Conclusion6:06 Final Elements Call to Action6:13 Final Tuts+ Subscription Call to Action- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 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_Vgte7oCgNtU&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_Vgte7oCgNtU&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
Removing the Underline From Hyperlinks Is Bad for Usability #shorts Envato Tuts+ 2023-12-11 | Discover why removing the underline from hyperlinks is bad for usability in this short video. ► Find amazing creative assets with Envato Elements: elements.envato.com ► Learn more about HTML with Envato Tuts+: webdesign.tutsplus.com/c/htmlcss/s/html
How to Add Christmas Lights in Photoshop #shorts Envato Tuts+ 2023-12-10 | Learn how to add Christmas lights in Photoshop! ► Find amazing creative assets with Envato Elements: elements.envato.com ► Learn more about adding Christmas lights in Photoshop with Envato Tuts+: design.tutsplus.com/tutorials/how-to-add-christmas-lights-in-photoshop--cms-108199
Design Trends for 2024 | From the Creators Den Envato Tuts+ 2023-12-07 | From graphic design trends to web and print design, we asked our expert instructors what trends they see continuing in 2024, what trends they think will lose steam, and what trends they wish to see next year. Here's what they said. ► Download unlimited photos, fonts, and templates with Envato Elements: elements.envato.com/?utm_campaign=yt_tutsplus_4CTMvjquyi4&utm_medium=referral&utm_source=youtube.com&utm_content=description0:00 Introduction0:10 Graphic Design Trends With Laura Keung0:51 Web Design Trends With Adi Purdila2:28 Photo Manipulation Trends With Abbey Esparza3:18 Graphic Design Trends With Jonathan Lam4:15 Print Design Trends With Ashlee Harrell5:45 ConclusionRead more on Design Trends and Predictions for 2024 on Envato Tuts+: design.tutsplus.com/articles/design-trends-and-predictions-for-2024--cms-108240?utm_campaign=yt_tutsplus_4CTMvjquyi4&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_4CTMvjquyi4&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionEnvato ElementsAll 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_4CTMvjquyi4&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- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
What Is Semantic HTML? #shorts Envato Tuts+ 2023-12-04 | What is semantic HTML? Discover the answer in this short video. ► Find amazing creative assets with Envato Elements: elements.envato.com ► Learn more about semantic HTML with Envato Tuts+: code.tutsplus.com/c/htmlcss/s/html
How to Bold Text in InDesign #shorts Envato Tuts+ 2023-12-03 | Learn how to bold text in InDesign in this quick video. ► Find amazing InDesign templates on Envato Elements: elements.envato.com/graphic-templates/compatible-with-adobe-indesign?utm_campaign=yt_tutsplus_dWMptVlwgEE&utm_medium=referral&utm_source=youtube.com&utm_content=description ► Learn more about bold text in InDesign with Envato Tuts+: design.tutsplus.com/tutorials/how-to-bold-text-in-indesign--cms-41988?utm_campaign=yt_tutsplus_dWMptVlwgEE&utm_medium=referral&utm_source=youtube.com&utm_content=description
What Fonts Are Trending Now and Font Trends for 2024 Envato Tuts+ 2023-11-30 | 90s magazines are making a comeback! Condensed serifs are invading posters and billboards, and k-pop is influencing everything from A to B. Stay ahead of the typographic curve with your ultimate guide to trending fonts in 2024.►Check out our full article design.tutsplus.com/articles/what-fonts-are-trending-now-and-font-trends-for-2024--cms-107902?utm_campaign=yt_tutsplus_V8yu12uRpBA&utm_medium=referral&utm_source=youtube.com&utm_content=description► Download professional creative assets from Envato Elements: elements.envato.com/?utm_campaign=yt_tutsplus_V8yu12uRpBA&utm_medium=referral&utm_source=youtube.com&utm_content=description00:00 Best Fonts for 2024 Intro0:41 What Were the Font Trends for 202302:06 Font Trends for 202403:51 Delicate Elegance04:37 K-Fonts05:51 Friendly Experimental06:43 Roll the Credits07:30 New Baroque08:13 Condensed Serif09:04 Classical Sans Serif09:59 90s Editorial10:54 Conclusion- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 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_V8yu12uRpBA&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_V8yu12uRpBA&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
Motion Design for the Web | FREE COURSE Envato Tuts+ 2023-11-28 | In this motion design tutorial, you‘ll learn how to include motion in your web design projects using video, CSS, JavaScript, GSAP, SVG, Lottie, and more. Whether you’re just starting out or you’re looking to level up your skills, this course will help you bring your websites to life. ► Download unlimited photos, fonts & templates with Envato Elements: elements.envato.com/?utm_campaign=yt_tutsplus_vqXLGX0szIQ&utm_medium=referral&utm_source=youtube.com&utm_content=description Together, we’ll dive into the principles of motion design, explore cutting edge tools, and we’ll learn how to apply them in practical real-world scenarios.This course features 19 practical exercises! If you want to follow along, you can download the starter kit here: bit.ly/motiondesignfortheweb00:00:00 Welcome to this motion design course00:03:55 The basics of motion design for the web00:16:22 Adding videos to a web page00:21:41 Exercise #1: Product feature with video00:29:58 Exercise #2: Hero section with video background00:33:52 Optimizing video for web performance00:41:55 Introduction to CSS transitions00:43:18 Exercise #3: Website header00:50:50 Adding motion with CSS transitions00:54:55 Exercise #4: Simple dropdown menu01:05:04 Exercise #5: Image gallery01:19:52 Exercise #6: Cool accordion01:32:04 Introduction to CSS animations01:35:40 Exercise #7: Simple loading screen01:40:36 CSS animations vs. CSS transitions01:44:20 Exploring loading animations01:51:18 Exercise #8: Site preloader02:02:51 Exercise #9: SVG text loader02:17:27 Exercise #10: Button with animated loading dots02:28:05 Animating illustrations and icons02:31:42 Exercise #11: Animated Lottie icon02:37:14 Exercise #12: Animated menu icon02:46:01 Exercise #13: Animated illustration03:09:14 Exercise #14: Animated avatars03:19:20 Creating accent animations03:25:35 Exercise #15: Animated logo03:40:43 Exercise #16: Typewriter effect03:59:00 Playing around with interactive animations04:05:48 Exercise #17: Mouse follow effect04:24:05 Exercise #18: Scroll-triggered animation04:44:39 Adding depth and dimension with parallax04:49:26 Exercise #19: Parallax animation05:07:03 Motion and responsive web design05:17:16 Thanks and goodbye!Download the resources used in this video: elements.envato.com/collections/Y3TH8UJP2L?utm_campaign=yt_tutsplus_vqXLGX0szIQ&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionResources used for video editing:matrix.fandom.com/wiki/Trinityimdb.com/title/tt1877830/?ref_=tt_mv_closeimdb.com/title/tt0439572/mediaindex/?ref_=tt_mv_closecnet.com/culture/marvel-hawkeye-disney-plus-series-release-date-hailee-steinfeld-rumor-writer-jonathan-iglapolygon.com/2020/9/23/21430522/black-widow-delay-2021-marvel-cinematic-universe-release-dates-eternals-black-panther-doctor-strangeedition.cnn.com/2019/09/16/europe/ruffalo-johnson-hulk-reminder-intl-scli-gbr/index.htmlew.com/article/2016/10/14/benedict-cumberbatch-doctor-strange-costumeSource files:unsplash.com/photos/_5OPQ9PpLH0unsplash.com/photos/qQC8tyG_JVAunsplash.com/photos/4hMET7vYTAQunsplash.com/photos/LSFuPFE9vKEunsplash.com/photos/4lWIQ43CCmMunsplash.com/photos/HR5msYXbvtMunsplash.com/photos/time-lapse-photography-eH_ftJYhaTYlottiefiles.com/8167-simple-scroll-down-iconFor reference:https://handbrake.fr/videojs.comlottiefiles.commetalab.comtimelyapp.comdogstudio.codennissnellenberg.comhttps://www.layoutstudio.design/fullwhere-sz.webflow.ioinsivia.com/2023-saas-marketing-report/#explainerapple.com/imac-24apple.com/ios/ios-17invisionapp.comshakuro.comsketch.comslgoetz.comhttps://www.marieweber.fr/en/miti-navi.com/frhttps://www.vool.studio/liftoffcourse.comdribbble.com/shots/5236092-Spinner-PRDdribbble.com/shots/2566089-Osper-loading-spinnerdribbble.com/shots/2666261-Reuleaux-triangle-spinnerdribbble.com/shots/2038884-Let-me-load-some-things-for-youdribbble.com/shots/21953371-WeStud-Creative-Log-In-For-The-Educational-Platformmtbriders.co.ukverholomchuk.commoxion-preprod.rejouice.iotobiasahlin.com/spinkitstripe.com/en-rofeedly.com/i/welcomeembacy-io.webflow.iodeveloper.mozilla.org/en-US/docs/Web/CSS/transform-boxhttps://animate.style/cubic-bezier.comgsap.comlenis.studiofreight.comkoox.co.ukfirewatchgame.comclimbwales.co.ukhttps://www.seher.no/annonsorinnhold/v/seher/sf/kvinnen-som-samlet-norden/11130128/developer.mozilla.org/en-US/docs/Web/CSS/@media/prefers-reduced-motion
Figma Smart Animate Menu Icon: Dansky #shorts Envato Tuts+ 2023-11-27 | Learn how to use Figma's Smart Animate feature for a menu icon. ► Find amazing creative assets with Envato Elements: elements.envato.com ► Learn more about Figma with Envato Tuts+: webdesign.tutsplus.com/compatible-with/figma
Tiffany & Co Blue | Everything You Wanted to Know in 60 Seconds! #shorts Envato Tuts+ 2023-11-26 | Learn all about Tiffany blue in this short video. ► Find amazing creative assets with Envato Elements: elements.envato.com ► Learn more about Tiffany blue and the Tiffany font with Envato Tuts+: design.tutsplus.com/articles/what-font-does-tiffany-co-use--cms-93312
Procreate Dreams Tutorial | Beginners Quick-Start Guide Envato Tuts+ 2023-11-24 | Learn how to get started in the brand new Procreate Dreams app for iPad. In this Procreate Dreams tutorial, you'll learn how to create a frame-by-frame animation and how to create a mixed media animation using stock video. ► Download professional creative assets from Envato Elements: elements.envato.com/?utm_campaign=yt_tutsplus_oLLRi1nL1aE&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionAssets Collection: elements.envato.com/collections/YAFJH4WNBV?utm_campaign=yt_tutsplus_oLLRi1nL1aE&utm_medium=referral&utm_source=youtube.com&utm_content=description00:00:00 Procreate Dreams Tutorial00:00:19 What You'll Create00:00:41 Getting Started00:03:15 Create a New Movie00:06:38 Procreate Dreams Feature Tour00:09:28 How the Animation Frame Works00:10:17 Frame by Frame Animation Tutorial 00:11:47 How the Record Button Works00:14:11 How to Group Frames in Procreate Dreams00:15:25 How to Animate Over Video00:17:15 Create a Neon Glow00:20:44 Using Blending Modes in Procreate Dreams00:23:29 Adding Text in Procreate Dreams00:26:57 Final Skate Ad00:27:11 Final Thoughts- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 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_oLLRi1nL1aE&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_oLLRi1nL1aE&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
How to Export Video in Premiere Pro Envato Tuts+ 2023-11-22 | Learn the quickest, easiest, most straightforward way to export video from Premiere Pro!► Download unlimited Premiere Pro templates with Envato Elements: elements.envato.com/video-templates/compatible-with-premiere-pro?utm_campaign=yt_tutsplus_VsxuSRBUTOM&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionDownload all the assets used in this video: elements.envato.com/collections/2KRAQUCB3M?utm_campaign=yt_tutsplus_VsxuSRBUTOM&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionWelcome to our comprehensive tutorial on exporting videos in Adobe Premiere Pro! Whether you're a beginner or a more experienced editor, this video is designed to guide you through every step of the exporting process, ensuring your projects are finalized with the best quality and settings.In this video, you'll learn:• Understanding Export Options: We'll start with a rundown of the various export options available in Premiere Pro, including format, codec, and resolution. Understanding these basics is crucial for both beginners and professionals.• Setting Up Your Export: Next, we'll dive into how to set up your export. This includes selecting the right format (e.g., H.264 for web, ProRes for high-quality) and adjusting the resolution and aspect ratio to match your project needs.• Advanced Settings: For those looking to delve deeper, we'll explore advanced settings like frame rate adjustments, keyframe distance, and color profiles. • Using the Envato Elements Premiere Pro Plugin: We'll take a quick look at this time-saving plugin that will help you streamline your workflow.Throughout the video, we provide practical tips and tricks to make your exporting process smoother and more efficient. Whether you're exporting for YouTube, social media, or professional presentations, this guide has got you covered.00:00 Intro00:20 The Envato Elements Premiere Pro Plugin00:40 Setting In and Out Points01:13 Getting to the Export Page01:26 Overview of the export settings02:31 Export Settings .mp404:34 Export Settings .mov05:36 A closer look at the files05:58 Wrapping it all up!Read free Premiere Pro tutorials on Envato Tuts+: photography.tutsplus.com/video/compatible-with/adobe-premiere-pro?utm_campaign=yt_tutsplus_VsxuSRBUTOM&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_VsxuSRBUTOM&utm_medium=referral&utm_source=youtube.com&utm_content=descriptionEnvato ElementsAll 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_VsxuSRBUTOM&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- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
What Is Programming? #shorts Envato Tuts+ 2023-11-20 | What is programming? Get a clear explanation in this short video. ► Find amazing creative assets with Envato Elements: elements.envato.com ► Learn more about programming with Envato Tuts+: code.tutsplus.com
4 Quick InDesign Keyboard Shortcuts (+Bonus Tip!) #shorts Envato Tuts+ 2023-11-19 | Save time with these useful InDesign keyboard shortcuts. ► Find amazing creative assets with Envato Elements: elements.envato.com ► Learn more about InDesign keyboard shortcuts with Envato Tuts+: design.tutsplus.com/articles/4-quick-indesign-keyword-shortcuts-bonus-tip--cms-107350 ► Download the assets used in the video: elements.envato.com/collections/AK2ECMJ5RF
