Главная Регистрация Вход
Приветствую Вас Гость!


Главная » 2011 » Январь » 12 » Рисуем иконку часов
13:29
Рисуем иконку часов

Рисуем иконку часов

Рисуем иконку часов \ Draw a clock icon


Создаем новый документ размером 283 x 152, затем берем Elipse Tool и рисуем круг (цвет f1f1f1). Назовем этот слой "Gray Circle".
Рисуем иконку часов *

При помощи Elipse Tool опять рисуем круг (цвет 3f84e2). Назовем этот слой "Blue Circle".
Рисуем иконку часов *

Удерживая "Ctrl", кликаем на слое "Blue Circle" , чтобы создать выделение. Теперь идем в Selection > Modify > Contract = 1.
Рисуем иконку часов *

Теперь вернемся к слою "Grey Circle" и растеризуем его: Layer > Rasterize >Shape. Затем идем в Edit > Cut, чтобы убрать центр слоя "Grey Circle". Перетащите слой "Blue Circle" так, чтобы он был под слоем "Grey Circle" в палитре слоев.
Рисуем иконку часов *

Выбираем слой "Grey Circle" и применим к нему следующие настройки: Blending Options > Inner Glow:
Рисуем иконку часов *

Blending Options > Bevel and Emboss:
Рисуем иконку часов *

Blending Options > Gradient Overlay:
Рисуем иконку часов *

Рисуем иконку часов *

У вас должно получиться что-то вроде этого:
Рисуем иконку часов *

Выбираем слой "Blue Circle" и применяем к нему следующие настройки:Blending Options > Inner Shadow:
Рисуем иконку часов *

Blending Options > Satin:
Рисуем иконку часов *

Blending Options > Gradient Overlay:
Рисуем иконку часов *

Рисуем иконку часов *

У вас должно получиться что-то вроде этого:
Рисуем иконку часов *

Берем инструмент "Rounded Rectangle Tool". Рисуем прямоугольник как на картинке ниже (радиус = 3 px, цвет 3f84e2). Назовем этот слой "Bell".
Рисуем иконку часов *

К слою "Bell" применим настройки:
Blending Options > Drop Shadow:
Рисуем иконку часов *

Blending Options > Inner Shadow:
Рисуем иконку часов *

Blending Options > Inner Glow:
Рисуем иконку часов *

Blending Options > Satin:
Рисуем иконку часов *

Blending Options > Gradient Overlay:
Рисуем иконку часов *

Рисуем иконку часов *

У вас должно получиться что-то вроде этого:
Рисуем иконку часов *

Как видим, у меня получилось 2 звоночка и они размещены под углом. Чтобы повернуть слой "Bell" идем в главное меню: Edit > Free Transform. Удерживая "Shift", поворачиваем слой "Bell" пока он не достигнет значения -30 градусов на панели настроек. Копируем слой "Bell" (ctrl+j) и идем в главное меню: Edit - Transform - Flip Horizontally. Перемещаем на нужное место и располагаем под слоем "Grey Circle".
Рисуем иконку часов *

Затем берем "Elipse Tool". Рисуем круг (цвет 3f84e2). Назовем этот слой "Clock Legs". Расположим его под слоем "Grey Circle".

Теперь нужно передвинуть нижнюю точку слоя "Clock Legs". Чтобы это сделать, берем инструмент "Direct Selection Tool" и выделяем нижнюю точку как показано ниже. Теперь, используя стрелку вверх и клавишу "Shift", перемещаем точку вверх на 3 шага как показано ниже. Затем передвигаем боковые точки, так же удерживая клавишу "Shift".
Рисуем иконку часов *

К слою "Clock Legs" применим настройки:
Blending Options > Drop Shadow:
Рисуем иконку часов *

Blending Options > Inner Shadow:
Рисуем иконку часов *

Blending Options > Inner Glow:
Рисуем иконку часов *

Blending Options > Satin:
Рисуем иконку часов *

Рисуем иконку часов *

Теперь берем "Pen Tool" и рисуем стрелки часов. Я сделал это в три шага. Большая стрелка, маленькая стрелка и кружок в центре. Когда эти три детали были сделаны, я объединил их: выделил эти слои в палитре слоев > "Layer" > "Merge Selected".
Затем я добавил тени : правый клик на объединенных слоях и выбрал Blending Options > Drop Shadow > Angle: 113 Distance:1 Size: 2.
Рисуем иконку часов *

Берем "Elipse Tool". Рисуем черный круг. Назовем этот слой "Shadow". Помещаем его под слоем "Clock Legs".
Рисуем иконку часов *

Выбираем слой "Clock Legs" и идем в "Blending Options...".
Рисуем иконку часов *

Blending Options > Outer Glow:
Рисуем иконку часов *

У вас должно получиться что-то вроде этого:
Рисуем иконку часов *

Я добавил блик на стекло часов, чтобы сделать их немного реалистичнее. Надеюсь вам понравился урок!
Вот результат:
Рисуем иконку часов *



Автор: Empire Dezign
Перевод: Nadik

***


