Рисуем значки
В этом уроке рассмотрим создание выпуклой поверхности, которую можно
использовать не только для создания значков, а так же выпуклых кнопок для сайтов и т.д.
1. Для начала создадим новый документ, для закрашивания фона используем темно-серый цвет. Создадим новый слой и нарисуем окружность как показано на рисунке
2. Создадим под слоем с кругом еще один слой, на которым поместим картинку, которую будем использовать для нашего значка. Эту картинку я взял на сайте http://free-stock.66ghz.com, где все изображения бесплатные и их можно скачать после регистрации. Потом, удерживая клавишу "Ctrl", нажимаем в закладке слои на иконку верхнего слоя (который с красным кругом) и получаем выделение, четко повторяющее наш круг. Теперь это выделение применим к слою с картинкой в качестве маски, и в результате получаем нашу картинку в форме круга, точно совпадающего с кругом верхнего слоя:
3. Дальше будем делать рельеф нашего значка, ту самую выпуклость. Для этого к верхнему слою, который с красным кругом, применим несколько фильтров, а также установим заливку слоя - 0% как на рисунке ниже
Ниже на рисунках показаны настройки фильтров, которые были использованы для создания рельефа
Если всё у вас получается правильно, то вы должны будете в результате увидеть вот такую картинку:
4. Следующим нашим шагом будет создание реалистичных бликов на выпуклой поверхности. Для этого нам необходимо создать новый слой и расположить его поверх всех существующих. Сделаем повторное выделение по периметру нашего круга, как описано в шаге 2. А после этого наше выделение нужно залить градиентом, используя вверху белый цвет, который к низу будет уходить в прозрачность
5. Трансформируем полученный в последнем шаге градиент приблизительно так, как показано ниже
6. Применим к градиенту размытие. Здесь использовалось размытие по Гауссу как на рисунке ниже, но попробуйте поэкспериментировать и может у вас получится более интересный результат
7. Далее сделаем копию градиентного слоя и еще немного его трансформируем, чтобы не такой большой овал был, а чтобы на копии получилась тонкая белая полоска. И, выделив оба слоя с градиентом, повернем их через функцию "Трансформировать" примерно на 30 градусов. У вас должно получиться примерно как на рисунке 8. А теперь, продублировав слои с градиентами и повернув их на 180 градусов, получим такие же блики снизу нашего значка. Чтобы блики выглядели более реально, попробуйте для каждого слоя поставить разную степень прозрачности, не бойтесь экспериментировать и у вас все получится Послойный файл PSD можно скачать, нажав на клавишу ниже
|