Суббота, 02.03.2024, 21:58


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

brettnz69
Файлов:
10645

zyzy
Файлов:
2481

NIKIG
Файлов:
1190

didl3
Файлов:
1072
статистика
Онлайн всего: 1
Гостей: 1
Пользователей: 0

Сегодня были:

 Каталог статей
Обучающие уроки » Статьи » Онлайн уроки 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)
Просмотров: 1454 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email:
Код *:
Copyright BENO Corp © 2024
кабинет
Суббота
02.03.2024
21:58

Требуются файловики за плату
Логин:
Пароль:
Пользователей: 47494 Зарегистрируйтесь чтобы убрать рекламу
Предлагаем:
БЕСПЛАТНОЕ РАЗМЕЩЕНИЕ ВАШИХ СТАТЕЙ С ВЕЧНЫМИ ССЫЛКАМИ!
Онлайн уроки
Делаем объекты прозрачными - Make an object transparent
Создаем красивые губы
Создание абстрактного мерцающего ретро-текст эффекта
Пошагово осваиваем Speedpaint
Создаем розу всю покрытую шоколадом
Создаем огненную бурю
Рисуем нелюдь из фото человека
Убираем значки запрета доступа, запуск приложений, перемещение профилей пользователей
Камуфляж. Рисуем пиджак сливающийся с бумажным фоном
Сеточная схема картинки
НОВЫЕ КОММЕНТАРИИ
Учимся создавать собственный форум New hot project galleries, daily updates
Учимся создавать собственный форум Hot teen pics
http://1998pornpics.gul

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

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

Учимся создавать собственный форум Teen Girls Pussy Pics. Hot galleries


Учимся создавать собственный форум Free Porn Galleries - Hot Sex Pictures

Учимся создавать собственный форум 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




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