Создание удивительных часов

Home

Уроки по Photoshop

Рисование

Создание удивительных часов

Данный урок учит основным горячим клавишам на примере создания удивительных часов. Мы не можем рассмотреть все горячие клавиши в данном уроке, но 40 комбинаций неплохое начало. Вот конечный результат урока.

Начните с создания нового документа размером 2304x1708 пикселей и разрешением 300dpi. Такие размеры наиболее подходящие для данного урока. Далее установим несколько направляющих. Убедитесь, что параметр snap включен View > Snap (Ctrl + Shift + ;). К сожалению, нет визуальной подсказки, что этот параметр включен. Нажмите Ctrl + R для отображения линеек, затем с помощью Move Tool (V) перетащите направляющие из левой и верхней линеек, чтобы они пересеклись точно по центру изображения. Нажимайте Ctrl + ; для снятия видимости любых направляющих в любое время. Не беспокойтесь, если вы ошиблись, то просто нажмите Ctrl + Z для отмены последнего действия. Если вы ошиблись несколько раз, то нажмите Ctrl + Alt + Z для возвращения на шаг назад. Теперь перейдем к дальнейшему шагу по созданию удивительных часов. Вот интересный трюк. Измените цвет фона с помощью Paint Bucket Tool (G) с любимым цветом, зажмите Shift и щелкните по изображению.

Начнем создавать снизу вверх, своего рода как живопись. Для начала создадим красивый синий градиент для фона. Возьмите Gradient Tool (G), выберите радиальный градиент. Вы можете использовать цвета для градиента #3e5198 и #222d53. Необходимо создать светлый центр и более темные края. Это придаст больший интерес, чем просто однотонный цвет. Когда цвета выбраны, просто щелкните и протяните градиент из центра к правому краю.

Выберите подходящую текстуру. Я нашла картинку земли. С помощью Move Tool (V) перетащите выбранную текстуру в рабочий документ. Убедитесь, что она оказалось над фоновым слоем. Измените размеры картинки (Ctrl + T), если необходимо. Установите mode на Overlay (V, затем Shift + + или -) и уменьшите Opacity до 30% (V, затем 3). Это создаст красивый эффект. Вот быстрые замечания по поводу Opacity и Fill. Цифры (1 = 10%, 2 = 10%......0 = 100%) изменяют Opacity или Fill (нажимайте Shift и цифру для изменения) того инструмента, что был активен в этот момент. Если выбран Move Tool (V), то изменения относятся к слою. Если выбран Brush Tool (B), то изменяются настройки кисти. Тоже относится и к Gradient и Paint Bucket Tool (G).

Создайте новый слой (Ctrl+Shift+N) и назовите его «Main Clock». Выберите Elliptical Marquee Tool (M) и тяните из центра к краям. Пока тяните, нажимайте Alt+Shift. Это сохраняет пропорции и создает выделение по центру. Оставьте немного свободного места сверху и снизу. Нажмите D для установки цветов по умолчанию. Далее нажмите Alt + Delete для заливки выделения цветом переднего плана. Снимите выделение (Ctrl + D). Не нравится цвет, которым закрасили круг? Выберите другой цвет и нажмите Shift + Alt+ Delete, посмотрите, что получится. Прозрачность сохраняется. Выберите слои Main Clock и фоновый с помощью Ctrl+клик по каждому слою (если появилось выделение, значит вы щелкнули по иконку слоя, а не там, где надо). Нажмите V для выбора инструмента Move Tool, затем выравните круг, нажав кнопки Align Vertical Centers и Align Horizontal Centers. Это необходимо, чтобы убедиться, что все линии позже выстроятся в одну. Замечания к заливке: если вы нажмете Ctrl + Delete, то выделение зальется цветом фона. Простой способ запомнить, какая комбинация что делает, это посмотреть на левую сторону клавиатуры, кнопка Alt слева от кнопки Ctrl, как цвет переднего плана слева от цвета фона.

Теперь добавим несколько эффектов. Двойной щелчок по слою «Main Clock», чтобы открыть окно стилей слоя. Примените следующие стили.

Теперь начинается забавная часть урока. Давайте создадим циферблат часов. Выберите Type Tool (T) и щелкните в любом месте для создания текстового поля. Напишите цифры 00 (красивые круглые цифры помогут нам выстроить остальные) и убедитесь, что текст выровнен по центру. Размер текста должен быть примерно 40pt (для увеличения или уменьшения размера шрифта используйте Shift + Ctrl + < или >). Я использовала шрифт Helvetica, но практически все шрифта можно использовать для данного урока. Щелкните по галочке, чтобы применить изменения. Теперь выровните текст тем же способом, что мы выравнивали круг. Ctrl+клик по текстовому и фоновому слою, затем выровните как описано ранее.

