Illustrator Tutorial: Create a Vector Logo from a Rough Sketch

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

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

  • @TheVectorLab
    @TheVectorLab  4 года назад +83

    Subscribe to my email list to get a Bundle of 40 FREE t-shirt design resources and get a T-Shirt Design Tutorial every week: thevectorlab.com/pages/newsletter

    • @thawatchman443
      @thawatchman443 4 года назад +2

      Need an sketch turned into a graphic design for a logo: t-shirts, hats etc. How do I get in touch?

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

      ruclips.net/video/gp6ILy6C7pQ/видео.html

    • @OK-wu4eq
      @OK-wu4eq 4 года назад

      So how do you curve using the pen tool?

    • @hachi071
      @hachi071 4 года назад +3

      Your video is great for people who want learn Illustrator - but if I just need a logo, I always go to did.li/logodesigners and find people who create one for me!

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

      Do watch my account

  • @Aldwick6635
    @Aldwick6635 2 года назад +78

    The shift + delete anchor point tool is a holy grail. I've never seen anything so handy before in my 6 years of using base illustrator. Thanks for showing it to me.

  • @shashwattnigam7501
    @shashwattnigam7501 4 года назад +395

    This is the most important video i ever saw in my 3 year experience of graphic designing

    • @10kalaughter.827
      @10kalaughter.827 4 года назад

      Hy can you todl me about this software?

    • @shashwattnigam7501
      @shashwattnigam7501 4 года назад +2

      @Dacia Sandero guys "In context to beginer

    • @maciejk1421
      @maciejk1421 4 года назад +3

      Hahaha, so you are really BAD graphic designer.

    • @cobrakaiX
      @cobrakaiX 4 года назад +32

      Maciej Karpiński just because it’s important to them means they’re a bad designer? Get bent.

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

      @@cobrakaiX yeah, there's a difference between bad and passionate about something

  • @CosminSerbanDesign
    @CosminSerbanDesign 5 лет назад +448

    It's crazy how much of a difference rounding up corners makes. Thanks for putting this tutorial together 👏👏👏

  • @johnsongraphics-camiejohns4086
    @johnsongraphics-camiejohns4086 4 года назад +50

    I have been designing for 4 years and I still learned new stuff just from this video! Nice tips! Thank you!

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

      @@wesleyrich9243 begin with fiverr, make ads on instagram, facebook and youtube on a budget. Make sure to boost your posts

  • @orincywhytedesigns
    @orincywhytedesigns 4 года назад +1221

    Illustrator has SOOOOOOOOOO much going on, it’s impossible to learn everything in one semester . Great video

    • @Mr_pentool_
      @Mr_pentool_ 4 года назад +43

      @Alienz 696 i found ai most difficult. It took me a month to learn basics . While ae basics i learnt in just 2 days.

    • @user-sf9gs2pg1b
      @user-sf9gs2pg1b 4 года назад +15

      @Alienz 696
      I feel like that too, but I also grew up photoshopping and illustrating at a young age. Did you just get into it or did you start early?

    • @quinncyisqueer
      @quinncyisqueer 4 года назад +2

      yooo facts

    • @SandraDi
      @SandraDi 4 года назад +8

      you're so right! there's so much to Illustrator but that's why it's such an amazing software! you can do so much with it :) are you currently studying graphic design?

    • @quinncyisqueer
      @quinncyisqueer 4 года назад +3

      @@SandraDi i know this isn’t a reply but i currently am. i’m having trouble and i’m wanting know any info in terms of making my sketches on paper turn digital

  • @josephineacland5907
    @josephineacland5907 4 года назад +10

    I'm a pretty intermediate Illustrator user, but this helped me SO much with how to make the process easier! The shortcuts save me so much time!

  • @Zequi2mls
    @Zequi2mls Год назад +1

    I've been working with CorelDraw for 10 years, now that i'm studying Digital Design at university i have to learn how to use illustrator, and i need to tell you my friend, this video is gold for me, thank you so much.

  • @nobodyknows3260
    @nobodyknows3260 4 года назад +240

    Wow, I had no idea that you can retain the curve if you hold Shift while deleting an anchor point. Why am I only finding out about this now? Thanks so much, that will save me so much time !

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

      Same for me, I'm so mad that this thing exists! Could have saved me lots of troubles in my works

    • @matteopascali5748
      @matteopascali5748 4 года назад +3

      hello, can you explain to me why it cancels the curve even if I hold down shift? another question, sorry if it is trivial but I started recently, what is the reason of eliminating the anchor point? Thanks in advance

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

      @@matteopascali5748 It's just for easy editing. Most of time extra anchor points have no harm.

    • @braxtonbrown1333
      @braxtonbrown1333 4 года назад +2

      Yeah it doesn't work for me. It still deletes the point and alters the curve.

    • @nobodyknows3260
      @nobodyknows3260 4 года назад +2

      @@braxtonbrown1333 I don't know what happened. I tried to do this again right now and it doesn't seem to work. I swear it worked before.
      Could it be something in the settings or maybe Illustrator updated and something changed?

  • @zillieness
    @zillieness Год назад +2

    I have come back to this video a few times over the years to remind me of the basics. Thank you for the video!

  • @pascalmiller4798
    @pascalmiller4798 4 года назад +30

    awesome tutorial, that's probably the most useful 8 minutes of illustrator information I've had

  • @catseyes11
    @catseyes11 2 года назад +1

    Bless you for a tutorial that doesn't come across as taught by someone on crack & threatens to give me a seizure due to its ridiculous manic speed that often leaves out critical steps and info for beginners. Showing us how to do things easier and quicker while SHOWING the explanation as to why is critical for learning, as well repetition of steps to help get it ingrained in our heads. You got a new sub, cheers!

  • @richardhall5489
    @richardhall5489 4 года назад +23

    Great tutorial. Lots of good technical stuff in a sort space. Also I really appreciated the simple explanations of why you made certain artistic decisions. Thanks.

  • @Dimension2364
    @Dimension2364 2 года назад +5

    Thank you for this great video!
    One tipp which I would like to share here is that you can actually reduse the anchor-points in a very comfortable way: Select your path > then go to Object > Path > Simplify

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

    I love how you make top content without annoying sponsors or begging for likes. Liked and subscribed 🤟🏼

  • @michaelikupa8331
    @michaelikupa8331 4 года назад +11

    Instead of deleting a lot of anchor points when you use the width tool and expand appearance, You can right-click on the object and click on "simplify" and scale the number of points just till it retains its shape. Then manually delete the few ones left. That's what I do. Don't know if it helps. Amazing Tutorial by the way!

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

    Two amazing things that I have been missing my whole adult life:
    1. The shift+delete anchor point feature (seriously, what they heck? How am I just now learning about that.) AND
    2. The width tool (just ashamed I did not know about that)
    NOW.....I want to give you a big'ol round of applause! And thank you sir for this precious gift you have given me!

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

      Same here on no.1 hehehe that infuriated me so much in the past

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

      @@loopymind do u know why shift+delete doesnt work for me (?)

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

      @@potatopotato8837 have you selected "delete anchorpoint" (- key) tool first? And then holding down shift click an anchorpoint?

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

      Yes i do, but still doesnt work

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

      May i know what version of illustrator do u use?

  • @alen625
    @alen625 2 месяца назад

    the simplest yet most important video i've ever seen.

  • @AJS_1705
    @AJS_1705 3 месяца назад

    You don't know how helpful this video was, thanks a lot for making this

  • @M4789-f8i
    @M4789-f8i 2 года назад

    im in my first year of Graphic Design just finished the 'basics' of illustrator.. so far i found for me the curvature tool works better than the pen tool when it comes to smoother lines

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

    The technique is great the tip of retaining the shape after you delete the points was something new in my 12+ years as a brand developer lol. U learn something every day!

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

    one of the most useful 8 minutes of my life

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

    I watched this two years a go and today I needed to draw something but I'm very bad at drawing so I remembered your video so I came back for it and now I find it very useful! thanks dude!

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

    Vector Art is the best thing ever to happen to art!

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

    Excellent tutorial showing the proper way to trace logos in Illustrator

  • @SeriouslyCreative
    @SeriouslyCreative 4 года назад +107

    So helpful, thank you.

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

      Plz check my channel

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

      Is CS6 still good enough ib 2021?

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

    dude your tutoral is easy to follow! it's crystal clear on what to do, you voice it out so great too.

  • @peppepop
    @peppepop 4 года назад +31

    Cool! Also, when you place the image, check "template" it will lock the layer and give it some transparency automatically. And create a new layer to boot :)

  • @dane.2522
    @dane.2522 4 года назад

    I like how he explained the other way o adjusting the edges with the width tool, but went on to explain why it might not be a good idea for this specific example.

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

    not sure how this poped up on my suggestions, but amazing video, everything you showed i had no idea...now i want to make a logo.

  • @georgemartinezza
    @georgemartinezza 4 года назад +7

    fantastic. :D

  • @Vrabery
    @Vrabery 11 месяцев назад

    this is really one of the best videos out there for illustrator lol, ty so much!

  • @Henrique-ee6qm
    @Henrique-ee6qm 2 года назад

    Would love it if you continue this series...the best thing i ever saw on RUclips❤️

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

    so grateful that matthew mcconaughey is teaching graphic design!!!

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

    the part at 4:08 won't work for me, it just moves the entire line instead of the individual anchor points. anyone know the issue?

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

    You are so good at explaining/demonstrating things

  • @jabulaniharvey
    @jabulaniharvey 4 года назад +29

    you can also do the following for tracing:
    1. make the image greyscale/grayscale (mode change in photoshop) in order to be able to colour/color it in illustrator using a swatch of your choice, so for example you could make the image orange. No need for opacity change. You can also set the layer to dim image to your liking by double clicking the layer where the image is kept (in the layer panel), this double click gives you the layer options....a template option is also available in there too....
    2. put the image on its own layer and lock it.
    3.make another layer for the actual tracing and then set the layer to keyline mode by control-clicking that layer's icon for visibility (in the layers panel). this means that, in my example, you will trace black lines that are super thin (regardless of zoom level) against an orange image - plenty contrast.
    this method works well for tracing images at full opacity and having the best contrast for following detail.

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

      please tell me with your videos Sir

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

      @@gendengben8258 i am not able to make a video at this time but just try each point in isolation and you should be able to understand the process....try placing grayscale images in Illustrator and applying different colour swatches to them.... then try making layers with some set to key-line mode and others to preview mode i will try screen capture at some point but i have an ancient computer

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

    Thanks for putting this up. You made it look so easy :) And also your voice and style of explaining is very pleasant to listen to.

  • @ArtistryGraphics-m4y
    @ArtistryGraphics-m4y 4 месяца назад

    The shortcuts save me so much time!

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

    i'm an adobe illustrator beginner user. nice tutorial. followed!

  • @chrisreddig
    @chrisreddig 2 года назад +6

    good option for tracing is to place the graphic, double click its layer and select the template option. this reduces the opacity to 50% by default and locks the layer

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

    Thanks bro...
    That was really helpful..
    After all the toturial i whached your one was the most easy and fast to learn.

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

    I learned two super-important lessons from this video. Thanks!

  • @cycanex_0017
    @cycanex_0017 3 года назад +188

    Dang it, I don't have a mechanical pencil.

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

    You're the best! Aced my first logo thanks to this video.

  • @mortalkaiban
    @mortalkaiban 4 года назад +2

    Thanks! This really helped a lot! I've been struggling to use the pen tool for over a year to try to get those smooth lines.

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

      mortalkaiban ohh same here 🤦🏻‍♀️

  • @koovvv
    @koovvv 3 года назад +1

    If you double click on the layer the sketch is on and check 'template' it'll lock and put down the opacity by itself. No need to manually do that. Cool tutorial!

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

    I didn't know about Shift+Delete. That's a game changer! Thank you.

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

    Great video, tutorial saved my butt with vector logos for school. ❤

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

    Pen tool is so important to design. I must learn it more.

  • @md.juwelislam714
    @md.juwelislam714 4 года назад +1

    Wonderful sir.. Thank you very much
    From Bangladesh...

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

      Would you like to know how to use Adobe Illustrator in a more practical and efficient way
      visit this following link
      instagram.com/the_ebook_corner/

  • @MyDigitalHub
    @MyDigitalHub 4 года назад +27

    You can achieve this quickly using the Golden Ratio technique.

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

    It worked for my 64-bit PC. Thanks a lot.

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

    I know zero about graphic designing but this is so interesting with how things come together

  • @bigenzo123
    @bigenzo123 2 года назад +1

    Man thank you your a great teACHER, curious I noticed you used the sequencer for drums, but can't I just play those softs via the

  • @PLAY-8CHANNEL
    @PLAY-8CHANNEL 4 года назад

    Amazing! From the Philippines here

  • @ceciliacarrington7230
    @ceciliacarrington7230 3 года назад +1

    Excellent tutorial! I'm new at this, but I want to create my own logo from scratch. I'm looking forward to the process.

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

    I gain new skills from this video! make my work easier to do. Thank you for sharing this.

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

    this is the tutorial im looking for!! these small steps are whats important so thank you for this video!

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

    Thank you!! Haven’t started using illustrator yet, but your videos are preparing me!

  • @haslogath1259
    @haslogath1259 3 года назад +1

    Thank you Matthew McConaughey, very nice of you bro!

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

    worked it really works. thanks so much. this video saved me hundreds of dollars on subscription.

  • @MatTutam
    @MatTutam 10 месяцев назад

    bro, how do i change a stroke of a pen? I don't have this option panel, and im new soo I don't know how to even open it. please help me. (also i don't have this weird line where i can change the shape of this lines (points) that you used at 1:03) thanks for help.

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

    hey! at 1:08, when you start using the pen tool to create a curve. my pen tool doesn't show that anchor like yours does when you drag before you curve. so when i go to sort out kinks i'm unsure how to? also, i'm struggling to make pointed edges on my pen strokes 😭

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

    Excellent video, great explanations, perfect speed and gorgeous examples 11/10

  • @dgmojojojo
    @dgmojojojo 4 года назад +49

    Mine is the opposite. On sketch my logos looks really nice but when i remake them on computer it looks worst

    • @jonasdreinulldreieins3933
      @jonasdreinulldreieins3933 4 года назад +22

      At lest you are a great drawer, mine always look bad on paper AND computer :(

    • @ginnikohza2070
      @ginnikohza2070 4 года назад +5

      @@jonasdreinulldreieins3933 practice more, last year i draw snake look like a eel , and now i draw an artwork with insane effects xDDDD

    • @timowthie
      @timowthie 4 года назад +8

      @@ginnikohza2070 he draw snake looke likea eel

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

    Thankyou! With what you teach here I was able to translate my sketch! 🙌👍

  • @userr3953
    @userr3953 7 месяцев назад

    Perfect and to the point! I'm trying to make a vector image outline of Bainbridge Island, WA. I thought it would be easy since it's "just an outline", but now realize it's going to have a TON of points. Also, you sound like you're from Encinitas 😎 🏄

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

    One of the best tutorials , thanks!

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

    6:46 the circle point is not on my illustrator. i did all the instructions properly many times cause i thought maybe i missed a step but nope. im using AI CS6 Windows.

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

    Such a great information on how to do this
    Wow

  • @float3542
    @float3542 4 года назад +42

    For a person who dont know how to use adobe illustrator like me, you should tell the viewers what command to use

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

      ruclips.net/video/gp6ILy6C7pQ/видео.html .

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

      Do watch my account

  • @house_of_draco
    @house_of_draco 3 года назад +1

    Just discovered this video - very clever! Thanks for the subtle tips on rounding the corners!

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

    I didn't know you can delete anchor points that easy, thanks mate!

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

      Pls pls pls does anyone know why the deleting anchor while holding shift not work anymore? It's not working here please help me :(

  • @fadhlanfaidhan5311
    @fadhlanfaidhan5311 3 года назад +1

    2:28 how do you do that? how to cut it like that?

  • @rambman
    @rambman 9 месяцев назад

    That´s exactly what I was looking for for my new project

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

    Great video and really helpful! I couldn't get a grasp on how the setuper works but it's all clear now.

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

    Why cant I select the edges using direct selection tool on the path I made? 4:05 I am only selecting the single path.

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

    I'm froim indonesia,I have some troble with languge, what I should I press? ?? 3:17

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

    Thank you for this great tutorial! This is what I was looking for! btw you voice is sooo calming and relaxing, you make me feel comfortable watching you video :D

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

    I'm so happy I found your channel, your tutorials are amazing thanks

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

    Wow, that was so easy to follow and get basics down through... Thanks!!

  • @ameslou3326
    @ameslou3326 3 года назад +12

    I feel like Matthew McConaughey is teaching me Illustrator :D

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

    Simple, easy and understandable. Great tutorial dude u are a good teacher!

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

    Unfinished tutorial, what a shame, I was enjoying it.

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

    Very nice info! You turned me on to a few illustrator techniques I did not know about! Thanks for making such an easy-to-follow tutorial.

  • @MessianicJudaism
    @MessianicJudaism 3 года назад +1

    I have a vintage decal from the 1950's that on my 1950 Larson Crestliner aluminium boat that I'm restoring. Your tutorial will help me trace and make a digital copy of this decal. Thank you.
    The decal is 8.5 inches x 10.5 inches. Can illustrator output actual size in a pdf, then printed to vinyl or silkscreen actual size?

  • @TheWonderboiy
    @TheWonderboiy 4 года назад +12

    3:14 i cannot do that. it'll be just move down my work. please help me

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

      Are you working with Adobe CC? This feature isn’t on previous versions. I have CS6 and I have to do that manually. Or with a round corner script

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

      Do watch my account

  • @voyager1813
    @voyager1813 3 года назад +1

    I tried uniting the lines but that ended up messing up the inner detail lines. Anyone know how to fix this?

  • @brendanwho
    @brendanwho 4 года назад +2

    Super solid tutorial by the way! Taught me so much in just 8 minutes.

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

    2:25 What keyboard shortcut did you used to delete unnecessary lines with scissors tool?

  • @faithrekt7069
    @faithrekt7069 2 года назад +1

    So informative! Thank you so much for taking the time to share this with us ♥

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

    would someone tell me how to unlock the pict that we alr locked at 0:36
    \

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

      One of the options under 'window' or 'object' is 'unlock all' - that will do the work.
      You can put the image on the other layer and lock it like that - it'll be a lot easier.

  • @captainpewpew1451
    @captainpewpew1451 4 года назад +8

    I wasn't even looking for this but it was really helpful. Thank you.

  • @Han-ze3jr
    @Han-ze3jr 4 года назад +1

    Wait how did you cut with the scissors? Sorry I'm just a beginner

  • @skewedmaker
    @skewedmaker 3 года назад +1

    Wonderful tutorial, it's just what I was looking for. The tips about Object Expand and rounding corners will be a great help on my project. Thanks!

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

    Great intro vid to essential illustrator tools. I just spent 4 hrs tweaking a text logo in photoshop that I probably could've done in 1 hr with a sketch and illustrator

  • @romanmenyhart
    @romanmenyhart 2 года назад +1

    Shift click retains the curve after deleting a point--wow!

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

    Beautiful logo. Thanks for help!

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

    I tried to do the thick to thin using the Direct Selection tool but it doesn't work for me. All it does is move my line work around on the page. Do you need to be holding down a certain key when doing this?