Illustrator Tutorial: Create a Vector Logo from a Rough Sketch

Поділитися
Вставка
  • Опубліковано 1 лют 2025

КОМЕНТАРІ • 705

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

      ua-cam.com/video/gp6ILy6C7pQ/v-deo.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 роки тому +86

    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 роки тому +402

    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 років тому +451

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

  • @johnsongraphics-camiejohns4086
    @johnsongraphics-camiejohns4086 4 роки тому +51

    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 роки тому +1223

    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

  • @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 роки тому +241

    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?

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

  • @pascalmiller4798
    @pascalmiller4798 4 роки тому +30

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

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

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

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

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

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

  • @richardhall5489
    @richardhall5489 4 роки тому +22

    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.

  • @alen625
    @alen625 3 місяці тому

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

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

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

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

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

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

    one of the most useful 8 minutes of my life

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

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

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

  • @peppepop
    @peppepop 4 роки тому +32

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

  • @Henrique-ee6qm
    @Henrique-ee6qm 2 роки тому

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

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

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

    Excellent tutorial showing the proper way to trace logos in Illustrator

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

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

  • @Vrabery
    @Vrabery 11 місяців тому

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

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

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

      ua-cam.com/video/gp6ILy6C7pQ/v-deo.html .

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

      Do watch my account

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

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

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

    You are so good at explaining/demonstrating things

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

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

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

  • @MyDigitalHub
    @MyDigitalHub 4 роки тому +27

    You can achieve this quickly using the Golden Ratio technique.

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

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

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

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

  • @ArtistryGraphics-m4y
    @ArtistryGraphics-m4y 4 місяці тому

    The shortcuts save me so much time!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  • @brendanwho
    @brendanwho 4 роки тому +2

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

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

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

  • @cycanex_0017
    @cycanex_0017 3 роки тому +191

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

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

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

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

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

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

  • @captainpewpew1451
    @captainpewpew1451 4 роки тому +8

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

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

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

  • @ameslou3326
    @ameslou3326 3 роки тому +12

    I feel like Matthew McConaughey is teaching me Illustrator :D

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

    Thick-to-thin trick using the simplify feature to automate anchor removal - Say for instance you want to use the the width tool that was mentioned @5:20... You can remove all the extra anchor points that illustrator creates after expanding by going to object > path > simplify. This feature allows you to remove extra anchors and preview how your shape will look before you save it. This way you don't have to remove each individual anchor point by hand you can automate it with the simplify feature.

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

  • @house_of_draco
    @house_of_draco 3 роки тому +1

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

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

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

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

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

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

  • @FilthGnasty
    @FilthGnasty 3 роки тому +1

    That was sick! Great tutorial, really easy to follow along with and super helpful. :)

  • @faithrekt7069
    @faithrekt7069 2 роки тому +1

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

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

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

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

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

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

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

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

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

  • @josuetrujo
    @josuetrujo 2 місяці тому

    Much better video than my college professor.

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

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

  • @romanmenyhart
    @romanmenyhart 2 роки тому +1

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

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

    One of the best tutorials , thanks!

  • @haslogath1259
    @haslogath1259 3 роки тому +1

    Thank you Matthew McConaughey, very nice of you bro!

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

    Such an amazing, short, simple tutorial, thanks a lot for this! ✨

  • @drradon
    @drradon 4 роки тому +2

    If you doubleclick on the layer with your Scan you can set that layer as a template and it gets locked automatically, sets opacity and so on.

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

    1. Opacity to %30 and lock it
    2. Block out shape with circle 40 in stroke
    3. Use the pen tool with the least amount of point possible
    4. Eclipse tool
    5. Deleteanchor point and it retains its shape
    6. Taper lines by moving points or width tool
    7. Round out corners with selection tool

  • @rambman
    @rambman 9 місяців тому

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

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

    This video is as close to what I'm looking for to help me with my project, that I have found. What I've got is an old small image of a business logo which has has a specific word font; spacing between letters and words, and a few big letters for the abbreviation (that makes the logo more than just words lol). I just want to find a way for Adobe to read that image and basically make the colors editable and maybe sharpen up the design, is that wishful thinking?

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

    Such a great information on how to do this
    Wow

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

    SO helpful! You're great at teaching this! Nice logo too btw :)

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

    Thanks for the lesson. I really hate when Expanding makes extra points, but I think I'll start using it for my drawings. I just wish you added the color step.
    I also hope Adobe does something about that extra points thing.

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

    So so many thank bro ! it still working ! wish you so much happy in life

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

    thanks for the shift delete point tip, super useful!

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

      sorry, i wonder why i hold SHIFT it doent work??

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

      @@jessezhou5669 i do

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

    thanks i never think that will work so good job!

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

    Beautiful logo. Thanks for help!

  • @biggiebrands6205
    @biggiebrands6205 4 роки тому +2

    That was great I never knew about the round out corner fearure!