Второй урок 4 курса тренинга в сообществе
"Фотошоп уроки, тренинг, объяснения"



Автор уроков и ведущая тренинга - Ольга Бор.
Со-ведущая - Светлана Васютина (Femina Bona).

Курс рассчитан на новичков и любителей
программы Photoshop.
Но и опытные пользователи программы
могут найти для себя что-то полезное.


Пасхальный фон и открытка.

В уроке использованы продукты магазина Renderosity
(бабочки и кролик), мой рендеринг 3d моделей в Poser Pro 2012,
продукт магазина DAZ3D (облака).

Скачать набор к уроку - ссылка.

Урок состоит из 2 частей - фон и открытка.

Часть1.
Пасхальный фон.



1. Открываем клипарт из урока
"Корзина с пасхальными яйцами" - ссылка

Изменяем размер холста
(меню-изображение-размер холста)
ширина - 2400 пикселей
высота - 3000 пикселей
(кстати, данный размер очень хорошо идёт на печать даже А3,
проверила на своём принтере - отличное качество)



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



Корзина очень крупная, поэтому
свободной трансформацией немного уменьшаем
(до 85% по ширине и высоте)

2. Открываем файл "трава и цветы" и переносим на наш документ.
Дублируем этот слой несколько раз и размещаем на документе,
примерно, так, как на скрине.



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

В работе вы можете использовать и другие клипарты
травы с цветами из моих материалов для творчества - ссылка.

3. Открываем файл с кроликом и переносим на наш документ.
В панели слоёв располагаем между слоями с травой.
В моём случае копия 4 и 5.



Сделаем цветокоррекцию кролика,
нам нужно немного снять розовый оттенок.
Меню-изображение-коррекция-цветовой баланс.
Настройки:
Цветовой баланс света (точку на свет)
Уровни: голубой-красный - минус 12.





При 100% видимости документа заметно,
что кролик отрисован инструментом "палец",
поэтому выглядит немного размытым относительно
остальных клипартов.
Можно увеличить резкость кролика.
Этот пункт урока не обязателен, но я покажу,
как можно усилить резкость, это полезно взять на заметку.


Дублируем слой с кроликом.
Меню-фильтр-другое-цветовой контраст.
Радиус 10 пикселей.



Режим наложения слоя меняем на "перекрытие"





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

4. Небо.

1) Создаём новый слой,
в панели слоёв располагаем в самом низу.



2) Создаём градиент для неба.

Открываем редактор градиента
(при активном инструменте "градиент"
жмём наверху на иконку градиента)



Выбираем из простых градиентов "синий".



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



Жмём на иконку цвета ниже, которая стала активной,
откроется палитра цвета,
в которой меняем цвет на # 4da5df



Градиент готов.
Жмём на ОК сверху справа в редакторе градиента.

Так как у нас светлый оттенок первый на градиенте,
то применяем градиент (на созданном новом слое) снизу вверх:
от нижней границы документа к верхней.
В настройках должна быть активна позиция - линейный градиент.



3) Открываем файл с облаками и переносим группу на наш документ,
в панели слоёв располагаем её над слое "небо"



Я не смещала слои с облаками,
оставила, как в заготовке.

5. Бабочки.

1) Открываем файл с бабочками и переносим на наш документ,
в панели слоёв располагаем на самом верху.



2) Используя свободную трансформацию,
уменьшаем размеры бабочек, дублируем их
и располагаем по документу.
У меня получилось так.



3) На банте нужно сделать тень от бабочки.

Загружаем выделение слоя "корзина,
создаём новый слой,
в панели слоёв располагаем его над слоем с корзиной,
режим наложения меняем на "умножение"



Инструментом "пипетка" берём тёмный оттенок банта.
Цвет отобразится в панели инструментов, как основной цвет



Мягкой кисточкой в 40-50 пикселей рисуем тень.
Если тень очень тёмная, то можно снизить видимость заливки.



Снимаем выделение.

6. Блик на небе.

1) Создаём новый слой,
в панели слоёв располагаем его над группой "облака"



2) Загружаем кисти из архива к уроку.
Активируем кисть из набора Rons Bokeh Lights
и делаем один клик по документу (цвет белый).



6. Коррекция корзины.

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