Далее зажмите Shift и перетащите текст наверх круга. Он должен быть наполовину над и наполовину под верхним краем слоя «Main Clock.» выравниванием таким способом дает красивый визуальный эффект и позволяет убедиться, что все выровнено правильно. Далее нажмите Ctrl + T для активации свободного трансформирования. Крестик должен быть точно в центре поля трансформации. Зажмите Shift и потяните к центру круга. Увеличьте масштаб (Ctrl + +), если хотите быть более точными. Измените угол наклона на 300 и щелкните по галочке, чтобы применить изменения. Теперь нажмите Ctrl + Alt + Shift + T 11 раз для повторения трансформации и создания нового слоя через копирование.

Установите цифры правильно, выделив слой и нажав Ctrl + T. Поверните ограничительное поле, зажав Shift. Двойной щелчок по иконке текстового слоя и измените текст на правильную цифру. Замечание: поворот ограничительного поля цифры – быстрый способ, но есть и другие. Попытайтесь повернуть ее на 300. затем щелкните по галочке, чтобы применить изменения. Далее нажмите Ctrl + Shift + T для повторения трансформации. Продолжайте это делать, пока цифра не встанет на свое место. Дальше выбирайте следующий текстовый слой и повторите данные действия. Когда все цифры исправлены, выделите все текстовые слои с помощью Shift+клик. Нажмите Ctrl + G для группирования всех цифр. Назовите группу «Numbers».

Теперь необходимо сделать копию всех цифр на одном слое. Нажмите Alt+клик по значку глазика около группы «Numbers». Это отключит видимость всех остальных слоев. Затем нажмите Ctrl + Alt + Shift + E для копирования видимого на новый слой. Назовите этот слой «Merged Numbers». Теперь верните видимость остальных слое, щелкнув по глазику каждого невидимого слоя. Вы можете оставить отключенной видимость группы «Numbers». Причина создания копии в том, чтобы получить редактируемую копию цифр, чтобы применить эффекты только к одному слою, что уменьшит размеры файла и сократит работу.

Измените размеры слоя Merged Numbers (Ctrl + T), чтобы цифры были внутри часов как на рисунке. Не забудьте зажать Alt + Shift, когда будете редактировать размеры, чтобы сохранить пропорции. Примените следующие стили слоя к «Merged Numbers».

Щелкните по кнопке New для добавления данного градиента в поле вариантов градиента, поскольку он еще потребуется позже.

Создайте новый слой и назовите его «Hour Hand». Воспользуйтесь Custom Shape Tool (U) с фигурой pencil. Она наиболее подходит в качестве стрелки часов. Нарисуйте фигуру в качестве маленькой тонкой часовой стрелки. Нажмите Ctrl + T, затем зажмите Shift и поворачивайте фигуру пока она не встанет вертикально вниз или вверх. Поместите стрелку по центру, чтобы было легче рисовать следующую стрелку. Теперь необходимо нарисовать более длинную минутную стрелку. Дублируйте слой с часовой стрелкой с помощью Ctrl + J. Назовите новый слой «Minute Hand». Выберите Rectangular Marquee Tool (M) и сделайте выделение верхней части стрелки. Теперь нажмите Ctrl + T и немного растяните стрелку.

Отключите видимость слоя «Minute Hand». Перетащите слой «Hour Hand» выше так, чтобы конец был в пределах центра пересечения направляющих. Нажмите Ctrl + T, поверните стрелку, зажав Shift,нажмите галочку для применения изменений. Затем снова нажмите Ctrl + T, переместите крестик в точку пересечения направляющих (увеличьте масштаб, если необходимо). Поверните стрелку на место по вашему выбору (иногда крестик можно редактировать до поворота объекта). Теперь проделайте то же самое с «Minute Hand».

Примените следующие стили слоя к обеим стрелкам. Drop shadow для слоя «Hour Hand»

Drop shadow для слоя «Minute Hand»

Для Gradient Overlay используем градиент, который создавали для циферблата.

Добавления нескольких бликов на стрелки часов придаст эффект большей реалистичности. Создайте новый слой и назовите его «Highlights». Нажмите D для установки цветов переднего и заднего плана на цвета по умолчанию. Затем нажмите X для изменения цвета переднего плана на белый. Нажмите B и выберите кисть диаметром 150 и hardness 0%. Установите Opacity на 30% (нажмите 3). Нарисуйте белые точки там, где считаете нужно. Теперь выберите кисть диаметром 50 и Hardness 0%. Установите Opacity на 60% (нажмите 6). Щелкните один раз в центре предыдущих бликов. Теперь выберите Elliptical Marquee Tool (M). Сделайте выделение вокруг блика. Нажмите V, теперь щелкните внутри выделения, чтобы вырезать его и переместить. Найдите белую часть часовой стрелки и попытайтесь центрировать блик на верхней грани стрелки в данной части (это зависит от того, где вы разместили стрелки, но помните, что источник света находится сверху). Перед тем, как снять выделение, нажмите Alt+клик и переместите копию блика на минутную стрелку и на верхние углы цифр 7 и 12. Теперь можно снять выделение и посмотреть, что получилось.