[02.04.2019][DesiGn bLOg]
Как узнать - ты дизайнер или нет? (0)
[02.04.2019][Lessons PHOTOSHOP]
Создаём сырный текст в Adobe Photoshop (0)
[09.12.2015][Lessons PHOTOSHOP]
Рисуем анимацию в Photoshop и After Effects (2015) (0)
[13.02.2015][Plugins Photoshop]
AKVIS AirBrush 2.5.300.11214 (x86/x64) (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[22.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Beauty (0)
[22.10.2015][Lessons PHOTOSHOP]
Мастер-класс photoshop Oil Retouch (0)
[18.11.2015][Brushes Photoshop]
Rons Deviney Cyborg Circuitry 75 Brushes (0)
[12.02.2015][video futage]
Awards Pack II - Project for After Effects (Videohive) (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
[19.11.2015][Lessons PHOTOSHOP]
Повышение практики мастерства в фотошоп (2015) (0)
[19.11.2015][Lessons PHOTOSHOP]
Ретушь и цветокоррекция от Гавра (2015) (0)
[12.02.2015][DesiGN SofT]
HyperSnap 7.29.02 + Portable (0)
[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Womans Retouch (2015) (0)
[12.02.2015][vectOR KLipardy]
Цветные абстрактные фоны в векторе 9 (0)
[04.12.2015][Lessons PHOTOSHOP]
Tuts+ Premium - Creative Photo Effects in Adobe Photoshop (2015) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс по съемке и обработке цифровых фотографий (2015) (0)
[12.02.2015][rastER KLipardy]
Фото младенцев \ Newborns, 25 x JPG (0)
 

Прикрепления:
Категория: Lessons PHOTOSHOP | Просмотров: 821 | Добавил: supermen | Теги: рисовать иконки, иконки часов, Как рисовать иконки, иконки clock, часы иконки, иконка часов, красивые иконки часов, часы иконка, иконки рисовать
Всего комментариев: 0
Добавлять комментарии могут только зарегистрированные пользователи.
[ Регистрация | Вход ]


Поиск






[10.09.2011][Photoshop Actions]
GraphicRiver - Magazine 002 (0)
[07.04.2013][Veb DeSiGn]
Множество примочек для системы UCOZ \ Vol6 (0)
[24.09.2011][vectOR KLipardy]
Веб элементы для веб интерфейса (0)
[29.05.2010][Lessons PHOTOSHOP]
Вулканический камень (3)
[24.09.2011][Veb DeSiGn]
Шаблон сайта 2 BREED ( css ) (0)
[12.03.2013][Lessons PHOTOSHOP]
Создание Бейсбольного Текстового Эффекта в Photoshop \ Create a Baseball-Inspired Text Effect in Photoshop (0)
[17.09.2011][vectOR KLipardy]
Abstract Backgraund # 019 (1)
[30.12.2012][DesiGN SofT]
Animated Screensaver Maker 3.1.5 + Rus (0)
[11.01.2011][Veb DeSiGn]
ThemeForest - ChromeGT Business & Portfolio HTML Theme (All Colours) - Rip (1)
[19.09.2011][Veb DeSiGn]
Шаблон флеш сайта # 27087 (0)

Статистика


Онлайн всего: 1
Гостей: 1
Пользователей: 0
Яндекс цитирования
Rambler's Top100




[31.05.2010][Lessons PHOTOSHOP]
Создание кистей для рисования волос, меха, бород, комп.графика (7)
[11.06.2010][Lessons PHOTOSHOP]
Трехмерная надпись (8)
[17.06.2010][Lessons PHOTOSHOP]
Текст охваченный огнём, Stunning Text on Wild Fire Effect (6)
[03.12.2015][DesiGN SofT]
Sentaurus TCAD 2012 SP2 G-2012.06 SP2 на VMWare (1)
[29.05.2010][Lessons PHOTOSHOP]
Ночной город, спецэффект (2)
[13.02.2015][video futage]
VideoHive - Futuristic Logo Reveal 8351362 (0)
[12.02.2015][video futage]
Dark Circles Logo Reveal - Project for After Effects (Videohive) (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки фотошоп Композиция Шубека (0)
[30.12.2012][DesiGn bLOg]
Маленькой ёлочке холодно зимой! (0)
[24.01.2013][vectOR KLipardy]
Black Vintage Cards Vector 2 (0)
[01.09.2013][vectOR KLipardy]
Stock: Website Template (0)
[29.05.2010][Lessons PHOTOSHOP]
судорга (абстракционная фантазия) (4)
[13.12.2015][Lessons PHOTOSHOP]
Вырезание объемных предметов в фотошоп (2015) (1)
[29.05.2010][rastER KLipardy]
Stock Photo: Drops, Splashes (1)
[29.05.2010][Lessons PHOTOSHOP]
Металлические трубки и провода (2)
[10.09.2011][Veb DeSiGn]
Template Monster – 11925 – Flash Template (0)
[30.12.2012][DesiGn bLOg]
Кофейные фантазии by Tomoko Shintani (0)
[09.11.2010][Styles Photoshop]
Более 150-ти стилей WEB 2.0 (1)



Пятница
30.10.2020
19:03


Copyright artpost and semantic product zanchi 2010-2011 © 2020