Воскресенье, 17.12.2017, 05:13
Приветствую Вас Гость | RSS
Меню сайта
Пользовательского поиска
Категории каталога
Уроки After Еffect [25]
Уроки Photoshop [6]
Уроки Premier [0]
Уроки CorelDraw [4]
Уроки Illustrator [0]
Уроки Particle Illusion [0]
Уроки 3D Max [0]









Главная » Статьи » Уроки » Уроки Photoshop

Рисуем значки

Рисуем значки

  В этом уроке рассмотрим создание выпуклой поверхности, которую можно использовать не только для создания значков, а так же выпуклых кнопок для сайтов и т.д.

1. Для начала создадим новый документ, для закрашивания фона используем темно-серый цвет. Создадим новый слой и нарисуем окружность как показано на рисунке



2. Создадим под слоем с кругом еще один слой, на которым поместим картинку, которую будем использовать для нашего значка.  Эту картинку я взял на сайте http://free-stock.66ghz.com, где все изображения  бесплатные и их можно скачать после регистрации. Потом, удерживая клавишу "Ctrl", нажимаем в закладке слои на иконку верхнего слоя (который с красным кругом) и получаем выделение, четко повторяющее наш круг. Теперь это выделение применим к слою с картинкой в качестве маски, и в результате получаем нашу картинку в форме круга, точно совпадающего с кругом верхнего слоя:



3. Дальше будем делать рельеф нашего значка, ту самую выпуклость. Для этого к верхнему слою, который с красным кругом, применим несколько фильтров, а также установим заливку слоя - 0% как на рисунке ниже



 Ниже на рисунках показаны настройки фильтров, которые были использованы для создания рельефа










 Если всё у вас получается правильно, то вы должны будете в результате увидеть вот такую картинку:



4. Следующим нашим шагом будет создание реалистичных бликов на выпуклой поверхности. Для этого нам необходимо создать новый слой и расположить его поверх всех существующих. Сделаем повторное выделение по периметру нашего круга, как описано в шаге 2. А после этого наше выделение нужно залить градиентом, используя вверху белый цвет, который к низу будет уходить в прозрачность



5. Трансформируем полученный в последнем шаге градиент приблизительно так, как показано ниже



6. Применим к градиенту размытие. Здесь использовалось размытие по Гауссу как на рисунке ниже, но попробуйте поэкспериментировать и может у вас получится более интересный результат



7. Далее сделаем копию градиентного слоя и еще немного его трансформируем, чтобы не такой большой овал был, а чтобы на копии получилась тонкая белая полоска. И, выделив оба слоя с градиентом, повернем их через функцию "Трансформировать" примерно на 30 градусов. У вас должно получиться примерно как на рисунке



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



Чтобы блики выглядели более реально, попробуйте для каждого слоя поставить разную степень прозрачности, не бойтесь экспериментировать и у вас все получится



Послойный файл PSD можно скачать, нажав на клавишу ниже



Категория: Уроки Photoshop | Добавил: al-m9000 (15.02.2011)
Просмотров: 1817
Всего комментариев: 0




Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]
Форма входа


Нажми здесь, помоги проекту

Реклама
Доставка цветов по Москве, России, СНГ и Прибалтике.

 
Статистика

Онлайн всего: 1
Гостей: 1
Пользователей: 0
Яндекс цитирования