Рисуем часы в фотошоп

Сегодня перед вами урок мастер-класса. Т.е. вам будет объясняться основной ход мыслей и определенные трудные моменты.

Итак, первое, о чем хочу сказать: трюк был сделан в Photoshop CS, он почти идентично выполняется в Photoshop 7.0. А вот с шестой версией определенные моменты будут существенно отличаться, но т.к. я сторонник использования лучших версий продукта, то останавливаться на рассмотрение шестой версии не стану.

Шаг 1

Создайте новое изображение размером 1000 на 700, можете и другое. Здесь главное, чтобы оно было большое, так как потом проще будет скрыть огрехи допущенные в работе, да и допустить искомые будет меньше шансов, что и нужно.
При выполнении этого трюка нам придется создавать большое количество слоев, поэтому рекомендую вам создать Layer set, путем последовательного прохождения меню Layer >New >Layer set [Слой >Новый > Установка слоев]
Сделали? Тогда, выбираем инструмент Pen tool [Перо] и делаем такой же контур как на скриншоте. Заполните его 50% серым цветом.
После можете сохранить вашу форму, щелкнув правой кнопкой мыши по получившейся вещи и выбрав пункт Define custom shape [Определить выборочную форму] (позже можете заменить верхнюю часть, ибо там будет находиться браслет).

Шаг 2

Примените стили Bevel and Emboss [Фаска и рельеф] и Gradient overlay [Наложение градиента] для получения результата как на скриншоте.
Затем создайте новый слой, сделайте эллиптическое выделение и заполните его градиентом, которое вы создали при применении стиля Gradient overlay [Наложение градиента].
Теперь примените на этом слое стили Bevel and Emboss [Фаска и рельеф] и Drop Shadow [Отбросить тень].

Шаг 3

Создайте новый слой, он должен находиться под Adjustment Layer [настраиваемый слой].
Теперь сделайте эллиптическое выделение меньшего размера и заполните его все тем же 50% серым. Затем примените Bevel and Emboss [Фаска и рельеф].

Шаг 4

На новом слое, загрузите выделение, выберите цвет переднего плана светло-серым, а заднего белым (Foreground color и Background color).
Затем зайдите в меню Filter >Render >Clouds [Фильтр >Рендер >Облака] и в Filter >Noise> Add Noise [Фильтр >Шум >Добавить шум], используйте небольшой радиус, в районе 5-8%, а так же не забудьте поставить галочки возле строк Gaussian [Гауссовый] и Monochromatic [Монохроматичный].
Теперь можно создавать новый настраиваемый слой (Layer >New Adjustment layer) а в качестве эквалайзера выберем снова Curves [Кривые].

Шаг 5

Теперь, переходим к созданию внешних деталей. А именно, нарисуем браслет.
При помощи инструмента Rectangular Marquee [Прямоугольник], сделайте выделение в нижней части часов и заполните его тем же градиентом, что мы применяли при использовании стиля Gradient Overlay. Затем добавьте объем: примените стили Bevel and Emboss [Фаска и рельеф] и Outer Glow [Внешний свет].

Шаг 6

На данный момент у нас есть основа – на чем будет держаться браслет, но нет его звеньев. Исправим это. Итак, сделайте небольшое прямоугольное выделение и заполните его градиентом (тем же). Затем выберите инструмент Elliptical Marquee [Эллиптическое выделение] и сделайте с краю небольшой эллипс, который необходимо заполнить градиентом (см. скриншот)

После, сделайте дубликат слоя, поверните его на 180 градусов и переместите на другой край вашего прямоугольника. Поместите это все на больший прямоугольник темных оттенков. Таким образом, мы получаем звено, звено браслета, которое нужно размножить и правильно расположить, это нетрудно, обойдусь без комментариев. Теперь, когда браслет есть, нужно придать ему реалистичность, сузив его к краю. Для этого нужно воспользоваться командой Skew [Наклон] (Edit >Transform [Редактирование >Наклон]).
И, наконец, сделайте копию слоя (или слоев) с браслетом поверните его на 180 градусов и разместите в противоположной части часов (относительно первого месторасположения).

Шаг 7

