Adobe Illustrator 101 Tutorial: Create a Vector Badge



VN:F [1.9.22_1171]
Rating: 0.0/10 (0 votes cast)
VN:F [1.9.22_1171]
Rating: 0 (from 0 votes)

25 thoughts on “Adobe Illustrator 101 Tutorial: Create a Vector Badge

  1. crispBH

    I wonder if anyone can help me. When I go to export this, the big ellipse at the top that creates the lighting effect is exported too – so the png is a transparent background but to the top left of the badge there’s a low opacity oval visible. If I fill the background with a colour and lower the trnasparency, it doesn’t show up within Illustrator, only when I export it.

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  2. crispBH

    I wonder if anyone can help me. When I go to export this, the big ellipse at the top that creates the lighting effect is exported too – so the png is a transparent background but to the top left of the badge there’s a low opacity oval visible. If I fill the background with a colour and lower the trnasparency, it doesn’t show up within Illustrator, only when I export it.

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  3. doraldy1

    THANK U VERY MUCH!

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  4. Enderwiggan1

    It doesnt anything like the badge at the start?

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  5. borriffick

    Very very helpful. Thank you kindly.

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  6. FirecrackerAnnieUK

    At 11:18 you say to select the fill, but HOWWWWW? I tried clicking inside the shape, clicking shift and dragging the mouse to surround the whole object, but nothing is working. When I try to add the stroke, it’s only adding it to the top shine. How do I select the whole badge? Ohhh frustrating. I can’t even do a basic thing like make a selection. Please explain Nathaniel!!

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  7. bendonline

    @WmAlvis What you want to do is create a mask.

    What you need to do is select the OBJECT from the layer panel and press ctrl/cmd +c to copy it.

    Next, select the GLOW from the layer panel. Click on the “Transparency” panel tab and double-click in the blank gray area next to the box on the left. A black box will appear, this is your mask. Press Ctrl/cmd +f to paste the OBJECT in FRONT. next, you need to change the pasted object’s fill color to WHITE to SHOW the glow in the masked area.

    Voila!

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  8. anta1988

    Nice Tutorial!!

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  9. ireneyu530

    very detailed! thanks so much for all that time you took to explain all these. It may all seem simple, but very helpful for the biginners=]

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  10. xXPCPRO7Xx

    11:12 Add A Shit Yay!

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  11. Khalv2

    Well, this is a great tutorial, especially since there are commands similar to photoshop!

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  12. chavelo10

    keep the videos coming!

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  13. xG4M3Rx8508

    when i press up and down arrow key and spacebar ctrl or shift button it doesnt take effect as you mention, how to make the effect active? do i need to set somethg to make it working?

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  14. psoapsoa

    hahah
    I watched the whole vid, and I dont even have Illustrator.
    gosh, I LOVE your tuts.

    😀

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  15. WmAlvis

    if I put a black color background, how to eliminate the glow effect that spread on the background one?

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  16. WmAlvis

    if I put a black color background, how to eliminate the glow effect that spread on the background one?

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  17. FireWorksStudiosplus

    Great!

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  18. AaronAlso

    Having more experience with Illustrator than Photoshop I can say this is very much a 101 tutorial.

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  19. MrSalsero69

    Great tutorial like it thanks this helps a lot

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  20. webjamphotography

    Thanks Howard….great Tut as always. I personally like that you explain all the details involved. For the haters, that say they are too basic or too long, Don’t Watch the tut. Make your own video as short or as complex as you like. When people learn the basics from Howard, then they will understand your more complex tutorials.

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  21. thehook501373534

    @MckMick Yh shorter tutorials and less useful info…

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  22. tirathmistry

    Awesome tutorial
    Thanks so much for your all detail tutorials
    I like all Amazing tutorials
    You are No 1 Adobe Teacher
    You explain & present it so deeply & nicely
    Thanks a lot again genus
    Keep educate us on Youtube
    God bless you 🙂

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  23. brianphilip182

    How did you change the color to white for the glow without affecting the fill of the badge? You press a button on the keyboard at 7:19 just before you say “So we are quickly go ahead and…” I tried to change the color but the fill changes. I even tried to put on a new layer.

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  24. sbhk1

    good vid! and don’t make the tutorials shorter, u explain allot which is very helpful

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)
  25. mtbrain1

    my star is messed up… its just straight lines sticking out and i cant edit it…

    VA:F [1.9.22_1171]
    Rating: 0.0/5 (0 votes cast)
    VA:F [1.9.22_1171]
    Rating: 0 (from 0 votes)

Leave a Reply