Сайт ищет новых владельцев. Пишите на e2network@yandex.ru с темой "Покупка psd.by"

Быстрый урок: Создаем реалистичные шнурки в Photoshop

Категория: Уроки Photoshop

5 Сен 2012

    Быстрый урок: Создаем реалистичные шнурки в Photoshop

    Описание урока

    • Прогамма: Adobe Photoshop CS5

    • Уровень сложности: Для начинающих

    • Приблизительное время выполнения: 1 час

      • Что у нас должно получиться в итоге

      clip_image001

      Исходные файлы — http://psdtuts.s3.amazonaws.com/0838_Shoe/0838_Shoe.zip

      В этом уроке Вы узнаете, как создать реалистичные шнурки в Фотошоп. Приступим.


      Материалы урока

      Нижеприведённые материалы были использованы в данном уроке.


      Шаг 1

      Начнём с создания нового документы в Фотошоп размером 1100×600 px, с разрешением 300dpi, цветовая схема RGB (8bit). Вы можете задать любые пропорции, но потом Вам придется корректировать параметры стилей слоя.

      clip_image002


      Шаг 2

      Расположите направляющие, как показано на изображении ниже, с ними Вам будет удобней работать. Создайте новый слой и, используя инструмент Pen Tool (P) (Перо), нарисуйте голубую фигуру (#34526d). Дублируем слой (Правый кнопкой мыши кликаем по слою и выбираем создать дубликат слоя «Duplicate layer»), выбираем в меню Редактирование – Трансформирование – Отразить вертикально (Edit > Transform > Flip Vertical). И размещаем дубликат вдоль противоположной грани холста.

      clip_image003


      Шаг 3

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

      Примечание: Для того чтобы задать узор, откройте файл с тканевой текстурой в новом документе. Выберите все и перейдите Редактирование – Определить узор (edit > define pattern). Теперь в списке узоров, в окне стилей слоя, отобразится наш узор.

      clip_image004


      Шаг 4

      Сделайте дубликат слоя с голубыми фигурами и перейдите в окно настроек Цветового тона/Насыщенности: Изображение > Коррекция > Цветовой тон/Насыщенность (Image > Adjustments > Hue/Saturation), или просто Ctrl/Command + U, задайте Яркость (lightness) равной -100, изменяя цвет на черный. Затем пройдите в меню Фильтр > Размытие > Гауссовское размытие (Filter > Blur > Gaussian Blur) и задайте величину 5-8 пикселей. Теперь разместите новые фигуры под оригинальными, имитируя тень. Затем щелкните правой кнопкой мыши по слою, которому мы создали в третьем уроке, и выберите в открывшемся контекстном меню «Скопировать стили слоя» (Copy Layer Style). Примените скопированные стили слоя к оригинальным слоям с голубыми фигурами: правой кнопкой мыши щелкните по каждому из слоев, далее – «Вставить стили слоя» (Paste Layer Style).

      clip_image005


      Шаг 5

      Следующий шаг – это еще раз сделать дубликат слоев с голубыми фигурами и изменить их цвет (по желанию), с помощью коррекции Цветового тона/Насыщенности (Hue/Saturation). В этом уроке мы использовали оранжевый цвет, но вы можете выбрать любой другой цвет. Теперь сместите каждый из этих слоев по диагонали в противоположном направлении от синих фигур. Для нижней синей фигуры новую оранжевую следует смещать вверх и вправо, а для верхней синей смещайте левую вниз и вправо. Далее, удерживая Ctrl, кликните по иконке слоя с синей фигурой на палитре слоев, и удалите выделившиеся области на поверхности новых фигур. Идея в том, чтобы создать эффект обводки. Затем примените эффекты, показанные ниже (не забывайте изменять угол наложения тени; если вы используете угол 120 градусов для верхнего слоя, то для нижнего следует задать угол -120 градусов).

      Примечание: Здесь использован узор Холст (Canvas). Не переживайте из-за разрыва, образовавшегося с левой стороны. Просто кадрируйте изображение так, чтобы оно идеально заполнило холст.

      clip_image006

      clip_image007

      clip_image008


      Шаг 6

      Сейчас мы сделаем отверстия для шнурков. Создайте новый слой (все созданные ранее слои можете сгруппировать, выделив их и нажав Ctrl + G), и при помощи инструмента Эллипс (Ellipse Tool (U)), удерживая клавишу Shift, начертите окружность. Уменьшите непрозрачность Заливки (Fill) до 80% и примените следующие стили слоя, показанные на изображении ниже. Примечание: для обводки круга был использован цвет #e1e1e1.

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

      clip_image009

      clip_image010

      clip_image011

      clip_image012

      clip_image013


      Шаг 7

      Возвращаемся к слоям с первыми синими фигурами и кликаем по пиктограмме создания слоя-маски (Add layer Mask) в нижней части палитры слоев. Сейчас мы выделим все отверстия, удерживая Ctrl, кликните по иконке первого отверстия (серый прямоугольник). Повторите эту операцию для всех остальных отверстий, но помните, что кликая на иконке каждого следующего отверстия, нужно удерживать Shift + Ctrl. Теперь кликните по иконке маски (пустому прямоугольнику) и просто закрасьте черным цветом выделенные круги-отверстия.

      clip_image014


      Шаг 8

      Следующий шаг – это создать «стежки», чтобы наши кеды выглядели более реалистично. Для этого Вам нужно загрузить набор кистей со стежками Stitches Brushes. После того, как Вы установили Кисти, создайте новый слой и выберите инструмент Перо (Pen Tool (P)), чтобы нарисовать направляющие контуры, такие как мы рисовали в начале урока при создании голубой фигуры. Такой контур можно создать только на одной половине кеда, т.е., на верхней синей фигуре, а потом просто продублировать и отразить его, экономя время. Выберите инструмент Кисть (Brush Tool (B)), найдите нужную кисть со стежками и подкорректируйте ее размер (для настроек параметров кисти можно использовать специальное окно: Окно > Кисть (Window > Brush)). Теперь снова выберите инструмент Перо (Pen Tool (P)) и кликните правой кнопкой мыши по созданной линии. В открывшемся меню выберите пункт «Выполнить обводку контура» (Stroke Path). Далее снова нужно будет активировать Перо, снова кликнуть правой кнопкой мыши по созданному контуру и еще раз выполнить обводку контура, на этот раз, убрав галочку с пункта «Имитировать нажим» (Simulate Pressure). Для улучшения общего вида, примените следующие стили слоя.

      clip_image015


      Шаг 9

      Следующий шаг: шнурки. Создайте новый слой, выберите твердую, круглую кисть и в панели настроек кисти задайте размер 40 px. Выберите Перо (Pen Tool (P)) прочертите простую линию, использовав в качестве опорных точек центры двух отверстий. Заметьте, мы сместили нижние отверстия немного назад. Далее: щелкаем правой кнопкой мыши и выбираем «Выполнить обводку контура». Проверьте, чтобы не было галочки на пункте «Имитировать нажим». Продублируйте слой столько раз, сколько посчитаете нужным. После этого, примените к первому слою со шнурком следующие стили слоя, затем скопируйте их и примените к остальным слоям со шнурками. Примечание: Мы использовали текстуру мешковины.

      clip_image016

      clip_image017

      clip_image018


      Шаг 10

      Сейчас переходим к хитрой части нашего урока. Нам нужно, чтобы наши шнурки смотрелись завязанными. Для этого добавим маску к слою. Используйте ту же кисть, но уменьшите ее размер до 6-10px и с помощью неё сотрите ненужные части. Если у вас есть графический планшет, то вы без проблем достигните желаемого эффекта. Для получения результата ориентируйтесь на изображение ниже. Повторите эту процедуру для остальных слоев со шнурками, либо необходимое количество раз продублируйте исходный слой, удалив остальные, созданные в шаге 9.

      clip_image019


      Шаг 11

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

      clip_image020


      Шаг 12

      В последнем шаге мы создадим резиновую часть вдоль правой стороны. Для этого создадим новый слой и, выбрав Перо (Pen Tool (P)) или Эллипс (Ellipse Tool (U)) нарисуем широкий овал в правой части холста. Покрасьте его в белый цвет и примените следующие стили слоя:

      clip_image021

      clip_image022

      clip_image023


      Шаг 13

      Вот и всё! Наш кед готов. Теперь вы можете объединить все слои и выполнить их сведение (flatten the image).

      clip_image024


      Заключение

      Теперь выполним конечную обработку нашего кеда. Поместите на холсте текстуруTexture 5559 by dianascreation и обесцветьте (Desaturate) ее (Shift + Ctrl + U). Установите режим наложения слоя (Blend Mode) Затемнение основы (Color Burn) и Непрозрачность (Opacity) 100%. Создайте новый слой и залейте его цветом #f4d28f. Выберите режим наложения Перекрытие (Overlay) и уменьшите непрозрачность до 50%.

      На новый слой поместите текстуру crazykira03 texture by crazykira и установите режим наложения (Blend Mode) Разделение (Divide) и непрозрачность (Opacity) 70%. Создайте новый слой и залейте холст цветом #343434. Установите режим наложения(Blend Mode) Цветовой тон (Hue) и непрозрачность 20%.

      Наконец, поместите на новом слое текстуру 02 texture by buzillo-stock и продублируйте ее. Обесцветьте оригинал, установите режим наложения (Blend Mode) Умножение (Multiply) и непрозрачность (Opacity) 80%. Для второго экземпляра используйте так же Умножение и непрозрачность 70%.

      clip_image001[1]

      Источник: Quick Tip: Create Realistic Shoelaces From Scratch in Photoshop. Перевод и творческая обработка – PSD.by.

      Написать комментарий

      О PSD.by

      PSD.by - это сайт, полностью посвященный работе с Adobe Photoshop. Не важно кто вы - матерый волк Фотошопа или начинающий дизайнер, который только делает свои первый шаги. На нашем сайте вы найдете для себе много полезного - от простых до сложных уроков, большой каталог дополений для Photoshop.
      Если Фотошоп для вас - это не просто название софта, то вы попали по адресу!

      • Pavel: Добрый день! Прошу прислать Бесплатный макет футболок [...]
      • Андрей: Добрый день! Прошу прислать Бесплатный макет футболок [...]
      • Лидия: Добрый день! Прошу прислать Бесплатный макет футболок [...]
      • andrey: Добрый день! Прошу прислать Бесплатный макет футболок [...]
      • Ваграм: Просто офигенно :) [...]
      Creative Suite 5 Patterns для фотошопа Примеры работ дизайнеров Работа с фотографиями Рисование в Photoshop Создание обоев для рабочего стола Уроки Photoshop гламурные кисти для фотошопа дизайн сайтов дизайн сайтоы кисти для Photoshop новогодние стили для фотошопа обработка фото в фотошопе отделение объекта от фона в фотошопе паттерны для фотошопа пример креативных дизайнов работа с текстов в фотошоп работа с текстом работа с текстом в photoshop работа с текстурами работа с эффектами в фотошоп рамки для фото в psd релиз Photoshop скачать дополнения для photoshop скачать иконки в psd скачать иконки для фотошопа скачать кисти для фотошопа скачать паттерны для Photoshop скачать стили для Photoshop скачать тени для фотошопа скачать шаблон фото скачать шрифты для фотошопа создание баннеров в фотошопе создание коллажей в фотошопе создание макетов рекламы создание макетов сайта в фотошопе создание сайтов в фотошопе стили для фотошопа стили фотошоп тени для фотошопа травяная текстура уроки фотошоп шаблоны для коллажей шаблоны фото для фотошоп шаблоны фото для фотошопа

      Это интересно!