Learn How to Draw 8 Vector Music Icons in Adobe Illustrator | Dansky

[@pureber24]

Thank you! I finished all of 219 videos!!!

[@alecolson1831]

Excellent video (and I love the graphics too). I found the bit about the speaker icon the most helpful. I've always wondered how people got their icons so neatly formatted like that. Well done!

[@ForeverDansky]

Thanks Alec, glad it was helpful. This was actually my first ever tutorial :)

[@AndersonBrito]

You're amazing... I'm starting all your past videos....

[@AtlasCho]

First thing that came up in my mind is LOGO. I don't know where to start at Illustrator because I don't know how to do. then glad I found this video! very helpful Sir :)

[@MeghaOnTheMove]

Super! Thanks a lot, well explained :)

[@TorontoIam]

Thanks for the fun and informative tutorial!

[@davidsharkey1354]

Really helpful. Thanks Dansky.

[@ForeverDansky]

David Sharkey You're welcome David - glad it was helpful :)

[@roblevintennis]

Dansky I agree with David, this was very helpful. I wish you were getting more views to keep you motivated because I'd love to see follow up videos. This is exactly what I needed in my Illustrator learning path. I'll spread the word.

[@ForeverDansky]

Rob Levin Ah thanks Rob, that's good to know. If you don't mind me asking, what sort of other tutorial videos would you like to see? I use Adobe® Photoshop, Illustrator and InDesign mostly - and am happy to carry on doing more tutorials if they're useful for sure!

[@roblevintennis]

Dansky Personally, I'm transitioning from already being pretty decent with Photoshop to getting to the same proficiency in Illustrator. I've found that "doing" is super helpful for my learning style and I definitely benefit from your tut here (so I guess more like this would be nice). Here are some more ideas: Designing web layouts with Illustrator (there's so many PS examples but, I see my colleagues using Illustrator to do this so I know it's a viable if not preferred option). Could do one Blog, one Corporate, one Dashboard or whatever. I think a few would be awesome. More icons would be awesome. Filled vs. Bordered sets. Sketch to icon, etc. etc. Font building, lettering, typography for noobs. E.g. going from being decent to typography to total "hipster" font wow-ness lol Hope that jogs some ideas. Super appreciate the efforts! Cheers ;)

[@ForeverDansky]

Rob Levin Awesome thanks Rob! I'm doing a lot more design tutorials now on a regular basis, and have added more icons and web layouts to my list of videos to create :) And if you think of anything else that'd be helpful to you, feel free to let me know!

[@aleksandrkarev9835]

Hi there, Thank you very much for creating and posting this tutorial. It was really helpful to watch, especially the part about Object > Expand. @Dansky, would it be possible for you to show how to design a slightly more difficult line icon in Illustrator, for example a truck (for the logistics company)? Thanks!

[@whitneysource]

Ive learned so much from this video

[@Fareast555]

Excellent tutorial. Thanks.

[@JoelAguero]

Great video. Would've been nice if you talked through the polish phase, too. In particular, on the mute icon, how did you make the end points of the speaker portion smoothly merge with the end points of the base of the speaker?

[@VinylSkillz]

Dansky is so meticulous! 😁😁😁

[@breach_protocol87]

how would you save those individually to add to app/site at this point?

[@ForeverDansky]

josh hicks There's a number of different ways - though personally I would either copy/paste into Photoshop to save as PNGs with transparency. Or save out individually from Illustrator as SVG files so they retain the nice pin-sharp edges on websites.

[@qinyitian1052]

I want to watch the polished part of icons in this video. But it dosen't present in details in this tutorial. Do you have a much detailed version? Thank you.

[@volttawb5099]

THANK YOU DANSKY!

[@ForeverDansky]

Aha you're welcome! This was my first tutorial I think :)

[@BrendahAriesAkoth]

Thanks!! It was amazing! But I would like to know how you exported them. Am having trouble with exporting my icons.

[@pablozamora5430]

If you are trying to export them to save the images and use the icons, you can go to File, Export and then choose PNG format with no background so that they're transparent, and that's it. I hope this solves your question.

[@Orque01]

your awesome.. i liked it very much... waiting for nxt vDoz

[@boguch18]

great tutorial !!!

[@Hearthful_]

Really nice video! Helped a lot. Also, just noticed that the intro music is by Steven O'Brien, my favourite still-alive composer! xD

[@ForeverDansky]

Hey thanks! And yea absolutely fantastic composer :)

[@vishalbhimani4515]

Thanx Dude Really nice work

[@ForeverDansky]

Vishal Bhimani Thank you Vishal :)

[@faaezahmd]

Great Tutorials. Thanks. Can you please also post a tutorial to show how to make icons using grid?

[@bishwajitnepali2996]

What is the initial size, dpi of the canvas?Would love to know ...thnx

[@ForeverDansky]

Hey Bishwajit - just checked and the artboard size is 1000x1000mm. Hope this helps :)

[@bishwajitnepali2996]

Tq so much this is awesome

[@esplanode1027]

Thanks

[@bayugusd]

usefull reference guys, good job! thanks

[@ForeverDansky]

You're welcome Bayu!

[@joycelynroe1117]

nice work . . also for other nice creation and customization, google Folderchanger

[@latinesheay2615]

k

[@esplanode1027]

What is the icon size of each icon? sorry if i may have missed this but i want to be sure because i want to adjust it to be a little smaller then the original icon size you have there. sorry to ask

[@scottdemy2774]

Awesome work Dan...

[@ForeverDansky]

+Scott DeMyers Thanks Scott :)

[@khalildridi5236]

nice work Dansky

[@bauhauselectronic7580]

Bangin' tutorial! Thank you.

[@freshmindideas3222]

Great post, thanks!

[@ForeverDansky]

You're welcome :D

[@navnathrahane8721]

thanks dude good explain

[@mananqayas1630]

i did not understand how you used direct selection tool for cutting a circle into two halves for microphone logo...

[@nagmanibhushan]

Nicely Done

[@jedidiahasare9846]

please, what font did u use to type the text at the beginning of the video?

[@danielm1]

Very good tutorial, thanks for sharing. Do you happen to use Adobe Fireworks? I've experimented with Adobe Illustrator to make icons, but they come out quite blurry, and I found it hard to do pixel-precise work on it. How can you preserve that icon crispiness when you make very small icons in the 32x32, 16x16 px scale? Any tips to make those sharp small icons? I'm new to making graphics, so tutorial on that would be greatly appreciated, thanks again.

[@ForeverDansky]

+Daniel M Hey thanks Daniel! And you're in luck, hopefully this tutorial is helpful :) kzbin.info/www/bejne/g2Gopnlmgstkn80

[@JarodBillingslea]

oooooooooooooooo icons i always wanted to do that *x's out of Runescape* *fires up Illustrator*

[@ForeverDansky]

***** Good man :) Aww not played Runescape for years now, so glad it's still going!

[@kznck]

Thank you so much for this! I have one question, when I repeat what you've done to cut the circle for the headphones, mine becomes sort of like a D shape, and when I manually cut that bottom line off, the ends look different than yours. Small detail, but I want to know what causes this.

[@ForeverDansky]

scully You're welcome Scully. Once you've created the circle, go to the OBJECT menu and then click either EXPAND or EXPAND APPEARANCE. Illustrator then forgets that this shape is a stroke/outline and will treat it like it would any other shape, and should allow you to cut into it using the PATHFINDER tools. Typically if you try to cut into a shape like this that is made up of a stroke/outline that hasn't been expanded, Illustrator will try and join the anchor points for you, and I think this may be why yours' was turning into a D shape. Hope this helps and thanks for watching :)

[@kznck]

Yes! It works now, thanks for reminding that and the quick reply!

[@ForeverDansky]

scully It's all good :)

[@dwiicreativitor5606]

Hello dansky I create icons using adobe illustrator and I export into Adobe Photoshop file. but when I open the file in photoshop I can not change the color of the icon, can you solve this, can you solve this? thanks

[@ForeverDansky]

Hey there! Copy/paste the icon into Photoshop as a 'Smart Object'. Then double-click the smart object icon in the layers panel. It will load the icon back up into Illustrator. Edit the icon/colour etc, save the file and close it down. Your changes will then update in Photoshop. Hope this helps :)

[@patronusstag]

Thank you!!

[@cognosciturme]

Awesome!

[@ForeverDansky]

+Natalie Bosa Thanks Natalie!

[@Ilikeitchanel]

thanks a lot!)

[@ForeverDansky]

You're welcome Elena!

[@rajeevdubey2261]

Great

[@udm99]

Thnx bro!

[@magdymaher9700]

Thanks

[@SatisfyingNerd]

Awesome..

[@Maltebyte2]

Do you want me to invite you to dribbble? I would have liked to see the polishing up part im stuck on the speaker! also i cant expand all of my incons its grayed out.

[@CorporateMotions]

you are very good

[@rajanaveed8936]

Thx sir Dansky its really very help full to me coz i m learning Ai. but i can do i in 10 mins only in CORELDRAW this software is to much complicated

[@cakefrombfb6928]

I forgot your channel existed

[@GnoneckOG]

Suggestion in Description. Timestamp each segment, each icon rather.

[@LearningNotesOfficial]

❤

[@semantohara6498]

Best

[@abirfayaz]

From Bangladesh.