Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

213 640 чел. 404 295 работ 4 123 урока
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Средняя

Рисуем забор в Фотошоп

Прежде чем мы начнем, предлагаю посмотреть на то, что должно получиться у нас в конце урока.

Финальный результат в большом размере

Шаг 1. Перед тем, как начать рисовать забор, нам необходимо создать текстуру древесины. Для этого создаем новый документ размером 800х800 пикс.
Далее установим цвет фона на светло-коричневый (я использую #de9650) и цвет переднего плана на темно-коричневый (#711f03). Теперь применим фильтр Filters > Render > Clouds (Фильтр – Рендеринг - Облака). Таким образом, у нас получится основа рисунка древесины.

Шаг 2. Далее применяем фильтр Filters > Blur > Motion Blur (Фильтр – Размытие - Размытие в движении) со следующими настройками: Angle (Угол) 90 и Distance (Радиус) 250 пикс.

Шаг 3. Применяем фильтр Filters > Artistic > Dry Brush (Фильтр – Имитация - Сухая кисть). Настройки фильтра установите следующие:
Brush size (Размер кисти) 10, Brush Detail (Детализация) 5, Texture (Текстура) 3.
Сохраняем получившийся узор: Edit > Define Pattern (Редактирование - Определить узор).

Шаг 4. Теперь мы будем рисовать небо. Создаём новый документ размером 2000х1200 пикс. Устанавливаем цвет переднего плана #2762c3 и цвет заднего плана #ffffff.
Создаём новый слой, переименуем его на «Sky» (Небо). Применяем фильтр Filters > Render > Clouds (Фильтр – Рендеринг - Облака).

Шаг 5. Теперь сделаем наше небо более реалистичным. Для этого идём в Edit > Transform > Perspective (Редактирование – Трансформация - Перспектива). Переместите верхние углы неба пока не получите вид неба над головой,  на ширину примерно 595% и наклон по горизонтали ок.76,4 градусов. После этого переместим вверх слой с небом приблизительно на треть от низа картинки.

Шаг 6. Для создания заката, применяем на слой с небом следующий стиль:
Gradient Overlay (Наложение градиента) от переднего плана к прозрачному. Цвет переднего плана светло-розовый #ff64e4, цвет прозрачной точки градиента тёмно-розовый #a5138b. Режим наложения градиента Hard Light (Жёсткий свет), Непрозрачность 90%.
Inner Glow (Внутреннее свечение) в режиме Multiply (Умножение), непрозрачность 50%, размер 250 пикс., цвет #ff00e4.

Шаг 7. Для создания эффекта заходящего солнца сделаем следующее:
Создаём слой поверх слоя с небом, заливаем его синим цветом #2762c3, поменяем режим наложения на Screen (Осветление). Используем на этом слое фильтр Filters > Render > Lens Flare (Фильтр-Рендеринг-Блик) с настройками: 105mm Prime (105 мм),  Brightness (Яркость) 150%.

Шаг 8. Используя ластик размером 300 пикс. и непрозрачностью 34%, стираем ненужные части изображения на слое с бликом, ориентируясь на картинку.

Шаг 9. Приступим к созданию травы.
Мы будем использовать две стандартные кисточки фш для рисования травы. Устанавливаем цвет переднего плана на тёмно-зелёный #154502 и цвет заднего плана на светло-зелёный #2b7a01. Рисуем траву на новом слое. Результат должен получиться как на примере ниже.

Шаг 10. Теперь нарисуем забор. Для этого используем фигуры – прямоугольник для основания, треугольник для вершины доски. Цвет фигур коричневый #944606.

Шаг 11. Объединим эти два слоя с фигурами в один. Для этого щелкаем правой кнопкой мыши по одному из них, выбираем опцию Select Similar Layers (Выбрать подобные слои), выделятся оба слоя с фигурами. Идём в меню Layers > Merge Layers (Слои -Объединить слои).
После этого дублируем этот объединённый слой и размещаем копии по картинке так, чтобы у нас получился забор как на примере ниже. После того объединяем все слои с досками в один.

Шаг 12. Теперь нам надо сделать наш забор более реалистичным. Применяем к слою с забором следующий стиль:

Drop Shadow (Тень):  режим Multiply (Умножение),   Angle (Угол) -6, Distance (Смещение) 0 пикс., Size (Размер) 5 пикс.

Inner Shadow (Внутренняя тень): режим Multiply (Умножение),   Angle (Угол) -6, Distance (Смещение) 0 пикс., Size (Размер) 57 пикс.

Bevel and Emboss (Тиснение и скос): Depth (Глубина) 1000%, Angle (Угол) -6, Altitude (Высота) 42.

Texture (Текстура): выбираем ранее созданный узор древесины, Depth (Глубина) +10%.

Satin (Глянец): Opacity (Непрозрачность) 23%, Angle (Угол) 90, Distance (Смещение) 9 пикс., Size (Размер) 16 пикс.

Pattern Overlay (Перекрытие узора): выбираем ранее созданный узор древесины.

Шаг 13. Теперь нам надо нарисовать две доски вдоль забора. Рисуем два одинаковых прямоугольника цветом #642e02.

Шаг 14. Далее копируем стиль слоя забора и применяем его к слою с продольными досками, для этого жмём правой кнопкой мыши по слою с забором, там выбираем Copy Layer Style (Скопировать стиль слоя), правый клик мышью по слою с досками Paste Layer Style (Вклеить стиль слоя). Перемещаем слой с досками под слой с забором.

Шаг 15. Теперь нарисуем шляпки от гвоздей, которыми прибиты доски. Рисуем на новом слое по два кружочка на доску цветом #c77432.

Шаг 16. Размещаем шляпки от гвоздей, как показано на примере ниже. Объединяем слои с гвоздями в один, если Вы рисовали их на нескольких слоях.

Шаг 17. Мы планируем нарисовать старый забор, поэтому гвозди будут ржавыми. Применяем к слою с гвоздями следующий стиль:
Drop Shadow (Тень): режим Multiply (Умножение), Angle (Угол) -6, Distance (Смещение) 2 пикс., Size (Размер) 5 пикс.

Inner Shadow (Внутренняя тень): режим Multiply (Умножение), Angle (Угол) -6, Distance (Смещение) 0 пикс., Size (Размер) 5 пикс.

Color overlay (Наложение цвета): режим Vivid Light (Яркий свет), цвет #6a4229.

Pattern Overlay (Перекрытие узора).

Шаг 18. Так как наш забор по задумке старый, то нам надо добавить на него немного тёмных пятен. Рисуем их на новом слое  кистью с непрозрачностью ок. 8%. Для того, чтобы нарисовать пятна на заборе и не закрасить лишнее пространство сделаем следующее: жмём CTRL  и клик мышью по слою с забором, появится выделение, дальше рисуем спокойно наши пятна, они будут располагаться только на заборе. Как закончите рисовать пятна, не забудьте снять выделение с помощью клавиш CTRL+D.

Шаг 19. Теперь добавим шум на слой с пятнами:
Filter > Noise > Add a Noise (Фильтр – Шум - Добавить шум) Amount (Количество) 2,5%, распределение Uniform (Равномерное), Monochromatic (Монохромный).

Шаг 20. Теперь нарисуем траву перед забором. Для того, чтобы трава выглядела объёмной, мы будем её рисовать на трёх слоях и разных размеров.
Создаём первый слой - "Short Grass" (Короткая трава), рисуем на нём траву кистями размером 112 пикс. и 134 пикс.
Второй слой - "Medium Grass" (Средняя трава) – используем кисти травы 160 пикс. и 180 пикс.
Третий слой - "Tall Grass" (Длинная трава) – используем кисти травы 230 пикс. и 250 пикс.
При рисовании травы ориентируемся на примеры в уроке.

Шаг 21. Для придания траве большей реалистичности, добавим тень к слою Medium Grass (Средняя трава):
Drop Shadow (Тень): режим Multiply (Умножение), Opacity (Непрозрачность) 50%, Angle (Угол) -6, Distance (Смещение) 0 пикс., Size (Размер) 5 пикс.

Шаг 22. Возможно, после рисования травы, у Вас на картинке останутся белые пятна, их надо убрать. Создаём новый слой и закрашиваем белые просветы между травой цветом #2b1502.

Потом переместим этот слой ниже всех слоёв с травой. Должно получиться как на примере.

Шаг 23. Далее нам надо нарисовать свет, который проникает сквозь забор.
В этом шаге надо продублировать слой с забором (CTRL+J) и поменять ему цвет на чёрный. Для начала отключаем предыдущие эффекты – ПКМ по слою и выбираем опцию Очистить стиль слоя. Далее применяем к дублированному слою с забором следующий стиль:
Color Overlay (Наложение цвета): режим Normal (Нормальный), цвет #000000.

Шаг 24. В предыдущем шаге мы создали тень, которую будет отбрасывать наш забор. Для дальнейшей работы нам понадобится два слоя с тенью, поэтому мы дублируем этот слой (CTRL+J) и жмём на глазик, чтобы скрыть дубликат. 
Теперь трансформируем активный слой с тенью. Для этого идём в меню Edit > Transform > Flip Vertical (Редактирование – Трансформация – Отразить по вертикали).

Шаг 25. Переместите тень от забора вниз и растяните её так, чтобы она лежала на земле: Edit > Transform > Perspective (Редактирование – Трансформация – Перспектива). Помните, где мы в начале урока разместили источник света -от него зависит, где тень будет лежать прямо, а где уходить в сторону.

Шаг 26. В этом шаге мы немного подправим тень от забора. Для этого применим следующий фильтр: Filters > Blur > Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) радиус 3,5 пикс. Убавим слою непрозрачность до 30%.
Активируем копию слоя тени от забора, также уменьшаем непрозрачность слою до 30%. Применяем и этому слою фильтр Filters > Blur > Gaussian Blur (Фильтр – Размытие – Размытие по Гауссу) радиус 3,5 пикс.