Продолжаем модифицировать браслет. Сделаем дужку. Выберите инструмент Rectangular Marquee [Прямоугольник] и заполните его градиентом (делается это конечно на новом слое), затем, используя Elliptical Marquee [Эллиптическое выделение], с левого края сделайте закругление, заполнив его тем же градиентом, желательно использовать его реверсивную форму.
Рядом можно добавить полоску темного цвета.
Справой стороны нарисуйте полоски и пари помощи функции Stroke и заполните контуры, после примените стиль Bevel and Emboss [Фаска и рельеф]
Поместите это дополнение под корпусом, в нижней части часов.

Шаг 8

Нарисуйте деталь как на скриншоте, поверните её под углом, сделайте копию и разместите в правой части часов.

Нарисуйте на циферблате поле с датой. Делается это либо с помощью Shape [Форма] и Type [Текст] tools или Rectangular [Прямоугольник] и Type tool [Текст] а лучше использовать все вместе. И не забудьте примените градиент и при необходимости пользоваться функциями Stroke и Clipping Mask (по-русски, группировка слоя).

Шаг 9

Нарисуйте треугольники любого цвета и примените стиль Bevel and Emboss [Фаска и рельеф].

Использовать можно Shape tool.

Шаг 10

Нарисуйте стрелки. Для этого использовались: Shape tool, Gradient, Bevel and Emboss, Load Selection [Загрузка выделения], Contract [Свернуть], Fill [Заполнение/заливка], Stroke.

Шаг 11

В данном случае, посмотрев на свои часы я обнаружил "странные цифры" :) располагающиеся вдоль мнимой, а может реальной? ;) окружности. Изобразить такую же вещь не составит труда, благо в Photoshop CS, и я уже это ранее отмечал в уроке создания лазерного диска, есть возможность работы текста и path. Поэтому при помощи Pen tool [Перо], по уже созданной окружности создайте path и по нему напечатайте текст (я делал это секторами, которые, постоянно смещал) .

Шаг 12

Сейчас нужно создать палочки, которые мы разместим на циферблате. Для этого создайте новое изображение размером 200х200, заполните его черным цветом, а затем сделайте 24 выделения фиксированного размера (2х15) и залейте его на новом слое белым цветом, после чего примените фильтр Polar Coordinates [Полярные координаты] и перетащите получившейся слой на циферблат. Измените Opacity [непрозрачность] слоя.

Шаг 13

Теперь можно написать соответствующие цифры. Затем растеризовать каждый слой по отдельности, загружать выделение, делать удаление клавишей Delete, применение фильтра Gaussian Blur [Размытие по гауссу] и применение стиля Bevel and Emboss.

Ну и напоследок, можно и нужно нарисовать деталь для перевода стрелок и завода часов. Делается это так же, как и правое дополнение к браслету.

ВСЕМ КТО ВЫКЛАДЫВАЕТ ДАННЫЙ МК У СЕБЯ НА СТРАНИЦАХ, ПРОШУ УКАЗЫВАТЬ АВТОРА МК.

Вот так выглядит картинка в открытой программе.

Затем мы идем в закладку "СЛОИ" и выбираем функцию "ИМПОРТ ИЗ ФАЙЛА.."

Предварительно скачав циферблат который вы хотите использовать. У меня римские цифры) Выбираем его.

Вот у нас появился наш циферблат.

Справа есть закладка "слои". В данном случае мы работаем с циферблатом, выбираем этот слой (просто нажимаем на слой левой кнопкой мыши) Затем выбираем на панели инструментов (эта панель слева) функцию "ВОЛШЕБНАЯ ПАЛОЧКА". Потом этой палочкой кликаем по наружной части циферблата, и нажимаем DELETE (удалить) ;

Затем нажимаем волшебной палочкой на один квадратик циферблата, зажимаем кнопку SHIFT и кликаем рядом на квадратик, таким образом у нас выделяются все квадратики, их так же удаляем. Если кому то нужно, чтоб квадратики остались, эту процедуру можно и не делать.

