Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Как нарисовать шторы при помощи Photoshop

13 ноября 2012 | Опубликовано в Уроки | 10 Комментариев »

Сегодня мы будем учится создавать шторы в Фотошопе. При помощи простых техник вы научитесь создавать простую текстуру ткани. Мы будем использовать различные фильтры, режимы наложения и работать с инструментом «Перо».

 

Подробности

Софт: Photoshop CS 6 or other versions

Время: 30-40 Minutes

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

 

Шаг 1

Создайте новый документ в Фотошопе размером 1000px на 1000px.

Шаг 2

Установите белый цвет для переднего плана и черный — для заднего. Перейдите в Filter> Render> Fibers. Установите значения как на скриншоте ниже.

Шаг 3

Перейдите в  Filter> Filter Gallery> Artistic> Cutout и установите следующие значения:

Шаг 4

Затем перейдите в Filter> Blur> Motion blur и добавьте следующие настройки:

Шаг 5

Мы создали текстуру для наших штор, теперь давайте добавим ей цвет. Дважды кликните на слой с текстурой и установите следующие настройки для Color overlay.

Шаг 6

Дублируйте текстуру и заблокируйте оригинал. Выберите половину текстуры и дублируйте ее, создайте еще одну копию.

Теперь выберите одну половину и перейдите в  Edit> Transform> Warp. Придайте текстуре форму шторы.

Сделайте то же с правой формой.

Шаг 7

Выберите инструмент «Перо» и нарисуйте форму как на скриншоте ниже.


Удерживайте Ctrl и кликните по слою с этой формой, чтобы создать выделение. Нажмите на слой с левой шторой и выберите Edit> Clear.

Добавьте низ правой шторы таким же способом.

Шаг 8

Выделите маленький прямоугольник из слоя с оригинальной текстурой, копируйте и вставьте его на новый слой. Поверните на 90⁰, перейдя в  Edit> Transform> Rotate 90⁰. После этого деформируйте его, используя следующие настройки.

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

Шаг 9

Теперь мы нарисуем веревочки для штор. Выберите цвет #ecc242 для переднего плана. При помощи инструмента «Перо» нарисуйте контур, как на  скриншоте ниже. Кликните правой кнопкой на обводке и выберите  Stroke path , чтобы обвести контур.

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

Шаг 10

Добавьте следующие стили слоям с веревочками.



Шаг 11

Нарисуйте формы, как на рисунке ниже используя инструмент «Перо».

Добавьте им следующие стили:


Сгруппируйте эти формы и расположите как показано на рисунке ниже. Копируйте группу и отразите по горизонтали (Edit> Transform> Flip Horizontal).

Шаг 12

Чтобы добавить тень в верхнюю часть штор, выберите круглую мягкую кисть с непрозрачностью 20% и нарисуйте тень, как на скриншоте ниже.

Шаг 13

Теперь нужно нарисовать тень на стене. Дублируйте слой с левой шторой и расположите слой с копией под слоем с оригиналом, измените цвет перекрытия на черный. Используйте Warp tool чтобы немного видоизменить форму.

Измените непрозрачность слоя на 30%. Сделайте форму для правой шторы таким же способом.

Шаг 14

Создайте тени для веревочек таким же способом. Чтобы нарисовать тень на полу используйте инструмент «Перо» (непрозрачность — 30%).

Шаг 15

Сгруппируйте все слои с тенями, и перейдите в Filter> Blur> Gaussian blur. Установите значение 5px.

Все, наша иллюстрация готова. Надеемся, урок вам пригодится.

Автор: websoulz




Комментарии

  1. Yzif
    Thumb up Thumb down +11

    «вы научитесь создавать простую фабричную текстуру»

    Фейспалм. Господа переводчеги, fabric в английском — это ещё и «ткань».

    Ответить

  2. Евгений
    Thumb up Thumb down +11

    Как-то печально выглядит...

    Ответить

  3. Федор
    Thumb up Thumb down +10

    привет из 90-х

    Ответить

  4. Евгений
    Thumb up Thumb down -1

    Как-будто настоящие ;)

    Ответить

  5. Игорь
    Thumb up Thumb down -4

    Комментарий скрыт из-за рейтинга

    Ответить

    Yzif Ответ:

    Thumb up Thumb down +1

    Если бы я злорадствовал, я бы тут миниатюру в духе Жванецкого накатал. А так я просто возмущаюсь)

    Ответить

  6. AlexSh
    Thumb up Thumb down 0

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

    Ответить

  7. Slawa
    Thumb up Thumb down +1

    Шторы, особенно тяжелые не могут так оттопыриваться, они будут свисать вертикально, законы физики

    Ответить

  8. Элеосфан
    Thumb up Thumb down 0

    Ну почему обязательно всё поддавать критике?! Почему просто не воспринять урок как практику, закрепление навыков, изучение новых приёмов работы в фотошопе, которые по отдельности можно применять для решения задач в своих работах.

    Ответить

    Анатолий Ответ:

    Thumb up Thumb down 0

    Поддерживаю! Урок может быть плохим только тогда, когда учит неправильным (плохим) делам. Использовать чужой опыт — это же разумно. Автору спасибо!

    Ответить

Оставить ответ


восемь − 8 =

Вставить изображение