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


Главная » 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)
[09.12.2015][Lessons PHOTOSHOP]
Рисуем анимацию в Photoshop и After Effects (2015) (0)
[23.10.2010][rastER KLipardy]
Косметика в HQ (0)
[12.02.2015][DesiGN SofT]
The Logo Creator 6.6 Final (0)
[03.12.2014][Lessons PHOTOSHOP]
Панорамная Фаст-моушен съемка своими руками (0)
[03.12.2014][Photoshop Actions]
50 Photoshop Action Scripts (0)
[16.12.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Retouch Man (2015) (0)
[12.02.2015][video futage]
Quicky Logo - Project for After Effects (0)
[21.10.2015][Lessons PHOTOSHOP]
Видеокурс photoshop Art Wedding (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс Предметная съемка 2.0 (2015) (0)
[12.02.2015][DesiGN SofT]
GraphiSoft ArchiCAD 18 Build 4020 (x64) + Add-Ons (0)
[12.02.2015][DesiGN SofT]
Room Arranger 7.5.0.421 (2014) Rus/Eng (0)
[22.10.2015][Lessons PHOTOSHOP]
Создание поверхности воды в photoshop (2015) (0)
[12.02.2015][DesiGN SofT]
Photomizer Retro 2.0.14.106 Portable by Valx (0)
[12.02.2015][video futage]
Broadcast Shapes Package - Project for After Effects (Videohive) (0)
[12.02.2015][DesiGN SofT]
PT Photo Editor 1.7.1 Standard Edition Rus Portable by SamDel (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки photoshop Выборочная коррекция (2014) (0)
[12.02.2015][DesiGN SofT]
CorelCAD 2014 build 13.8.12 + Rus + Видеоинструкция + Руководство (0)
[12.02.2015][video futage]
Deep Eyes | 7 in 1 logo pack - Project for After Effects (Videohive) (0)
[06.12.2015][Lessons PHOTOSHOP]
Видеокурс по съемке и обработке цифровых фотографий (2015) (0)
 

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


Поиск






[13.09.2010][Lessons PHOTOSHOP]
Гранжевое фото, обработка фото (1)
[10.09.2011][Photoshop Actions]
10 actions by sandrasublime (0)
[03.12.2014][Lessons PHOTOSHOP]
Видеоуроки фотошоп Ретушь Шубека (0)
[12.12.2013][3D MAX modeling]
Avshare – Food \ 3d продукты (0)
[11.01.2011][Lessons PHOTOSHOP]
Колючая проволока (0)
[29.05.2010][Lessons PHOTOSHOP]
судорга (абстракционная фантазия) (4)
[17.09.2011][Lessons Adobe Illustrator]
Создание весёлой визитки, подготовка к печати (0)
[12.03.2013][Lessons PHOTOSHOP]
Создание изящного текста в мультяшном стиле \ Create Vibrant Typography in a Rough Cartoon Style (0)
[25.10.2015][PSD-files, исходники]
Rons Deviney 18 Designs PSD (0)
[15.12.2010][video futage]
After Effect Project Planet Explosion Intro (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)



Четверг
28.03.2024
17:35


Copyright artpost and semantic product zanchi 2010-2011 © 2024