Уроки фотошопа, графика, дизайн
arrow

Стеклянная 3d иконка

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

Стеклянная 3d иконка: рисуем иконку в плоскости

1. Создайте новый документ размером 700x700px. Возьмите Custom Shape Tool, выберите нужную вам фигуру и нарисуйте её. Или нарисуйте фигуру сами с помощью Pen Tool.

Форма для стеклянной иконки

Создание стеклянной 3d иконки

Примечание: у вас должен быть активен этот режим: Создание стеклянной 3d иконки

2. Нажмите Ctrl+T и деформируйте фигуру следующим образом:

Создание стеклянной 3d иконки

Стеклянная 3d иконка: делаем объём

3. Сделайте дубликат вашего слоя, назовите его Ico, поместите под ваш основной слой и установите ему непрозрачность (Opacity) 50%:

Создание стеклянной 3d иконки

4. Залейте фигуру на слое Ico цветом #56c4fe, а слой Shape 1 цветом #4d772b.

5. Теперь перейдите на слой Ico, нажмите Ctrl+A (выделить всё), выберите инструмент Создание стеклянной 3d иконки, затем нажмите Ctrl+Alt+T и один раз нажмите на клавиатуре стрелку вниз. Подтвердите действие, нажав Enter.

Создание стеклянной 3d иконки

6. Повторяйте действие сочетанием клавиш Ctrl+Alt+Shift+T до тех пор, пока не результат вас не устроит:

Создание стеклянной 3d иконки

7. Режим смешивания (Blending Mode) слою Shape 1 поставьте на Overlay, Opacity = 50%:

Создание стеклянной 3d иконки

8. Пройдите в Layer (Слой) -> Layer Style (Стиль Слоя) -> Blending Options (Параметры смешивания), и задайте такие настройки:

Создание стеклянной 3d иконки

Стеклянная 3d иконка: создаём нижний слой

9. Дублируйте слоя Shape 1 и расположите его под слоями Ico и Shape 1. Назовите его Bottom. Залейте его цветом #00e8f1, режим смешивания поставьте Normal. Blending Option снимите.

Создание стеклянной 3d иконки

10. Сделайте дубликат слоя Bottom и расположите его под ним. Присвойте дубликату имя Shadow, увеличьте немного фигуру с помощью Edit -> Transform -> Scale и примените Filter -> Blur -> Gaussian Blur со значением 10px. Теперь немного опустите слой с тенью, чтобы её стало видно:

Создание стеклянной 3d иконки

Стеклянная 3d иконка: добавляем блик

11. Поверх всех слоёв создайте новый с именем Glare. Ctrl+клик на иконке слоя Shape 1, появится выделение. С помощью мягкой кисти белого цвета нарисуйте блик. Opacity слоя на 65%.

Создание стеклянной 3d иконки

Создание стеклянной 3d иконки

12. И ещё немного блеска. Создайте несколько белых полос, примерно так, как на рисунке:

Создаем стеклянную 3d иконку

Растеризуем, а затем сливаем (Ctrl+E) эти слои. Ctrl+клик на слой Ico, Shift+Ctrl+I для инверсии выделения, теперь Delete. Shift +клик на слое Shape 1 иснова Delete. Opacity 25%. Подчистите ластиком ненужные блики. Всё, наша стеклянная 3d иконка готова!

Стеклянная 3d иконка

M@X
Веб-дизайнер, основатель проекта psforce.ru и студии веб-дизайна Disarto.

Комментарии (1)

Оставить комментарий

Имя: *

Сообщение: