Рисуем витой телефонный шнур с нуля используя Фотошоп

| Категория: Уроки по созданию спец эффектов в Фотошопе | Сложность урока: Высокая

В данном уроке Фотошопа мы рассмотрим, как можно нарисовать витой телефонный шнур с нуля.
Внимание: Сложный урок. ВНИМАНИЕ: Урок предназначен для уже продвинутых пользователей Фотошопа.


Финальный результат

Рисуем витой телефонный шнур с нуля используя Фотошоп

Приступаем к уроку Фотошопа


01. Создайте новый документ 2100 px x 1300 px и залейте градиентом как показано ниже. Создайте новый слой, назовите его "Sketch" и накидайте простенький набросок. Особенно важно накидать кривулинки провода, их мы будем использовать далее в качестве направляющих.


Рисуем витой телефонный шнур с нуля используя Фотошоп

02. Первым делом нарисуем витой провод. Берем инструмент Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P") и используя скетч в качестве направляющих создаем путь. Конечно можно создавать его и без направляющих, но вот реализма добиться будет сложнее. Будет лучше, если ваш путь не будет вылезать за рамки холста, нарисуйте его полностью, а в нужное место передвиньте после 5-го шага.


Рисуем витой телефонный шнур с нуля используя Фотошоп

03. Итак, убедитесь, что путь полностью находится на холсте и приступайте к созданию следующего эффекта.

Прежде чем делать настоящий провод, сделаем тестовый, чтобы понять как это все работает. Создайте новую группу "Spring Cord", а в ней слой "Color Test" в этом слое нарисуйте цветной прямоугольник как на рисунке. Расположите его в начале пути, повернув перпендикулярно ему.


Рисуем витой телефонный шнур с нуля используя Фотошоп

04. Создайте слой "Cord Test" и возьмите Smudge Tool Инструмент - Палец (Инструмент Палец / Клавиша "R") настройки показаны на скрине. Переходим к вкладке Paths (Контуры) и выбираем путь (контур), созданный во втором шаге. Клик правой кнопкой, выбираем Stroke Path (Обводка контура), инструментом Smudge Tool Инструмент - Палец (Инструмент Палец / Клавиша "R"). Как можно заметить цвета из прямоугольника растянулись вдоль пути. Используя этот цветной тест мы и поняв как цвета распределяются можно приступить к созданию настоящего провода.


Рисуем витой телефонный шнур с нуля используя Фотошоп

05. Создайте прямоугольник как в третьем шаге, но залейте его светло серым цветом. Мы знаем как цвета распределятся вдоль провода, и основываясь на этих знаниях можем создать темные и светлые участки (см. скрин). Создайте слой "Cord" и в нем снова Stroke Path (Обводка контура) как в предыдущем шаге.


Рисуем витой телефонный шнур с нуля используя Фотошоп

Теперь можно передвинуть провод на место.


Рисуем витой телефонный шнур с нуля используя Фотошоп

06. У нас есть провод, но выглядит он плоским. Исправим это. Продублируйте слой и к дублю примените Filter > Artistic > Plastic Wrap (Фильтр > Имитация > Целлофановая упаковка). Местами результат действия фильтра окажется некрасивым, просто сотрите этот участок. Объедините оба слоя с проводом.


Рисуем витой телефонный шнур с нуля используя Фотошоп

Рисуем витой телефонный шнур с нуля используя Фотошоп

07. К слою "Cord" примените корректирующий слой Hue/Saturation (Цветовой тон/Насыщенность) с настройками как на скрине. (чтобы действие корр. слоя распространялось только на провод зажмите alt и кликните между слоями в панели Layers (Слоев)).


Рисуем витой телефонный шнур с нуля используя Фотошоп

08. Возьмите маленькую белую кисть, чтобы поставить белую точку на верхушке каждого витка. Возьмите Smudge Tool Инструмент - Палец (Инструмент Палец / Клавиша "R") с настройками как на скрине и из точек сделайте блики. С проводом закончено. Такая техника может использоваться в разных работах.


Рисуем витой телефонный шнур с нуля используя Фотошоп

09. Переходим непосредственно к трубке. Создайте группы и слои в том порядке, как они есть на скрине. Используйте Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P") для создания одной из частей (микрофонной). При рисовании опирайтесь на скетч.


Рисуем витой телефонный шнур с нуля используя Фотошоп

