Четверг, 02.02.2023, 11:27


Главная
Онлайн уроки Регистрация ВходРеклама у нас / ПОМОЧЬ ПРОЕКТУ
Приветствую Вас, Новичок · RSS
Меню сайта
доска почета

brettnz69
Файлов:
8564

zyzy
Файлов:
2481

didl3
Файлов:
1056

NIKIG
Файлов:
1013
статистика
Онлайн всего: 2
Гостей: 1
Пользователей: 1

Сегодня были:
wallacetq3, brettnz69, NIKIG

 Каталог статей
Обучающие уроки » Статьи » Онлайн уроки Photoshop


Делаем глянцевые иконки, Онлайн уроки Photoshop

Нравится

How to Make Cool Icon Set

Делаем глянцевые иконки

Как сделать глянцевые иконки

1. Начнем с создания основы для иконки. Она будет напоминать полый диск или хоккейную шайбу. Создайте новый документ 150*150px с белым фоном. Выберите инструмент Ellipse tool в режиме Shape Layers и нарисуйте голубую (#89d0f9) овальную форму в центре документа. Перейдем в настройки стиля слоя двойным щелчком по слою в панели слоев и установим параметры Gradient Overlay и Inner Shadow, как на скрине ниже.

Как сделать глянцевые иконки

2. Продублируем слой с овалом Ctrl+J, переименуем его в Side Shape, разместим под первым овалом и опустим на 10px ниже (стрелочкой "вниз" на клавиатуре). Удалите стили слоя с дубликата Layer-layer style-Clear layer style.

Как сделать глянцевые иконки

3. Как вы можете видеть, боковые стороны закругляются слишком низко. Преобразуем путь инструментом Convert Point Tool и исправим контур пути боковых сторон.

Как сделать глянцевые иконки

4. Поменяйте цвет нижнего овала на #4aacf9 и добавьте настройки стиля слоя Gradient Overlay.

Как сделать глянцевые иконки

5. Чтобы иконка выглядела более реалистичной , добавим некоторого глянца к поверхности. Дублируйте слой Side, удалите имеющиеся на нем стили слоя, переместите дубликат под низ и опустите на 1 px ниже. Измените цвет дубликата на #095e9d. Продублируйте слой Side еще раз, удалите стили слоя с него и поменяйте цвет на белый. Разместите его под верхним овалом.

Как сделать глянцевые иконки

6. Теперь добавим блеска сторонам. Создадим новый слой, загрузим выделение слоя Side (Ctrl+клик по иконке слоя в панели слоёв). Цвет переднего плана установите на белый, выберите инструмент Gradient ( от белого к прозрачному) и проведите ним от правой части основы к середине.

Как сделать глянцевые иконки

Как сделать глянцевые иконки

7. Повторим шаги предыдущего пункта. Создаем новый слой, загружаем выделение слоя Side. Выберем градиент от белого к прозрачному и протянем градиент от левой стороны к середине основы. Теперь выберите инструмент прямоугольного выделения Rect. Marquee Tool (в режиме subtrac. from selection), выделите боковые части слоя и удалите их клавишей Del. Снимите выделение Ctrl+D.

Как сделать глянцевые иконки

Как сделать глянцевые иконки

8. Сейчас добавим блеска верхней части иконки. Для этого загрузим выделение первого нашего слоя с фигурой. Выше создадим новый слой и проведем бело-прозрачным градиентом от левой стороны к правой. С помощью лассо (Lasso Tool) выделите половину слоя и удалите ее. Снимите выделение.

Как сделать глянцевые иконки

9. Теперь займемся блеском на гранях. Создадим новый слой и сделаем небольшое овальное выделение 10*6 px у края пластины. Зальем его белым цветом и применим размытие Gaussian Blur с радиусом 1,7px.

Как сделать глянцевые иконки

10. Продублируйте этот слой и разместите в левой части иконки. Поверните примерно на 30 градусов.

Как сделать глянцевые иконки

11. Основа иконки создана. теперь приступим к созданию буквы. Подойдет обычная большая жирная буква. автор использовал фигуру Custom Shape в виде буквы "е", цвет #ff8c22, размер 88*88px.

Как сделать глянцевые иконки

12. Трансформируйте букву при помощи Ctrl+T. Удерживайте Alt и перемещайте верхний центральный узел вниз таким образом, чтобы высота получилась порядка 51px.

Как сделать глянцевые иконки

13. Чтобы иконка выглядела боле реалистичной, добавим узкую коричневую полосу внизу под буквой. Дублируем слой с буквой. Выберем нижний слой, содержащий букву, и опустим его на 1px вниз. Установите цвет буквы #6c2201.

Как сделать глянцевые иконки

14. Добавим свечения и градиентную заливку, чтобы разнообразить внешний вид буквы.

Как сделать глянцевые иконки

15. Букве также добавим глянцевого блеска. Создадим новый слой. Цвет переднего плана установите на белый. Снова выберите градиент от белого к прозрачному. Протяните градиент, отступив на 10 px от вершины верхней границы буквы к нижней. Выберите инструмент лассо и выделите более половины области (как в предыдущих шагах) и удалите ее, нажав Del.

Как сделать глянцевые иконки

16. Теперь добавим блеска в нижней части буквы.Создайте новый слой, сделайте небольшое овальное выделение примерно 25*2px, залейте его белым. Снимите выделение и примените Filter-Blur-Motion Blur (Distance 9px, Angle 0).

Как сделать глянцевые иконки

17. Продублируйте этот слой и разместите чуть левее.

Как сделать глянцевые иконки

18. Добавим еще овальный блик в нижнем левом углу буквы.

Как сделать глянцевые иконки

19. Создайте новый слой. Загрузите выделение слоя с буквой "е". Выберите градиент от белого к прозрачному и протяните его из нижней части к верхней. Переместите выделение на 1 px вверх (стрелочкой "вверх" на клавиатуре), нажмите Del. Снимите выделение.

Как сделать глянцевые иконки

20. И напоследок! Создайте новый слой. Загрузите выделение слоя с буквой. Выберите градиент от белого к прозрачному и протяните его по диагонали, начиная от левого верхнего края к центру. Переместите выделение на 2 px вниз и удалите его. Переместите этот слой на 1 px вниз и вправо. Наша иконка готова!

Как сделать глянцевые иконки

Смотрите также:


Категория: Онлайн уроки Photoshop | Добавил: GOR (07.12.2012)
Просмотров: 1360 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email:
Код *:
Copyright BENO Corp © 2023
кабинет
Четверг
02.02.2023
11:27

Требуются файловики за плату
Логин:
Пароль:
Пользователей: 47488 Зарегистрируйтесь чтобы убрать рекламу
Предлагаем:
БЕСПЛАТНОЕ РАЗМЕЩЕНИЕ ВАШИХ СТАТЕЙ С ВЕЧНЫМИ ССЫЛКАМИ!
Онлайн уроки
Лучшие системы автоматического продвижения сайтов
Девушка раздвигающая кирпичные занавески
Делаем хромированные вишни
Стильный апельсиновый дизайн
Учимся рисовать красивую кожу
Создаем концепт-арт «Живущая в цветке», Как создавался концепт-арт "Flower"
Создание базы пиксельной куклы с использованием фотографии
Метод быстрого скетча
Коллаж на тему Не оставляй девушку одну
Создание хаоса в городе
НОВЫЕ КОММЕНТАРИИ
Учимся создавать собственный форум Big Ass Photos - Free Huge Butt Porn, Big Bo

Учимся создавать собственный форум Young Heaven - Naked Teens & Young Porn Pict

Учимся создавать собственный форум My new hot project|enjoy new website
Учимся создавать собственный форум Dirty Porn Photos, daily updated galleries <

Учимся создавать собственный форум My new hot project|enjoy new website
Учимся создавать собственный форум Scandal porn galleries, daily updated lists

Учимся создавать собственный форум My new hot project|enjoy new website
Учимся создавать собственный форум Big Ass Photos - Free Huge Butt Porn, Big Bo

Учимся создавать собственный форум Sexy pictures each day
http://bomdage

Учимся создавать собственный форум Nude Sex Pics, Sexy Naked Women, Hot Girls P

Учимся создавать собственный форум New hot project galleries, daily updates
Учимся создавать собственный форум Hot sexy porn projects, daily updates





Любая публикация опубликованная на софт портале предоставлена только для ознакомления и является авторским материалом. Администрация не несет никакой отвественности за размещенные новости, программы, статьи и ущерб не оплачивает. Копирование без авторского разрешения уголовно наказуемо законодательством РФ и Украины: "Об авторском и смежном праве". Если вы берете новость с сайта то вы обязаны поставить активную ссылку!
Карта сайта