Flat Design Water Drop | Illustrator Tutorial

Поделиться
HTML-код
  • Опубликовано: 7 сен 2024

Комментарии • 147

  • @pixelandbracket
    @pixelandbracket  4 года назад +4

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

  • @Sara-qz1mg
    @Sara-qz1mg 4 года назад +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  4 года назад +10

      Appreciate that! I wanted to be as well, but then I decided to go into the industry itself and found RUclips 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!

  • @LightDarkBlue
    @LightDarkBlue Месяц назад

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

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

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

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

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

  • @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 10 месяцев назад

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

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

  • @naimanadd
    @naimanadd 3 года назад

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

  • @erdemkulacl3058
    @erdemkulacl3058 4 года назад +1

    Thank you so much .

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

  • @aadithyasathiamurthy7167
    @aadithyasathiamurthy7167 3 года назад

    thank you for existing my friend

  • @mirske7022
    @mirske7022 Год назад

    Thank you very much!! Very clear instructions.

  • @yasminsultana3325
    @yasminsultana3325 Год назад

    Thank you very much

  • @maseehkhan7799
    @maseehkhan7799 2 года назад

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

  • @clau443
    @clau443 2 года назад

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

    • @pixelandbracket
      @pixelandbracket  2 года назад

      You’re welcome! Check out my illustrator channel for more: ruclips.net/user/pixelandbracketillustrator

  • @yifat120
    @yifat120 4 года назад

    Thank you excellent tutorial Yifat Greenwald

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

  • @ryanwanx
    @ryanwanx 2 года назад

    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.

  • @DrLewko
    @DrLewko 3 года назад

    THANK YOU!

  • @arnvarts
    @arnvarts 3 года назад

    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.

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

  • @markz169
    @markz169 4 года назад

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

  • @rjshtfc
    @rjshtfc 4 года назад

    Great tutorial for an Illustrator newbie like me

  • @smollpotato
    @smollpotato 3 года назад

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

  • @blackucc1971
    @blackucc1971 3 года назад

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

  • @kanchanporwal2506
    @kanchanporwal2506 4 года назад

    Your videos is very best thanku you so much

  • @Kotha630
    @Kotha630 3 года назад

    thank u sir

  • @catmahoney4398
    @catmahoney4398 3 года назад

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

  • @whousefilms
    @whousefilms 3 года назад

    Thank you. Love this!

  • @ruqaiyasalim9529
    @ruqaiyasalim9529 4 года назад

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

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

  • @adnanaltun727
    @adnanaltun727 2 года назад

    Thanks

  • @emerlander
    @emerlander 3 года назад

    That was super useful. Thank you!

  • @amirchabbi7587
    @amirchabbi7587 3 года назад +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

  • @mboogie222
    @mboogie222 4 года назад

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

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

  • @andreking4140
    @andreking4140 3 года назад

    thanks for the lesson man it helps

  • @user-rh8eg5zy5j
    @user-rh8eg5zy5j 4 года назад

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

  • @marynguyen8559
    @marynguyen8559 3 года назад

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

  • @thegeneralistph4839
    @thegeneralistph4839 4 года назад

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

  • @ajaym6795
    @ajaym6795 4 года назад

    Really cool. Thanks for this tutorial

  • @taymoortechcare
    @taymoortechcare 2 года назад

    just amazing doing good from pakistan

  • @zahraparvan5599
    @zahraparvan5599 4 года назад

    bravo

  • @JonathanAyers
    @JonathanAyers 3 года назад

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

  • @CS..8
    @CS..8 3 года назад

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

  • @IshaGerlach
    @IshaGerlach 5 лет назад +2

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

  • @billiemilholland2592
    @billiemilholland2592 4 года назад

    Excellent! Thank you!

  • @ivanvolchek1187
    @ivanvolchek1187 4 года назад

    Thank you for the video. As always cool

  • @josemairena4747
    @josemairena4747 3 года назад

    awesome! God Bless

  • @shreyasshingare2966
    @shreyasshingare2966 4 года назад

    I made it!
    Thanks for the tutorial!!

  • @NNCharmm
    @NNCharmm 3 года назад

    Thanks for your tutorial ^^ Love this

  • @GeVisacri
    @GeVisacri 4 года назад

    Thanks again, your tutorials are the best!

  • @nimamohammadi9901
    @nimamohammadi9901 3 года назад

    Thank you 💞

  • @peterbakos9214
    @peterbakos9214 5 лет назад

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

    • @Moodboard39
      @Moodboard39 Год назад

      could be simpler by clicking convert anchor point lol

  • @rupertcaney
    @rupertcaney 4 года назад

    Your channel is amazing man. So easy to follow 👍

  • @ArturJBCosta
    @ArturJBCosta 4 года назад

    Nice, like and fav.

  • @pouriahaqiqat9117
    @pouriahaqiqat9117 4 года назад

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

  • @iansigitariotejo2636
    @iansigitariotejo2636 4 года назад

    thanks i learn something, keep the good work

  • @pinklemonade8864
    @pinklemonade8864 5 лет назад +1

    Hey, thank you for the great tutorials!

  • @clipsking7807
    @clipsking7807 3 года назад

    helpfull.

  • @BroadcastNetwork
    @BroadcastNetwork 5 лет назад

    Thank you.Awesome

  • @hetvidoshi8106
    @hetvidoshi8106 5 лет назад

    thanks! you make really helpful tutorials

  • @m21smt
    @m21smt 4 года назад

    Buen tuto, muchas gracias

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

  • @AllinOne-bx8jw
    @AllinOne-bx8jw 5 лет назад

    Cool, appreciate the huge effort.

  • @loudlouder5358
    @loudlouder5358 4 года назад

    Good work

  • @OmarHussam
    @OmarHussam 4 года назад

    Thank You

  • @feroarts578
    @feroarts578 4 года назад

    thanks

  • @ahmerislam3194
    @ahmerislam3194 5 лет назад

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

  • @oOcitizenOo
    @oOcitizenOo 5 лет назад

    Great tutorial, man!

  • @monosero9657
    @monosero9657 4 года назад

    This is so relaxing, please make meditation videos

  • @mohamedfekih8064
    @mohamedfekih8064 4 года назад

    Much love bro 💪

  • @anjaymabar5675
    @anjaymabar5675 Год назад

    makasi bang

  • @bigjolly1000
    @bigjolly1000 5 лет назад

    Lovin your tutorials keep at it.

  • @logan81084
    @logan81084 Год назад

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

  • @TK-pv4uq
    @TK-pv4uq 5 лет назад

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

  • @sheikhmuhammadadnan3
    @sheikhmuhammadadnan3 5 лет назад

    very nice

  • @barefacedquestions
    @barefacedquestions 4 года назад

    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.

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

  • @SameerNSoni-ki4re
    @SameerNSoni-ki4re 5 лет назад +1

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

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

  • @apurvasharma1466
    @apurvasharma1466 2 года назад

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

  • @narinder311285
    @narinder311285 5 лет назад +2

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

    • @jgabriellex
      @jgabriellex 4 года назад +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 4 года назад

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

    • @jgabriellex
      @jgabriellex 4 года назад

      @@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  4 года назад +1

      Pretty sure it’s not available in cs6

    • @narinder311285
      @narinder311285 4 года назад

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

  • @VishakhaMsB
    @VishakhaMsB 4 года назад

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

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

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

  • @asikineddie9858
    @asikineddie9858 4 года назад

    hello i didnt get the step of hold option

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

  • @btl2171
    @btl2171 5 лет назад +1

    Please pattern setting use

  • @jakub9640
    @jakub9640 4 года назад

    Expand appearance is greyed out for me :(

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

  • @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 :)

  • @fatandraw8246
    @fatandraw8246 4 года назад

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

    • @Moodboard39
      @Moodboard39 Год назад

      he already show it, how u dont get it?

  • @jodbaatiya3274
    @jodbaatiya3274 4 года назад

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

    • @Moodboard39
      @Moodboard39 Год назад

      you have to disable the square with red line across

  • @mowais5658
    @mowais5658 4 года назад

    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 Год назад

      ugh, by learing and practice lol

  • @Krivoxx
    @Krivoxx 3 года назад

    2:35 i cant drag i can just make line