10. В слое "Mouth Piece" выберите созданный в предыдущем шаге путь и залейте его темно серым. Можно было бы использовать Dodge Tool Инструмент - Осветитель (Инструмент Осветитель / Клавиша "O") и Burn Tool Инструмент - Затемнитель (Инструмент Затемнитель / Клавиша "O") для создания объема, но мы пойдем другим путем. Добавим к слою стиль слоя (Blending Options (Параметры наложения)) - Bevel and Emboss (Тиснение и рельеф), затем сделаем дубль слоя, на дубле выставим значения этого эффекта поменьше и немного сдвинем верхний слой.


Рисуем витой телефонный шнур с нуля используя Фотошоп

Рисуем витой телефонный шнур с нуля используя Фотошоп

11. Теперь отделим эффекты от слоев, для этого правый клик по очереди на эффектах каждого из слоев, выбираем Create Layers (Создать слои). Эффекты стали отдельными слоями. Объедините эффекты с их слоями-родителями.


Рисуем витой телефонный шнур с нуля используя Фотошоп

Рисуем витой телефонный шнур с нуля используя Фотошоп

12. Теперь нужно сделать Clipping mask (Обтравочная маска) между слоями "Mouth Piece" и "Mouth Piece copy" (alt+клик), добавляем маску слоя и прячем часть слоя в месте перекрытия, теперь они смотрятся как единое целое.


Рисуем витой телефонный шнур с нуля используя Фотошоп

13. Создайте новый слой, залейте его черно-белым градиентом и "склиппите" его с предыдущими слоями. Режим смешивания этого слоя меняем на Overlay (Перекрытие), ставим Opacity (Непрозрачность) 20%.


Рисуем витой телефонный шнур с нуля используя Фотошоп

14. Создайте новый слой, назовите его "Noise" и залейте белым, затем Filter > Noise > Add noise (Фильтры > Шум > Добавить шум). Режим слоя ставим Overlay (Перекрытие), Opacity (Непрозрачность) = 5%. Clipping mask (Обтравочная маска) с предыдущими.


Рисуем витой телефонный шнур с нуля используя Фотошоп

15. Еще один новый слой, назовите его "Indent". С помощью Elliptical Marquee Tools Инструмент - Овальная область выделения (Инструмент "Овальная область выделения" / Клавиша "M") создайте в нем выделение и залейте его темно серым. Ctrl+T, меняем перспективу этого слоя в соответствии с нашей микрофонной частью. Добавьте следующие эффекты: ↓


Рисуем витой телефонный шнур с нуля используя Фотошоп

Рисуем витой телефонный шнур с нуля используя Фотошоп

16. Новый слой "Highlight", с помощью Rectangular Marquee Tool Инструмент - Прямоугольная область выделения (Прямоугольная область выделения / Клавиша "M") создайте фигуру как показано ниже, залейте ее белым. Edit > Transform > Warp (Правка > Трансформация > Деформация), гнем как показано ниже, клипим к слою "Indent", Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) на 9.0 px, Opacity (Непрозрачность) ставим 4%. Добавляем шум, как в 14 шаге.


Рисуем витой телефонный шнур с нуля используя Фотошоп

17. Переходим к дыркам микрофона. Создаем слой "Holes" и в нем рисуем точки разного размера, предварительно можно в отдельном слое сделать сетку, по которой проще будет ориентироваться. Искажаем Warp-ом (Деформация) слой так же как "Highlights", добавляем следующие эффекты: ↓


Рисуем витой телефонный шнур с нуля используя Фотошоп

Рисуем витой телефонный шнур с нуля используя Фотошоп

18. Рисуем остатки трубки. Создайте слой "Body" в группе "Body". С помощью инструмента Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P") рисуем форму трубки, заливаем темно серым.


Рисуем витой телефонный шнур с нуля используя Фотошоп

19. Так как большая часть трубки будет не в фокусе, мы не будем сильно вырисовывать детали. Для начала создаем слой "Shading", и в нем, опираясь на цвета микрофонной части с помощью Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B") рисуем тени и блики.


Рисуем витой телефонный шнур с нуля используя Фотошоп


20. Создайте новый слой "Highlights", Белой кистью нарисуйте блики на ребрах трубки. Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) на 9.5 px. Меняем режим смешивания на Screen (Осветление) ставим Opacity : Opacity (Непрозрачность)
= 56%. "Клипим" этот слой и добавляем шум как в 14 шаге.


Рисуем витой телефонный шнур с нуля используя Фотошоп