Это можно сделать инструментами "осветлитель" и "затемнитель"на слое с корзиной.
Для осветления выбирайте диапазон "подсветка",
экспонир не более 50%
Для затемнения советую выбрать "средние тона",
но если выбираете "тени", то экспонир 20-25%
Но я предпочитаю корректировать на отдельных слоях.

Создаю два новых слоя,
в панели слоёв располагаю их над слоем с корзиной.
Один слой называю "осветление корзины"
с режимом наложение "перекрытие"
Второй слой "затемнение корзины" с режимом наложения "умножение"



Загружаю выделение слои "корзина".
На слое "осветление" кистью в 89 пикселей, цветом # e9c7a8?
который определила пипеткой на корзинке,
краем кисти рисую дугу по верхней части ручки корзинки.



Перехожу на слой затемнение, устанавливаю серый цвет # 999999,
кистью в 750 пикселей рисую затемнение на нижней части корзины.



Снимаю выделение.

Выбирайте сами, каким способом делать коррекцию корзины.

7. Коррекция фона.

В принципе, фон готов, но чего-то не хватает - последнего штриха.
И этот штрих мы сделаем с помощью кистей "звёзды" и
плагина "Nik Software Color Efex Pro"
Я знаю, что у многих есть этот плагин.
У кого нет, даю последнюю версию - ссылка.

1) Инструментом "рамка" избавляемся от всего,
что осталось за границами видимости документа
(обводим инструментом по границам документа и жмём Enter)

2) Убираем все слои в группу.
Дублируем группу, объединяем дубликат в слой.

3) Находясь на полученном слое, топаем в плагин Color Efex Pro
и выбираем Tonal Contrast
Настройки по умолчанию



4) Усилим немного свет, как бы установим некий акцент на середине фона.
Топаем ещё раз в Color Efex Pro и выбираем
Darrken\Lighten Center
Я изменила настройки, мои настройки на скрине.





8. Звёздочки.
В заключении добавим звёздочки.

1) Создаём новый слой,
в панели слоёв располагаем его на самом верху.

2) Берём кисточку из набора "звёзды", цвет белый,
и рисуем штрихами по нижней части фона, не затрагивая небо.





3)Берём другую кисточку из набора "звёзды", цвет белый,
и на том же слое рисуем штрихами по верхней части фона.





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

************************************************
Код урока ЗДЕСЬ.

Обсуждение урока ЗДЕСЬ

==============================================================================

Пасхальный фон и открытка.

Часть2.
Пасхальная открытка.



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

1.Открываем готовый фон или рабочий файл из 1 части урока.
С рабочего файла удаляем все слои, кроме верхних с фоном и со звёздами.



Любителям анимации советую не удалять с рабочего файла
группу "фон", которая содержит все элементы на отдельных слоях.
Это пригодится при создания анимации, например,
пластика или марионеточная деформация
для движения ушей и носа кролика, полёта бабочек и т.д.

2. Так как открытку мы будем делать для веб публикацией,
то изменим размер изображения.
Разрешение меняем на 72, ширину на 50 пикселей
(высота определится автоматически)



3. Меняем размер холста по высоте на 500 пикселей,
чтобы видимость документа стала квадратной.



Инструментом "рамка" освобождаемся от всего,
что осталось за границами видимости документа.

4. Рамка.

1) Увеличиваем размер холста по ширине и высоте на 50пикс.



2) Настраиваем кисть, которой сделаем рамку.
Жмём на иконку настроек сверху или топаем в
меню-окно-кисть.

Берём круглую жёсткую кисть, кегль (размер) ставим 25 пикселей
(размер кисти должен быть кратен размеру фона,
в нашем случае 500 пикселей, 500 делится на 25),
интервалы ставим 100%



Цвет значения не имеет.

3) Активируем любой инструмент выделения,
например, "прямоугольная область",
загружаем выделение слоя с фоном,
затем клик правой кнопкой мыши по документу,
из списка выбрать - образовать рабочий контур



4) Создаём новый слой,
в панели слоёв располагаем его на самом верху.

5)Переходим на инструмент "перо",
клик правой кнопкой по документу,
из списка выбираем - выполнить обводку контура



В появившемся окне из списка выбираем "кисть",
галочку на "имитировать нажим" НЕ ставим.



Получилась рамка из кисти.



