How To Create a Vector eSports Logo Design in Illustrator

Поделиться
HTML-код
  • Опубликовано: 14 дек 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 - • Adobe Illustrator Tuto...
    📦 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

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

  • @spoongraphics
    @spoongraphics  5 лет назад +77

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

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

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

    • @jackbarclay3698
      @jackbarclay3698 5 лет назад +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?

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

    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

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

    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

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

    Finally someone that talks and actually teaches you

  • @M.DOTTYYY
    @M.DOTTYYY 5 лет назад +1157

    One thing I can’t draw

    • @rafikakbar8363
      @rafikakbar8363 5 лет назад +46

      I know that feel bruh

    • @tyrekwit1e205
      @tyrekwit1e205 5 лет назад +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 5 лет назад +4

      I’m not impressed i have seen better drawings

    • @chitix.8995
      @chitix.8995 5 лет назад +6

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

    • @TDPlayz
      @TDPlayz 5 лет назад +9

      IVY Rexper literally nobody asked lol

  • @rabbitbvt
    @rabbitbvt 5 лет назад +176

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

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

      me too omg

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

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

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

    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

  • @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!?_ "

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

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

  • @hertzdesigns9166
    @hertzdesigns9166 5 лет назад +70

    This is so helpful it was clear and easy to follow

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

      hhahahahaha

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

      ruclips.net/channel/UCBmuXzD73r0ncGJMZRM2A_g

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

      The drawing 😅

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

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

    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

  • @NicolasMENEZ
    @NicolasMENEZ 5 лет назад +19

    Perfect tuto man, you rock! 🙏😍

  • @wrightexe1
    @wrightexe1 5 лет назад +7

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

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

    arguable the best speed tutorial ever

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

    Best tutorial❤❤❤

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

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

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

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

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

    I love the flatten transparency tip. Thank you!

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

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

    You just made my life easier. Awesome.

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

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

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

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

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

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

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

    thank u so much for all you're tutos!

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

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

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

    Great tutorial

  • @nkog-wt4dw
    @nkog-wt4dw 5 месяцев назад

    excellent design. tahankyou

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

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

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

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

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

    Very satisfying video i watched the whole video
    Great Work

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

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

  • @timeijs12
    @timeijs12 5 лет назад +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!

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

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

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

    @Spoon great process video!

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

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

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

    Best video ever, My logo turned out hella beautifull.

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

    this is really helpful! thank you for sharing !

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

    Extremely helpful. Thank you so much for this.

  • @momo-xh3bm
    @momo-xh3bm 5 лет назад +1

    clean and organised flow of tutorial. Thanks

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

    Wonderful !

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

    Very useful

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

    Great tutorial, thanks

  • @UniqueBrandon
    @UniqueBrandon 5 лет назад +141

    And then self promote how "UnDeRaTeD pLaYeRs we are" all over instagram.

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

      lmaoo

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

      ruclips.net/channel/UCBmuXzD73r0ncGJMZRM2A_g

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

      wojack hopefully tbh
      bruh it's a RUclips link to their page lol

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

      @wojack nope, my channel

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

      @@theandrea04 why?

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

    Good
    This is beautiful

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

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

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

    Great Videos, thanks!

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

    Thank you so much for these videos!

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

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

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

    Soooo helpful thank you

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

    Vert Cool artwork

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

    Cool work! love it!

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

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

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

    Thank you for the tutorial

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

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

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

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

    You make it look so easy :(

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

    nice work thx

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

    Great tutorial. Thank you!

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

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

    i would already use ur first drawing as a logo lmao

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

    Thank you for making this video 👍🏻

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

    YES! I Know How to draw and use the tools

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

    THANK YOU FOR THIS GODBLESS YOU MAN

  • @_J.K._
    @_J.K._ 5 лет назад +1

    Thank you!
    Waiting for the next tutorial!

  • @pubchook3921
    @pubchook3921 5 лет назад +7

    Add colour by opening up a new lair.

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

    Amazing.

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

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

  • @jannik.schwarz_
    @jannik.schwarz_ 4 года назад +2

    Everyone who doesnt have ps and illustrator get Krita, its free and has almost every tool that was shown in this vid!

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

      Or just download a illustrator torrent lol

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

      @@lynx7631my man

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

    this was helpful

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

    Pretty nice gameplay ❤️🙏

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

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

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

    Incredible tut. Helpful, clear, and value adding.

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

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

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

    Great tutorial!

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

    Great work thanks Chris!

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

    Ok nice it works

  • @AdityaSharma-qb5qp
    @AdityaSharma-qb5qp 4 года назад

    my method of shading. Create a new layer. Reduce opacity to 25, and draw with the black brush ;)

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

    just thank you for sharing your knowledge

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

    Tks a lot🙂

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

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

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

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

      ruclips.net/channel/UCBmuXzD73r0ncGJMZRM2A_g

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

    Another great and helpful tutorial.

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

    Excellent and helpful!

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

    Great tutorial. Thanks as always.

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

    Master!

  • @YT-yo8qk
    @YT-yo8qk 4 года назад +1

    1.Patience is street of The success
    2.HARD Work is key of the success.
    3.never give up.
    4.IF YOU FOLLOW THESE STEP SO YOU ARE GET SUCCESS ONE DAY
    (FANTAM DEL X💙)
    .
    .
    If life give you 1 reason to cry 😿
    So life give you 1000 reasong to smile 😀
    .
    .
    #pubgunban
    .
    #unban_pubg
    .
    #fantam_del_x
    .
    .
    .

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

    thank u soo much u are the best

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

    wow i never realized i was very good at drawing

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

    People who says its hard to draw.. Yes but If you really try to draw like this 50 different animals you ll improve much more. nothing comes easy and fast :)

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

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

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

    Love your work bro🔥❤

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

    Man this is amazing

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

    Great work bro

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

    Salute ~

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

    Wooo! Yyyeeeaaahhh!

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

    Just started a course for this

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

  • @the_vanisher21
    @the_vanisher21 5 лет назад +35

    1:36 lmao