Шаг 27. Обратите внимание, что в некоторых местах тени могут перекрывать друг друга. В этом случае необходимо стереть лишние участки при помощи ластика (либо чёрной кистью по маске слоя). Также можно стереть часть тени на заборе, но это не обязательно.

Прим.переводчика: Если тень на заборе получается слишком тёмной, то можно уменьшить непрозрачность этому слою с тенью до 15-20%.

Шаг 28. В этом шаге мы будем рисовать лучи света, проникающие через забор.
Каждый луч рисуем на отдельном слое, используем инструмент Pen Tool (Перо). Нарисовав контур луча, необходимо выполнить заливку контура – правый клик мышью и выбираем Fill Path (Заливка контура). Снова правый клик мышью и выбираем Delete Path (Удалить контур).
Мы рисуем лучи на отдельных слоя для того, чтобы в последствии применить к каждому из них размытие в движении с индивидуальными настройками.
Чтобы получить наиболее удачные контуры лучей ориентируйтесь по контурам теней, которые лежат на траве.

Шаг 29. Теперь нужно размыть каждый луч по отдельности.
Применяем фильтр Filter > Blur > Motion Blur (Фильтр – Размытие – Размытие в движении) радиусом 100 пикс., настройки угла подбираем к каждому слою индивидуально в соответствии с направлением луча на этом слое.

