Oh my god.... I had any idea of this... and had not believe on this.... I had think after exporting everything seems equal ... but see the differences .... Thank you so much dear :) Love from India
Hello, great video. But you didn't mention how to render the project to its usage size. A preview of the icon outside the illustrator environment would help also
Just brushing up with some illustrator tutorials and your video helped me recall many of what I've forgotten from a summer/semester away from being in a formal setting. Thanks so much for your content!
Thanks for the basic of pixel perfect which helps grt but I really wish if u do some on the concept of grid and the subdivision how they linked because when I turn on snap grid option they seems same almost with small increments in preference setting plz explain it m waiting
Great Video, thank you for that. I have to create SVG 32x32 / 16x16 Icons for a Windows Software for my friend. I draw the icons with Illu. I set my Illu to draw on the pixel grid. But the icons are a bit unsharp, if I implemented to the Software. Do I do a failure? Any Tips?
Hi, kobii! If we assume that the icons were drawn correctly, it's possible that the unsharp icons are displayed not in a multiple of 16/32. It'd be best to read some guides on that from Windows themselves, because in different circumstances there could be different standards of icon size there. If we remember correctly, they added 20/40 as pixel perfect size for some icons, so an icon created in 16/32 grid would be blurry in 20/40 grid in this case. Hope that helps!
I use Illustrator for logo desiging but face problem like how to set it in the profile picture of fb page and instagram,if I make it smaller then it looks so blurry and bad so plz help to solve out this problem.
Margarita, could you tell me how to find a designer who is able to make a pixel perfect icon. I couldn’t find a designer on fiverr who is able to do it properly!
How can I make logo for social media sites like fb, Instagram and so on that it can fits properly in their profile. And the logo shouldn't be pixlet? I'm facing these types of problem for fitting the logo in their profile but it is not fitting well and it is pixleting.
might need to try double the size and doubling all content and its going to be scaled down, work on designing in 8px grid style and then work and test.
@@CastilloMoises you may have to simplify your logo - and or work on a non complex version. i have had to do that for clients all the time. but normally when i do a logo for some one i make a suite of options for all means. because one logo does not always work everywhere and to every size. signage, stickers, stamps, business card, ig and other digital spaces, need to be considered altered or adapted - this can make you more creative most times. - you may need to double or x4 the size of the item your aiming to shrink down as the avatar, and create it knowing that this will be shrunk down. removing unnecessary details noise. you may need to enhance a certain tone or colour or stroke to help it pop and stand out to the level you want. also remembering to test in a digital program like resizing your finished item just to look at it "your test with out uploading" , does this work, do i need to change any thing, do i need to apply a simpler treatment. ? - hiope this helps.
for example Icons8 logo, works as a simplified logo, not complex and it also two colour and contrast comes in very well because of the design. if i was designing to that size i would create item, export at size as a PNG8 of gif, 2 to 3 colours, bang, should be sharp details and contrast. hope this also helps.
Snap to grid should help. You need to have the center at the grid intersection and a radius which is a round number. If not satisfied, check the stroke is a round number. Also, try making stroke inside.
![Twenty One Pilots - The Line (from Arcane Season 2) [Official Audio]](http://i.ytimg.com/vi/XCz7WUotXs8/mqdefault.jpg)
![[#2024MAMA] G-DRAGON - 무제(Untitled, 2014)+POWER+HOME SWEET HOME+뱅뱅뱅+FANTASTIC BABY | Mnet 241123 방송](http://i.ytimg.com/vi/Ox29z5Nf1Uk/mqdefault.jpg)
Congratulations. This is the best video I've found on this subject. Well done!
Finally the "pixel-perfect" video I was looking for..!
Thanks so much! I was always wondering why the icons I designed were not as crisp as those found on the web.
Thank you for this video , this has helped me create better icons. Very well explained and all the aspects covered. Thanks Rita.
thank you so much, all pain points of pixel perfect icons covered into single video
nice! I've been using illustrator for more than 10 years now. But Learned a lot of things from this video.
one of the best videos on youtube, thank you so much!
Wonderful information! A lot of thanks!
Oh my god.... I had any idea of this... and had not believe on this.... I had think after exporting everything seems equal ... but see the differences .... Thank you so much dear :) Love from India
The stroke tip helps me a lot! Tks
Explained so well ... easy to understand...
very nice and userful video, also for other nice creation and easy customization, google Folderchanger
an amazing rundown. thanks a bunch!
Thank you so much for this! Was really hepful!
Hello, great video. But you didn't mention how to render the project to its usage size. A preview of the icon outside the illustrator environment would help also
I'm working with pixel art, and I still managed to mess this up, hahaha. Thanks so much for the advice!
Incredibly useful video. Easy to understand and follow. Thank you.
Just brushing up with some illustrator tutorials and your video helped me recall many of what I've forgotten from a summer/semester away from being in a formal setting. Thanks so much for your content!
thank you for this tutorial!! Extremely helpful 😊
I can't wait to start school for graphic design
Thx! Those hints helped me a lot!
Really good overview of pixel perfect icons. Thanks!
This has been very helpful. Thank you.
Happy to help!
This was excellent, exactly what I was looking for, thank you.
A genuinely brilliant video. Thanks heaps for sharing this knowledge! It's obvious really... Just never considered it properly.
One of the very informative tutorial about icon designing. Thank you
Fantastic tutorial on icon design rules. Thank you!!
Thank you! It helps me so much.
Glad it helped!
Girl you're amazing as hell. Thanks a lot
cool video
this is very helpful!
great video!
thank you so much!
Thanks for the basic of pixel perfect which helps grt but I really wish if u do some on the concept of grid and the subdivision how they linked because when I turn on snap grid option they seems same almost with small increments in preference setting plz explain it m waiting
Very nicely explained. Thank you.
Thank you a lot, very useful!
🙌
Thank you soooo much for this amazing tutorial!! helped me a lot!!
thank you! just what i needed
Thanks for the great explanation! I have a question - how do you preview an icon in a “rasterized” version in Illustrator?
Olga, choose View > Pixel Preview, that's it :) Hare's an official guide from Adobe: helpx.adobe.com/illustrator/how-to/pixel-perfect.html
@@Icons8 Thank you so much! Great tip, I will definitely use it often
Услышал RUSSIAN акцент ))) но это не важно - лайк за видео очень грамотно и хорошо, браво молодец!!!
Great Video, thank you for that. I have to create SVG 32x32 / 16x16 Icons for a Windows Software for my friend. I draw the icons with Illu. I set my Illu to draw on the pixel grid. But the icons are a bit unsharp, if I implemented to the Software. Do I do a failure? Any Tips?
Hi, kobii!
If we assume that the icons were drawn correctly, it's possible that the unsharp icons are displayed not in a multiple of 16/32. It'd be best to read some guides on that from Windows themselves, because in different circumstances there could be different standards of icon size there. If we remember correctly, they added 20/40 as pixel perfect size for some icons, so an icon created in 16/32 grid would be blurry in 20/40 grid in this case.
Hope that helps!
@@Icons8 Thank you
Спасибо) то, что искал)
Тоже xD
perfect!
Спасибо, очень познавательно :)
Im your 800th Subscriber 👍❇🎶🎉🎉🎆
thanks😊
I use Illustrator for logo desiging but face problem like how to set it in the profile picture of fb page and instagram,if I make it smaller then it looks so blurry and bad so plz help to solve out this problem.
Margarita, could you tell me how to find a designer who is able to make a pixel perfect icon. I couldn’t find a designer on fiverr who is able to do it properly!
You can request an icon like that here: icons8.com/icons/request-icon
Aaaaand this is how you create icons!
How can I make logo for social media sites like fb, Instagram and so on that it can fits properly in their profile. And the logo shouldn't be pixlet? I'm facing these types of problem for fitting the logo in their profile but it is not fitting well and it is pixleting.
might need to try double the size and doubling all content and its going to be scaled down, work on designing in 8px grid style and then work and test.
I need help with my Logo, I just can't make it better with low size Images like 100px x 100px my logo got blurred.
logo at 100px - what is it created in and what do you want to use it for? avatar?
Yes.
@@CastilloMoises you may have to simplify your logo - and or work on a non complex version. i have had to do that for clients all the time. but normally when i do a logo for some one i make a suite of options for all means. because one logo does not always work everywhere and to every size. signage, stickers, stamps, business card, ig and other digital spaces, need to be considered altered or adapted - this can make you more creative most times. - you may need to double or x4 the size of the item your aiming to shrink down as the avatar, and create it knowing that this will be shrunk down. removing unnecessary details noise. you may need to enhance a certain tone or colour or stroke to help it pop and stand out to the level you want. also remembering to test in a digital program like resizing your finished item just to look at it "your test with out uploading" , does this work, do i need to change any thing, do i need to apply a simpler treatment. ? - hiope this helps.
for example Icons8 logo, works as a simplified logo, not complex and it also two colour and contrast comes in very well because of the design. if i was designing to that size i would create item, export at size as a PNG8 of gif, 2 to 3 colours, bang, should be sharp details and contrast. hope this also helps.
hi how to u do this with a cirlce?
Snap to grid should help. You need to have the center at the grid intersection and a radius which is a round number. If not satisfied, check the stroke is a round number. Also, try making stroke inside.
чего ж акцент то такой, аааа
сделайте пожалуйста такой же урок на русском!(