Текст в виде молнии

24 апреля 2013 · Глеб Х. · «Мир Фотошопа»

Конечный результат:

Ресурсы урока:

Шаг 1

Мы начнём урок с создания элемента молнии, который превратим в кисть. Создайте новый документ в Фотошопе (Ctrl + N) размером 100х100 пикселей. Выберите инструмент Rouned Rectangle Tool (U) с радиусом 5 пикселей и создайте фигуру цветом 46х84 пикселя.

Активируйте Линейки (Ctrl + R) и отведите вертикальную направляющую, проходящую по центру холста. Инструментом Move Tool (V) расположите прямоугольник так, чтобы направляющая проходила через его центр.

Отведите ещё две вертикальные и три горизонтальные направляющие. Они помогут Вам получить форму, отмеченную пунктиром на следующем скриншоте.

Выберите инструмент Add Anchor Point Tool и добавьте якорные точки, как показано ниже.

Инструментом Direct Selection Tool (A) выделите две якорные точки, показанные на скриншоте.

Перейдите в меню Edit → Transform Points → Scale. Зажмите клавишу Alt и потяните правую точку влево до вертикальных направляющих.

Потяните верхнюю точку вверх.

Дополнительно можете поправить форму сгибов, только помните, что это нужно сделать на обеих сторонах.

Выделите верхние точки и тоже сведите их друг к другу.

Как закончите, перейдите в меню Edit → Define Brush Preset. Назовите новую кисть «Zipper Brush».

Сохраните документ (Ctrl + S).

Шаг 2

Создайте новый документ размером 1152х864 пикселя. Установите цвета на #26323e и #0e0e0e. Выберите инструмент Gradient Tool (G): Foreground to Background, Style — Radial. Создайте новый слой (Ctrl + Shift + Alt + N) и назовите его «Background Gradient». Залейте холст из центра к одному из краёв.

Кликните дважды на слое «Background Gradient», чтобы открыть окно стилей. Примените Pattern Overlay: выберите узор «Rocky wall».

Шаг 3

Напишите букву «R» шрифтом «Junegull» размером 618pt цветом #6a6a6a.

Выберите инструмент Pen Tool (P) и нарисуйте контур внутри буквы.

Не старайтесь сразу нарисовать идеальный контур. Его можно будет поправить позже инструментом Direct Selection Tool (A). Чтобы изменить направление кривой, используйте рычажки якорной точки.

Добавлять и удалять якорные точки можно инструментами Add Anchor Point Tool и Delete Anchor Point Tool.

Шаг 4

Создайте 6 новых слоёв и назовите их в соответствии с размером кисти, которая будет использована. Имена слоёв: «100», «75» , «70», «40», «40 copy» и «20».

Выберите инструмент Brush Tool (B) с жёсткими краями и перейдите в палитру кистей (F5). Установите Spacing на 1%. Выберите чёрный цвет.

Выберите инструмент Direct Selection Tool (A), кликните правой кнопкой мыши на холсте и выберите пункт Stroke Path.

В появившемся окне выберите Brush.

Есть более быстрый способ обводки контура. При активном инструменте Brush Tool (B) нажмите клавишу Enter.

Продолжайте обводить контур, изменяя размер кисти в соответствии с названием слоя.

Выберите инструмент Eraser Tool (E) размером 15 пикселей с жёсткими краями. В палитре кистей Spacing должен быть равен 1%. Выберите каждый слой с обводкой и нажмите Enter, чтобы стереть середину. На этот раз не нужно изменять размер ластика.

Шаг 5

Создайте новый документ размером 150х150 пикселей с белым фоном. Выберите кисть «Zipper Brush», которую мы создали в начале урока. Установите её размер на 45 пикселей и нарисуйте узор на холсте.

Откройте палитру кистей (F5) и включите Flip Y.

Нарисуйте перевёрнутый узор.

Перейдите в меню Edit → Define Brush Preset и сохраните кисть под именем «Zipper Stroke Brush».

Закройте этот документ и вернитесь к основному.

Шаг 6

Выберите кисть «Zipper Stroke Brush» и настройте её, Как показано ниже.

Создайте новый слой поверх остальных и назовите его «Zipper». Установите цвет заливки на #838383. Нажмите Enter, чтобы обвести контур.

Обратите внимание на угол, в котором элементы накладываются друг на друга. Чтобы это исправить, выберите кисть «Zipper Brush», измените её размер и угол узора.

Сотрите налегающие друг на друга узоры, а затем добавить один, чтобы заполнить пустоту.

Шаг 7

К слою «Zipper» примените следующие стили:

Далее мы будем применять стили к слоям обводки, начиная со слоя «20».

Шаг 8

Стили слоя «20»:

Шаг 9

Стили слоя «40 copy»:

Шаг 10

Стили слоя «40»:

Шаг 11

Стили слоя «70»:

Шаг 12

Стили слоя «75»:

Выделите слой «70».

На слое «75» нажмите Delete. У Вас останется только внешняя часть обводки.

Шаг 13

Стили слоя «100»:

Шаг 14

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

Создайте новый слой поверх остальных и назовите его «Rivet». Выберите жёсткую кисть цветом #838383 размером 10 пикселей. На угол буквы «R» добавьте круг.

Примените следующие стили:

Шаг 15

Сейчас мы нарисуем бегунок. Создайте новый документ размером 350х350 пикселей. Инструментом Ellipse Tool (U) создайте круг диаметром 150 пикселей цветом #969696.

Инструментом Direct Selection Tool (A) выделите нижнюю якорную точку. Активируйте режим масштабирования (Edit → Transform → Scale). Зажмите клавишу Alt и потяните одну из боковых сторон к центру. Нижняя часть круга должна сузиться.

Выделите две боковые точки и потяните их вверх.

Вам нужно получить такую форму:

Инструментом Rounded Rectangle Tool (U) с радиусом 5 пикселей создайте прямоугольник.

Создайте ещё один прямоугольник, покрывающий нижнюю треть первой фигуры (сердца). Затем выберите инструмент Ellipse Tool (U) и выберите режим Combine Shape option. В нижней части прямоугольник создайте овал. Затем выберите режим Subtract Front Shape и создайте внутри овал меньшего размера.

Выберите инструмент Rounded Rectangle Tool (U) и выберите режим Subtract Front Shape. Создайте прямоугольник внутри большого, чтобы вырезать небольшую часть. Инструментом Direct Selection Tool (A) измените форму выреза.

Далее мы будем применять стили к нарисованным фигурам.

Шаг 16

К базовой фигуре примените стиль Bevel & Emboss:

Стили верхнего прямоугольника:

Стили последней фигуры:

Шаг 17

Выберите все слои и перейдите в меню Layer → Duplicate Layers. В появившемся окне выберите наш основной документ и нажмите ОК. Сохраните документ с ползунком и закройте ег о.

Слои бегунка должны быть на самом верху палитры слоёв. Выберите каждый слой и перейдите в меню Layer → Rasterize → Layer Style. Это сработает только в версии CS6. Если у Вас более ранняя версия, поместите слой в группу (Ctrl + G), а затем преобразуйте группу в слой (Ctrl + E). Стили слоя будут объединены с его содержимым.

Расположите бегунок на молнии:

Примените следующие стили к бегунку:

Шаг 18

На другом конце молнии создайте закруглённый прямоугольник цветом #626262.

Примените к нему следующие стили:

Конечный результат:

Поделитесь уроком

Чириканье Мыло Вконтактик Рожи ЖэЖэ Яша

Правовая информация

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

Переведено с сайта textuts.com, автор перевода указан в начале урока.