How to create basic shapes in Adobe Illustrator

แชร์
ฝัง
  • เผยแพร่เมื่อ 28 มี.ค. 2020
  • Welcome Guys to one more tutorial.
    Today i will be showing you: how to create basic shapes in Adobe Illustrator
    First, let's open a rectangle.
    Click and hold the left click and with the mouse draw a squire.
    Make sure to hold Shift so you can create that perfect square shape.
    Now with the Selection tool, click on the square.
    And drag it a bit on the right with holding alt and shift.
    Alt is for creating a copy and Shift is for moving it in a straight line.
    Now just hit CTRL+D to paste it 4 times in the same order.
    Let's paint the square in a different color.
    I already had saved swatches but you can choose a color manually by clicking on the square and click twice on the fill box and choose a color.
    Paint the first square blue
    Second square Pink
    Third Green
    Fourth Yellow
    And the fifth Purple.
    First, let's build shape using the rounded corners.
    With the direct selection tool, select the top right corner
    You will see a small double dot icon, just click on it and pull it down.
    For the pink square let's select the top corners.
    And also pull them down.
    For the green one, select the top left corner, hold shift and select the bottom right corner
    And pull them up.
    Now we got a leaf shape.
    For the Yellow square let's select all corners
    And with holding shift unselect the bottom right corner.
    Then pull all of them into the center.
    And for the purple square, lets select all the corners.
    And pull them into the center as well.
    Now if you like to scale the objects, you will notice they will lose there original shape.
    To avoid that, we must select them one by one and hit unite on the pathfinder.
    Now let's try and scale it and you will see they won't lose there shape.
    Alright now let's create inverted rounded corners.
    But let's not delete the current shape we made.
    Select them all and hit CTRL+G to group them
    Then hit CTRL+C To copy them.
    Hold CTRL+ Z till you get back to the square shapes
    Then hit CTRL+F to paste the rounded shapes.
    Let's move them down with holding shift.
    And now we can start creating inverted rounded corners.
    Select the top left corner, and move it to the center.
    Now with the direct selection tool click twice on the dot icon
    And choose inverted rounded corners.
    For the pink square let's select the top corners.
    Instead of double-clicking with the direct selection tool.
    You can hold alt and click on the double dots.
    So it can turn into inverted rounded corners.
    For the green square let's select the top left corner.
    And with holding shift select the bottom right corner.
    Pull it to the center and whit holding alt, click on the dot.
    For the yellow let's do the same, select all the corners.
    And whit holding shift unselect the bottom right corner.
    Pull it to the center and whit holding alt, click on the dot.
    For the purple square, select every corner.
    And pull it to the center.
    Again with holding alt, click on the double dots.
    Now let's use the unite on the pathfinder.
    So when we scale the object we will keep the original shape.
    Select all the inverted rounded objects, group them and copy them.
    Then hold CTRL+Z, till you get back to the square objects.
    Paste them and move them up with holding shift.
    Now let's create chamfer corners.
    Select the top left corner of the blue square and pull it down.
    To create a chamfer corner, hold alt and with the direct selection tool click twice on the corner dot.
    If you click three times, you will get back to the rounded corners.
    Or with the direct selection tool, without holding alt.
    you can double click on the dot, then the corner option will pop up.
    Then choose chamfer corners.
    Let's make the rest of the shapes in chamfer corners as well.
    For the pink square, select the top corners and move it to the center.
    Green, select the top left corner and the bottom right then pull it into the center.
    Yellow square, select all the corners and unselect the bottom right corner.
    Then pull it into the center.
    And for the purple select all corners, and also pull them to the center.
    And here you go guys, this is how we can create basic shapes, using only the corner option and the direct selection tool.
    Feel free to mix the objects, you can do rounded corners, with inverted rounded or chamfer corners.
    The only thing is bugging me here, i can't make the inverted rounded corners into rounded edges.
    If we draw this exact shape using the pen tool, we will be able to do the inverted corners into rounded edges.
    I hope in the next version of Adobe Illustrator we will be able to turn inverted rounded corners into rounded edges.
    This will give us a lot more freedom with drawing with the corner option.
    Alright, guys, this was it for this tutorial.
    And if you found this tutorial useful, make sure to subscribe to my channel.
    And also you can follow me on my Instagram page @Niko_Dola.
    I wish you happy designing.
    Cheers
  • แนวปฏิบัติและการใช้ชีวิต