Применяем стиль слоя:
Blend mode (Непрозрачность) 50%, Fill Opacity (Заливка) 0%.

Outer Glow (Внешнее свечение) - Soft Light (Мягкий свет), цвет белый #ffffff, Spread (Размах) 1%, Size (Размер) 35 пикс.

Inner Glow (Внутреннее свечение) - Soft Light (Мягкий свет), цвет белый #ffffff, Opacity (Непрозрачность) 100%, Size (Размер) 250 пикс.

Копируем стиль слоя и применяем его ко всем слоям с лучами.

Шаг 31. Теперь необходимо подкорректировать лучи света.
В некоторых местах они выглядят слишком яркими, подтираем их ластиком. Также необходимо удалить лишний свет на досках забора. Должно получиться так, как будто свет падает сквозь отверстия в заборе.

Шаг 32. В этой части урока мы будем рисовать лозу и цветочки. Для рисования лозы мы используем перо. Для начала выберем жёсткую кисть размером 5 пикс., цвет переднего плана зелёный.

Рисуем контур лозы, после того как он создан правый клик мышью и выбираем Stroke Path (Выполнить обводку). В появившемся окне выбираем Brush (Кисть) и ставим галочку на Simulate Pressure (Имитировать нажим).

Шаг 33. Сотрём лишние части лозы. Должно получиться так, как будто она растёт вдоль изгороди как на примере у автора.

Применяем к слою с лозой следующий стиль:
Inner Shadow (Внутренняя тень): режим Multiply (Умножение), Opacity (Непрозрачность) 100%,  Angle (Угол) -6, Distance (Смещение) 5 пикс., Size (Размер) 5 пикс., цвет #0e4e01.