21. Займемся местом соединения трубки и провода. Создаем слой "Hole" между группами "Phone" и "Spring Cord". С помощью Elliptical Marquee Tools Инструмент - Овальная область выделения (Инструмент "Овальная область выделения" / Клавиша "M") создаем выделение в месте соединения, заливаем его черным. Применяем эффекты слоя (см. скрин). Добавляем маску к группе "Spring Cord", и прячем конец провода, который находится внутри телефона.


Рисуем витой телефонный шнур с нуля используя Фотошоп

Рисуем витой телефонный шнур с нуля используя Фотошоп

22. Посмотрев на сделанное можно заметить, что доработки требует место стыка микрофонной стенки с корпусом трубки. Дублируем слой "Mouth Piece" (Ctrl+J). К оригиналу добавляем эффекты (см ниже) и сдвигаем слой немного вверх и влево.


Рисуем витой телефонный шнур с нуля используя Фотошоп

Рисуем витой телефонный шнур с нуля используя Фотошоп

23. Пришло время подумать о тенях. Первая тень должна быть в месте входа провода в трубку. В группе "Spring Cord" создаем слой "Shadow" выше корр. слоя. Черной кисточкой нарисуйте тень, Clipping mask (Обтравочная маска) и Opacity (Непрозрачность) подгоните на глаз.


Рисуем витой телефонный шнур с нуля используя Фотошоп

24. Новый слой "Ambient Shadows". Черной кисточкой рисуем тень в местах, где провод касается стола. Filter > Blur > Motion blur (Фильтр > Размытие > Размытие в движении) ставим Distance (Смещение) = 35 px, угол 90 градусов. Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) на 8.5 px. Режим смешивания для слоя ставим Multiply (Умножение), Opacity (Непрозрачность) = 62%.


Рисуем витой телефонный шнур с нуля используя Фотошоп

Рисуем витой телефонный шнур с нуля используя Фотошоп

25. Еще один слой, называем "Direct Shadows". Рисуем тень, отбрасываемую на стол, Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) (1.0 px или меньше), ставим слою режим смешивания Multiply (Умножение) и Opacity (Непрозрачность) = 63%.


Рисуем витой телефонный шнур с нуля используя Фотошоп

26. Начинаем заканчивать. Я хочу создать эффект имитации ГРИП. Для этого будем использовать фильтр Filter > Blur > Lens Blur (Фильтр > Размытие > Размытие при малой глубине резкости). Но предварительно проведем некоторые манипуляции. Продублируйте все слои и объедините дублированые, этот новый слой назовите "Lens Blur" и поместите поверх всех.


Рисуем витой телефонный шнур с нуля используя Фотошоп

27. Фильтр Filter > Blur > Lens Blur (Фильтр > Размытие > Размытие при малой глубине резкости) будем применять по подготовленной нами карте. Для ее создания группы "Phone" и "Spring Cord" дублируем и дубли объединяем в слой "Phone and Cord". Этот слой помещаем выше всех. С помощью Levels (Уровней) делаем содержимое этого слоя среднего серого цвета.


Рисуем витой телефонный шнур с нуля используя Фотошоп

28. Новый слой над слоем "Lens Blur" заливаем его градиентом (тип Reflected (Зеркальный)) как показано ниже. Там где светлый участок будет резкий рисунок, чем темнее, тем размытее. Зная это на слое "Phone and Cord" добавляем затемненные и светлые участки с помощью Dodge Tool Инструмент - Осветитель (Инструмент Осветитель / Клавиша "O") и Burn Tool Инструмент - Затемнитель (Инструмент Затемнитель / Клавиша "O").


Рисуем витой телефонный шнур с нуля используя Фотошоп

Рисуем витой телефонный шнур с нуля используя Фотошоп

29. Объедините 2 последних слоя, и скопипастите его в новый канал во вкладку Channels (Каналы) (он автоматически будет назван Alpha 1 (Альфа 1)).


Рисуем витой телефонный шнур с нуля используя Фотошоп

30. Теперь работаем со слоем "Lens Blur" Filter > Blur > Lens Blur (Фильтр > Размытие > Размытие при малой глубине резкости), ставим эти настройки: ↓


Рисуем витой телефонный шнур с нуля используя Фотошоп

Рисуем витой телефонный шнур с нуля используя Фотошоп

Рисуем витой телефонный шнур с нуля используя Фотошоп

Ну вот и все! В конце я добавил небольшой синий оттенок.


Финальный результат

Рисуем витой телефонный шнур с нуля используя Фотошоп

Оригинал;

Урок подготовлен для Вас командой сайта PhotoshopPro.ru