Всем привет!

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

Пройдя урок, вы научитесь работать с инструментами Кисть, Прямоугольное выделение, Узорный штамп и Деформация, различными фильтрами фотошоп, создавать узоры и загружать кисти, добавлять тень от объектов двумя способами и многое другое.

Создаем в фотошоп (Ctrl+N) новый документ с параметрами, как на рисунке ниже:


Сбрасываем цвета в панели слоев на установленные по умолчанию, нажав на клавиатуре клавишу D. Переходим в меню Фильтр-Рендеринг-Волокна. Выставляем настройки, как на изображении ниже.

 

Активируем инструмент Прямоугольная область, выбираем область, на которой не очень много складок и создаем квадратное выделение. Щелкаем по «замочку» на фоновом слое в панели слоев, чтобы разблокировать слой. Нажимаем Ctrl+J, чтобы скопировать выделенную область на новый слой. Отключаем видимость фонового слоя, нажав на «глазик» у слоя.

Растягиваем слой на весь холст, потянув га уголки рамки. Переименовываем слой в «Шторы». Чтобы изменить название слоя, щелкните дважды по названию слоя панели слоев, введите новое имя и нажмите клавишу Enter.

Переходим в меню Фильтр-Размытие-Размытие в движении и выставляем настройки, как на рисунке ниже.

Дважды кликаем по слою «Шторы» в панели слоев, чтобы открыть слили слоя, во вкладке Наложения цвета вводим оттенок #f72828 и меняем режим на Умножение.

Поверх всех слоев создаем новый пустой слой и заливаем его 50% серым цветом. Для заливки переходим в меню Редактирование-Выполнить заливку и в появившемся окне в верхней строке выбираем «50% серого».

Добавим к серому слою шум. Переходим в меню Фильтр-Шум-Добавить шум и выставляем настройки, как на рисунке ниже.

Чтобы размыть шум, переходим в меню Фильтр-Размытие-Размытие+.

Меняем режим наложения серого слоя на Перекрытие.

Создаем слитую копию всех видимых слоев, нажав сочетание клавиш Shift+Ctrl+Alt+E.

Открываем в фотошоп (Ctrl+O) изображение с окном.

При помощи инструмента Прямоугольная область выделяем примерно половину холста со шторой, нажимаем Ctrl+C чтобы скопировать, переходим в документ с окном и нажимаем Ctrl+V, чтобы вставить штору на отдельный слой.

 

При помощи инструмента Перемещение перетаскиваем первую штору вправо. Сделали мы это потому, что слева на шторе присутствует освещение, а с окна идет свет и таким образом освещение будет совпадать. Переименовываем слой в «Штора справа»

Возвращаемся в документ с заготовкой штор, нажимаем сочетание клавиш Shit+Ctrl+I чтобы инвертировать выделение, Ctrl+C чтобы скопировать вторую часть шторы, далее переходим в документ с окном и нажимаем Ctrl+V, чтобы вставить штору.

Перетаскиваем штору влево и называем слой «Штора слева».

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

Переходим в меню Редактирование-Трансформирование-Деформация и растягиваем узелки рамки, как на рисунке ниже. Наша задача – добиться легкого движения штор, как от дуновения ветерка.

 Повторяем действия для другого слоя со шторами.

Выделяем слои со шторами на панели слоев при помощи клавиши Ctrl и дублируем их, нажав Ctrl+J. Сливаем дубликаты слоев в один, нажав Ctrl+E и называем получившийся слой «Тень». Перетаскиваем слой «Тень» ниже оригинальных слоев со шторами, но выше слоя с окном.

При активном слое «Тень» переходим в меню Изображение-Коррекция-Цветовой тон/Насыщенность и выставляем следующие параметры.

В итоге должен получиться вот такой слой. Видимость оригинальных слоев со шторами временно отключена.

Переходим в меню Фильтр-Размытие-Размытие по Гауссу и размываем примерно на 12 пикселей.

Возвращаем видимость слоям со шторами.

Поверх всех слоев создаем новый пустой слой и называем его «Узор».

Открываем в фотошоп (Ctrl+O) изображение с текстурой золота и переходим в меню Редактирование-Определить узор. В появившемся окне даем название узору или соглашаемся с предложенным программой именем и нажимаем «Ок». Документ с текстурой можно закрыть, он нам больше не понадобится.

Возвращаемся к основному документу со шторами и окном. Активируем инструмент Узорный штамп и загружаем набор кистей с орнаментом из папки с исходниками. Для этого сначала кликаем по треугольнику у размера кисти в верхней панели настроек инструмента Узорный штамп, в открывшемся окне – по «шестеренке» справа и выбираем «Загрузить кисти». Не пугайтесь – многие инструменты, например, Ластик, Узорный штамп, используют кисти и эти кисти едины для всех инструментов. Чтобы использовать кисти для инструмента Узорный штамп, нам необходимо загрузить кисти, как обычно.