У нас получился слишком большой циферблат и маленькая картинка, для того чтоб уменьшит циферблат мы нажимаем на панели инструментов функцию "ПЕРЕМЕЩЕНИЕ ВЫДЕЛЕННОЙ ОБЛАСТИ", а затем кликаем по циферблату. У нас появился квадрат, кружечками по краям и посередине регулируем и делаем циферблат такого размера, которого нам необходимо.

Вот так у нас выглядит циферблат после того как мы его сделали нужного нам размера.

Так же мы можем поработать с фотом (картинкой). Для этого мы выбираем слой картинки, кликаем на него мышкой, а затем на саму картинку, появится так же квадрат с кружечками, с помощью его регулируем размер фона, если это необходимо.

Циферблат у нас черного цвета, и цифры сливаются с фоном картинки, изменим цвет циферблата. (Не забываем становится на ту область, с которой мы работаем.) Для этого зайдем в закладку "КОРРЕКЦИЯ" и выберем функцию "ИНВЕРТИРОВАТЬ ЦВЕТА" и циферблат у нас становится белым. Мне кажется так лучше смотрится.
Если вам необходимо заменить цвет циферблата, используйте палитру цветов которая находится справа, а затем с помощью "ЗАЛИВКИ" закрасьте циферблат.

Для того, чтоб на не тратить краску в принтере, при распечатке циферблата, уберем лишнее. В панели инструментов выбираем "ВЫБОР ОБЛАСТИ ОВАЛЬНОЙ ФОРМЫ" затем становимся в верхний левый угол и тянем вниз наш кружочек

В программе Фотошоп можно создать очень многие предметы, в числе которых часы.

Создаем рабочий файл размером 1000*1000 файл и в последствие можно уменьшить размер изображения для иконки.

Создайте новый слой, на панели инструментов выставьте нужные для заливки цвета.

В примере: в верхнем квадрате #6c7c6f, в нижнем – #000000.

Инструмент «Градиент» радиальный тип делаем заливку.

Создаем новый слой и заливаем его 6c7c6f цветом. Заходим во вкладку «Фильтр» — «Рендеринг» — «Волокна».

Создаем новый слой и в нем «Овальной областью» выделяем круг и заливаем его черным цветом.

Заходим во вкладку «Слои» — «Стиль слоя» — «Параметры наложения». И выставляем значения в тех параметрах, которые показаны на рисунках.

Наложение цвета.

Тиснение. Важно выставить «Жесткая огранка».

Внутреннее свечение.

Внутренняя тень.

Создаем новый слой и выделяем в нем овал, который заливаем белым цветом. Это будет имитация стекла.

Добавляем к этому слою слой-маску и в слое-маске кистью мягкого типа черного цвета большого диаметра прокрашиваем низ овала. Снижаем непрозрачность слоя 20%.

Создаем новый слой и заливаем его черным цветом. Заходим во вкладку «Фильтр» — «Рендеринг» — Блик». Устанавливаем тот, что имеет голубоватое свечение.

Изменяем режим наложения слоя на «Экран», снижаем непрозрачность до 72%. Уменьшаем в размере и располагаем в области циферблата.

Во вкладке «Просмотр» нажимаем «Вспомогательные элементы». Устанавливаем «Сетку».

Шрифтом Offfesive Behaviour пишем цифры. Располагаем их на циферблате руководствуясь делениями на сетке.

Выделяем все цифровые слои с помощью комбинации клавиш указанных на рисунке, делаем дубликат слоев (вкладка «Слои» — «Дубликат слоев») и объединяем их.

Для слоя с цифрами вызываем «Параметры наложения» и настраиваем параметры.

Тиснение.

Для того чтобы сделать стрелки нужно воспользоваться инструментом «Фигура» и её функционалом.

Создаем две стрелки.

Растрируем слои с фигурами: правой кнопкой нажимаем по слоям в окне слоев и выбираем соответствующую функцию из контекстного меню.

С помощью функционала «Трансформирование» настраиваем масштаб и поворот стрелок. Лишние части стрелок удаляем: выделить «Лассо» и нажать Delete.

Для слоев со стрелочками вызываем «Парамтеры наложения» и настраиваем параметры.

Тиснение.

Для того чтобы применить ко второму слою со стрелками параметры, нужно нажать на «Использовать по умолчанию» в диалоговом окне «Параметры наложения».