Color overlay (Наложение цвета): режим Normal (Нормальный), Opacity (Непрозрачность) 100%, цвет # 215b01.

Шаг 34. Добавляем листья, используя стандартные фигуры. Трансформируем и поворачиваем листочки по своему усмотрению. Располагаем их по лозе, пока результат нас не устроит. Скопируем стиль у слоя с лозой на слой с листочками.

Шаг 35. Пришло время добавить цветочки. Используем цветы из набора стандартных фигур, цвет белый.
К слою с цветами применяем следующий стиль:
Inner Shadow (Внутренняя тень): режим Multiply (Умножение), Opacity (Непрозрачность) 75%,  Angle (Угол) -6, Distance (Смещение) 3 пикс., Size (Размер) 5 пикс., цвет #c40001.

В серединке цветочка на новом слое жёсткой кистью небольшого размера поставим жёлтую точку, цвет #fece24.

Всё, наш урок закончен.

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

Вариант переводчика:

Автор: Olga
Переводчик: Партусова Юлия
Ссылка на источник

Комментарии 72

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Спасибо.Интересный урок.

Спасибо огромное за урок)) Очень много полезного для себя узнала)))

Спасибо за урок! Тут можно сколько угодно импровизировать!

очень интересный, понятный урок. автору респект!

Спасибо за урок. Все понятно, прописано хорошо, правда, терпения не хватило выполнить за один день. Конечно, в небольшом формате не видны все мелочи...

Спасибо за урок! Видела в каком-то дачном кооперативе вот такой незамысловатый заборчик, только из очищенного от коры горбыля, покрашенного краской под карандаши. Смотрится забавно и красиво.

Давно не было уроков о рисовании. Мне сложно нарисовать что-то с нуля по эскизам. А вот так очень интересно. Спасибо!

отличный урок! Спасибо!

огромное спасибо за урок

Клевый урок)
Спасибо!

Большое спасибо за урок!

Тут не только самообман но и попытка обмануть окружающих...

Большое спасибо!!! Замечательный урок! Просто супер! Очень очень понравился!!!
Вот что получилось:

Спасибо за урок! Очень познавательно!

Спасибо! Урок очень позновательный.

Спасибо)) Получилось очень мило :D

Очень красивый урок, спасибо огромное

Спасибо, хороший урок.

спасибо за урок)очень понравилось!)

Спасибо автору и переводчику, очень понравился урок.

Хороший урок, спасибо.

Несложно и симпатично! Пригодится для создания картинок, спасибо!

madl - BEGA454 занимается самообманом, кто знает, может таким образом он(она) самоутверждается за счёт других. Мне искренне жалко таких людей...

цветы и листья на заборе плоские :/ нереально смотрятся
но за идею с лучами спасибо)

с лучами что-то у меня не получилось.

Вот сравнение работ пользователя Grisha-01 и варианта переводчика.

Прикольный урок,только у меня забор высокий получился,как будто за ним живут куркули!=)

Понравился способ быстрого изображения неба.
Хороший быстрый и простой способ для создания травы в перспективе - это +.
Хороший быстрый и простой способ для создания просветов в заборе - это +.
Обалденная текстура древесины за 2 секунды - это +

Sparrow_91, я по привычке как работу поставила. :)

Grisha-01, а Вам не стыдно выдавать работу переводчика урока за свою?! :( Такие действия обычно очень нехорошим словом называют...

Дизайн и рисование, очень интересная тема!

Да.Grisha-01,копировать вы уже научились.Осталось освоить фотошоп.

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

интересный урок, спасибо!

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

madl а зачем вы "сравнение" на оценку выставляете?
Можно загрузить скриншотом. :-\

спасибоооо:***♥♥♥

вот моя робота))
↓↓↓

Еще 12
Добавить комментарий / работу

Новые работы пользователей

{{work.views}}

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска, или сбросить фильтры


Смотреть все работы

Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
Мне нравится {{work.likes}} {{work.views}} Жалоба

Оставить комментарий {{work.childs.length || 0}}

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Сначала популярные Сначала старые Сначала новые
Добавить комментарий
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:

Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:


Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

  • 3. Правило третье. Публикуемые работы не должны содержать изображения, связанные с наркотиками , порнографического содержания, сцены насилия.

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules