Создание иконки в стиле Vista



Итак, приступим:


1.Создадим новый документ, размером 256х256 пикселей, с прозрачным фоном. При помощи направляющих ( Guides ) построим сетку.



2. Выберем инструмент перо ( Pen Tool ) с вот такими настройками.



3. Создадим путь, как у меня на иллюстрации



4. Теперь требуется скруглить некоторые углы:












5. В результате, у нас должен получиться вот такой путь:



6. Теперь щелкнем правой кнопкой мышки внутри пути и создадим выделение. Создадим градиент .






7. Зальем выделение, как у меня на иллюстрации:



8. Сохраним выделение, напр., под номером 1. Снимем выделение. Должно получиться вот так:




9. Выберем цвет переднего плана - # FCECBF, загрузим сохраненное
выделение. При помощи стрелок на клавиатуре сдвинем его на один пиксель
вниз и на один влево. Создадим новый слой (Слой2) и зальем выделение
выбранным цветом. Опять сдвинем на один пиксель вниз и на один влево и
отрежем лишнее. Снимем выделение. Должно получиться вот так:



10. Создадим градиент и сохраним его, он нам понадобится.




11. Загрузим выделение 1, при помощи стрелок сдвинем на один пиксель
вправо. Создадим новый слой (Слой3). Зальем выделение градиентом вот
так:




12. Сдвинем выделение на один пиксель влево и отрежем лишнее. Перейдем
на Слой2, возьмем мягкую кисть диаметром 45 пикселей и прозрачностью
25% и сотрем часть слоя.



13. Должно получиться вот так:




14. Создадим новый слой, ПОВЕРХ всех слоев (Слой4). Отключим первые три
слоя, чтобы не мешали. Создадим новую сетку из направляющих:


15. При помощи пера, нарисуем новый путь:



16. Скруглим некоторые углы:












17. Создадим новый градиент:



18. Создадим выделение и зальем его градиентом так, как у меня:


19. Сохраним выделение под номером 2. Снимем выделение. Должно выглядеть вот так:




20. Создадим новый слой (Слой5). Загрузим выделение 2 и, при помощи
стрелок на клавиатуре сдвинем его на 1 пиксель влево и на один вниз.
Зальем выделение цветом # FCF2CF. Опять сдвинем выделение на 1 пиксель
влево и на один вниз, отрежем лишнее. Снимем выделение.


21.
Создадим новый слой (Слой6). Загрузим выделение 2 и сдвинем его на один
пиксель вправо. Выберем сохраненный нами градиент и зальем выделение
сверху вниз, как на иллюстрации.






22. Сдвинем выделение на один пиксель влево и отрежем лишнее. Снимем выделение. Должно получиться вот так:




23. Перейдем на Слой3 и создадим новый слой (Слой7). Загрузим выделение
2. Сдвинем выделение, при помощи стрелок, одновременно удерживая
клавишу Shift, два раза вправо и два раза вниз. Зальем черным цветом.
Установим прозрачность слоя ( Opacity) 25%. При помощи пера нарисуем
вот такой путь:



24. Создадим выделение из пути и отрежем лишнее. Теперь применим Filter – Blur – Gaussian Blur на 2 пикселя.


25. Перейдем на Слой1. Создадим новый слой (Слой8). Передвинем его НИЖЕ Слоя1. Нарисуем вот такой путь:



26. Создадим выделение на основе пути с вот такими параметрами:




27. Нажмем на клавиатуре клавишу D. Выберем градиентарную заливку
Foreground to Transparent и зальем выделение, как на иллюстрации.



28. Прозрачность слоя ( Opacity) 50%.



29. Выберем инструмент Single Column Marquee Tool
, создадим новый слой (Слой9) ПОВЕРХ всех слоев. Щелкнем немного отступив от левого края папки, и зальем выделение сверху вниз.







30. Загрузим выделение 2, Select – Modify – Contract на 1 пиксель.
Инвертируем выделение и отрежем лишнее. Прозрачность слоя ( Opacity)
50%. Скопируем слой. При помощи стрелок сдвинем три раза вправо и три
раза вниз. Еще раз скопирум и так же сдвинем.



31. Создадим новый слой (Слой10). При помощи Rectangular Marquee Tool (прямоугольного выделения) создадим вот такое выделение.



32. Select – Transform Selection. В верхней панели выставим вертикальный скос 15







33. Зальем белым цветом. Выделение не снимаем. Создадим еще один слой
(Слой11) и зальем цветом # 649 DF7. При помощи стрелочек сдвинем
выделение вниз примерно вот так:



34. Инвертируем, отрежем лишнее.



35. Создадим новый слой, Слой12. Загрузим выделение Слоя10. Выберем
черный цвет цветом переднего плана. Выберем мягкую кисточку диаметром
100 пикселей и прозрачностью 10%. Щелкнем несколько раз в правом нижнем
углу выделения.



36. Создадим еще один слой (Слой13). Создадим прямоугольное выделение:




37. Из стандартного набора кистей выберем вот такую кисточку, или нечто
похожее. Прозрачность установим 100%. Щелкнем несколько раз, меняя
положение кисти внутри выделения.






38. Вот и наша папочка:



Автор Alisa ©



Если наш сайт был полезен Вам, НЕ ПОЛЕНИТЕСЬ, нажмите на любую из кнопок ниже, для того, чтобы поделиться с другими людьми полезной ссылкой!
Нравится
!!! Спасибо !!!


Эта новость называется - Создание иконки в стиле Vista. Не забудьте добавить в закладки, чтобы не потерять.


Распечатать

CSR
1

А ещё можно было сделать папку с прозрачностью, делается почти так же, только верхний слой с прозрачностью 50% и заливкой сине-зеленым градиентом.
18 апреля 2008 13:03
2

Красиво! Попробую сделать! Потом отпишу !
18 апреля 2008 15:56
3

красивенько!
18 апреля 2008 18:53
4

очень пригодится!Спасибо огромное!

но вообще хочу сказать.что работа не из легких...
18 апреля 2008 20:48
5

Я просто в шоке
22 октября 2008 13:13

Информация

Посетители, находящиеся в группе Гости, не могут оставлять комментарии в данной новости. Только для зарегистрированных пользователей
теги 2дтуториалс
фотошоп скачать клипарт Кисти шрифтов коллекция скачать иконки набор Обои для рабочего стола иконок Тонкости и секреты Часть шаблоны Новогодние фоторамки разные шаблоны исходники фотошопа кистей Wallpapers текстуры Иконки стилей Стили для фотошоп обоев Подборка скачать обои стиле текстур Скачать текстуры бесплатно текстуры для фотошоп Рамки для фотографий psd исходники фотошоп Клипарт скачать clipart бесплатно бекграундов фоторамок скачать иконки для windows Кисти для фотошопа скачать кисти фотошоп
{slin}
2дтуториалс.ру - проект компании ООО "Российские Интернет Технологии", 2011г.
Офис расположен по адресу - Россия, г. Москва, ул. Обуховской обороны, д. 12, оф.5.

счетчик рамблер   Рейтинг SIMPLETOP.NET   [Valid RSS]   Здесь находится аттестат нашего WM идентификатора 194801541119