Создаем новый слой и кистью жесткого типа белого цвета ставим кружочек. Вызываем «Параметры наложения» и настраиваем «Тиснение».

Добавляем оттенки к слою с цифрами: новый слой и кистью мягкого типа желтого цвета закрашиваем частично слой. Делаем этот слой обтравочной маской: удерживая нажатой клавишу Alt, нажимаем на границе слоев.

Такие же действия делаем со слоями стрелок и серединки. Изменяем режим наложения слоев для слоя с оттенком на «Линейный осветлитель».

Важно в окне слоев перетащить поверх всех слоев слой с бликами.

Получаем такие часы.

Можем добавить надпись.

Часы для фотошопа

В этом уроке по работе с фотошопом я научу Вас, как очень быстро нарисовать часы для фотошопа , причём их вид можно легко подстроить под любую фотографию путём изменения пользовательских фигур и стилей слоя. Кроме того, в этом уроке будет показано несколько интересных моментов работы в фотошопе, которые позволяют значительно ускорить работу и сэкономить Ваше время. Об этих фишках знают далеко не все даже опытные пользователи фотошопа. Так как создать часы для фотошопа ?

Создадим документ произвольного размера - Ctrl+N. Создавать необходимо, конечно, с расчётом на будущее применение часов в своих фотографиях или работах.

Выберем инструмент "Произвольная фигура" (U) в режиме "Слой-фигура" (самая левая иконочка). Щёлкнем по чёрной стрелочке, рядом с полем "Фигура" и в раскрывшемся списке выберем набор "Баннеры и награды". А уже в нём я использовал вот такой кружок с лепестками (в русской версии фотошопа он называется "Клеймо").

Удерживая клавишу Shift (для соблюдения пропорций) нарисуем кружок примерно в месте нахождения цифры "12" у любых часов.

Теперь нам надо найти центр нашего документа. Для этого переходим в "Просмотр - Новая направляющая".

В появившемся окне выбираем ориентацию направляющей и в поле "Положение" ставим цифру 250, так как мы создавали документ размером 500х500 пикселов, а нам нужен центр этого документа.

В документе мы увидим направляющую, которая точно проходит через центр будущих часов. Точно таким же способом создаём и направляющую другой ориентации.

Теперь мы нажимаем очень удобное сочетание клавиш Ctrl+Alt+T, которое позволяет создавать копию клейма и одновременно трансформировать его.

Не применяя трансформации, центр трансформации кружка перемещаем в центр документа и вводим на верхней панели параметров свободного трансформирования угол поворота 30 градусов. Применяем трансформирование - Enter.

А теперь ещё одно волшебное сочетание клавиш. Нажимаем и удерживаем клавиши Shift+Ctrl+Alt и 10 раз подряд нажимаем клавишу "T". Получаем вот такую интересную заготовку часов.

Вот так сейчас выглядит палитра "Слои".

Перейдём на палитру "Стили" и подберём подходящий стиль для кружочков. Я выбрал "Затенённый красный скос".

Получаем вот такой результат.

Выбираем инструмент "Текст" (T) с подходящими параметрами шрифта (мой выбор Вы видите на скриншоте ниже) и пишем первую цифру "1". Располагаем её в нужном месте.

К текстовому слою я применил стиль "Синяя скрепка для бумаги".

Получаем вот такую единичку.

Теперь ещё один интересный способ работы в фотошопе. Удерживая клавишу Alt, перетаскиваем цифру "1" на соседний кружок, отпускаем цифру. Вот так легко и быстро мы создали копию единички. Таким же способом создаём цифры во всех кружочках. Не забудьте сделать активным инструмент "Перемещение" (V).

В палитре "Слои" образовалось двенадцать текстовых слоёв с цифрой один. Наверное, Вы поняли, что этот способ позволяет значительно сэкономить время работы в фотошопе.

Выбираем инструмент "Текст" (Т). Два раза левой кнопкой мыши поочереди щёлкаем на цифре "1" и вводим нужное число. Чтобы быстро применить результат изменения (текущую правку) нажимайте клавишу Enter на числовой клавиатуре (нажатие обычной клавиши Enter приводит к переносу курсора на другую строчку).

