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


Главная » 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)
[12.02.2015][vectOR KLipardy]
Цветные абстрактные фоны в векторе 9 (0)
[23.10.2010][rastER KLipardy]
Косметика в HQ (0)
[12.02.2015][video futage]
Quicky Logo - Project for After Effects (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[13.02.2015][Plugins Photoshop]
AKVIS AirBrush 2.5.300.11214 (x86/x64) (0)
[12.02.2015][video futage]
Deep Eyes | 7 in 1 logo pack - Project for After Effects (Videohive) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Портретная ретушь интенсив (2014) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс по съемке и обработке цифровых фотографий (2015) (0)
[12.02.2015][video futage]
Awards Pack II - Project for After Effects (Videohive) (0)
[12.02.2015][DesiGN SofT]
GraphiSoft ArchiCAD 18 Build 4020 (x64) + Add-Ons (0)
[12.02.2015][DesiGN SofT]
ACDSee Pro 7.1 Build 165 RePack 2014 (RU/EN) (0)
[12.02.2015][DesiGN SofT]
HyperSnap 7.29.02 + Portable (0)
[12.02.2015][rastER KLipardy]
Фото младенцев \ Newborns, 25 x JPG (0)
[25.10.2015][PSD-files, исходники]
Rons Deviney 18 Designs PSD (0)
[22.10.2015][Lessons PHOTOSHOP]
Создание поверхности воды в photoshop (2015) (0)
[19.09.2011][Veb DeSiGn]
Шаблон флеш сайта #0515 (1)
 

Прикрепления:
Категория: Lessons PHOTOSHOP | Просмотров: 1108 | Добавил: supermen | Теги: рисовать иконки, иконки часов, Как рисовать иконки, иконки clock, часы иконки, иконка часов, красивые иконки часов, часы иконка, иконки рисовать
Всего комментариев: 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)



Пятница
22.11.2024
03:34


Copyright artpost and semantic product zanchi 2010-2011 © 2024