1. Отворете си картинката във Фотошоп. Избирам да ви покажа с тази, защото е много по-голяма от 40х40:

2. От Image > Image size
намалете снимката дотолкова, че все пак да се вижда какво има на нея.
За показаната снимка 40х40 е прекалено малко, затова я правя 100х100
пиксела.

3. Отворете си нов документ от File > New с размери 40х40, и 72 dpi:

4. Извлачете с мишката оригиналната снимка в документа, който току-що създадохте. Преди да я местите, се убедете, че е в RGB цветови модел. Ако не е, сменете го от Image > Mode > RGB Color.

5.
Започнете да влачите новия слой по иконката - трябва да дава представа
какво има на голямото изображение, чиято иконка създавате в момента. Не
е нужно да показва цялата снимка, а само достатъчно информация, за да
се разбере какво има на оригиналната картинка. Избрах да се вижда част
от заровете:
![]()
6. Сега трябва да направите файла, колкото е възможно по-малък, затова избирате File > Save for Web. Задайте следните настройки, преди да натиснете бутона Save.

7. Като натиснете Save ще
трябва да дадете име и място на записване на новия файл. И сте готови!
Лично аз винаги слагам и рамка от 1 пиксел около иконката, защото
мисля, че така изглежда по-добре и се очертава по-ясно. Ето и крайния
резултат:
![]()
Ако
някой копира този урок за друг български сайт, искам да знае, че няма
нужда да се краде - давам съгласието си да бъде показван и на други
места в интернет, но имам едно условие - след урока да бъде копиран и
следният текст:
Преведено от: Ledenata
Източник на урока: www.kromefx.com