6) Клик правой кнопкой мыши по документу,
из списка выбрать - образовать выделенную область.



Радиус растушёвки 0 - ОК.

Удаляем выделенное на слое с рамкой
(меню-редактирование-очистить)
Снимаем выделение, получаем



7) Свободной трансформацией увеличиваем рамку на 3%
по ширине и высоте.



8) Делаем прямоугольное выделение по границе рамки



9) Создаём новый слой и заливаем выделение любым цветом.
Снимаем выделение, получаем.



10) Загружаем выделение слоя с фоном,
удаляем выделенную область со слоя с заливкой.
Снимаем выделение, получаем.



Соединяем слои для рамки.

5. Текст.

1)Пишем текст.
Я использовала шрифт Consuela, он есть в наборе к уроку.

Загрузить шрифт в фотошоп просто:
при закрытой программе переносите или копируете-вставляете шрифт
в папку C:\WINDOWS\Fonts

Настройки в панели "символ"
(кто не знаком, советую почитать - ссылка)

Размер - 48.
Расстояние между буквами - 150
Масштаб по вертикали - 120%
Цвет значения не имеет.
Расположение текста по центру (окно "абзац").

Но помните, что эти настройки касаются определённого шрифта,
кроме цвета и расположения,
для других шрифтов настройки нужно будет редактировать.



6.Добавление стилей, заднего плана.

Итак, открытка почти готова.
Осталось придать открытке законченный вид.
Опытные пользователи, думаю, включат фантазию
и сделают это самостоятельно.

Новичкам я предлагаю следующий вариант:

1) Добавляем стиль на слой с рамкой
(клик правой кнопкой по слою - параметры наложения)
настройки на скринах:

Наложение цвета


Внутреннее свечение


Получаем


2) Копируем полученный стиль слоя
(клик правой кнопкой мыши по слою - скопировать стиль слоя).

Переходим на слой с текстом и вставляем стиль
(клик правой кнопкой мыши по слою - вклеить стиль слоя)

Текст с этим стилем выглядит темновато.
Исправим это.

3)Открываем эффект "внутреннее свечение"
(вторая иконка слева внизу панели слоёв)



Изменяем размер эффекта с 9 на 5,.



Теперь и рамка и текст выглядят одинаково.



4) Добавим текстуру на текст и рамку,
но её нужно загрузить в заливки.

Открываем файл "текстура для стиля"
и топаем в меню-редактирование-определить узор.



Закрываем файл с текстурой, он нам больше не нужен.

В панели слоёв выделяем слои с текстом и рамкой
(делаем клики по слоям с зажатой клавишей Shift),
и объединяем их (CTRL+E).
Этим действием мы не только соединили слои,
но и закрепили стили слоёв.
На полученном слое иконка стиля слоя отсутствует.

Открываем эффект слоя "наложение узора".
В окошке, где видны заливки, нажав на стрелочку,
находим нашу текстуру, она должна быть в самом конце.
Режим наложения узора меняем на "перекрытие".



Переходим на эффект "тень",
меняем настройки.



И только теперь жмём на ОК, чтобы применить эффекты.
Получаем.



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



Снимаем выделение.
Цвет канта мы будем подбирать эффектом слоя
"наложение цвета".
Так будет проще установить более подходящий оттенок.
Я выбрала цвет, показанный на скрине.



6) Текстура на фон.

Переходим на слой с фоном и топаем в
меню-фильтр-текстура-текстуризатор.
Настройки на скрине.



7) К слою с фоном применяем эффект слоя
"внутреннее свечение".
Настройки по умолчанию, кроме размера.
Размер увеличиваем до 87



8) Задний план.

Создаём новый слой,
в панели слоёв располагаем его в самом низу.



В панели инструментов открываем палитру цветов
и устанавливаем цвета;
основной # f9d55a
фоновый # 9e5219



Применяем фильтр-рендеринг-облака.
Готово.



Сохраните в формате jpg.

Простой вариант анимации с применением глиттера - ссылка.

Надеюсь, что приёмы, показанные в этом уроке,
вам пригодятся в творчестве.


************************************************
Желаем удачи
и фотошопного позитива!
С дружеским теплом,
Ольга Бор и Светлана Васютина.

Код урока ЗДЕСЬ.

Обсуждение урока ЗДЕСЬ