ความคิดเห็น • 96

  • @SmittenKitten.
    @SmittenKitten. 2 ปีที่แล้ว +29

    This was 8 minutes of pure information... Perfect video!!

  • @emaakter8446
    @emaakter8446 2 วันที่ผ่านมา

    i literally thank u so much ive been so frustrated with illustratot

  • @Raggaren02
    @Raggaren02 3 ปีที่แล้ว +3

    I couldn't find this anywhere else, thank you!

  • @fromoften
    @fromoften 3 หลายเดือนก่อน

    this is one of if not the most helpful videos i've ever seen. thank you so much!!

  • @poorvatiwari6312
    @poorvatiwari6312 ปีที่แล้ว

    Videos like this deserves more views. Thanks for making this video.

  • @indralukman6759
    @indralukman6759 ปีที่แล้ว +3

    Thanks bro.
    This is really helping me in my internship, b'cause I've got some vektor task, meanwhile I'm a "beatmap" type artist, and I'm confused so much using illustrator

  • @shittytutos1986
    @shittytutos1986 3 ปีที่แล้ว +2

    You're amazing!! Thank you!

  • @erikaweirdsurname4150
    @erikaweirdsurname4150 2 ปีที่แล้ว

    Thats brilliant, thank you so much!

  • @spongevideo
    @spongevideo 9 หลายเดือนก่อน

    Excellent tutorial! Thank you!

  • @Sumie141
    @Sumie141 ปีที่แล้ว +1

    Thank you so much Niko! 🙂

  • @katherineb8171
    @katherineb8171 ปีที่แล้ว +1

    This was so helpful, thank you!!

  • @evilyvonne
    @evilyvonne ปีที่แล้ว +1

    thank you for this video! so clear and easy to understand

  • @maryamfarzad3179
    @maryamfarzad3179 2 ปีที่แล้ว

    Thank you so much! that was very helpful.

  • @frankfuentealba
    @frankfuentealba ปีที่แล้ว

    Thank you so much, you're an amazing teacher!

  • @alysazhr
    @alysazhr 3 ปีที่แล้ว +2

    This is amazing, thankyou so much!

  • @aikcreationsmultimedia1489
    @aikcreationsmultimedia1489 ปีที่แล้ว +2

    Great and interesting👏

  • @brandyn666
    @brandyn666 2 ปีที่แล้ว

    Love this!

  • @annzha
    @annzha ปีที่แล้ว

    Thank you so much! Very useful

  • @francoabductor6301
    @francoabductor6301 2 ปีที่แล้ว

    Thanks, I needed this.

  • @mooomuuuo
    @mooomuuuo ปีที่แล้ว

    Tysm! Very beginner friendly

  • @pratamilini
    @pratamilini 2 ปีที่แล้ว +2

    Superb. Simple and easy to understand. Thank you!

  • @CarlosMendez-wn8xl
    @CarlosMendez-wn8xl 2 ปีที่แล้ว +2

    Thank you so much, this has helped me a lot to understand illustrator tools

  • @InDesignME
    @InDesignME 3 หลายเดือนก่อน

    Thank you so much for this basic tutorial.

  • @Moonuxie
    @Moonuxie 4 ปีที่แล้ว +2

    helpful! thank you!

  • @DiceRollX19
    @DiceRollX19 ปีที่แล้ว

    Man that's amazing for real

  • @badsoutherngirl
    @badsoutherngirl 2 ปีที่แล้ว

    Great tutorial, thank you.

  • @InsPage-nl4rn
    @InsPage-nl4rn 5 หลายเดือนก่อน

    Thank you so much for this 2024 begining and its still helpful

  • @fayezabdurrahman853
    @fayezabdurrahman853 2 ปีที่แล้ว

    Thank you man ❤️❤️

  • @barkahisme
    @barkahisme 2 ปีที่แล้ว

    just Wow! you're wonderful! thankss

  • @blazhespireski2259
    @blazhespireski2259 4 หลายเดือนก่อน

    Thanks man nice video, 4:06 the different options for edges is what I was looking for and this helped a lot.

  • @dektobrentic
    @dektobrentic 3 ปีที่แล้ว +22

    Excellent, straight to the point and well presented tutorial. Thanks.

  • @faridaakhter3421
    @faridaakhter3421 ปีที่แล้ว

    wonderful, Excellent, incomparable, amazing ....................

  • @ssstillhet
    @ssstillhet 2 ปีที่แล้ว +1

    PERFECT AND SIMPLE ♥

  • @Elephantsworld33
    @Elephantsworld33 4 ปีที่แล้ว +2

    Cool!

  • @abc49928
    @abc49928 3 ปีที่แล้ว +2

    Thank you!

  • @Alipbeki
    @Alipbeki 4 หลายเดือนก่อน

    Thank you! ❤ You are cool 😎

  • @opeyemiogunkuade470
    @opeyemiogunkuade470 5 หลายเดือนก่อน

    Nice tutorial, with this, i have been able to draw other complex things

  • @SkorpionYassine
    @SkorpionYassine 3 ปีที่แล้ว +2

    Very Helpfull thank you

  • @JuggD3pt
    @JuggD3pt 2 ปีที่แล้ว

    Very Helpful!

  • @richochet
    @richochet 2 ปีที่แล้ว

    Brilliant, more please

  • @lamialif7243
    @lamialif7243 8 หลายเดือนก่อน

    Thank you so much it saves me at my work today, God bless you ❤

  • @user-du9oy6tf7o
    @user-du9oy6tf7o หลายเดือนก่อน

    Thanks a lot 🙂

  • @fazumedia683
    @fazumedia683 3 ปีที่แล้ว +2

    very helpful and simple

  • @abusultan8549
    @abusultan8549 10 หลายเดือนก่อน

    This is so helpful thx

  • @nanarts
    @nanarts 4 ปีที่แล้ว +2

    Thanks!

  • @williampitt1537
    @williampitt1537 ปีที่แล้ว

    Niiiice dude, really nice a video you got there.

  • @satyanarayanasv9410
    @satyanarayanasv9410 ปีที่แล้ว +7

    Best and basic level explanation, straight to point, impressed

  • @uniquetargetdesign
    @uniquetargetdesign 4 ปีที่แล้ว +5

    Thanks for the Tutorial !

  • @user-me3ip3ud2h
    @user-me3ip3ud2h ปีที่แล้ว

    Very nice 👍 thanks 🙏 love

  • @kkkkkhhkhgbkk
    @kkkkkhhkhgbkk ปีที่แล้ว

    Amazing ❤❤❤

  • @keizychebukati
    @keizychebukati ปีที่แล้ว

    Thank you so much it was much helpfull

  • @alifahimi2874
    @alifahimi2874 3 ปีที่แล้ว +1

    tnx for this tutorial

  • @saurabhganorkar4716
    @saurabhganorkar4716 2 ปีที่แล้ว +1

    Das ist wunderbar und sehr hilfreich

  • @magitka88
    @magitka88 11 หลายเดือนก่อน

    Super!

  • @DUIxTHRiLLZ
    @DUIxTHRiLLZ 2 ปีที่แล้ว

    I love you!

  • @mdshibli1009
    @mdshibli1009 ปีที่แล้ว

    Nice good and Thank you

  • @prosper.design
    @prosper.design 3 ปีที่แล้ว +4

    Very very useful sir.... Couldn't find this type of video even in paid courses. Awesome job.

    • @Niko_Dola
      @Niko_Dola  3 ปีที่แล้ว +1

      Thanks man glad you find it useful!

  • @KayXamTutorials
    @KayXamTutorials 2 หลายเดือนก่อน

    Clear tutorial

  • @arts9466
    @arts9466 2 ปีที่แล้ว

    Thanks 😊

  • @luminousfilms9430
    @luminousfilms9430 2 ปีที่แล้ว

    thank you sir

  • @SABradMan
    @SABradMan ปีที่แล้ว

    Thanks for sharing Niko

  • @sonsetdaughtersofmary
    @sonsetdaughtersofmary 5 หลายเดือนก่อน

    Perfect

  • @tatarocha6347
    @tatarocha6347 3 ปีที่แล้ว +1

    Thankyouuu

  • @baeyennebaee
    @baeyennebaee 10 หลายเดือนก่อน

    is there any shortcut for switching into inverted rounded corner?

  • @nazran7707
    @nazran7707 ปีที่แล้ว

    Better than my lecturer 😭

  • @casualchris67
    @casualchris67 ปีที่แล้ว

    hey what music are you using?

  • @user-bc7du4qc4g
    @user-bc7du4qc4g 2 ปีที่แล้ว

    why i cant pull the dots to the center it only allows me around the center ?

  • @camilocastroperez2174
    @camilocastroperez2174 ปีที่แล้ว

    encontré una forma más o menos sencilla para redondear las esquinas despúes de haberlas modificado y es usando el shape builder tool para duplicar la forma y esta nueva forma se puede modificar libremente

  • @walnutssandhoney
    @walnutssandhoney 3 หลายเดือนก่อน +1

    Can anyone explain where to find the pathfinder bar if its not on the right of my page? for the instruction "To avoid that, we must select them one by one and hit unite on the pathfinder."

    • @adammirza-zl5vt
      @adammirza-zl5vt 2 หลายเดือนก่อน

      Go to window panel and then select pathfinder

  • @harshk7869
    @harshk7869 2 ปีที่แล้ว +1

    WHY I DIDN'T KNOW IT BEFORE!!!!!!!!!!!!!!!!!!!!!!!!!

  • @fikrihaikal7605
    @fikrihaikal7605 2 ปีที่แล้ว

    whats the first pink shapes name?

  • @dontclickthelikebutton
    @dontclickthelikebutton 9 หลายเดือนก่อน

    how do you convert the path from the shape that was distorted to match the newly made shape? im trying to add shapes to a grid witch i then divide with the pathfinder but it doesnt work because the path doesnt match the shape the path stays a circle or a rectangle and it goes all crazy help

    • @dontclickthelikebutton
      @dontclickthelikebutton 9 หลายเดือนก่อน

      there has to be a simpler way than saving the shapes as pngs dragging them back in and use image trace

  • @timmytee734
    @timmytee734 3 ปีที่แล้ว

    Can somebody help? I watched so many videos and can't find answer to the following:
    Right at the beginning when I start the square it's black already from the starting point. In other videos it starts as an empty square with paths only and it changes to black when you let it go. Why isn't mine empty? Must be a setting. This causes issues when I try to create patterns and place shapes on each other. I don't want the shapes to blend in. I appreciate any help!

    • @Niko_Dola
      @Niko_Dola  3 ปีที่แล้ว

      maybe your squire is set to white Fill with Black stroke you need to make the fill as the color you need it to be. When you open a shape you should see two squares on bellow left ton your toolbar he one is fill and the other one is stroke click on them and change the color and you will see which one is which.

  • @bilalmbh99
    @bilalmbh99 3 ปีที่แล้ว +2

    How you used direct selection tool and pull it down.
    I also used the same but its not working the way its is working for you??

    • @Niko_Dola
      @Niko_Dola  3 ปีที่แล้ว

      you probably have a older version of adobe illustrator

    • @bilalmbh99
      @bilalmbh99 3 ปีที่แล้ว

      @@Niko_Dola i have latest

    • @Niko_Dola
      @Niko_Dola  3 ปีที่แล้ว

      @@bilalmbh99 that's weird, you cant see the small circles around the corners?

    • @bilalmbh99
      @bilalmbh99 3 ปีที่แล้ว

      @@Niko_Dola noo

    • @Niko_Dola
      @Niko_Dola  3 ปีที่แล้ว

      @@bilalmbh99 downgrade the illustrator to 2020 it must work. i also had problem with 2021 illustrator with typing a text and now with 2020 is working great.

  • @alpacamale2909
    @alpacamale2909 2 ปีที่แล้ว

    dude why didn't you show how to save the shapes as presets

  • @maryamnazir5409
    @maryamnazir5409 ปีที่แล้ว

    Can somebody help me? I tried a lot but every time the shape only turn into a circle

    • @Niko_Dola
      @Niko_Dola  ปีที่แล้ว

      that is because you are not using the direct selection tool or you are not unlicking before trying to round it. Make sure you grab the direct selection tool then unselect the Object by unclicking on the empty artboard and only then try to select one corner of your object and try to round it.

  • @hello-xg5zp
    @hello-xg5zp 2 ปีที่แล้ว

    in my illustrator i didn't find curbing point...please help me

    • @Niko_Dola
      @Niko_Dola  2 ปีที่แล้ว

      You have a older version of adobe illustrator

    • @hello-xg5zp
      @hello-xg5zp 2 ปีที่แล้ว

      @@Niko_Dola ohh :(

  • @user-ze5tc2ft5n
    @user-ze5tc2ft5n ปีที่แล้ว

    hold Ctrl + Z isn't to make a square

    • @Niko_Dola
      @Niko_Dola  ปีที่แล้ว

      when did i say that?

  • @panguatsekai5674
    @panguatsekai5674 2 ปีที่แล้ว +2

    after i watching this i feel like stupid

  • @shablabh
    @shablabh 3 ปีที่แล้ว +9

    i literally thank u so much ive been so frustrated with illustratot