Делаем активным инструмент "Перемещение" (V), поочереди щёлкаем на цифрах и с помощью клавиш стрелочек выравниваем цифры внутри кружочков.

Теперь будем создавать стрелки часов. Выбираем инструмент "Произвольная фигура" (U) в режиме "Слой-фигура" и в наборе "Стрелки" выбираем подходящую стрелочку (я выбрал "Стрелку 15").

Удерживая клавишу Shift, рисуем стрелку в центре часов и придаём ей подходящий стиль. Я выбрал "Хромированный глянец".

Чтобы в палитре "Слои" текстовые слои нам не мешали, выделяем их с помощью клавиш Shift или Ctrl.

Нажимаем сочетание клавиш Ctrl+G и получаем "Группу 1". Создаём вторую стрелочку, для этого достаточно нажать сочетание клавиш Ctrl+J (при активном верхнем слое).

Применяем свободное трансформирование - Ctrl+T поочереди к стрелочкам и делаем их одну покороче, а другую подлиней так, чтобы они проходили через центр документа.

Получаем почти готовые часы. Не хватает только винта, который будет удерживать стрелки.

Создаём в палитре "Слои" новый слой для чего щёлкнем по второй справа иконке. Верхний слой расположим на самом верху.

Выберем инструмент "Кисть" (В) со 100% жёсткостью, цвет переднего плана - чёрный. Подбираем диаметр кисти и один раз щёлкнем в центре документа.

Два раза левой кнопкой мыши щёлкнем по верхнему слою.

Появляется окно "Стиль слоя", в котором ставим галочки "Тень" и "Тиснение". На самих вкладках никаких параметров не меняем.

Таким образом, мы создали часы для фотошопа .

Итак, в этом уроке фотошопа мы сделаем анимированные цифровые часы, такие как у многих из нас встроены в радио…

Начнем с создания нового холста, 350*200, и зальем его черным цветом (#000000).
Сперва мы сделаем рамку для наших часов. Выделите весь холст и выберите Выделение>>Модификация>>Граница (Select >> Modify >> Border) . Введите значение 20 пикселей (выделение просто сдвинется вовнутрь на 20 пикселей)

Теперь, для того, чтобы выбрать область, которая находится за пределами окна (и сделать рамку), выберите Выделение>>Инверсия (Select >> Inverse) . Теперь у нас выделена граница шириной в 20 пикселей.
Создайте новый слой.
Залейте его любым цветом, мы использовали темно-серый, но вы можете выбрать другой.

Пока выделен новый слой, нажмите Слои>>Стиль слоя>>Параметры наложения (Layer >> Layer Styles >> Options) , и примените следующие настройки для того, чтобы получить стильный металлический каркас.
Тень (Drop Shadow)

Внутренняя тень (Inner Shadow) Используйте цвет #CCCCCC

Внутреннее свечение (Inner Glow) Используйте цвет #666666

Контур (Contour) Выберите форму «По Гауссу»

Глянец (Satin) Используйте форму «Волнистый уклон», цвет #FFFFFF

Наложение градиента (Gradient Overlay) Градиент между #CCCCCC и #666666

Вот такую рамку вы получите…

Теперь боле сложная часть. Выберите инструмент ввода текста и напишите 88:88.
Вам нужно использовать какой-нибудь «цифровой/ LCD» шрифт для этого. Мы использовали “DS Digital”, который вы можете бесплатно скачать на dafont.com. Размер: 123 пикселя, цвет: #3d3d3d

Создайте дубликат слоя с текстом. На дублированном слое напечатайте различные цифры, например, 6:05. Используйте бросающийся в глаза цвет на ваш выбор. Мы взяли #04e3fd, но вы можете использовать различные оттенки даже зеленого и красного цвета.
Убедитесь, что ваш новый слой находится именно сверху серых цифр. Если хотите, можете добавить немного внешнего свечения такого же синего цвета, чтобы сделать слой более светящимся, но это не обязательно

Сохраните это изображение в новой папке на вашем компьютере и назовите его 1.jpg
Итак, это ваша первая картинка