Добавьте логотип компании, если хотите. Для этого просто перетащите его в рабочий документ и убедитесь, что слой с логотипом ниже слоев со стрелками. Поместите логотип на место и измените размеры с помощью Ctrl + T. Копируйте стили слоя цифр, щелкнув правой кнопкой мышки по слою с цифрами и выбрав Copy Layer Style, затем щелкните правой кнопкой мышки по слою с логотипом и выберите Paste Layer Style. Уменьшите размер в стиле bevel до тех пор, пока не получится более реалистично. (Bevel: Size = 5, Soften = 0).

Hold the hands together by creating a center piece. Создайте новый слой и назовите его «Center». Ctrl+клик по иконке слоя «Main Clock», чтобы загрузить выделение. Залейте выделение любым цветом (Ctrl + Delete). Снимите выделение (Ctrl + D), измените размеры центра (Ctrl + T). Не забудьте зажать Shift + Alt для сохранения пропорций центра. Теперь копируйте стили слоя «Main Clock» и вставьте их в слой «Center». Сделайте несколько небольших изменений. Измените в стиле слоя Drop Shadow: Distance = 19 и Size = 13. Отключите стиль Inner Glow.

Теперь создадим покрытие. Создайте новый слой и назовите его «Cover». Ctrl+клик по иконке слоя «Main Clock», чтобы загрузить выделение. Нажмите D для установки цветов по умолчанию, затем нажмите Ctrl + Delete для заливки выделения белым цветом. Снимите выделение (Ctrl + D). Уменьшите opacity слоя до 20% (V, затем 2). Измените размеры (Ctrl + T, затем нажмите Shift + Alt и тяните) слоя «Cover», чтобы нарисовать небольшие выпуклые внутренние края к слою «Main Clock» как на рисунке. Создайте Layer Mask, нажав на соответствующую кнопку внизу палитры слоев. Возьмите Gradient Tool (G), убедитесь, что выбран линейный градиент, затем выберите градиент как для циферблата. Теперь щелкните по маске слоя, чтобы ее выделить. Увеличьте масштаб, если необходимо, и протяните градиент от верхнего левого угла к правому нижнему. Этот эффект придает ощущение, что поверхность отраженная.

Теперь необходимо продолжить создавать эффект блеска, чтобы сделать слой «Cover» более реалистичным. Создайте новый слой и назовите его «Glare». Ctrl+клик по иконке слоя «Main Clock», чтобы загрузить выделение. Нажмите D для установки цветов по умолчанию, затем нажмите Ctrl + Delete, чтобы закрасить выделение белым цветом. Снимите выделение (Ctrl + D). уменьшите Opacity слоя до 40% (V, затем 4). Трансформируйте слой «Glare» с помощью Ctrl + T, затем зажмите Shift и тяните снизу до центральной линии. Shift + Alt и тяните справа для сжимания, а затем сверху вниз как на рисунке. Убедитесь, что блик закрывает цифру 12.

Создайте Layer Mask к слою «Glare». Выберите Gradient Tool (G) и убедитесь, что выбран линейный градиент. Установите цвета по умолчанию (D). выделите маску слоя, затем протяните градиент снизу вверх. Мгновенный блик. Select the Layer Mask, then drag a gradient from the bottom of the circle to the top. Instant Glare! We still have some polish to add though. Замечания по цветам по умолчанию: если активен слой, то D делает цвет переднего план черным, а заднего плана – белым. Но если активна маска слоя, то D меняет их местами, то есть цвет переднего плана будет белым, а заднего черным. Просто нажмите X, если необходимо их поменять.

Создайте новый документ с помощью Ctrl + N. давайте создадим квадратный документ размером 504х504 пикселей и разрешением 300dpi. Двойной щелчок по фону, затем нажмите OK, чтобы разблокировать фон. Залейте слой черным цветом (попытайтесь использовать горячие комбинации клавиш, которые описаны выше). Примените Filter > Render > Lens Flare со следующими настройками.

Уменьшим эффект применения данного фильтра. Нажмите Ctrl + Shift + F. уменьшите Opacity до 90%. Замечания: это комбинация работает только сразу после применения фильтра. Удобно уменьшить Opacity или изменить blending mode фильтра без затрагивания пикселей расположенных сверху.

