Оформляем иконки.

[Alisа]

Такое вот интересное оформление иконок.


http://img422.**************/img422/2469/icons2un.jpg


1. Создадим файл 500х500 пикселей. Направляющие разместим, как у меня на рисунке.

http://img141.**************/img141/7504/42016it.jpg



2. Выберем инструмент Elliptical Marquee Tool, фиксированного размера 450х450 пикселей. Создадим выделение и зальем его черным цветом.


http://img422.**************/img422/1389/42022rz.jpg



3. Создадим дубликат слоя Layer - Duplicate Layer. Выберем инструмент Custom Shape Tool. В випадающем меню выберем набор Shapes, и, среди появившихся фигур выберем вот такую восьмиугольную звездочку.


http://img86.**************/img86/6896/42043zc.jpg

http://img141.**************/img141/3997/42033ej.jpg

4. Настройки должны быть как у меня на иллюстрации.


http://img136.**************/img136/3922/42052lm.jpg

5. Создадим новый слой. Нарисуем в нем фигуру, протянув ее четко от левого верхнего угла, до правого нижнего. Все отмеченные мной точки должны находиться по самой границе рисунка.

http://img113.**************/img113/8162/42069fm.jpg


6. Теперь растеризуем слой.

http://img100.**************/img100/9922/42071hl.jpg



7. Щелкнем на слое с нажатой клавишей CTRL, чтобы загрузить выделение слоя, перейдем на Слой 2 и вырежем выделенное. Теперь Слой 3 можно удалить.


http://img98.**************/img98/7917/42082ce.jpg




8. Выберем инструмент Polygon Lasso Tool и обведем центральную часть


http://img98.**************/img98/2685/42094wt.jpg


9. Загрузим выделение и вырежем.

http://img366.**************/img366/6412/42103ir.jpg

[Alisа]

10. К полученному применим вот такие стили слоя

http://img98.**************/img98/1619/42111ja.jpg

http://img366.**************/img366/5679/42129lk.jpg

http://img366.**************/img366/8011/42137yp.jpg

http://img98.**************/img98/6036/42144zq.jpg

http://img98.**************/img98/8185/42158mt.jpg


Созданный градиент не забудем сохранить, он нам понадобится.

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

http://img366.**************/img366/8421/42164ob.jpg

12. Перейдем на Слой 1 и еще раз продублируем его. Загрузи выделение Слоя 3, потом Select->Modify->Contract на 13 пикселей, нажмем Backspace или Delete, чтобы вырезать. Чтобы лучше было видно, сделаем пока невидимым Слой 1. Применим к Слою 3 вот такие стили слоя:

http://img98.**************/img98/7773/42177hs.jpg

http://img98.**************/img98/9763/42186af.jpg

http://img98.**************/img98/2575/42191lx.jpg

http://img366.**************/img366/4968/42208zy.jpg

http://img98.**************/img98/4886/42215rs.jpg



13. Вот такой результат:

http://img366.**************/img366/3928/42223fs.jpg

14. Возьмем сохраненный нами градиент (п.10), поставим «пстису» в окошечке Reverse. Перейдем на Слой 1, загрузим выделение слоя и зсльем его градиентом вот так:

http://img98.**************/img98/7794/42240cm.jpg

15. Теперь к слою применим стиль Inner Glow

http://img366.**************/img366/9595/42235ia.jpg

16. То, что у нас получилось, можем уменьшить до необходимого размера и использовать как обрамление для наших иконок.

http://img119.**************/img119/2530/result7fn.jpg




Идея 90Design, перевод, иллюстрации и некоторая доработка Alisa.