How to Create Metrics Line Graph Analytics Vector Artwork in Illustrator
ฝัง
- เผยแพร่เมื่อ 18 ต.ค. 2024
- BEAUTIFUL COLOR AND BLENDING | Create a Simple Graph Chart | Use Beautiful Colors and Gradients
You’re going to love using the Curvature Tool and the Blend Tool to create these beautiful line graphs!
🎯 Subscribe for Daily Tutorials → goo.gl/DN4Nln
💰 Buy the Photoshop Course and Support the Channel → bit.ly/28NuwFy
🔥 ↓ VIDEO GUIDE ↓ 🔥
00:35 Getting started
01:27 Creating the layers and shapes we need to start
02:35 Creating the graph lines quickly
05:06 Creating the graph numbers
09:19 Creating a masked layer
11:39 Introducing the Curvature Tool
12:32 Adding the first gradient
13:22 Creating the color blend
15:50 Creating a second graph line
18:34 Adding some contrast/transparency
19:05 Playing with the blends to tweak the whole effect
20:42 Final thoughts
In this Adobe Illustrator tutorial, we’ll build a simple colorful analytics dashboard style line graph with a blended gradient that fades in and out based upon the curve in the line chart. We’ll use the Grid tool, the Curvature tool, Gradients, the Curvature tool, Direct Selection, and Opacity changes to create a beautiful and colorful dynamic effect.
⚡️ written tutorial: bit.ly/2jMTZrC
INSTAGRAM: / tutvid
TWITTER: / tutvid
FACEBOOK: / tutvid
SNAPCHAT: tutvid.com
tutvid is a TH-cam channel dedicated to creating the best Adobe Photoshop, Premiere Pro, Lightroom, and Illustrator tutorials. My goal is to create the best, most informative, and entertaining tutorials on the web. If you enjoy my videos, the best way to support what I do here is to purchase my course linked above or simply subscribe to the TH-cam channel by pressing the red button.
✉️ business inquiries: nate@tutvid.com
-
CREDITS:
Social Icons in outro: www.freepik.com... - แนวปฏิบัติและการใช้ชีวิต
Nice voice, a personal recording for video introduction, joyful and fun spirit, everything you explain is sharp and clear, timing of what is where in the video right in the description (and I use it aaaall the time), text description, recalling hotkeys everytime, infinite creativity, great balance between very easy process to produce brilliant stuff and free stuff able to download.
It's the first time I comment one of ur videos, but watching you since ages..
You are the TOP tutorial youtuber in whatever field. Please keep this level and you will have all it back.
Sincerely a big fan,
Marco
Such a kind comment, Marco! Thank you so much. I love you guys that watch my videos so much. Thank you so much! 🍻
please sub me
You have no idea how much your work means to me. You explain everything so well. Thank you for helping people out!
Dude why are you so creative? Your art work is ridiculously amazing
Really appreciate it! I wish I was more creative! Hopefully my videos can inspire everybody who watches 👌
hello
can i get some subs please
I would pay you to help me build my portfolio.
Man, Thank you so much! Your lessons definitely are the best on the whole Yourtube! Hugs from Russia! Waiting for new lessons from you!
at last, find one channel that really helpful and contain lots of smart techniques. A simple "Thank You" is not sufficient for you. God Bless you :)
I rejoy so much when Im doing a tutvid's tutorial and get to the "Get it, got it, good" part, make me feel accomplished
I really enjoy your tutorials man, they have helped me a lot as a graphic designer. Thank you!
Indeed. You are so amazing creative.
Your tutorials have tons of techniques. I love this.
Thank you man for your time and share.
Thank you very much! I love this tutorial! I have just recreated these graphs for my college project. Look very cool!
Damn, it is so easy but the original idea is very creative... Amazing. The final result looks neat.
Humberto Hernandez, Thank you so much! 🍻
Good to see you on your way to 1m subscribers! You showed me so much and I really enjoyed the process.
Enjoyed this much! Great to learn how to create the moving lines.
This is a god send of a tutorial. Very informative!!
Get it.......... Got it.........GOOD!!!
Cool graph, would make a great infographics asset. Great job as always, Nate!
Gravitytubes, Thank you so much! 🍻
Sometimes I giggled. Your voice is like sport commentator guy. Noice tuts!
I love this video you really make it fun to learn and try. Thanks for sharing!
Wonderful....really enjoyed it🤩🤩🤩
Wow, this vid actually make a lot of things so simple and beautiful. Thanks man 💡⚙️👁
Thanks! Glad you enjoyed the video! 👌
Thank you for sharing! I really learn a lot!!
very good presentation,clear sound, very helpful
very clear method thank you so much for your help.
Invaluable. Thanks Tut
Easy and well explained. I like you!
Another amazing tutorial, I might actually just use this for a power point for school, get a little creative you know, thanks!
Really appreciate the kind words! 👍
Thank you 👏🏿
I enjoyed the lesson, thank you!
I don't really subscribe to channels, But you're exceptionally good. Keep up the good work mate!
Thank you so much!
I have been disappointed after this video !! what an amazing designer !!
That was dope, thanks!
Thanks for sharing your knowledge . Greetings
Why dont you make some more ui design tutorials?
We would like to see.
A great tutorial again.
This is awesome!!
Nice, Good stuff keep it coming
I found unique ideas.thanks
This is a useful technique for creating graphics, but I was expecting to learn how to create a graph using raw data.
I also need that. Did you find the technique?
@@fahmidaamin4605 hey guys, you can use raw graph to plot your charts and then import it to Adobe illustrator. There’s a course on Domestika on that. It’s by Federica
Beautiful
Already smashed that subscribe XD love that energetic get it got it gooooood line!! :)
Thanks! Hope you love the upcoming videos!
GREAT VIDEO! super useful!
Thanks for the kind words!
very nice, thank you for teaching
Thanks for watching!
AMAZING TUTORIAL THANKS
Thanks, brother!
amazing! thanks!
Nice. Thank you sir.
You are great.....💖💖💖💖
Good stuff. Would like to see this as a data driven version. (Excel, GoogleSheets, or Python data forming the line and axis values for you).
Please, also make a short video on how you made this background at the beginning. I tried to make it, but the ellipse in the centre of the background doesn't want to blend smoothly with the background, you can see its borders... I don't know how to fix it.
Beatiful and great technique, but nothing about Graph Tools using data and its formats
Thank you.
Insightfull!!
you are the best !!!!
Thanks! 🍻
Awesome
Thanks
thank you :)
Hello, Thanks for the great tutorial. I successfuly did it but once the illustration is made I can't export it without loosing the mask effect ? I have tried using libraires or exporting.. it does not seems to work..
Спасибо за урок!
Thank u tutvid
Hey, great tutorial. Is there any chance you could do a tutorial on how to create funky looking type in cinema 4D. Like the ones that look like liquid and stuff like that?
I'd love to, but I've never used Cinema4D so I'd probably be pretty bad at it, haha
thanks
Thanks for watching, man!
Could you incorporate this with an excel or google spreadsheet?
oooo very good
Thanks a million! 👍
It's really nice and new learning for me but my colour are dull than yours.....
شكرا
only 100K views? how is that possible
sir your tutorial are amazing . but In Photoshop? Suggest A tutorial Photoshop feature Camera Raw.
I can do that!
tutvid OK sir ... we are waiting
maybe you can use
alt, drag, drop, ctrl+d and keep ctrl+d until you want it stop....
instead ctrl+c, ctrl+f, ctrl+d...
after i apply blending, i reduce the opacity. Yet there are some lines between 2 strokes instead of perfect gradient color. WHY?
Would it be difficult taking this to after effects and make an animation from it?
Pablo Domínguez I think about it too
Pablo Domínguez maybe yes. I think there is a filter called the wave generator. maybe you could apply it to those lines created in Ai. Worth a try :)
hi plz sub me bro
Looks incredible! Shame there's no option to make it data driven - it would scrub most data viz graphics off the map.
Yeah. There is some power in the data driven stuff. I've never linked them together, not sure if it's possible. I'll try though!
tutvid awesome - keen to know how you get on. There always seems to be a play off between visually stunning and time efficient
Check it out: jsfiddle.net/m0zbxdyt/
Very possible.
With Blend Graph layer selected, when I paste into the mask, it doesn't white out the area that's supposed to be masked, i've tried it over and over again but still no mask, anyone else have this issue?
Is it possible to do something similar to this in Photoshop?
Sort of. You can create custom shapes and fill them with a Solid color to Transparent gradient, but you won't get the perfect edges that the blend tool gives you because the Blend Tool follows the contour of the lines. A linear gradient is a straight line.
♥
do some ui design please
Photoshop or Illustrator? I may consider a little Adobe XD as well.
It's entirely up to you. Whatever you think is the best option for us and you to teach on.
XD!
hello bro i need your support
@@tutvidDuh, cmmon ur literally THE BEST when it comes to illustrator!
At 14:55, when I lower the opacity of the bottom path the whole blend area becomes streaky for some reason.
It sounds like you may need to add a higher number to the Blend tool options when we set the "Specified Steps"
That should make it smoother.
I'll try that. Thank you!
I have that problem too.
Did you solve that problem? Still streaky even after I turn the number to 1000
Declan Wu Yep! Me too! But I get a solution. You can change color of the lower line all the way to the black. That's the same effect as the original way!
only control d\ will work instide of CFD
It’s pretty nice abstract lines with fill. But it’s not a «Metrics Line Graph Analytics Vector Artwork».
Instead of duplicate numbers just set up leading in "character" tab
you're a great teacher, but please slow down when you're explaining
Erm- yeah well but u can easily alter the playback speed to suit urself, u know😃
it's cool, but i can't export to png! How!?!?!?
File>Export and choose PNG from the formats drop down menu
pl add English subtitles to translate other language
I think i broke illustrator
There is literally a line graph creating feature in illustrator. I don't understand why you would make a graph without using that tool. If people want to plug in stats for the graph, they can not use this technique.
Useless if you want to create a graph that actually contains some information...
Charts without data? lol
first
of course, of course 😂
second :)
Hope you loved the video!