Примените Filter > Distort > Polar Coordinates со следующими настройками.

Не беспокойтесь так и надо! Теперь отразите по вертикале. Зайдите в Edit > Transform > Flip Vertically. Далее снова примените Filter > Distort > Polar Coordinates. Но на этот раз выберите другие настройки.

Теперь все, что необходимо сделать, это отрезать плоскую часть. Создайте несколько центральных направляющих, как это делалось в начале урока. Выберите Elliptical Marquee Tool (M), затем протяните круглое выделение из центра к краям блика. Убедитесь, что зажали Shift + Alt при создании выделения. Теперь нажмите Ctrl + Shift + I для инвертирования выделения. Затем нажмите Ctrl + X для вырезания.

Зажмите Shift и перетащите созданное в рабочий документ. Измените размеры отражения с помощью Ctrl + T и Shift + Alt при изменении размеров до размера слоя «Cover». Поверните отражение так, чтобы точки света оказались наверху точно по центру. Примените изменения нажатием на галочку. Назовите получившийся слой «Flare» и убедитесь, что он находится над слоем «Glare». Нажмите V, затем зажмите Shift и нажимайте клавиши плюс или минус для изменения mode. В данном случае лучше всего выбрать Soft Light.

Необходимо добавить больше блеска сверху блика. Ctrl+клик по иконке слоя «Glare», чтобы загрузить выделение. Выберите слой «Flare», затем нажмите Shift + F6 для открытия окна Feather Selection. Введите значение 100 пикселей и нажмите OK. Это немного уменьшит яркость и больше сольет. Теперь создайте новый слой вырезанием, нажав Ctrl + Shift + J. далее установите Blending Mode на Screen (V, затем кнопки плюс и минус). Назовите слой «Flare2».

Будет лучше добавить еще одну вспышку света. Создайте новый слой и назовите его «Flare3». Ctrl+клик по иконке слоя «Cover», чтобы загрузить выделение. Залейте выделение черным цветом и не снимайте пока выделение. Это ограничит вспышку пикселями внутри выделения. Примените Filter > Render > Lens Flare со следующими настройками.

Снимите выделение (Ctrl + D) и нажмите Ctrl + T для поворота яркой части в центр сверху. Примените изменения. Теперь установите mode на Soft Light.

Еще несколько световых эффектов и все готово. Создайте новый слой над всеми остальными и назовите его «Inner Rim». Ctrl+клик по иконке слоя «Main Clock», чтобы загрузить выделение. Залейте выделение белым цветом (D, затем Ctrl + Delete). Снимите выделение (Ctrl + D). Нажмите Ctrl + T для изменения размеров, чтобы встретить внутренние края выпуклости «Main Clock» как на рисунке.

Давайте вырежем плоскую часть. Ctrl+клик по слою «Cover» (убедитесь, что активен все еще слой «Inner Rim»). Нажмите Ctrl + X, чтобы вырезать центр. Уменьшите Opacity слоя до 70% (V, затем 7). Создайте Layer Mask. Необходимо немного уменьшить эффект. Выберите Gradient Tool (G), установите цвета по умолчанию (D), (X) для инвертирования цветов по умолчанию, зажмите Shift и протяните линейный градиент из центра часов вниз.

Создайте новый слой и назовите его «Outer Rim». Ctrl+клик по слою «Main Clock», чтобы загрузить выделение. Залейте выделение белым цветом (D, затем Ctrl + Delete). Снимите выделение (Ctrl + D). Теперь выберите слой «Inner Rim» и Ctrl+клик по иконке слоя. Нажмите (W) для выбора Wand Tool, Shift+клик в центре выделения. Этим мы получим выделение центральной части, которое нам не нужно. Затем вернитесь на слой «Outer Rim» и вырежьте выделенное (Ctrl + X). Установите Opacity на 80% (V, затем 8). Возьмите Gradient Tool (G) и выберите радиальный градиент. Если выбрана маска слоя, то нажмите D для выбора цветов по умолчанию. Зажмите Shift и протяните градиент из верхушки слоя «Outer Rim». Протяните ¾ высоты часов. Увеличьте масштаб, если необходимо. Это придаст красивый эффект наверху часов, от источника света.

Создайте новый слой и назовите его «Shadows». Залейте его черным цветом. Установите layer mode на Soft Light (V, затем Shift и плюс или минус на клавиатуре). Теперь создайте Layer Mask, установите цвета по умолчанию (D), возьмите Gradient Tool (G), затем Shift+тащите линейный градиент снизу изображения к центру часов. Это добавит небольшую глубину изображению.