"Помощь в развитии Сайта"     "Торрент- трекер от Наших сайтов"     "Архив сайта"

Выбрать дизайн:
Страница 1 из 11
Форум » Для вебмастеров » Мастерская Photoshop » Стильные иконки для сайта или мультимедиа-презентации
Стильные иконки для сайта или мультимедиа-презентации
Фреон Дата: Вт, 02.07.2013, 15:55:53 | Сообщение # 1

Знаток Зоны
В Зоне Реактора с 25.08.2011
Заслуги в Зоне Реактора
1. В начале создайте новый документ с размерами 500х300 пикселей и залейте его белым цветом. Теперь перейдем непосредственно к созданию значка. Создайте новый слой, затем выберите инструмент Ellipse Tool (U) (Эллипс) и создайте форму эллипса. Смотрите изображение ниже.

2. К этому слою примените следующие стили:
Gradient Overlay (Наложение градиента):

Stroke - (Обводка):

Результат.

3. Используя инструмент Elliptical Marquee (M) - (Овальная область), создайте выделение так, как показано на изображении ниже, а затем создайте новый слой и заполните выделение градиентом от темно-синего (#1c2133) к прозрачному.

4. Выделите значок, для этого нажмите Ctrl + клик по миниатюре слоя со значком, а затем инвертируйте выделение с помощью комбинации клавиш Ctrl+Shift+I. Очистите выделенную область, нажав клавишу Delete - (Удалить).

5. Снимите выделение Ctrl + D. Инструментом Ellipse Tool (U) - (Эллипс) создайте круглую форму и залейте ее цветом #5ebf1a. Будьте внимательнее, вторая фигура должна быть немного меньше, основной.

6. К этому слою примените следующие стили:
Inner Glow - (Внутреннее свечение):

Stroke - (Обводка):


7. Растрируйте эту фигуру Layer > Rasterize > Shape (Слой - Растрировать - Фигуру). На панели инструментов выберите Elliptical Marquee (M) - (Овальная область) и создайте выделение, аналогичное тому, которое было в начале урока. Выберите инструмент Dodge Tool (O) - (Осветлитель) c параметрами: размер кисти: 100 px, диапазон: средние тона, экспозиция: 20% и осветлите нижнюю часть фигуры.

8. Инвертируйте выделение, нажав клавиши Ctrl + Shift + I, и измените параметр Range - (Диапазон) инструмента Dodge Tool (O) - (Осветлитель) на Highlights - (Подсветка).

9. Верните обратно инвертированное выделение и с помощью инструмента Burn Tool (Затемнитель) с параметрами: размер кисти: 100px, диапозон: средние тона, экспозиция: 30%, добавьте контраст для значка.

10. Мы почти у цели! Снимите выделение Ctrl + D. Теперь добавьте на значок орнамент. Для этого выберите инструмент Custom Shape -(Произвольная фигура) и используйте одну из стандартных форм набора Фотошоп. Я выбрал эту:

11. Значок будет выглядеть лучше, если применить к слою с орнаментом стиль Drop Shadow - (Тень).

Результат

12. Отлично, теперь объедините все слои со значком в один и примените команду Edit > Transform > Distort - (Редактирование - Трансформирование - Искажение).

13. Продублируйте этот слойCtrl + J, а затем передвиньте его немного ниже значка оригинала, как показано на изображении ниже:

14. Для этого слоя примените стиль Color Overlay - (Наложение цвета):

Заметили разницу?

15. Осталось добавить внизу тень и иконка будет готова. Перейдите на фоновый слой и выше него создайте новый слой. Выберите инструментElliptical Marquee (M) - (Овальная область) и создайте выделение, как на изображении ниже, залейте его черным цветом.

16. Снимите выделение Select > Deselect - (Выделение - Отменить выделение) или Ctrl+D, и примените фильтр Filter > Blur > Gaussian Blur(Фильтр - Размытие - Размытие по Гауссу) с такими настройками:

17. Примените другой фильтр Filter > Blur > Motion Blur - (Фильтр - Размытие - Размытие в движении).

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

Пробуйте, экспериментируйте, и результат будет лучше, чем когда-либо!
 
Форум » Для вебмастеров » Мастерская Photoshop » Стильные иконки для сайта или мультимедиа-презентации
Страница 1 из 11
Поиск:

Сегодня в Баре - Реактор

Кто был:
Легенда условных обозначений : Призрак, Администратор, Модератор, Проводник, Сталкеры, Чистое небо, Тёмные, Свобода, Наёмники, Нейтралы, Военные, Долг, Монолит, Заблокированные .

Последние сообщения:

Чат

Активисты Форума:

Нужные темы:


Radio Унесённых Сталкером
Хвастовство — признак неуверенности. Грубость — признак бессилия. Надежда на пользу от их проявления — признак глупости.
CMIT               (03.04.2016)
kapa               (09.01.2014)
Dimon02022               (08.11.2011)
Strelok               (01.11.2014)
ULTRA               (04.09.2015)
tyman21               (09.11.2013)
Этот               (01.08.2015)
garwas               (12.11.2011)
WULF               (22.10.2015)

Пришедшие в Бар:


Скиппер               (24.04.2017)
Кэрэл               (23.04.2017)
Aнtoнколий               (21.04.2017)
Анталькон               (21.04.2017)
Лисья_Морда               (21.04.2017)
Gelezo19               (19.04.2017)
Рейтинг@Mail.ru Этот сайт защищен «Site Guard» Яндекс.Метрика