- 52
- 1 223 021
Leo Rivero
United States
Registrace 13. 04. 2014
Welcome to Leo Rivero's Graphic Design Tutorials, a collection of resources to help you master the art of graphic design. Here you will find detailed tutorials on a variety of topics, including Typography, Grids & Layouts, UX design, UI design, and Graphic Design Trends.
In the channel I also teach Creative Cloud software tutorials. Software Adobe Photoshop, Adobe Illustrator, Adobe InDesign, and Adobe Dimension CC and more! Giving you the tools you need to create stunning designs for any purpose.
This tutorials are designed to be easy to follow, even if you're just starting out in the world of graphic design. We provide step-by-step instruction and lost of examples, so you can learn at your own pace and develop the skills you need to succeed.
Whether you're a student, freelancer, or a professional designer, here you will find the resources you need to take your skills to the next level.
Join us today and start your journey to becoming a graphic design pro!
In the channel I also teach Creative Cloud software tutorials. Software Adobe Photoshop, Adobe Illustrator, Adobe InDesign, and Adobe Dimension CC and more! Giving you the tools you need to create stunning designs for any purpose.
This tutorials are designed to be easy to follow, even if you're just starting out in the world of graphic design. We provide step-by-step instruction and lost of examples, so you can learn at your own pace and develop the skills you need to succeed.
Whether you're a student, freelancer, or a professional designer, here you will find the resources you need to take your skills to the next level.
Join us today and start your journey to becoming a graphic design pro!
The ULTIMATE Gradient Wallpapers Tutorial in Adobe Illustrator & Photoshop !
In This Tutorial you Will Learn How to Create Gradient Wallpapers Using Adobe Illustrator And Photoshop. As a bonus, I will share with you the raw files from this project so you can work with them or use them for future projects!
#wallpaper #wallpaperdesigns #tutorial
You will be able to see the complete process in this tutorial in 15 min.
Video Assets
=======================================
Link to the assets: bit.ly/3wpea79
=======================================
Get Your FREE Wallpaper Pack Here!
==================================
leoriveroo.gumroad.com/l/dljahr
==================================
Video Chapters
0:00 intro
0:45 Adobe Illustrator
1:00 Creating Shapes
1:29 Curve Pen-tool Shape
2:31 Free-Form Gradient
2:58 Gradient color Picker
3:15 Creating Gradient Nodes
3:56 Important Information
4:34 Copying Colors
5:00 Creating Overlay Effect
7:14 Add background
8:10 BONUS TIP
10:00 Generative Color
11:00 Creating Photoshop File
11:50 Smooth...
12:40 Motion Blur
13:25 Camera RAW Filter
14:00 Final Result
I will teach you some great tips and the tools in adobe illustrator and as a bonus some tips with adobe photoshop we will use tools like the camera raw filter, adjustment layers, and layer masks to improve the design.
In graphic design is extremely important to always try to learn new ways or styles that can positively inspire your day-to-day work, if you have any questions about this video, or you simply wanna say hi 👋👋👋
#wallpaper #wallpaperdesigns #tutorial
You will be able to see the complete process in this tutorial in 15 min.
Video Assets
=======================================
Link to the assets: bit.ly/3wpea79
=======================================
Get Your FREE Wallpaper Pack Here!
==================================
leoriveroo.gumroad.com/l/dljahr
==================================
Video Chapters
0:00 intro
0:45 Adobe Illustrator
1:00 Creating Shapes
1:29 Curve Pen-tool Shape
2:31 Free-Form Gradient
2:58 Gradient color Picker
3:15 Creating Gradient Nodes
3:56 Important Information
4:34 Copying Colors
5:00 Creating Overlay Effect
7:14 Add background
8:10 BONUS TIP
10:00 Generative Color
11:00 Creating Photoshop File
11:50 Smooth...
12:40 Motion Blur
13:25 Camera RAW Filter
14:00 Final Result
I will teach you some great tips and the tools in adobe illustrator and as a bonus some tips with adobe photoshop we will use tools like the camera raw filter, adjustment layers, and layer masks to improve the design.
In graphic design is extremely important to always try to learn new ways or styles that can positively inspire your day-to-day work, if you have any questions about this video, or you simply wanna say hi 👋👋👋
zhlédnutí: 4 032
Video
ADOBE PORTFOLIO TUTORIAL 2024 | Create a graphic Design Portfolio!
zhlédnutí 32KPřed 6 měsíci
In this Adobe Portfolio Tutorial I will quickly teach you how to make an amazing website portfolio in just 10 minutes. this website tool is extremely simple to use and will help you present your work in a professional way and I will share some secrets that will help you stand out. #graphicdesigntutorials #portfolio #graphicdesign 0:00 intro 0:25 Selecting Theme 0:45 Adding Logo Image 1:05 Dark ...
🔴 Live: Q&A and Replying to Comments // Kerning Typography & Premier Pro and Adobe Illustrator!
zhlédnutí 237Před 7 měsíci
Today we're doing a deep dive into kerning typography and also creating a blur video as requested for one of the subscribers I show what my setup for graphic design day-to-day works we talk about graphic design and I teach some extra tips in Adobe Illustrator and these streams are crafted to share the process in its entirety. It's going to be a fun day. ✍️ Learn more about Graphic Design on CZc...
The Designer's Tutorial for Fractal glass design on Figma | tutorial 2024
zhlédnutí 1,3KPřed 7 měsíci
In this tutorial, I teach using Figma to make a Fractal Glass effect. You will learn how to use the rectangle tool, the gradient tools, and the blend modes. I will also teach you how to use the effects like the background blur. 0:00 intro 0:25 creating gradient 1:05 Blend modes 1:28 duplicating shape 1:52 creating a frame 2:05 Dark mode 2:18 final result ✍️ Learn more about Graphic Design on CZ...
Website Dark Mode trend 2023 Adobe XD tutorial | Learn How to create Shiny Card style in Adobe XD
zhlédnutí 539Před 7 měsíci
I will teach you how to create a trend web design 2023 dark mode in the shiny card style using adobe xd & how this can help you improve your UI design skills in your future projects. 📂Files used in this Project📂 bit.ly/47HPrHS 0:00 Intro 0:25 Start 0:45 Background Design 1:35 Changing Text Color 2:15 Background gradient 3:31 Box gradient 4:18 Designing Buttons 5:50 Component & Hover state 6:55 ...
THE LAZY DESIGNERS GUIDE TO MAKE PASTEL GRADIENTS | Adobe Illustrator & Photoshop!!
zhlédnutí 1,5KPřed 7 měsíci
In this tutorial I will teach you how to create Pastel gradients using adobe illustrator free form gradient tool and how to add textures to those gradients and some extra enhancements such as noise and textures. 📂Files used in this Project📂 bit.ly/3ShyfV7 0:00 intro 0:24 Creating the document 0:45 Free Form Gradient 2:35 Photoshop Enhancements 3:55 Adding text (Optional) 4:45 Final Result ✍️ Le...
FREE Dribble Post Templates |The lazy guide to make dribbble shots fast & consistently
zhlédnutí 789Před 9 měsíci
In this video I will teach you how to use these FREE Dribble Templates to help you post more content faster. This templates will help you create shots at ease using adobe XD with some tips that will increase your design productivity and will inspire your to create more often and also help you to stand out as a Designer. I also included all the files used in this video so you can follow along! 0...
Animated Covers for your Graphic Design Adobe Portfolio in 10 minutes | Tutorial 2023
zhlédnutí 18KPřed 10 měsíci
In this graphic design tutorial I will explain you how to create animated covers for yourAdobe portfolio using a variety of software like Adobe Illustrator, Adobe After Effects, and media encoder to help you render the animation as a gif! and the use of a great technique of compression to make animation website friendly. 0:00 intro 0:16 Creating Document 1:28 Split layers in to sequence 1:51 Re...
Ridiculously simple Gradient Waves Photoshop & Illustrator Simple Tutorial | Tutorial In 8 minutes
zhlédnutí 8KPřed rokem
In this video I will teach you how to create gradient waves Using Adobe Illustrator and Adobe Photoshop you will learn how to make this gradient and how to apply smart filters, radial blurs, motion blurs, and more. #gradients #photoshop #illustrator 📂Files used in this Project📂 bit.ly/44w8frN 0:00 intro 0:12 Adobe Illustrator Start 0:45 Gradient Mesh Tool 2:04 Duplicating Wave 3:00 Photoshop Do...
GRADIENT PHOTOSHOP TUTORIAL 2023 // Learn How To Create Gradients In 5 Minutes!
zhlédnutí 17KPřed rokem
in this photoshop gradient tutorial updated in 2023 you will learn how to use gradient map to create a gradient background that also looks metallic with a chrome effect and mix with multiple colors with the appearance of a fluid gradient. Using the photoshop filter galleries and adding texture to the abstract metallic gradient. I also included the source files of this project so you can follow ...
Ridiculously simple shortcut to Gradient Shapes Illustrator | Tutorial in 10 minutes!
zhlédnutí 82KPřed rokem
in this video, I will guide you on how to create a photoshop gradient look but using Only Adobe Illustrator to create this style of gradients we will use the gradient mesh in combination with the photoshop effects in the effects category in illustrator Gaussian Blur and Texturize effect to add some noise to the final gradients. 📂Files used in this Project📂 bit.ly/3JsOn0b 0:00 intro 0:21 First G...
Ridiculously simple shortcut to Gradient Shapes photoshop | Tutorial in 7 minutes!
zhlédnutí 451KPřed 2 lety
Ridiculously simple shortcut to Gradient Shapes photoshop | Tutorial in 7 minutes!
GRAPHIC DESIGN & FREELANCING CAREER TIPS//5 Tips You Need To Know As A Designer!
zhlédnutí 5KPřed 2 lety
GRAPHIC DESIGN & FREELANCING CAREER TIPS//5 Tips You Need To Know As A Designer!
Adobe XD Website Design & UI Tutorial Using Stacks, Repeat Grid & More
zhlédnutí 579Před 2 lety
Adobe XD Website Design & UI Tutorial Using Stacks, Repeat Grid & More
Create A Graphic Design Website Portfolio in 7 minutes | Adobe Portfolio Tutorial 2022
zhlédnutí 264KPřed 2 lety
Create A Graphic Design Website Portfolio in 7 minutes | Adobe Portfolio Tutorial 2022
DESK SETUP 2022 FOR REMOTE WORK IN GRAPHIC DESIGN //Workstation Tour Aesthetic
zhlédnutí 1,3KPřed 2 lety
DESK SETUP 2022 FOR REMOTE WORK IN GRAPHIC DESIGN //Workstation Tour Aesthetic
Ridiculously simple shortcut to Gradient Shapes Backgrounds in Photoshop
zhlédnutí 31KPřed 2 lety
Ridiculously simple shortcut to Gradient Shapes Backgrounds in Photoshop
Top 10 GRAPHIC DESIGN TRENDS 2022 - design inspiration for work in 2022
zhlédnutí 1,2KPřed 2 lety
Top 10 GRAPHIC DESIGN TRENDS 2022 - design inspiration for work in 2022
7 Graphic Design Inspiration Websites Every Designer Should Know & How to get the most out of them
zhlédnutí 1,8KPřed 2 lety
7 Graphic Design Inspiration Websites Every Designer Should Know & How to get the most out of them
🔴 Live from Twitch: Let's Design together in adobe Illustrator // Work with me & learn my workflow.
zhlédnutí 299Před 2 lety
🔴 Live from Twitch: Let's Design together in adobe Illustrator // Work with me & learn my workflow.
Adobe Dimension CC Tutorial 3D Can mockup for Beginners | Creating a Brand Mockup
zhlédnutí 16KPřed 2 lety
Adobe Dimension CC Tutorial 3D Can mockup for Beginners | Creating a Brand Mockup
3 Tools that you didn't know about in Adobe Photoshop CC Perspective Wrap, Content-Aware fill & More
zhlédnutí 503Před 3 lety
3 Tools that you didn't know about in Adobe Photoshop CC Perspective Wrap, Content-Aware fill & More
2 Ridiculously Simple ways to Find and match Fonts that you see using Photoshop CC or WhatTheFont!
zhlédnutí 836Před 3 lety
2 Ridiculously Simple ways to Find and match Fonts that you see using Photoshop CC or WhatTheFont!
A Ridiculously Simple Way to Match a Pantones in Adobe Illustrator CC Learn How to in 3 simple steps
zhlédnutí 8KPřed 3 lety
A Ridiculously Simple Way to Match a Pantones in Adobe Illustrator CC Learn How to in 3 simple steps
Multi-Color Gradients Using Adobe Photoshop & Illustrator // Tutorial 2022
zhlédnutí 58KPřed 3 lety
Multi-Color Gradients Using Adobe Photoshop & Illustrator // Tutorial 2022
Typography Tips For Beginners | Learn Why your Typography sucks & How to Fix it
zhlédnutí 2,1KPřed 3 lety
Typography Tips For Beginners | Learn Why your Typography sucks & How to Fix it
4 Things you Didn't know About Creating Carrousels and sliders in adobe XD
zhlédnutí 723Před 3 lety
4 Things you Didn't know About Creating Carrousels and sliders in adobe XD
ARE GRADIENTS A NEW TREND IN ADOBE XD WEB DESIGN? I like it and I will teach you how to do it!!!
zhlédnutí 30KPřed 3 lety
ARE GRADIENTS A NEW TREND IN ADOBE XD WEB DESIGN? I like it and I will teach you how to do it!!!
Graphic Design Channel Trailer - Graphic Design Content
zhlédnutí 435Před 3 lety
Graphic Design Channel Trailer - Graphic Design Content
TOP 5 ADOBE XD PLUGINS | Increase your design productivity with these Protorype tips and tricks
zhlédnutí 6KPřed 3 lety
TOP 5 ADOBE XD PLUGINS | Increase your design productivity with these Protorype tips and tricks
This is the best video on CZcams for Adobe's Portfolio! Great work!
Very helpful video you have made Leo Rivero! Thanks 👍🏻🎉
Hi there I just try this out but once I try to Publish it it takes me to a Window where says I need to Upgrade to Pay why is that I thought you said its Free could you please Help 🙂 with that why it keeps showing that ?
Thank you so much!!!, this is very helpful for school
nice work but waaaay too fast man
great video leo! i think it would be really cool in a separate video to go in-depth on making pages for your projects! you added covers to project pages, but didn't show how someone could add content to each page. perhaps that, along with a bunch of different ways that someone could present their projects through pages on adobe portfolio, would be helpful!
Thanks for the idea! I will try to make my content like that and make a more in depth approach like you suggested is a great idea I appreciate it! Did you get to use this tutorial to create your portfolio?
Bro, thanks!
awesome thank you so much for your comment appreaciate it! Did you get to create your gradients using this tutorial?
11:25 Thank you very much for the video, but I have tried to place animated gifs as the cover on the pages and they do not come out animated, but static. Can you help me with that please?
too fast for me
I'm sorry I will try to keep my tutorials slower and make sure to explain things more clearly!
This is so cool
How can I add sub pages into one page and the add this page into the homepage?
great vid! i like it, thanks.
How do we move images/videos next to texts in between? I can do at the top or end, can't fig out how to do it in between?
Great video man! Very helpful. Just wondering if it's possible and if yes, how do we get our logo to be on our tab in our search engine as well, that small logo beside the page title on our tabs
what about inside of each page, how we can change the order?
can i link a page made with adobe express to adobe portfolio?
Hello Leo! How could I fill an object or shape using gradients?
2년이 지난 지금 보아도 너무 멋집니다. 고급 강의 감사합니다
Very helpful, thank you!
You just listed a bunch of steps that you do but you don't explain why you are doing anything. Explain why and it will be a much better video.
Thank you so much for the feedback I will try to make an updated version of this video more in depth explaining why each part I add to the portfolio I was thinking explaining a little bit more of the why behind the design are you a designer currently building your portfolio?
Hi Leo! Great tutorial. How do I get this to loop?
Hello! When you export the video in media encoder you can choose animated gif and then is an option to loop I think I will make a media encoder video soon there are so many settings hidden in media encoder that are super useful would you lie to see a video in depth about it ?
I don’t understand why it doesn’t work to upload an image when I try to do it. Can someone help me ?
Can you explain me in what step are you stuck I could make a live video and help you solve your issue! Send me a message in the discord community and I will help you personally!
Thank you so much for the lesson!!!!!!
You’re so welcome! Did you learn how use adobe dimension cc after this video ?
I love Adobe Portfolio. I really wish they continue to support it and add new themes, or let users build their own, or modify the existent ones further. Great tool. ❤
Totally agree! Did you get to design your portfolio with this video ?
@@LeoRivero I had it already designed for someone else, but I keep this video handy so I can check for improvements next time I have some free time! The video is really useful, very precise and on point. Thank you for making this great material!
can you say 'tequila'? 😃
TEQUILA!!
Hi, is it possible to create a seamless gradient for printing? I could not find any tutorial anywhere ! :/
Well it depends in the printing method can you tell me some details of the hex colors and size of the gradient you are trying to make I think I can help you with this project!
Hello, my animation isn't moving, what do u recommend?
Well it might be the key frames I will make an updated video using other simpler tools to help making animations for the portfolio I think I will make a live making the animation i think that might be more useful showing each step and then explaining it!
Was your website, which is in the video description, made using Adobe Portfolio? 😳
ohh I made my current website using Framer but I can make a tutorial of how to use it too is a great tool to make portfolios ! Check it out Framer.com
Hey I'm having problems with my adobe portfolio, it only shows my logo ? After I add all my work on Digtal portfolio
Ohh wow that’s weird can you tell me what step in specific you are stuck so I can help you figure it out? Also you can message me in the discord group and I can personally help you solve your issue!
respect!!
Thank you so much for your great comment I truly appreciate it! Did you get to make awesome gradients using this video ?
Hey, where can I see the site you made in this video?
I will pin a comment inf the video with the site I made in this video so you can see it better!
How Can Unlink my behance
is this free?
lol no
i don’t get the arrow i don’t understand
You have to press alt the entire time when you do that step otherwise it wont work well I will make another video about it it’s a super useful feature in photoshop!
Bro get the arrow icon but not masking the layer why4:28
Wow that is using alt or option and then you should see the layer while pressing alt is a great tool in photoshop! Helps a lot I don’t know specifically whats the name of that one in particular but I will make a video about it!
Can We save or export as a pdf?
Is a question 😅
I had subsribe
As a COMPLETE newby who just purchased by Creative Cloud subscription and just getting into creating my own website, while I’m so glad to find these tutorials, I have to say, and maybe it’s just me, but for tutorials labeled as “for beginners”, why do they all go through them at the speed of light? Jeesh! It’s so hard to follow and actually grasp what’s being done on a lot of the steps as the host is going so fast, going from one click to the next. Maybe I’m just slow. Anyway, other than that, great info.
Thank you so much for this amazing tutorial 🤩
Well done
Thank you so much for your great comment I truly appreciate it! I hope this video was useful to you !
It would be an idea to slow down in future.
@londonken I'm so sorry It was so fast I Did another tutorial way slower and easier to understand you can find it in my latest videos or check out this link! czcams.com/video/043Fu1hCClo/video.html
@@LeoRivero Bless you. You are obviously a very talented fella
@@londonken thank you so much I hope my next video was better and easier to follow I'm still learning how to teach better!
R
Thank you so much for your comment did you use this tips in illustrator ?
If you have any questions please let me know & I will try my best to help you! also, did you try this tips to create your wallpaper gradients??
nice tutorials, but you should try to zoom in/out a bit less.....
I just removed it from my tool palette :P
well that's a solution LOL! Do you use adobe illustrator for design or illustration?
@@LeoRivero both, been using it since 98, I am an old friend of Kelly.
@@jabwai that’s awesome to know! You must know a lot about the Adobe software !
@@LeoRivero I do and I don't I look back on stuff I did many years ago and realize i have no idea how I did that LOL
I just watched your portfolio building tutorial and thought “I gotta find out how he did the covers” not knowing you made a tutorial for that too 😂 Can’t wait to try this for my portfolio
I highly recommend this video to anyone seeking to expand their knowledge on [subject]. It's a true gem!
LMAO EPIC BOT FAIL
LOL I just noticed that!
each project need to create animation , are there any website to create gif for each project ? many thanks
Yes! I’m working on a video right now that will help you create this animations without needing to be an expert! Stay tuned this video will be great !
@@LeoRivero many thanks
legend.
I love your comment! Another gradients video on the works right now Also did you get to use this gradients in any of your projects ?
@LeoRivero hey I’ve been trying to do a one page portfolio using adobe portfolio. I began with the custom template but I’m having difficulties trying to make the flow separate and to have some graphic elements. I’m an ux designer
This was a great video thanks for the information. In the very beginning when you were changing font colors size etc. It seemed confusing as to what was being changed.