В этом уроке мы покажем, как в Photoshop нарисовать текст, опутанный цепями.

http://www.photoshop-master.ru/lessons/2008/231008/chain/final.jpeg

Шаг 1.
Для начала нужно создать новый документ размером 300x300 px с чёрным фоном.
Создайте новый слой "Text" и напишите в нём что-нибудь крупными буквами (Arial Black/150pt/резкое/) серым цветом (#575757).

http://www.photoshop-master.ru/lessons/2008/231008/chain/01.gif

К тексту примените стиль слоя Bevel and Emboss (Тиснение), используя параметры, которые показаны ниже на картинке.

http://www.photoshop-master.ru/lessons/2008/231008/chain/02.gif

http://www.photoshop-master.ru/lessons/2008/231008/chain/03.jpeg

Шаг 2.
Выделите весь текст (Ctrl + клик по слою с текстом).

http://www.photoshop-master.ru/lessons/2008/231008/chain/04.jpeg

Сожмите выделение на 8 пикселей Select > Modify > Contract, (Выделение > Модификация > Сжать), а потом растушуйте на 4 Select > Modify > Feather (Выделение > Модификация > Feather).

http://www.photoshop-master.ru/lessons/2008/231008/chain/05.jpeg

Шаг 3.
Создайте новый слой, задайте цвет переднего плана #F1F1F1, а цвет фона #979797.
Выберите инструмент "Градиент" http://www.photoshop-master.ru/lessons/tools/gradient.png, выберите в его параметрах "Линейный градиент" и проведите его по стрелке как показано на картинке.

http://www.photoshop-master.ru/lessons/2008/231008/chain/06.jpeg

Шаг 4.
Выделите текст ещё раз и затем расширьте выделение на 3 пикселя Select > Modify > Expand (Выделение > Модификация > Расширить).

http://www.photoshop-master.ru/lessons/2008/231008/chain/07.jpeg

Под слоем с текстом создайте новый слой и залейте его тёмно-серым цветом (#474747).

http://www.photoshop-master.ru/lessons/2008/231008/chain/08.jpeg

Шаг 5.
Теперь выделите группу на панели слоёв и объедините её в один слой Layer > Merge layer set (Слои > Объединить группу).

http://www.photoshop-master.ru/lessons/2008/231008/chain/09.gif

http://www.photoshop-master.ru/lessons/2008/231008/chain/10.gif

Шаг 6.
Мы собираемся наклонить буквы, поэтому нам нужно разделить текст на две части.
Сначала растрируем слой. Кликните на нём правой кнопкой мыши и выберите Rasterize layer (Растрировать слой).

Делее, используйте инструмент "Прямолинейное лассо" http://www.photoshop-master.ru/lessons/tools/pol_lasso.png  для выделения одной из букв.
Вы можете увеличить изображение, чтобы убедиться, что выделение не залезает на буквы.

http://www.photoshop-master.ru/lessons/2008/231008/chain/11.jpeg

Кликните правой кнопкой мыши на выделении и выберите "New Layer via Cut" (Вырезать на новый слой) или меню Layer > New > Layer via Cut (Слой > Новый > Вырезать на новый слой).

Теперь у нас каждая буква должна быть в отдельном слое. Выберите слой с буквой "G" и поверните его на 30 градусов против часовой стрелки Edit > Transform > Rotate (Редактирование > Трансформирование > Поворот).

http://www.photoshop-master.ru/lessons/2008/231008/chain/12.jpeg

Шаг 7.
Теперь поверните "T" по часовой стрелке на 15 градусов.

http://www.photoshop-master.ru/lessons/2008/231008/chain/13.jpeg

Шаг 8.
Увеличьте изображение до 400%, выберите тёмно-серый цвет (#595959) для переднего плана.

Поверх слоя с текстом создайте новый слой во врЕменной группе. В этом слое нарисуйте линию толщиной в пиксель, используя инструмент http://www.photoshop-master.ru/lessons/tools/marque.png Прямоугольная область.

http://www.photoshop-master.ru/lessons/2008/231008/chain/14.jpeg

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

http://www.photoshop-master.ru/lessons/2008/231008/chain/15.jpeg

Шаг 9.
Заполните линиями весь документ, затем объедините врЕменную группу в один слой.

http://www.photoshop-master.ru/lessons/2008/231008/chain/16.gif

Создайте копию слоя с полосками и поверните его на 90 градусов Edit > Transform > Rotate 90 CW (Редактирование > Трансформирование > Поворот на 90 по часовой)

http://www.photoshop-master.ru/lessons/2008/231008/chain/17.gif

Шаг 10.
Объедините два слоя с полосками. Выделите слой с буквой "T" и уменьшите выделение на 11 пикселей.
Используйте это выделение, чтобы вырезать кусок из слоя с пересекающимися линиями.

http://www.photoshop-master.ru/lessons/2008/231008/chain/18.gif

Тоже самое проделайте и с "G".
Удалите слой с линиями, который остался после вырезания. Должна получиться такая картинка:

http://www.photoshop-master.ru/lessons/2008/231008/chain/19.jpeg

Шаг 11.
У слоя с полосками измените параметры наложения на Color Burn (Затемнение основы).

http://www.photoshop-master.ru/lessons/2008/231008/chain/20.jpeg

Шаг 12.
Давайте добавим теперь несколько винтиков. Увеличьте изображение до 500% и в новом слое нарисуйте светло-серый (#AEAEAE) круг.

http://www.photoshop-master.ru/lessons/2008/231008/chain/21.jpeg

Затем нарисуйте чёрную и белую линии по центру круга (пользуйтесь прямоугольными выделениями в пиксель толщиной).

http://www.photoshop-master.ru/lessons/2008/231008/chain/22.jpeg

Шаг 13.
Примените стиль "Drop Shadow" (Layer > Layer Style > Drop Shadow, Слой > Стиль слоя > Тень) к слою с винтиками.

http://www.photoshop-master.ru/lessons/2008/231008/chain/23.gif

http://www.photoshop-master.ru/lessons/2008/231008/chain/24.jpeg

Размножьте винтики.

http://www.photoshop-master.ru/lessons/2008/231008/chain/25.jpeg

Шаг 14.
Теперь нужно создать первое звено от цепи.
Увеличьте картинку до 700%, нарисуйте серый (#A0A0A0) овал в новом слое.

http://www.photoshop-master.ru/lessons/2008/231008/chain/26.gif

С помощью прямоугольного выделения удалите правый край (см. картинку).

http://www.photoshop-master.ru/lessons/2008/231008/chain/27.gif

Шаг 15.
Тоже самое проделайте с левым и нижним краями.

http://www.photoshop-master.ru/lessons/2008/231008/chain/28.gif

http://www.photoshop-master.ru/lessons/2008/231008/chain/29.gif

Шаг 16.

Удалите верхний край и выделите получившуюся фигуру.

http://www.photoshop-master.ru/lessons/2008/231008/chain/30.gif

http://www.photoshop-master.ru/lessons/2008/231008/chain/31.gif

Шаг 17.
Уменьшите выделение на 4 пикселя (Select > Modify > Contract, Выделение > Модификация > Сжать) и удалите выделенную область.

http://www.photoshop-master.ru/lessons/2008/231008/chain/32.gif

Шаг 18.
На том же слое, что и овал, нарисуйте прямоугольник. Затем нарисуйте ещё два маленьких прямоугольничка снизу и сверху большого.

http://www.photoshop-master.ru/lessons/2008/231008/chain/33.gif

http://www.photoshop-master.ru/lessons/2008/231008/chain/34.gif

На новом слое с помощью инструмента "Овальная область" нарисуйте круг.

http://www.photoshop-master.ru/lessons/2008/231008/chain/35.gif

Шаг 19.
Теперь примените стиль "Тиснение" (Layer > Layer Styles > Bevel and Emboss, Слой > Стиль слоя > Тиснение) на звено цепи и на круг.

http://www.photoshop-master.ru/lessons/2008/231008/chain/36.gif

И стиль Тень:

http://www.photoshop-master.ru/lessons/2008/231008/chain/36-1.gif

http://www.photoshop-master.ru/lessons/2008/231008/chain/37.gif

http://www.photoshop-master.ru/lessons/2008/231008/chain/38.gif

Поверх слоя с кругом создайте новый слой и нарисуйте в нём фигуру как на изображении.

http://www.photoshop-master.ru/lessons/2008/231008/chain/39.gif

И примените тот же стиль с теми же настройками, что и в предыдущем действии.
Объедините новый слой и слой с кругом.

http://www.photoshop-master.ru/lessons/2008/231008/chain/40.gif

Шаг 20.
Уменьшите изображение, элементы цепи должны выглядеть как на картинке.

http://www.photoshop-master.ru/lessons/2008/231008/chain/41.jpeg

Шаг 21.
Увеличьте изображение до 200%, скопируйте звено цепи и поместите его поверх правой части "G".
Поверните его таким образом, чтобы оно указывало в направлении зазора..

http://www.photoshop-master.ru/lessons/2008/231008/chain/42.jpeg

Снова скопируйте звено. Поместите его ниже первого звена, а затем наклоните ещё больше.

http://www.photoshop-master.ru/lessons/2008/231008/chain/43.jpeg

Скопируйте ещё одно звено и с помощью ластика придайте ему такой вид, будто оно проходит под текстом.

http://www.photoshop-master.ru/lessons/2008/231008/chain/44.jpeg

Шаг 22.
Добавьте мелкую деталь цепи справа от первого звена.

http://www.photoshop-master.ru/lessons/2008/231008/chain/45.jpeg

Теперь сделайте цепь для "T".

http://www.photoshop-master.ru/lessons/2008/231008/chain/46.jpeg

И точно также используйте ластик, чтобы казалось, что цепь проходит под буквой.

http://www.photoshop-master.ru/lessons/2008/231008/chain/47.jpeg

Шаг 23.
Добавьте ещё сегмент цепи в левой части "T".

http://www.photoshop-master.ru/lessons/2008/231008/chain/48.jpeg

Так как цепь будет проходит за текстом, нужно отключить слой с тенью.

http://www.photoshop-master.ru/lessons/2008/231008/chain/49.jpeg

http://www.photoshop-master.ru/lessons/2008/231008/chain/50.jpeg

http://www.photoshop-master.ru/lessons/2008/231008/chain/51.gif

Шаг 24.
Добавьте сегмент цепи, который соединяет "T" и "G".

http://www.photoshop-master.ru/lessons/2008/231008/chain/52.jpeg

И ещё один в левой части "G".

http://www.photoshop-master.ru/lessons/2008/231008/chain/53.jpeg

Теперь сделайте ту часть, где цепи пересекаются, проходя от текста вверх.

http://www.photoshop-master.ru/lessons/2008/231008/chain/54.jpeg

http://www.photoshop-master.ru/lessons/2008/231008/chain/55.jpeg

Шаг 25.
Теперь ваша картинка должна выглядить примерно так как показано ниже.

http://www.photoshop-master.ru/lessons/2008/231008/chain/final.jpeg

PSD-файл урока

Перевод: Кирилл Макаров