Leo Rivero
Leo Rivero
  • 52
  • 1 223 021
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 👋👋👋
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

Komentáře

  • @benyvmin_
    @benyvmin_ Před 2 dny

    This is the best video on CZcams for Adobe's Portfolio! Great work!

  • @nilangchhatriwala500

    Very helpful video you have made Leo Rivero! Thanks 👍🏻🎉

  • @elcrood23
    @elcrood23 Před 3 dny

    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 ?

  • @user-qc9xh6fq7n
    @user-qc9xh6fq7n Před 14 dny

    Thank you so much!!!, this is very helpful for school

  • @babylion1234
    @babylion1234 Před 14 dny

    nice work but waaaay too fast man

  • @fivestaricons
    @fivestaricons Před 21 dnem

    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!

    • @LeoRivero
      @LeoRivero Před 16 dny

      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?

  • @nespodzany
    @nespodzany Před 22 dny

    Bro, thanks!

    • @LeoRivero
      @LeoRivero Před 16 dny

      awesome thank you so much for your comment appreaciate it! Did you get to create your gradients using this tutorial?

  • @ANTISOCHAL
    @ANTISOCHAL Před 24 dny

    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?

  • @esaugalindo4733
    @esaugalindo4733 Před 25 dny

    too fast for me

    • @LeoRivero
      @LeoRivero Před 16 dny

      I'm sorry I will try to keep my tutorials slower and make sure to explain things more clearly!

  • @Pro-Biom
    @Pro-Biom Před 26 dny

    This is so cool

  • @PamteIdealiza
    @PamteIdealiza Před 28 dny

    How can I add sub pages into one page and the add this page into the homepage?

  • @tuanhnguyen349
    @tuanhnguyen349 Před 29 dny

    great vid! i like it, thanks.

  • @asimelic
    @asimelic Před měsícem

    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?

  • @creat1zt
    @creat1zt Před měsícem

    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

  • @PamteIdealiza
    @PamteIdealiza Před měsícem

    what about inside of each page, how we can change the order?

  • @PamteIdealiza
    @PamteIdealiza Před měsícem

    can i link a page made with adobe express to adobe portfolio?

  • @mscximenacuriel4491
    @mscximenacuriel4491 Před měsícem

    Hello Leo! How could I fill an object or shape using gradients?

  • @user-ul4sc7dy6q
    @user-ul4sc7dy6q Před měsícem

    2년이 지난 지금 보아도 너무 멋집니다. 고급 강의 감사합니다

  • @najeestowers1390
    @najeestowers1390 Před měsícem

    Very helpful, thank you!

  • @Brillig2
    @Brillig2 Před měsícem

    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.

    • @LeoRivero
      @LeoRivero Před měsícem

      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?

  • @ivywalsh66
    @ivywalsh66 Před měsícem

    Hi Leo! Great tutorial. How do I get this to loop?

    • @LeoRivero
      @LeoRivero Před měsícem

      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 ?

  • @alicewery436
    @alicewery436 Před měsícem

    I don’t understand why it doesn’t work to upload an image when I try to do it. Can someone help me ?

    • @LeoRivero
      @LeoRivero Před měsícem

      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!

  • @MuoiDoer
    @MuoiDoer Před 2 měsíci

    Thank you so much for the lesson!!!!!!

    • @LeoRivero
      @LeoRivero Před měsícem

      You’re so welcome! Did you learn how use adobe dimension cc after this video ?

  • @CarolaClavo
    @CarolaClavo Před 2 měsíci

    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. ❤

    • @LeoRivero
      @LeoRivero Před měsícem

      Totally agree! Did you get to design your portfolio with this video ?

    • @CarolaClavo
      @CarolaClavo Před měsícem

      @@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!

  • @annabridgeta
    @annabridgeta Před 2 měsíci

    can you say 'tequila'? 😃

  • @SANKALPRAUL
    @SANKALPRAUL Před 2 měsíci

    Hi, is it possible to create a seamless gradient for printing? I could not find any tutorial anywhere ! :/

    • @LeoRivero
      @LeoRivero Před měsícem

      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!

  • @angeliavaldez7884
    @angeliavaldez7884 Před 2 měsíci

    Hello, my animation isn't moving, what do u recommend?

    • @LeoRivero
      @LeoRivero Před měsícem

      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!

  • @abraaosales3708
    @abraaosales3708 Před 2 měsíci

    Was your website, which is in the video description, made using Adobe Portfolio? 😳

    • @LeoRivero
      @LeoRivero Před měsícem

      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

  • @BATMAN-ze9sr
    @BATMAN-ze9sr Před 3 měsíci

    Hey I'm having problems with my adobe portfolio, it only shows my logo ? After I add all my work on Digtal portfolio

    • @LeoRivero
      @LeoRivero Před měsícem

      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!

  • @1234ncwrd
    @1234ncwrd Před 3 měsíci

    respect!!

    • @LeoRivero
      @LeoRivero Před měsícem

      Thank you so much for your great comment I truly appreciate it! Did you get to make awesome gradients using this video ?

  • @ianmilligan5337
    @ianmilligan5337 Před 3 měsíci

    Hey, where can I see the site you made in this video?

    • @LeoRivero
      @LeoRivero Před měsícem

      I will pin a comment inf the video with the site I made in this video so you can see it better!

  • @PamteIdealiza
    @PamteIdealiza Před 3 měsíci

    How Can Unlink my behance

  • @PamteIdealiza
    @PamteIdealiza Před 3 měsíci

    is this free?

  • @luciole1114
    @luciole1114 Před 3 měsíci

    i don’t get the arrow i don’t understand

    • @LeoRivero
      @LeoRivero Před měsícem

      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!

  • @user-ky4fx3xp1e
    @user-ky4fx3xp1e Před 3 měsíci

    Bro get the arrow icon but not masking the layer why4:28

    • @LeoRivero
      @LeoRivero Před měsícem

      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!

  • @PamteIdealiza
    @PamteIdealiza Před 3 měsíci

    Can We save or export as a pdf?

  • @shamah7812
    @shamah7812 Před 3 měsíci

    I had subsribe

  • @anthonyscott5134
    @anthonyscott5134 Před 3 měsíci

    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.

  • @stellabantu93
    @stellabantu93 Před 3 měsíci

    Thank you so much for this amazing tutorial 🤩

  • @londonken
    @londonken Před 3 měsíci

    Well done

    • @LeoRivero
      @LeoRivero Před 3 měsíci

      Thank you so much for your great comment I truly appreciate it! I hope this video was useful to you !

  • @londonken
    @londonken Před 3 měsíci

    It would be an idea to slow down in future.

    • @LeoRivero
      @LeoRivero Před 3 měsíci

      @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

    • @londonken
      @londonken Před 3 měsíci

      @@LeoRivero Bless you. You are obviously a very talented fella

    • @LeoRivero
      @LeoRivero Před 3 měsíci

      @@londonken thank you so much I hope my next video was better and easier to follow I'm still learning how to teach better!

  • @ukhrasamad1600
    @ukhrasamad1600 Před 4 měsíci

    R

    • @LeoRivero
      @LeoRivero Před 4 měsíci

      Thank you so much for your comment did you use this tips in illustrator ?

  • @LeoRivero
    @LeoRivero Před 4 měsíci

    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??

    • @eduardoasta
      @eduardoasta Před měsícem

      nice tutorials, but you should try to zoom in/out a bit less.....

  • @jabwai
    @jabwai Před 4 měsíci

    I just removed it from my tool palette :P

    • @LeoRivero
      @LeoRivero Před 4 měsíci

      well that's a solution LOL! Do you use adobe illustrator for design or illustration?

    • @jabwai
      @jabwai Před 4 měsíci

      @@LeoRivero both, been using it since 98, I am an old friend of Kelly.

    • @LeoRivero
      @LeoRivero Před 4 měsíci

      @@jabwai that’s awesome to know! You must know a lot about the Adobe software !

    • @jabwai
      @jabwai Před 4 měsíci

      @@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

  • @ashlostbones
    @ashlostbones Před 4 měsíci

    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

  • @PSDburger
    @PSDburger Před 4 měsíci

    I highly recommend this video to anyone seeking to expand their knowledge on [subject]. It's a true gem!

  • @Crazyworldd160
    @Crazyworldd160 Před 4 měsíci

    each project need to create animation , are there any website to create gif for each project ? many thanks

    • @LeoRivero
      @LeoRivero Před 4 měsíci

      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 !

    • @Crazyworldd160
      @Crazyworldd160 Před 4 měsíci

      @@LeoRivero many thanks

  • @Benjaminbadakhshon
    @Benjaminbadakhshon Před 4 měsíci

    legend.

    • @LeoRivero
      @LeoRivero Před 4 měsíci

      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 ?

  • @topaciomoreno6872
    @topaciomoreno6872 Před 4 měsíci

    @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

  • @harderja
    @harderja Před 4 měsíci

    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.