Предыдущее посещение: менее минуты назад Текущее время: 19 серп 2018, 09:36

Часовой пояс: UTC + 2 часа




 [ 1 повідомлення ] 
Автор Сообщение
 Заголовок сообщения: Стеклянные иконки в хромированном ободке, Иконки для програм
Сообщение
Изображение

Стеклянные иконки


Привет всем, сегодня мы с Вами будем делать вот такие чудные иконки для программы RK Launcher.
Изображение


Ну что, приступим…

Шаг 1. Создаем фон для логотипа.
Открываем новый документ 500х500 pix с Resolution 300 pix/inch.
Выбираем инструмент Ellipse Tool [U] (Shape) цвета # 78ff00 зажимаем клавишу Shift и делаем вот такую окружность для фона:
Изображение

Шаг 2. Делаем логотип.
Затем выбираем «всеми любимый» инструмент Pen Tool [P](Shape) белого цвета и рисуем сам логотип:
Изображение

Шаг 3. Делаем тень.
Так, как логотип состоит из нескольких частей (слоёв), соединим их в один, путём выбора во вкладке слои (Layers) все эти части (слои) с зажатой клавишей Shift и нажмём Ctrl+E.
Теперь будем делать тень. Продублируем слой с логотипом, затем нажмём Ctrl+U и установим ползунок Lightness на значение минус 100. После, применим слою Filter>Blur>Gaussian Blur со значением = 2, и установим слою Opacity=30:
Изображение

Шаг 4. Делаем окантовку.
Для этого нам надо сделать путь (Paths). Чтобы не создавать новый и не подгонять под размер логотипа я расскажу, как сделать проще.
Итак, выбираем слой с фоном логотипа, автоматически во вкладке (Paths) у Вас появится путь, берёте и просто копируете его, как показано ниже. Затем создаем новый слой и штрихуем путь, который мы только что скопировали кистью чёрного цвета размера =10:
Изображение

Изображение

Изображение

Применяем следующие стили слоя:
Изображение

Изображение

Шаг 5. Делаем металлический корпус.
Выбираем инструмент Ellipse Tool [U] (Shape) цвета #000000 зажимаем клавишу Shift и делаем окружность немного больше фона логотипа:
Изображение

Поле чего применяем следующие стили слоя:
Изображение

Изображение

Изображение

Изображение

Шаг 6. Делаем эффект стеклянной поверхности.
Продублируем дважды слой фон логотипа, заменим в каждой копии цвет на белый:
Изображение

Для первой копии установим режим смешивания Multiply, Opacity=30 и применим следующие стили слоя:
Изображение

Изображение

Изображение

Изображение

Для второй копии также установим режим смешивания Multiply, Opacity=100 и применим следующие стили слоя:
Изображение

Изображение

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

Шаг 7. Делаем блик на стеклянной поверхности.
Копируем любой слой с которым мы работали в шаге 6, очистите его от стилей слоев кликнув правой клавишей по слою и выбрав пункт (Clear Layer Style), устанавливаем режим смешивания Normal, Opacity =20. Затем инструментом Add Anchor Point Tool Изображение добавляем узлы, а инструментом Direct Selection Tool [A] Изображение приводим в следующий вид:
Изображение

Шаг 8. Добавляем бликов на углы металлической поверхности.
Рассказывать подробно не буду так, как в двух предыдущих, моих уроках техника этих бликов была описана. http://brand.at.ua/tutorials/11/index.p ... opic=67942" target="_blank">Вот ссылка на один Изображение
Собственно вот и всё, чудная иконка готова.
Экспериментируйте...
Изображение


Автор: http://brand.at.ua/tutorials/11/index.p ... user=85684" target="_blank">2 Fingers


Вернуться к началу
  
 
 [ 1 повідомлення ] 
   Похожие темы   Автор   Ответы   Просмотры   Последнее сообщение 
В цій темі нема непрочитаних коментарів. Урок фотошоп Дизайн иконки "WinZip" 1134

в форуме не сортированные уроки фотошоп часть:1

Anonymous

0

44

10 вер 2012, 18:00

Nurse Перейти к последнему сообщению

В цій темі нема непрочитаних коментарів. урок фотошоп: Как рисовать пиксельные мини-иконки 1499

в форуме не сортированные уроки фотошоп часть:2

Anonymous

0

99

20 вер 2012, 01:50

Spring Перейти к последнему сообщению

В цій темі нема непрочитаних коментарів. урок фотошоп: Рисуем иконки, Часть III — Кисть и Палитра 33

в форуме не сортированные уроки фотошоп часть:2

Anonymous

0

30

18 вер 2012, 00:10

Gussian Перейти к последнему сообщению

В цій темі нема непрочитаних коментарів. урок фотошоп: Рисуем иконки в стиле Nokia 420

в форуме не сортированные уроки фотошоп часть:2

Anonymous

0

143

18 вер 2012, 10:19

radialblur Перейти к последнему сообщению

В цій темі нема непрочитаних коментарів. Урок фотошоп дизайн иконки skype в photoshop 2033

в форуме не сортированные уроки фотошоп часть:1

Anonymous

0

15

10 вер 2012, 22:47

Bach Перейти к последнему сообщению


Часовой пояс: UTC + 2 часа


Кто сейчас на конференции

Сейчас этот форум просматривают: aretmigo, crawl, demon, Elin, megatester, Photoshop Garden, Ray12, stanislas88, Web Designer Wall, Ульяна, Ванильная и гости: 8


Вы можете начинать темы
Вы можете отвечать на сообщения
Вы не можете редактировать свои сообщения
Вы не можете удалять свои сообщения
Вы не можете добавлять вложения

Перейти: