Flat Design Water Drop | Illustrator Tutorial

[@pixelandbracket]

Try Skillshare Premium for free and watch my classes here: bit.ly/PBSkillshare

[@Sara-qz1mg]

I love how every time you say how to use tools on keyboard,forces me to learn it! Thank you! Ps you should definitely be a teacher, you are really great at it

[@pixelandbracket]

Appreciate that! I wanted to be as well, but then I decided to go into the industry itself and found KZbin to be my teaching outlet!

[@---ml4jd]

best thing about this tutorial for me is that it uses very simple essential tools to produce great results.

[@pixelandbracket]

Definitely doesn’t have to be complicated!

[@LightDarkBlue]

This tutorial helped me create my business logo. Thank you very much!

[@denhamk]

Soooo many tips in one video! I’m so happy I watched it... that option for clipping mask was just fantastic. Never thought of that

[@lesliengo8347]

This is great! An alternate method to create the water drop is to select the pen tool and while holding down the alt or command key, click on the anchor point at the top. You can then round off the corners using the rounded corners option.

[@hambgail6412]

Very well explained ! Love when you said it's too long to use short cut key and then just say it out haha.

[@pixelandbracket]

Lol yes, it's one of the longer ones that i use all the time

[@jelenajemjem]

I am learning the illustrator couple of months already and did not know, that I can make the same color stroke as the fill so easily :-) Usually I went to Pathfinder and struggled with the same color picking there. Thank you Spenser!

[@rahuldeshpande9997]

Dude I actually like this! I like how you naturally interacted with us in the beginning of the clip! Amazing content as always my friend!

[@pixelandbracket]

Appreciate it! Could be brightened up a bit I think 😁

[@chrklipp9973]

very nice and calm way to explain your steps! Like the way you mention the shortcuts all the way through, helps to remember them while working on my own projects

[@aadithyasathiamurthy7167]

thank you for existing my friend

[@mangveerchawla2851]

Thanks for sharing this course. I am totally a beginner, while following your course I felt lucky. Your instructions are really really helpful, haven’t seen any other competent to yours. Thank you loads for sharing for your knowledge. I am thinking to make designing full with the help of this course.

[@samsonodhiambo4315]

Thanks for every insight brother. I made the droplet to my specifications and ws happy with the result.

[@naimanadd]

You're honestly the most helpful person I've found on learning Adobe Illustrator, thankyou!

[@pixelandbracket]

Wow, thanks!

[@mirske7022]

Thank you very much!! Very clear instructions.

[@erdemkulacl3058]

Thank you so much .

[@clau443]

Followed all the steps and im so excited to have created something in illustrator ☺ thank you

[@pixelandbracket]

You’re welcome! Check out my illustrator channel for more: kzbin.info

[@maseehkhan7799]

Good day.. I am new to illustrator and your videos are quiet helpful... Thanks for the help.

[@ShamisenZentrale]

This is such a great tutorial! Thank you! I learned far more than just how to make a water drop in Illustrator!

[@ryanwanx]

Great video mate. I don't comment on videos much, but thanks so much for this. The shortcuts talk through was great when trying to get into that habit.

[@pixelandbracket]

Thanks!

[@yifat120]

Thank you excellent tutorial Yifat Greenwald

[@yasminsultana3325]

Thank you very much

[@DrLewko]

THANK YOU!

[@arnvarts]

U r the best tutor. I just wanna say u r amazing. It helped me a lot. Keep making videos and helping people 👍👍 Your interaction with audience/viewers is amazing. I m very glad that I watched this video. this one video gave me a whole lotta knowledge bout illustrator. I watched other videos of yours too. All of them helped me so so much 😊☺️ thank u for this tutorial.

[@pixelandbracket]

Thank you so much! 🤗

[@rjshtfc]

Great tutorial for an Illustrator newbie like me

[@ifkaDOBIS]

Thank You! I've learn a lot!!! Just noticed that the shadow is on the wrong side as the light is coming from right side ;)

[@smollpotato]

Thank you! It’s so easy to follow and understand 😆👏👏

[@blackucc1971]

I created my first illust while wathing this video. I like this water drop.

[@catmahoney4398]

amazing tutorial, great pace and easy to follow, thank you!

[@markz169]

Great tutorials! Studying vectors now. I've learned a lot in just a few minutes.

[@kanchanporwal2506]

Your videos is very best thanku you so much

[@whousefilms]

Thank you. Love this!

[@amirchabbi7587]

6:46 I don't have that I tried but it said Please use the convert anchor point tool on an anchor point of a path

[@marynguyen8559]

Nice and simple tutorial! Greatt job. Now i can draw a cute water droplet too :))

[@emerlander]

That was super useful. Thank you!

[@ruqaiyasalim9529]

You are so great .. I learned a lot from you

[@andreking4140]

thanks for the lesson man it helps

[@JonathanAyers]

Legit content. Hopefully I can make tutorials and content like this!

[@pixelandbracket]

Do it!

[@rupertcaney]

Your channel is amazing man. So easy to follow 👍

[@mboogie222]

Your videos are so helpful and I'm so thankful for them!

[@user-rh8eg5zy5j]

Great tutorial, very informative! Thank you very much!👌😉👍

[@CS..8]

Thank you for making this so easy to understand!!! I can't thank you enough!!!!

[@apurvasharma1466]

COLOUR CODES : LIGHT BLUE : 6BA6CE DARK BLUE : 255784 BACKGROUND : 1C2933 SHADOW : 151B1E HIGHLIGHT : FFFFFF

[@IshaGerlach]

Hi! I was wondering if you could do a tutorial on how to make a flat pineapple design?🙏🏻

[@Kotha630]

thank u sir

[@pouriahaqiqat9117]

Rightest ad est thig is that you say commad ctrl every time . Great Perso

[@enasalkhreshieh1365]

7:05 ,,,, I can't bend the line , is it not available in CS6 ? I did it in another way but it was inaccurate .. & Thanks for the great tutorials ..

[@thegeneralistph4839]

Wow. Thank you again sir for this. This helps a lot. More power

[@GeVisacri]

Thanks again, your tutorials are the best!

[@ajaym6795]

Really cool. Thanks for this tutorial

[@mishahappy1990]

I love these tutorials. Thank you so much brother!

[@NANAROCK07]

Thank You so much for the tutorial, i was able to do it easily thanks to your clear and well explaining the steps

[@adnanaltun727]

Thanks

[@billiemilholland2592]

Excellent! Thank you!

[@ivanvolchek1187]

Thank you for the video. As always cool

[@NNCharmm]

Thanks for your tutorial ^^ Love this

[@zahraparvan5599]

bravo

[@josemairena4747]

awesome! God Bless

[@shreyasshingare2966]

I made it! Thanks for the tutorial!!

[@nimamohammadi9901]

Thank you 💞

[@ArturJBCosta]

Nice, like and fav.

[@iansigitariotejo2636]

thanks i learn something, keep the good work

[@peterbakos9214]

One of the best Illustrator tutorials! Well explained, simple, but good. Btw your illustrations are very nice.

[@Moodboard39]

could be simpler by clicking convert anchor point lol

[@taymoortechcare]

just amazing doing good from pakistan

[@pinklemonade8864]

Hey, thank you for the great tutorials!

[@loudlouder5358]

Good work

[@youdontcare7]

Pretty cool. Though I'm not sure I followed why the shadow on the droplet is to the left, with the shine coming from the right, and then the background shadow also to the right where the shine is.

[@pixelandbracket]

It’s a mistake 🤷🏻‍♂️

[@youdontcare7]

@@pixelandbracket Haha fair enough.

[@AllinOne-bx8jw]

Cool, appreciate the huge effort.

[@hetvidoshi8106]

thanks! you make really helpful tutorials

[@OmarHussam]

Thank You

[@oOcitizenOo]

Great tutorial, man!

[@monosero9657]

This is so relaxing, please make meditation videos

[@pixelandbracket]

What do you have in mind?

[@m21smt]

Buen tuto, muchas gracias

[@feroarts578]

thanks

[@mohamedfekih8064]

Much love bro 💪

[@BroadcastNetwork]

Thank you.Awesome

[@ahmerislam3194]

much love bro.. u hv got some nxt lvl skills..

[@bigjolly1000]

Lovin your tutorials keep at it.

[@logan81084]

I do like your instruction style and flow. But wouldn't the shadow be on the other side?

[@pixelandbracket]

Yep it definitely would! 😄 🤦🏻‍♂️

[@sheikhmuhammadadnan3]

very nice

[@clipsking7807]

helpfull.

[@TK-pv4uq]

Thanks, Spencer. Subscribed. Bell Alert 'On'.

[@anjaymabar5675]

makasi bang

[@barefacedquestions]

Welp, I wish I had known that trick about holding the Option key while in the Pen tool to change the direction of the handles sooner. Thanks for the awesome tutorial.

[@asikineddie9858]

hello i didnt get the step of hold option

[@VishakhaMsB]

i can't bend the dark part of the droplet in illustrator cs6 .how to do that?

[@aymanraouf1820]

@4:55 i tried to bring it back to one solid shape but the Expand Appearance tool was not available to select

[@aymanraouf1820]

I figured it out. its only when you allign the stroke to the outside that the Expand Appearance button becomes available to select

[@SameerNSoni-ki4re]

Nice video! But don't you think that the light and shadow direction are opposite?😅

[@pixelandbracket]

Yes yes hahaha

[@MomentSavier]

this is a really helpful tutorial. but i dont have illustrator i use Photoshop. I search for many tutorials on how to shade like you in Photoshop but i only see 3d shading and i want 2d shading like how you did it in this video. if you dont mind could you do a tutorial or send me a link ti a tutorial please?

[@btl2171]

Please pattern setting use

[@cynthiaabouammo2637]

I can only get the pen tool to draw straight lines. I'm a little confused how you made the line rounded.

[@pixelandbracket]

When you click, click and hold while dragging in the next direction, that will curve the line

[@narinder311285]

please explain bend line at 7:00 onward (i use cs6)

[@jgabriellex]

hey i use don't use cs6 but if you just hover with the pen tool (with option or alt held down) you'll see that symbol, it looks like a bent line with a point at each end. You just grab the straight line with that selected and you should be able to bend the line how u want. You can go back in with the direct selection tool (a) to fix it further

[@narinder311285]

@@jgabriellex sorry but line not bending, it's making angle there

[@jgabriellex]

@@narinder311285 are you on pen tool (p) then *holding* the option or alt key to see a symbol that looks like an upside down V?

[@pixelandbracket]

Pretty sure it’s not available in cs6

[@narinder311285]

@@pixelandbracket Thanks. Wish you a very Happy Diwali.

[@yvonnevilla4312]

I notice a few differences in the way illustrator works, not sure if I need to adjust some settings or not. When I create a circle it automatically puts a fill in it. I do want it to have a fill, but not before I release the mouse (that way I can see the objects underneath). In the video it doesn't apply the fill until about 1:24 when he stops holding down the mouse. That's what I want mine to do, instead it starts out with a fill and not the transparent circle we see in the video. Anyone know the setting? (This is the 3rd Pixel and Bracket tutorial I try, I'm really liking them so far).

[@yvonnevilla4312]

Another difference in my illustrator is that when I am using the pen tool to start giving it the water droplet shape, mine previews the changes "live" as I move the handles around. In the video, it will show what it will look like as an "outline/stroke" and doesn't update until he stops holding down the mouse at around 2:07. I'm just wondering why these differences, hopefully what I'm trying to explain makes sense.

[@pixelandbracket]

whenever you're using a tool that creates a shape or path, Illustrator will use your current fill and stroke settings. at the bottom of your tools panel you'll see those settings (or in your properties panel). if you make the fill none by clicking the red slash, then you can create your shape without seeing it filled in. it might be helpful to have some kind of color on your stroke at least 1pt so that you can see it.

[@yvonnevilla4312]

@@pixelandbracket Thank you for the reply! Yes, I will try clicking the red slash to remove the fill. I notice though that at minute 1:20 your color setting are blue for the fill and no stroke. While you are holding your shift down and the mouse down I see a blue circle with a pink plus in the middle. It isn't until minute 1:24 when you let go of the mouse that it applies the fill. That's what I wish mine would do. When I follow the same steps, it applies the fill and stroke right away I don't see the circle with the pink plus in the middle before I let go of shift and the mouse. I hope I clarified, it isn't the end of the world or anything, I'd just love to figure it out.

[@ritad7986]

Who doesn't have Properties menu like me, I found this transform thingie under opacity with two circles intersecting icon, in the left part of this panel, there was no flip so I clicjed on the three stripes button near it and found flipping there.

[@pixelandbracket]

If you’re AI is updated go to window > properties. Otherwise yes exactly where you found it! Also I think Object > transform > reflect

[@jakub9640]

Expand appearance is greyed out for me :(

[@milimakes]

a shadow in the opposite side of the other shadow?

[@pixelandbracket]

Only a true artist would do such a thing...

[@milimakes]

@@pixelandbracket Dunno cause i'm not one :)

[@jodbaatiya3274]

when i use the pen tool, a par of the shadow becomes white.. why is that?

[@Moodboard39]

you have to disable the square with red line across

[@fatandraw8246]

i cant understand how to darken the left side of water droplet???

[@Moodboard39]

he already show it, how u dont get it?

[@manzarkhan3959]

sir how we can upload such flat icon on pixabay.com can you help us through video kindly make a video on it please

[@vicleey2381]

im stock @7:00

[@Moodboard39]

is stuck not stock lol