Выбираем из набора кисть, как на рисунке ниже.

В верхней панели настроек инструмента Узорный штамп кликаем по иконке панели кистей и настраиваем следующим образом.

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

Рисуем вверху узоры. Просто протяните кисть слева направо.

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

В панели слоев кликаем по значку сохранения прозрачности пикселей на слое с узором.

Активируем инструмент Кисть, выбираем мягкую круглую кисть. В верхней панели настроек инструмента кисть Меняем режим наложения на Перекрытие и/или Экран и оттенками # f3cc82 и # fbe997 рисуем по затемненным участкам на узоре. Благодаря настройке с предыдущего шага, рисунок будет находиться в пределах уже существующего слоя, не выходя за рамки.

Кликаем два раза по слою «Узор» в панели слоев, чтобы открыть стили слоя и во вкладке «Тень» вводим следующие параметры.

Наши шторы готовы!


Прекрасного настроения и творческих успехов!

   

 БЕСПЛАТНЫЕ РАССЫЛКИ УРОКОВ ВКОНТАКТЕ:

 

          

 

 

 Если Вы не хотите пропустить интересные уроки рисования в фотошопе - подпишитесь на рассылку.
Форма для подписки находится ниже.



Комментарии  

Student
0 # Student 19.09.2018 20:11
Спасибо большое! Интересно
Ответить | Ответить с цитатой | Цитировать
Нина
-1 # Нина 15.09.2018 16:16
Почему у меня при растягивании выделенного фрагмента волокон на холсте появляется пикселизация?
Ответить | Ответить с цитатой | Цитировать
Princypessa
+1 # Princypessa 15.09.2018 20:08
Возможно, Вы выбрали слишком маленький по размеру фрагмент либо же изначально создали документ с небольшим размером.
Ответить | Ответить с цитатой | Цитировать
Нина
-1 # Нина 16.09.2018 11:26
Исключено. Все делала согласно уроку. может быть что-то в настройках программы?
Ответить | Ответить с цитатой | Цитировать
Princypessa
+1 # Princypessa 16.09.2018 12:31
Скорее всего.
А при выполнении следующих шагов пикселизация остается?
Ответить | Ответить с цитатой | Цитировать
Princypessa
+1 # Princypessa 16.09.2018 12:52
Посмотрите в настройках включена ли у Вас Пиксельная сетка (Просмотр-Показать-П иксельная сетка).
Ответить | Ответить с цитатой | Цитировать
Нина
+1 # Нина 17.09.2018 00:10
Сетка включена. Надо выключить? Как это отразится на работе в программе?
Увидев результат (пикселизацию), удалила слой и продолжила работу с гораздо большим фрагментом. Поэтому, что потом бы получилось, не могу рассказать.
Ответить | Ответить с цитатой | Цитировать
Princypessa
0 # Princypessa 17.09.2018 09:30
На работе в программе это никоим образом не отразится. Просто при сильном увеличении не будет видна пиксельная сетка.
Ответить | Ответить с цитатой | Цитировать
Нина
+1 # Нина 17.09.2018 10:02
спасибо :-) .
Ответить | Ответить с цитатой | Цитировать

Добавить комментарий

Введите Ваше имя, или зарегистрируйтесь на сайте, что бы имя в ответах вставлялось автоматически: это займёт 2 минуты! После регистрации вы сможете редактировать свои сообщения и не придётся вводить подтверждение.
Ваш аватар к комментарию возможен, если вы зарегистрированы в системе Gravatar. Если нет - зарегистрируйтесь, это бесплатно.


Кто на сайте

Сейчас 244 гостей и ни одного зарегистрированного пользователя на сайте

Помощь сайту

Понравился сайт? Внесите вклад в его развитие, пожертвовав любую сумму.

Деньги пойдут на оплату серверов и на развитие сайта.

В примечании к платежу, при желании, укажите свои данные.

Пользователи, внесшие вклад

Вход на сайт

ВСЕ РАССЫЛКИ САЙТА НА EMAIL

 

РАССЫЛКИ ВКОНТАКТЕ

 

 Начните свой путь в мир ФОТОШОПА сейчас!

Основная полезная рассылка сайта.

Соглашение

 

 

 

 

Поиск по сайту

Присоединяйтесь в

Что в сундучке?

  • Текстовых уроков - 1152
  • Видеоуроков - 765
  • Вебинаров и тренингов - 66
  • Практических советов - 167
  • Программ - 7
  • Шаблонов, обоев и клипартов - 368
  • Наборов кистей, фигур - 320
  • Календарей - 117
  • Наборов рамок - 560
  • Книг, журналов - 125
  • Текстур, узоров и фонов - 44
  • Наборов иконок - 28
  • Наборов логотипов - 3
  • Наборов стилей - 51
  • Шрифтов - 78
  • Разное - 70