Tutorials

Tutorials

85 bookmarks
Newest
Watch "Advanced Grids in UI & Web Design" on YouTube
Watch "Advanced Grids in UI & Web Design" on YouTube
Are you tired of creating web designs that feel cluttered and unorganized? Do you want to learn new techniques that can take your grid skills to the next level? Look no further than this video on advanced grid techniques! ... Remember to Subscribe https://goo.gl/6vCw64 In this video, I cover a variety of advanced grid techniques for web design, including responsive grids, 8-point grids, baseline grids, and more. By using these techniques, you can create web designs that not only look visually appealing, but also function efficiently. Whether you're just starting out in web design or are an experienced designer, this video has something to offer. ------------------------------------------------------------------------------------ 🤝 //////////// Get my new Intro to UI/UX design course: https://www.jesseshowalter.com/courses/intro-to-ui-ux 🏆 //////////// Join my members community to get access to perks: https://www.jesseshowalter.com/design-champs 📫 ////////// Sign up for my Monthly Newsletter www.jesseshowalter.com/newsletter Get the file used for this video, support the creator https://www.figma.com/community/file/908391866828928884 ------------------------------------------------------------------------------------ 🎨 ////////// I design in Figma https://psxid.figma.com/ixbomhqzoiy0 🖥️ ////////// I build websites with Webflow https://webflow.grsm.io/4495884 📅 ////////// I run my life with Notion https://affiliate.notion.so/tokendsfahjf 🎵 ////////// Take your films to the next level with music from Musicbed. Sign up for a free account to listen for yourself: https://fm.pxf.io/c/1372011/1347628/16252
UIVault·youtu.be·
Watch "Advanced Grids in UI & Web Design" on YouTube
Adobe Figma Tutorial for Beginners - Your Quick Start Guide
Adobe Figma Tutorial for Beginners - Your Quick Start Guide
This Figma Tutorial is a course for beginners in the UX/Figma world. Download the Free Exercise Files here: https://byol.com/FigMiniEx Watch the Adobe Figma Essentials Course: https://byol.com/FIGME Pre-register for the Figma Advanced Course: https://byol.com/figminiadvprepreg Watch the Adobe Illustrator Essentials Course: https://byol.com/FIGILLE Watch the Adobe Illustrator Advanced Course: https://byol.com/FIGILLA Watch the Adobe Photoshop Essentials Course: https://byol.com/FIGPSE Watch the Adobe Photoshop Advanced Course: https://byol.com/FIGPSA Buy Figma here: https://byol.com/BUYFIG Introduction to Figma tutorial: 0:00 What is UX Design?: 1:04 What is Figma's Role in UX Design: 4:02 The UX Design Brief in Figma: 6:35 Download Free Figma Exercise Files: 9:28 How to create a wireframe in Figma: 10:16 How to add text in Figma: 12:20 How to make a component in Figma: 14:18 How to make a placeholder image in Figma: 17:10 How to copy & paste appearance in Figma: 21:37 How to create a button in Figma: 22:52 How to make a UI card in Figma: 24:58 How to use Smart Selection in Figma: 29:03 How to make an input field in Figma: 31:53 How to use component Instances & Overrides in Figma: 33:36 How to paste in place in Figma: 37:41 How to use Adobe Illustrator with Adobe Figma: 38:50 How to add to an existing component Figma: 42:33 How to prototype in Adobe Figma: 44:41 How to share a Prototype in Figma: 50:11 How to use Photoshop with Figma: 54:07 What is High Fidelity Mockup in Figma: 59:38 How to add colors in Adobe Figma: 1:00:12 How to find Google fonts in Figma: 1:06:06 How to make a Micro Interaction in Figma: 1:08:05 How to export images and code from Figma: 1:14:16 Outro: 1:20:06 Join the Bring Your Own Laptop Facebook Group: https://www.facebook.com/groups/bringyourownlaptop Follow me on Instagram: https://www.instagram.com/bringyourownlaptop/ Follow me on TikTok: https://www.byol.com/tiktok/ Follow me on Twitter: https://twitter.com/danlovesadobe Join the LinkedIn Group: https://www.linkedin.com/groups/10539178/ Follow me on TikTok: https://byol.com/tiktok
UIVault·youtube.com·
Adobe Figma Tutorial for Beginners - Your Quick Start Guide
Watch "Texturelabs // Analog Retro-Futuristic Monitor in Photoshop!" on YouTube
Watch "Texturelabs // Analog Retro-Futuristic Monitor in Photoshop!" on YouTube
In this Photoshop tutorial, we'll harness the power of patterns and blending modes to create a detailed glitchy digital monitor effect. Generate a variety of looks with this setup, using different patterns (links below), scales, and color palettes! Free pattern tiles used in this tutorial: https://texturelabs.org/tutorials/analog-retro-futuristic-monitor-in-photoshop/ Unlock all 16 Pixelated Monitor Patterns AND help keep Texturelabs up and running… everybody wins! https://www.patreon.com/texturelabs Check out the Texturelabs Channel for more content: https://www.youtube.com/c/texturelabs Connect: Insta, Facebook, Twitter tag: @texturelabs https://texturelabs.org/ behance.com/texturelabs
UIVault·youtu.be·
Watch "Texturelabs // Analog Retro-Futuristic Monitor in Photoshop!" on YouTube
Watch "Light effect in Figma full video" on YouTube
Watch "Light effect in Figma full video" on YouTube
Create beautiful light effect in Figma Reference: @uiuxadrian Music by Magnetic_Trailer from Pixabay Follow Me on Instagram! https://instagram.com/lets_ui Follow Me on Behance! https://www.behance.net/Jonathan_dickson Follow Me on Twitter https://twitter.com/jon__Dickson #figmatips #figma #LightEffectInFigma
UIVault·youtu.be·
Watch "Light effect in Figma full video" on YouTube
Watch "Making 3D Patterns is LITERALLY THIS EASY!" on YouTube
Watch "Making 3D Patterns is LITERALLY THIS EASY!" on YouTube
This tutorial will demonstrate how to create icons and 3D patterns in Adobe Illustrator. #adobe #illustrator #tutorial #pattern #patterns #icon #icons #3d - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - ❤️ Help my friend Goldie beat breast cancer https://www.gofundme.com/f/help-goldie-chan-beat-breast-cancer - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 📦 Download UNLIMITED creative assets with a commercial license Follow my link for access to 1,000,000+ stock photos, videos, illustrations, mockups, UI kits, textures, effects, fonts, brushes and more! http://bit.ly/2Y7zqrX - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 🎶 Achieve BETTER sleep and relaxation with free audio tracks Soothing sounds and music to aid with sleep, relaxation and meditation, designed to improve overall health and wellness. https://bit.ly/3y9sr5K - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - 💯 The BEST ergonomic office chairs for professionals Intuitively designed, ergonomic office chairs using the latest science for spinal health. https://bit.ly/3s6HGZj - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - Links in the description are typically affiliate links that help support the channel, and as an Amazon Associate I earn from qualifying purchases.
UIVault·youtu.be·
Watch "Making 3D Patterns is LITERALLY THIS EASY!" on YouTube
Cinematic Color Grading (MOVIE LOOK EFFECT) In Photoshop - Comprehensive Photoshop Tutorial
Cinematic Color Grading (MOVIE LOOK EFFECT) In Photoshop - Comprehensive Photoshop Tutorial
Photoshop tutorial showing how to apply the cinematic effect to your photographs. The cinematic effect that we're going for is the teal-orange look, which is a typical movie effect in action movies. This effect gives the dark shades of your image a cool teal tone, while the light shades take a warm orange look. This makes the actor stand out since the colors are complementary and creates a "pop" when put side by side. It is a good idea to do a color correction on your image, so you that it has neutral grays and no color cast. 00:00 - Introduction 00:45 - Color Theory 06:44 - Color Correcting Images Using Curves 12:42 - Color Grading With The Curves Adjustment Layer 25:42 - Color Grading With The Selective Color Adjustment Layer 28:10 - Color Grading With The Color Lookup Adjustment Layer 31:40 - Color Grading With The Gradient Map If you have any questions please leave them below or head over to this tutorial's page on our website: https://photoshoptrainingchannel.com/cinematic-color-grading/ Subscribe + Like + Share + Comment = More Video Tutorials! Thank you for watching! =================================== If you enjoyed this video be sure to subscribe to our newsletter to receive free weekly photoshop tips and more! Subscribe: http://ptcvids.com/subscribe For more in-depth Photoshop Tutorials be sure to check out our Premium tutorials. http://ptcvids.com/shop/ =================================== LINKS Website: https://photoshoptrainingchannel.com Facebook: https://www.facebook.com/PhotoshopTrainingChannel Instagram: http://instagram.com/jrfromptc LinkedIn: http://linkedin.com/company/Photoshop-Training-Channel Pinterest: http://pinterest.com/ptcpins Behance: https://www.behance.net/JRfromPTC YouTube Channel: https://www.youtube.com/user/photoshoptrainingch Google +: https://google.com/+Photoshoptrainingchannel This Video's Youtube Link: http://youtu.be/KrD53AJmfEM Stock Images provided by: stock.adobe.com Photoshop video tutorials by Jesus Ramirez
UIVault·youtube.com·
Cinematic Color Grading (MOVIE LOOK EFFECT) In Photoshop - Comprehensive Photoshop Tutorial
Main Title Design
Main Title Design
Learn the core principles of what goes into a successful title sequence, and apply your knowledge by creating multiple unique examples of your own.
UIVault·learnsquared.com·
Main Title Design
Motion Design
Motion Design
Follow along as motion designer and director Jorge R. Canedo Estrada (AKA Jr.canest) breaks down his motion design process from start to finish, covering project insights, Jorge's Principles of
UIVault·learnsquared.com·
Motion Design
HUD Animation
HUD Animation
Bring your HUD and UI designs to life in this After Effects-focused course by industry veteran Ryan Cashman. If you have an interest in animating HUDs for feature films or AAA video games, this
UIVault·learnsquared.com·
HUD Animation
HUD Design
HUD Design
Learn HUD design from the best of the best. World-renowned artist Ash Thorp details his full process for crafting heads-up displays and user interfaces for AAA games, films, and a whole lot more.
UIVault·learnsquared.com·
HUD Design
UI and Data Design for Film
UI and Data Design for Film
From thumbnail sketch to final render, visionary designer Ash Thorp will show you how to create production-ready UI and data elements for Hollywood films.
UIVault·learnsquared.com·
UI and Data Design for Film
Envato Tuts+
Envato Tuts+
Learn creative skills with Envato Tuts+. Subscribe to the channel to learn to design a website, edit in Photoshop, make an app, create outstanding presentations, create graphics in Illustrator, edit videos, create motion graphics, and so much more. Part of the Envato family.
UIVault·youtube.com·
Envato Tuts+