How To Create a Vector eSports Logo Design in Illustrator

Поделиться
HTML-код
  • Опубликовано: 21 авг 2024
  • In today's Adobe Illustrator tutorial I'm going to take you through the process of creating a bold eSports style logo with a mascot graphic, from the initial sketch right through to the final vector logo art. eSports logos are a continuation of the style of American football, baseball and hockey team branding that incorporate mascot illustration with strong type and vibrant colours.
    The artwork I'll be creating in this guide is for a fictional team named Rhinos, featuring a stylised illustration of a mean looking rhino character.
    I'll show you how to produce the initial sketch in Photoshop, then we'll transfer the concept over to Illustrator to develop the logo into vector graphics.
    📺 WATCH NEXT: Sketch to Vector Character Illustrator Tutorial - • Illustrator Tutorial: ...
    📦 Join my mailing list and get a FREE design resources bundle! - spoon.graphics...
    🙏 I don’t have a Patreon, but if you want to support my work, consider becoming an Access All Areas member on Spoon Graphics - spoon.graphics...
    ⭐️ Buy Logo Package Express for $99 (20% Off!) - spoon.graphics...
    ► Iron Strike Font - spoon.graphics...
    ► Check out these eSports Logo Template - spoon.graphics...
    Deals & Discounts:
    ⭐ Get 20% off ANYTHING in my Spoon Graphics Shop - spoon.graphics...
    ⭐️ Get 10 FREE Images from Adobe Stock - spoon.graphics...
    ⭐ Save 70% off the Heritage Type Vintage Fonts Bundle - spoon.graphics...
    ⭐️ Download this Month's FREE Files from Envato - spoon.graphics...
    Tools & Resources I Use:
    ⭐️ Get Photoshop and other Adobe CC programs here: spoon.graphics...
    🛠️ Where I download the creative assets I need - spoon.graphics...
    ✍️ The graphics tablet I use: amzn.to/2GYNYEc
    🎙️ The microphone I use: amzn.to/3AdkJsp
    📢 The email newsletter service I use: spoon.graphics...
    📈 The tool I use to help grow my channel: spoon.graphics...
    Watch more of my content:
    📺 See all my Photoshop tutorials - spoon.graphics...
    📺 See all my Illustrator tutorials - spoon.graphics...
    📺 Watch my most popular videos - spoon.graphics...
    #Illustrator #IllustratorTutorial #AdobeIllustrator
    Adobe Photoshop & Adobe Illustrator design tutorials from Chris Spooner of Spoon Graphics. Subscribe to learn how to create stunning artwork as I share my tips and tricks in video format.
    Join my mailing list: blog.spoongraph...
    Visit my design blog: blog.spoongraph...
    Follow me on Twitter: / chrisspooner
    Join me on Facebook: / spoongraphics

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

  • @spoongraphics
    @spoongraphics  4 года назад +77

    Everyone who subscribes to my mailing list gets a FREE design resources bundle. 📦Get yours here: spoon.graphics/freebundle

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

      Just downloaded it and it's absolutely awesome, nice work!

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

      Thanks so much. do u think you could take a look at the logo i made? its on my steam profile steamcommunity.com/id/JiggyGod

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

      Does illustrator not use pixels like photoshop?

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

    📺 WATCH THIS NEXT: Sketch to Vector Character Illustrator Tutorial - ruclips.net/video/wTtgJFnbxOg/видео.html

  • @RowdyBrian17
    @RowdyBrian17 4 года назад +454

    How to make a logo:
    Step 1: Make a logo
    Step 2: Color it
    Step 3: Done

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

      and add the text

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

      @@thegreatpopeyegaming1885 ok

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

      I can not draw, is there anyone who can

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

      @@thegreatpopeyegaming1885 I can not draw, is there anyone who can

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

      Oyun Evi sketch over picture you want, i did that in third grade and people thought i did it my self

  • @rabbitbvt
    @rabbitbvt 4 года назад +177

    I learn more in your videos than I do in my media studies class. Thank you!

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

      me too omg

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

      Tyne Greatrex that’s sad

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

      I can not draw, is there anyone who can

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

      @lucid now i regret going to college .-.

  • @salim2485
    @salim2485 4 года назад +6

    Finally someone that talks and actually teaches you

  • @hugefootballfan2914
    @hugefootballfan2914 4 месяца назад

    Finally someone who explains everything in detail! I recently created my own football 🏈 league for fun and wanted to make logos for the teams but I am new to Photoshop and Illustrator and wasn’t sure how to use them. Thank you for making this video very descriptive

  • @STREEEEEET
    @STREEEEEET 3 года назад +24

    me: " _Oh! this is gonna be good, i must take notes_ "
    *dude starts drawing*
    me: " _What made you think you could do this!?_ "

  • @hertzdesigns9166
    @hertzdesigns9166 4 года назад +70

    This is so helpful it was clear and easy to follow

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

      hhahahahaha

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

      ruclips.net/channel/UCBmuXzD73r0ncGJMZRM2A_g

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

      The drawing 😅

  • @Alex-jq4kj
    @Alex-jq4kj 4 года назад +444

    The hardest part for me is drawing the logo lol.

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

      same, I just use pic art to create logos for free for youtubers.

    • @Zaenalkun
      @Zaenalkun 4 года назад +9

      thats the whole point of being a designer, lol (imo)

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

      I recommend you taking a icon from Google and then paste it to ur image and just write your name underneath :D?

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

      Take a picture of something and trace it like he did

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

      Why I m the only who can draw easyly

  • @imod461
    @imod461 4 года назад +361

    First step: Be good at drawing.

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

      iMoD you could always trace an existing photo of whatever you want to be in your logo!

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

      TRUE

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

      Photoshop has an option to make a vector graphic out of a photo.

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

      I can not draw, is there anyone who can

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

      @@travisl2058 I can not draw, is there anyone who can

  • @AbixMusic
    @AbixMusic 4 года назад +52

    Step 1 : draw the outer lin.....
    Me : oke bye

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

    As soon as I was trying to design a logo for a team... here your video is. Thank you so much!

  • @M.DOTTYYY
    @M.DOTTYYY 4 года назад +1159

    One thing I can’t draw

    • @rafikakbar8363
      @rafikakbar8363 4 года назад +46

      I know that feel bruh

    • @tyrekwit1e205
      @tyrekwit1e205 4 года назад +46

      I always be like man these drawings are easy why do people make such bog deals and then I try and I am like ohh so that's why people are impressed.

    • @M.DOTTYYY
      @M.DOTTYYY 4 года назад +4

      I’m not impressed i have seen better drawings

    • @chitix.8995
      @chitix.8995 4 года назад +6

      IVY Rexper You can pick a normal photo from a animal or something, then you have a big big help

    • @TDPlayz
      @TDPlayz 4 года назад +9

      IVY Rexper literally nobody asked lol

  • @NicolasMENEZ
    @NicolasMENEZ 4 года назад +19

    Perfect tuto man, you rock! 🙏😍

  • @jtom2k
    @jtom2k 3 года назад +9

    This tutorial is actually pretty neat. I followed your steps but on my own project and it's amazing how well it translates to any project. Big props for this!

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

    wow, finally an illustrator tutorial with someone explaining what and why as they go along. You just earned a sub my friend!

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

    Boys i did the math of logopacket speed! it clearly said it would be 10x faster! and it would only take a couple of seconds. (lets say 3). that means normaly it would be 30 seconds of work!
    You can save 27 seconds!!!!

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

    Woww I think this is the first video of this channel that I see but I'm a fan!! The video was nice and clear and when I found the free graphics bundle things got even better! Man that stuff's worth a lot! Thanks so much, you have earned yourself a new subscriber!

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

    I don't know what Mono-Forma means.... but take my money O.o!!! No seriously this was the most efficent tutorial I've ever watched....

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

    This is the kind of tutorial we need. Easy and clear! Keep it up!

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

    I love the flatten transparency tip. Thank you!

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

    arguable the best speed tutorial ever

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

    THE BEST TUTORIAL SEEN SO FAR!!!!!! GREAT JOB MANNN

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

    Amazing video! As a start up graphic designer I really found this video as very inspiring :D thanks

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

    Learned way more than I expected to, no lies ... thank you for the video

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

    dude literally thanks for the design resources.
    i am just starting graphics designing / logo designing.
    hope it will help me out.

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

    First time to see one of your videos and it was great! Thank you Chris.

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

    Extremely helpful. Thank you so much for this.

  • @nkog-wt4dw
    @nkog-wt4dw Месяц назад

    excellent design. tahankyou

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

    Best tutorial❤❤❤

  • @palenker
    @palenker 4 года назад +6

    i would already use ur first drawing as a logo lmao

  • @momo-xh3bm
    @momo-xh3bm 4 года назад +1

    clean and organised flow of tutorial. Thanks

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

    Best video ever, My logo turned out hella beautifull.

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

    You’re an amazing instructor! I learned so much from this !!

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

    Very good tutorial. No questions really.. just 10/10 for me

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

    Thank you so much for these videos!

  • @anne-sophielenglare6054
    @anne-sophielenglare6054 3 года назад

    thank u so much for all you're tutos!

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

    You just made my life easier. Awesome.

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

    There is a lot of good info in here...I may have to rewatch it 20 times but nice

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

    Please can you tell me where i can find the brush yhat you use on photosop that is thin from outside
    can make thin like your brush from sitting on photoshop
    ?

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

    WOW, you're a talented teacher. Thanks for this video!

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

    @Spoon great process video!

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

    Very useful

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

    Very satisfying video i watched the whole video
    Great Work

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

    Incredible tut. Helpful, clear, and value adding.

  • @_J.K._
    @_J.K._ 4 года назад +1

    Thank you!
    Waiting for the next tutorial!

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

    this is really helpful! thank you for sharing !

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

    Thanks a lot man! I print screened the drawing and followed the next part.

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

    Sinceramente, los mejores tutoriales los encuentro en Ingles :D
    Muy buen vídeo!!
    Saludos desde Perú.

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

    You make it look so easy :(

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

    Thank you for making this video 👍🏻

  • @DarthVader-fr3mp
    @DarthVader-fr3mp 3 года назад

    nice work thx

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

    Great tutorial, thanks

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

    Cool design man! Nice to see your channel grow. :)

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

    Great tutorial

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

    I really learned a lot from this bud! Thanks and keep up the hard work!

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

    Great tutorial. Thank you!

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

    Cool work! love it!

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

    Vert Cool artwork

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

    Great work thanks Chris!

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

    Thank you for the tutorial

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

    i cant do anything except the drawing part
    this video helped me out thx so much

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

    amazing wow

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

    Soooo helpful thank you

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

    Another great and helpful tutorial.

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

    Great tutorial. Thanks as always.

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

    Tks a lot🙂

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

    Wonderful !

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

    THANK YOU FOR THIS GODBLESS YOU MAN

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

    just thank you for sharing your knowledge

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

    Excellent and helpful!

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

    Thankyou very much❤️❤️❤️ this really help me 😭😭😭 i've been looking for that text negative offset for a long time cause i forget gow to do it xD

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

    Great Videos, thanks!

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

    The pencil tool when I create the shape and change the blending mode is coming out lighter than the base color

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

    Amazing.

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

    Thanks you

  • @the_vanisher21
    @the_vanisher21 4 года назад +35

    1:36 lmao

  • @Derek-fh1us
    @Derek-fh1us 4 года назад

    Great tutorial!

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

    THANKS FOR THIS VIDEO MAN...
    (You can ready my story..) ⏬
    I had been how to create logos on yt but there were videos how to edit logos and add effects on download logos,
    But your video realised how actually logos are made

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

    at 9:36 merging doesnt work for me, also the next step send to back doesnt work...

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

    Good
    This is beautiful

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

    Love your work bro🔥❤

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

    Very nice logo! I hope one day be able to do this!

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

      ruclips.net/channel/UCBmuXzD73r0ncGJMZRM2A_g

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

    Great work bro

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

    Man this is amazing

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

    this was helpful

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

    Beautiful, congratulations, very good. Thanks...

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

    I went to brands of the world website to get feedback it was cool

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

    Pretty nice gameplay ❤️🙏

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

    thank u soo much u are the best

  • @mikhaferrell1240
    @mikhaferrell1240 4 года назад +20

    I can't draw with a mouse, and I don't even know how to use pen tools .

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

      then youre on too advanced of a tutorial my guy

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

    YES! I Know How to draw and use the tools

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

    i had one problem trying to do this... i cant draw

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

    how did you make the grey rectangle you put over the text go away?

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

    how called the draw ink style ? if i want to learn how to draw like that? i mean that the pen is automatically changing tickness

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

    Ok nice it works

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

    This tutorial was AWESOME! Thank you SO much, super easy to follow for a beginner and I was able to get a brilliant result!

  • @magnet-o
    @magnet-o 4 года назад +12

    How tf are you making such straight lines??

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

      Maybe his on a touch screen monitor using the Pen that comes with it ..

    • @magnet-o
      @magnet-o 4 года назад +3

      Xsavian King yeah I realised that a while ago

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

      He was just wayyyy straighter than James Charles

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

      @@glockiee5608 0_0

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

    U are amazing!

  • @RelaxingMusic-mp8lq
    @RelaxingMusic-mp8lq 4 года назад

    Hi, Cris. You are really professional, this is a very good tut but I think is a destructive way.
    How do you explain customer for example in this design to change the font or color?
    Dou you have some advice on how to reduce number layers in complex design?
    Thank you.