Уроки Все для дизайнера pirogovadesign 30 июня 2011

Двойные обои в Фотошоп

Сложность урока: Средний

Добрый день!
В этом уроке мы нарисуем два варианта обоев на рабочий стол из одной заготовки.
Это не значит что может быть всего два варианта … )))

Рисуется просто, а получается интересно!
Итак, создаём новый документ (я делала: 1024х768pix).
Переводим фоновый слой в состояние обычного (например, двойной клик ЛКМ и клавиша ОК, в открывшемся окне) или добавляем Новый и заливаем его любым цветом. Теперь, для этого слоя создаём Стиль – Градиент (Layer-Layer Style-Gradient Overly).

Далее будем работать инструментом Перо (Pen).
С помощью этого инструмента мы будем рисовать тонкие изогнутые травинки.

Первую точку ставим Пером  у основания травинок.
Итак, план действий: для начала создадим несколько вариантов контура (контуры лучше сохранять – двойной клик по контуру в палитре Контуров, можно присвоить ему название), потом сделаем из контуров линии, скопируем их, трансформируем и распределим по всему документу.

Для создания первой травинки я использовала жесткую кисть 9pix со следующими настройками: в группе свойств Shape Dynamics  (Динамика формы – палитра Кисти) поставить значение Fade - затухания 10000.. В зависимости от длины контура нужно менять величину затухания (чем длиннее, тем больше значение). Цвет #2a5e57.
Теперь рисуем ещё контуры и превращаем их в травинки.

В следующих случаях я уменьшала значения параметра Fade 800, 600, 500…. Подбирайте эти значения самостоятельно, как я говорила, всё зависит от длины контура.
Теперь, распределяем траву по всей площади. Нам необходимо создать передний и задний план картинки. Поэтому удобнее объединить травки переднего плана  в группу (Ctrl+G), а травинки заднего слить в один слой (Ctrl+E).

Как мы это делаем? Копируем исходные варианты травинок и трансформируем на свой вкус (Edit-Transform-…).

См. скриншот: 1, 2 – распределяем, 3- корректируем, 4 – добавляем задний план.  Как сказано выше, я объединила траву заднего плана в один слой и поставила для него режим наложения Multiply (Умножение) с Непрозрачностью (Opacity) 20%.

Это основа - Заготовка, с которой вы можете сделать различные варианты обоев – как Вам подскажет фантазия.
В пределах этого урока, я предлагаю два варианта.

Номер один.
Открываем файл «1», прилагаемый к уроку. Уменьшаем его до нужного размера (Image-Image Size…) и вставляем в рабочий документ. Поправляем при помощи Трансформации (Edit-Free Transform…), если нужно.

Копируем слой 1, и для одной копии ставим режим наложения Overlay (Перекрытие) с Непрозрачностью  (Opacity)  70%, а для другой -  Screen (Осветление), 20%.
Кроме того, я сделала копию заднего плана травы. Применила к копии слоя фильтр Гауссово размытие (Gaussian Blur) со значением 3-4pix. И увеличила Непрозрачность  (Opacity)  до 30%.

Добавляем Стиль слоя Тень (Layer-Layer Style-Drop Shadow) к каждой травинке переднего плана.
Удобнее создать Стиль на одном слое и скопировав его (прижимаем ПКМ и выбираем Соpy Layer Style), вставить на слои с остальными травинками (находясь на слое без Тени, опять ПКМ – Paste Layer Style).
И ещё я добавила лучики света.

Для начала ставим Кистью желтые точки в одну линию на Новом слое.
Потом, при помощи Трансформации (Edit-Free Transform…) растягиваем слой с точками.
И применяем фильтр Гауссово размытие (Gaussian Blur) примерно 15pix.
Меняем режим наложения на  Screen (Осветление), Непрозрачность  (Opacity) - 60%.
В каком месте расположить этот слой смотрите сами: или поверх остальных, или между передним и задним планами травы.

Придадим немного объёма пространству.
Добавляем два Новых слоя. На одном – кистью рисуем полоску в верхней части документа, цвет #e3fcd0, а на втором сделаем полосу #0e311a внизу документа. И изменяем режим наложения слоёв на Soft Light (Мягкий свет). Непрозрачность (Opacity) для слоя со светлой полоской я снизила до 55%.

Теперь, при помощи Кисти Пузыри (используйте Кисти сайта Photoshopmaster, раздел ВОДА) цвета #e3fcd0 добавляем немного пузырьков на нашу картинку. Режим наложения этого слоя Overlay (Перекрытие) с Непрозрачностью (Opacity) 75%.

Один готов!

Попробуем ещё вариант.
Для начала скрываем видимость новых  слоёв  - переходим к состоянию первоначальной Заготовки  (возвращаем видимость слоя травы заднего плана без размытия).
Убираем Стили слоя Тень у всех травинок переднего плана – за исключением нескольких штук в правой части документа.

Теперь добавим текстуру на фон.
Для этого можно использовать файл «2», из приложения к уроку или найти что-нибудь интересное для себя.
Вставляем в рабочий документ (над слоем с градиентом) и , при необходимости, при помощи Трансформации  (Edit-Free Transform…) изменяем размер картинки по габаритам документа.
Изменяем режим наложения данного слоя на Overlay (Перекрытие), Непрозрачность (Opacity) ставим  90%.
Создаём Новый слой над слоем 2. И цветом #1a3b35 затеняем нижнюю и боковые части документа. Режим наложения меняем на Vivid Light (Яркий свет), Непрозрачность (Opacity)  ставим  25%.

При помощи инструмента  Custom Shape Tool (фигуры) рисуем сердечки разных размеров и цветов: #e8fed1, #f5a052, #c2fc84.

Для удобства сливаем сердечки в один слой и применяем тот же Стиль слоя Тень, что и для травинок переднего плана. То есть копируем его и вставляем на слой с сердечками (находясь на любом слое травинок, прижимаем ПКМ и выбираем Соpy Layer Style; затем переходим к сердечкам и опять ПКМ – Paste Layer Style).

Вот и всё!
Если удобно скопируйте документ и создавайте разные варианты иллюстраций в разных документах, чтобы не запутаться в слоях.
Конец!

C пожеланиями всего наилучшего,
PIROGOVADESIGN

Источник: creativo.one

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

кто-то может перезалить файл «1»?

Спасибо. Интересно

И второй вариант. Узнала некоторые тонкости работы кисти.

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

И второй

Понравилось рисовать

спасибо)очень приятный урок)

и еще вариант

Спасибо! Очень приятный урок!

Спасибо за урок.

А вот мои.Спасибо за урок. первый вариант

Большое спасибо за урок! Мой вариант.

А вот мой второй вариант

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

Ребята, спасибо огромное за уроки!!!!!Настолько все доступно,просто супер!!!Даже у меня, юного дизайнера-самоучки,все получается!!!!!Еще раз спасибо!!!!))))

То же только с лучами солнца

Второй Урок

а вот и мой вариант)))))

Немного добавил своего. Спасибо)

Спасибо большое, мне очень понравилось!)

Было интересно)))

Интересный урок... Спасибо! Мне он даже не кажется "средним" по сложности... Довольно простой... Травинкам, можно было-бы, добавить текстурности и объема... ИМХО А в остальном - симпатичный результат и интересные варианты идей для обоев или "задника"! СПС! =)

Спасибо за урок!

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

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

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

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


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

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

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

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

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

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

Комментарий

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

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

Исходник:

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

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

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

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

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

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

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

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

Комментарии к работе будут отключены, на их месте будет выведена реклама.

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


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

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее