Flat Design Water Drop | Illustrator Tutorial

Поділитися
Вставка
  • Опубліковано 12 гру 2024

КОМЕНТАРІ • 147

  • @pixelandbracket
    @pixelandbracket  4 роки тому +4

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

  • @Sara-qz1mg
    @Sara-qz1mg 5 років тому +46

    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
      @pixelandbracket  5 років тому +10

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

  • @---ml4jd
    @---ml4jd 5 років тому +6

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

    • @pixelandbracket
      @pixelandbracket  5 років тому +1

      Definitely doesn’t have to be complicated!

  • @denhamk
    @denhamk 4 роки тому +7

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

  • @jelenajemjem
    @jelenajemjem 2 роки тому

    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!

  • @mangveerchawla2851
    @mangveerchawla2851 4 роки тому

    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.

  • @chrklipp9973
    @chrklipp9973 2 роки тому

    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

  • @rahuldeshpande9997
    @rahuldeshpande9997 4 роки тому +4

    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
      @pixelandbracket  4 роки тому

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

  • @samsonodhiambo4315
    @samsonodhiambo4315 Рік тому

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

  • @LightDarkBlue
    @LightDarkBlue 4 місяці тому

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

  • @maseehkhan7799
    @maseehkhan7799 2 роки тому

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

  • @hambgail6412
    @hambgail6412 4 роки тому +7

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

    • @pixelandbracket
      @pixelandbracket  4 роки тому

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

  • @aadithyasathiamurthy7167
    @aadithyasathiamurthy7167 3 роки тому

    thank you for existing my friend

  • @enasalkhreshieh1365
    @enasalkhreshieh1365 4 роки тому +4

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

  • @naimanadd
    @naimanadd 4 роки тому

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

  • @mirske7022
    @mirske7022 Рік тому

    Thank you very much!! Very clear instructions.

  • @amirchabbi7587
    @amirchabbi7587 4 роки тому +1

    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

  • @rupertcaney
    @rupertcaney 4 роки тому

    Your channel is amazing man. So easy to follow 👍

  • @clau443
    @clau443 3 роки тому

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

    • @pixelandbracket
      @pixelandbracket  3 роки тому

      You’re welcome! Check out my illustrator channel for more: ua-cam.com/users/pixelandbracketillustrator

  • @ryanwanx
    @ryanwanx 3 роки тому

    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.

  • @ShamisenZentrale
    @ShamisenZentrale 2 роки тому

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

  • @blackucc1971
    @blackucc1971 3 роки тому

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

  • @ifkaDOBIS
    @ifkaDOBIS 2 роки тому

    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 ;)

  • @erdemkulacl3058
    @erdemkulacl3058 4 роки тому +1

    Thank you so much .

  • @arnvarts
    @arnvarts 4 роки тому

    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.

  • @yifat120
    @yifat120 4 роки тому

    Thank you excellent tutorial Yifat Greenwald

  • @rjshtfc
    @rjshtfc 4 роки тому

    Great tutorial for an Illustrator newbie like me

  • @markz169
    @markz169 4 роки тому

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

  • @smollpotato
    @smollpotato 3 роки тому

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

  • @whousefilms
    @whousefilms 3 роки тому

    Thank you. Love this!

  • @helgiwind
    @helgiwind 4 роки тому

    THANK YOU!

  • @yasminsultana3325
    @yasminsultana3325 Рік тому

    Thank you very much

  • @marynguyen8559
    @marynguyen8559 3 роки тому

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

  • @JonathanAyers
    @JonathanAyers 4 роки тому

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

  • @catmahoney4398
    @catmahoney4398 3 роки тому

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

  • @emerlander
    @emerlander 3 роки тому

    That was super useful. Thank you!

  • @youdontcare7
    @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.

  • @andreking4140
    @andreking4140 4 роки тому

    thanks for the lesson man it helps

  • @kanchanporwal2506
    @kanchanporwal2506 4 роки тому

    Your videos is very best thanku you so much

  • @IshaGerlach
    @IshaGerlach 5 років тому +2

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

  • @ruqaiyasalim9529
    @ruqaiyasalim9529 4 роки тому

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

  • @ajaym6795
    @ajaym6795 4 роки тому

    Really cool. Thanks for this tutorial

  • @CS..8
    @CS..8 3 роки тому

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

  • @NNCharmm
    @NNCharmm 4 роки тому

    Thanks for your tutorial ^^ Love this

  • @nimamohammadi9901
    @nimamohammadi9901 3 роки тому

    Thank you 💞

  • @pouriahaqiqat9117
    @pouriahaqiqat9117 4 роки тому

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

  • @adnanaltun727
    @adnanaltun727 2 роки тому

    Thanks

  • @ИгорьИльин-ь4ш
    @ИгорьИльин-ь4ш 4 роки тому

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

  • @ivanvolchek1187
    @ivanvolchek1187 4 роки тому

    Thank you for the video. As always cool

  • @ArturJBCosta
    @ArturJBCosta 4 роки тому

    Nice, like and fav.

  • @narinder311285
    @narinder311285 5 років тому +2

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

    • @jgabriellex
      @jgabriellex 5 років тому +1

      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
      @narinder311285 5 років тому

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

    • @jgabriellex
      @jgabriellex 5 років тому

      @@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
      @pixelandbracket  5 років тому +1

      Pretty sure it’s not available in cs6

    • @narinder311285
      @narinder311285 5 років тому

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

  • @yvonnevilla4312
    @yvonnevilla4312 3 роки тому

    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
      @yvonnevilla4312 3 роки тому

      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
      @pixelandbracket  3 роки тому

      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
      @yvonnevilla4312 3 роки тому

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

  • @GigiVisacri
    @GigiVisacri 4 роки тому

    Thanks again, your tutorials are the best!

  • @peterbakos9214
    @peterbakos9214 5 років тому

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

    • @Moodboard39
      @Moodboard39 2 роки тому

      could be simpler by clicking convert anchor point lol

  • @shreyasshingare2966
    @shreyasshingare2966 4 роки тому

    I made it!
    Thanks for the tutorial!!

  • @thegeneralistph4839
    @thegeneralistph4839 4 роки тому

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

  • @Kotha630
    @Kotha630 3 роки тому

    thank u sir

  • @mishahappy1990
    @mishahappy1990 4 роки тому

    I love these tutorials. Thank you so much brother!

  • @billiemilholland2592
    @billiemilholland2592 4 роки тому

    Excellent! Thank you!

  • @SameerNSoni-ki4re
    @SameerNSoni-ki4re 5 років тому +1

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

  • @apurvasharma1466
    @apurvasharma1466 2 роки тому

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

  • @josemairena4747
    @josemairena4747 4 роки тому

    awesome! God Bless

  • @MomentSavier
    @MomentSavier 4 роки тому

    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?

  • @loudlouder5358
    @loudlouder5358 4 роки тому

    Good work

  • @aymanraouf1820
    @aymanraouf1820 3 роки тому

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

    • @aymanraouf1820
      @aymanraouf1820 3 роки тому

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

  • @NANAROCK07
    @NANAROCK07 4 роки тому

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

  • @iansigitariotejo2636
    @iansigitariotejo2636 4 роки тому

    thanks i learn something, keep the good work

  • @mohamedfekih8064
    @mohamedfekih8064 4 роки тому

    Much love bro 💪

  • @AllinOne-bx8jw
    @AllinOne-bx8jw 5 років тому

    Cool, appreciate the huge effort.

  • @taymoortechcare
    @taymoortechcare 3 роки тому

    just amazing doing good from pakistan

  • @oOcitizenOo
    @oOcitizenOo 5 років тому

    Great tutorial, man!

  • @logan81084
    @logan81084 Рік тому

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

  • @pinklemonade8864
    @pinklemonade8864 5 років тому +1

    Hey, thank you for the great tutorials!

  • @monosero9657
    @monosero9657 4 роки тому

    This is so relaxing, please make meditation videos

  • @hetvidoshi8106
    @hetvidoshi8106 5 років тому

    thanks! you make really helpful tutorials

  • @m21smt
    @m21smt 4 роки тому

    Buen tuto, muchas gracias

  • @bigjolly1000
    @bigjolly1000 5 років тому

    Lovin your tutorials keep at it.

  • @BroadcastNetwork
    @BroadcastNetwork 5 років тому

    Thank you.Awesome

  • @vicleey2381
    @vicleey2381 4 роки тому

    im stock @7:00

  • @ahmerislam3194
    @ahmerislam3194 5 років тому

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

  • @barefacedquestions
    @barefacedquestions 5 років тому

    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.

  • @zahraparvan5599
    @zahraparvan5599 4 роки тому

    bravo

  • @OmarHussam
    @OmarHussam 4 роки тому

    Thank You

  • @sheikhmuhammadadnan3
    @sheikhmuhammadadnan3 5 років тому

    very nice

  • @VishakhaMsB
    @VishakhaMsB 4 роки тому

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

  • @clipsking7807
    @clipsking7807 3 роки тому

    helpfull.

  • @ritad7986
    @ritad7986 4 роки тому

    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
      @pixelandbracket  4 роки тому

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

  • @TK-pv4uq
    @TK-pv4uq 5 років тому

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

  • @cynthiaabouammo2637
    @cynthiaabouammo2637 3 роки тому

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

    • @pixelandbracket
      @pixelandbracket  3 роки тому

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

  • @feroarts578
    @feroarts578 5 років тому

    thanks

  • @anjaymabar5675
    @anjaymabar5675 Рік тому

    makasi bang

  • @manzarkhan3959
    @manzarkhan3959 5 років тому

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

  • @asikineddie9858
    @asikineddie9858 4 роки тому

    hello i didnt get the step of hold option

  • @Krivoxx
    @Krivoxx 3 роки тому

    2:35 i cant drag i can just make line

  • @mowais5658
    @mowais5658 5 років тому

    I watched your all video's please please its my humble request to you tell me how I can become professional Good Logo Designer
    I hope you will reply me
    #Thanks 🙏

    • @Moodboard39
      @Moodboard39 2 роки тому

      ugh, by learing and practice lol

  • @btl2171
    @btl2171 5 років тому +1

    Please pattern setting use

  • @jodbaatiya3274
    @jodbaatiya3274 4 роки тому

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

    • @Moodboard39
      @Moodboard39 2 роки тому

      you have to disable the square with red line across

  • @jakub9640
    @jakub9640 4 роки тому

    Expand appearance is greyed out for me :(

  • @milimakes
    @milimakes 3 роки тому

    a shadow in the opposite side of the other shadow?

    • @pixelandbracket
      @pixelandbracket  3 роки тому

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

    • @milimakes
      @milimakes 3 роки тому

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