Урок для начинающих любителей программы Photoshop,

в котором я расскажу о некоторых приёмах оформления фона и

создании анимации с использованием кисти и фильтра «блик».

В уроке использаны:

1.Картинка PNG (клипарт): сердечки – розы – голуби.

2.Шрифт «Ribbon Heart – Бантик и Сердечки»” из набора Александры Гофманн «Винтажные русские шрифты. Часть 5.»

Все дополнения к уроку написаны мной и опубликованы на личном сайте "Фотошоп + Я"

в разделе "Советы начинающим"

Создание Валентинки.

1.Открываем новый документ (меню – файл – создать) 550х500пикс., фон прозрачный.Скриншот.

2.Открываем палитру цветов (клик по иконке основного цвета в панели инструментов) и выбираем цвет.

В моём случае это веб цвет 3366ff . Скриншот.

3.Активируем инструмент «заливка» (иконка ведёрка) в панели инструментов и заливаем документ. Скриншот.

4.Открываем клипарт (меню – файл – открыть), находим клипарт на компьютере и жмём на «открыть».Скриншот.

Клипарт очень большой и нужно его уменьшить. Для этого топаем в меню – изображение – размер изображения. Изменяем значения разрешения и размерности.Скриншот.

Как изменить разрешение и размер читайте пункты 1 и 2

5.Активируем инструмент «перемещение» и перетаскиваем клипарт на наш документ, а файл с клипартом закрываем без сохранения изменений.Скриншот.

6. На созданном документе у нас сейчас два слоя – один с заливкой, другой с клипартом. Создаём новый (пустой) слой между этими слоями (вторая иконка справа внизу палитры слоёв). Скриншот.

7.Опять открываем палитру цветов (как в пункте 2 данного урока) и выбираем цвет светлее фонового. В моём случае это веб цвет ccffff. Скриншот.

8.Активируем инструмент «кисть» в левой панели инструментов и выбираем мягкую кисточку радиусом 100пикселей из стандартного набора «основные кисти». Скриншот.

9.Находясь на новом пустом слое, обводим активированной кисточкой клипарт. Скриншот.

10.К слою с нарисованной обводкой клипарта применяем размытие.

Для этого топаем в меню – фильтр – размытие – размытие по гауссу и устанавливаем радиус 40-50 пикселей.

Я поставила 42пикс. Скриншот.

11.Соединяем слой с обводкой со слоем с заливкой (меню – слои – объединить с предыдущим). Скриншот.

12. К полученному слою добавляем немного «шума».

Для этого топаем в меню – фильтр – шум – добавить шум с настройками:

Эффект -2%

Распределение – равномерное

Галочка на «монохромный». Скриншот.

Это не только оформление фона, но и маленькая хитрость для анимации. Дело в том, что при создании анимации фон без «шума» может «поехать. Это хорошо видно на скрине.

Сравните оригинал и гиф вариант. Разница очевидна. Скриншот.

13.Пишим текст. Настройки шрифта на скриншоте.

14. Рамка.

1)Создаём новый слой (в панели слоёв он должен быть расположен над слоем с фоном), активируем инструмент «прямоугольная область» и, отступив от края, делаем выделение. Скриншот.

2)Топаем в меню – редактирование - выполнить обводку. Параметры:

Ширина - 2 пикселя.

Расположение – по центру. Скриншот.

Снимаем выделение (меню – выделение – отменить выделение или сочетание клавиш Ctrl+D ).

3)Опять делаем выделение инструментом «прямоугольная область», но кусочка созданной обводки. Скриншот.

4) Меню – выделение – модификация – растушёвка. Радиус устанавливаем 15 пикселей. Скриншот.

5) Копируем полученное выделение на новый слой

(меню – выделение – скопировать на новый слой или сочетание клавиш Ctrl+J ).

Отключив видимость слоя с обводкой, получаем уголок. Скриншот.

7)Закрепляем стиль слоя, преобразовав его в смарт – объект.

Для этого делаем клик правой кнопкой мыши по слою и в выпавшем меню активируем позицию «Преобразовать в смарт – объект». Скриншот.

Зачем нужно закрепить стиль слоя?

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

8) Дублируем преобразованный слой (CTRL+J) и поворачиваем дубликат по горизонтали. Для этого топаем в меню – редактирование – трансформирование – отобразить по горизонтали . Скриншот.

9) Активируем инструмент «перемещение» и перемещаем дубликат в правый угол.

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

10)Выделяем слои с обводкой (при активном дубликате, удерживая клавишу Shift, клик левой кнопкой мыши по оригиналу преобразованного слоя) и топаем в меню – слои – объединить слои . Активность слоя определяется наличием синего цвета на иконке слоя. Скриншот.

11)Дублируем полученный слой и отображаем его по вертикали.

Перемещаем дубликат вниз. Слой с обводкой удаляем, а все слои, кроме слоя с клипартом объединяем в один, предварительно выделив их.

О способах выделения и объединения слоёв читайте

В панели слоёв после объединения стало два слоя – с фоном и клипартом. Скриншот.

Почему я не объединила все слои?

Дело в том, что я хочу применить на клипарте для анимации фильтр «блик», а он подразумевает дубликат изображения, на котором применяется фильтр. Чтобы не утяжелять конечный гиф файл, я оставила клипарт на отдельном слое.

Анимация «БЛЁСТКИ»

Существуют плагины для создания анимации «блёстки», в частности плагин Xenofex 2 от Alien Skin, но при невозможности преобретения и установки плагиов на компьютер и в программу я предлагаю сделать такую анимацию стандартными возможностями Photoshop.

Рассмотрим 2 варианта анимации.

Вариант 1. Анимация с использованием кистей.

1. Создаём 3 новых слоя и в панели слоёв располагаем их над слоем с клипартом.

Называем слои «кисточка 1», «кисточка 2» и «кисточка 3». Скриншот.

2.Активируем инструмент «кисточка», выбираем кисть «звёздочка маленькая» из стандартного набора «разные кисти». Скриншот.

3.Находясь на слое «кисточка 1» делаем клики левой кнопкой мыши кисточкой в разных местах.Цвет кисти белый.

Совет. Если отображение кисти слабое, то по каждой позиции делайте 2 клика подряд.

Получаем такой вид. Скриншот.

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

Приступаем к анимации.

1)Активируем панель «анимация» (меню – окно – анимация ) задержку времени ставим на 0,1сек., в панели слоёв и закрываем видимость у всех слоёв со звёздочками, кроме слоя «кисточка1». Такое расположение видимости слоёв будет для первого кадра анимации. Скриншот.

Будьте, пожалуйста, внимательны при распределении видимости слоёв для кадров в панели анимации. Не путайте значение «слой» с значением «кадр». Слои в панели слоёв, а кадры в панели анимации.

2) Создаём новый кадр (вторая иконка справа внизу панели анимации). На этом кадре открываем видимость слоя «кисточка 2», а видимость слоя «кисточка 1» закрываем. Скриншот.

3)Применяем ко второму кадру промежуточные слои (третья иконка справа внизу панели анимации). Я поставила 1 промежуточный кадр. Скриншот.

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

4)Создаём следующий кадр – четвёртый. Для этого кадра в панели слоёв отключаем видимость слоя «кисточка 2» и включаем видимость слоя «кисточка 3». Скриншот.

К 4 кадру применяем промежуточный слой. После применения в панели анимации образуется 5 кадров.

5) Создаём 6 кадр. Для этого кадра закрываем видимость слоя «кисточка 3» и открываем видимость слоя «кисточка 1». Скриншот.

6)Применяем к 6 кадру промежуточный кадр. В панели анимации образовалось 7 кадров. Но видимость седьмого кадра одинакова с видимостью первого кадра, поэтому седьмой кадр удаляем (иконка корзинки внизу панели анимации). Скриншот.

Мне больше нравится вариант с промежуточными кадрами.

Итак, когда видимость слоёв расставлена по кадрам, сохраните файл в формате gif. Как это сделать читайте

Вариант 2. Анимация с использованием фильтра «блик».

После того, как создали по кадровую анимацию кистями, добавим к ней анимацию «блик»

Все дальнейшие изменения советую делать при активном первом кадре в панели анимации. Скриншот.

1. Создаём 3 дубликат слоя с клипартом.

1)К первому дубликату применяем фильтр «блик».

Для этого топаем в меню – фильтр – рендеринг – блик , находим точку, на которой хотим сделать сверкание (в моём случае это брюлик в сердечке) и устанавливаем следующие параметры:

Яркость – 35%

Тип объекта – начало ролика.Скриншот.

2) Переходим на второй дубликат и применяем тот же фильтр. Изменяем только настройки яркости на 70%.Скриншот.

Скриншот.

5)К пятому кадру видимость слоя «клипарт копия 2». Скриншот.

6)К шестому кадру видимость слоя «клипарт копия» Скриншот.

Таким образом, мы создали плавное свечение блика.

Вот и всё. Сохраните файл в формате gif.

С теплом, Ольга Бор.

Здравствуйте, дорогие друзья!

После небольшого перерыва я продолжаю писать новые уроки по фотошопу.

Приближается 14 февраля — День Святого Валентина или День всех Влюбленных и мы начинаем серию уроков, посвященных этому замечательному празднику.

В этом уроке я расскажу вам как делается красивая валентинка в фотошопе.

Для урока нам понадобятся дополнительные материалы: фон и кисти .

Приступаем к работе

Делаем фон

Создаем небольшой новый документ, размером 800*600px.

Открываем заранее подготовленный фон с сердечками – Ctrl+O.

Располагаем окно с фоном и новым документом рядом друг с другом.

Открываем палитру слоев – F7.

На палитре инструментов выбираем инструмент Move Tool (Перемещение).

Удерживая левую клавишу нажатой, перетягиваем фон из палитры слоев в окно с новым документом.

Закрываем документ с фоном, он нам больше не понадобится.

В новом документе отрезаем ненужные края фона рамкой – Crop Tool (C). Очерчиваем документ рамкой по краям и дважды щелкаем левой клавишей.

В новом документе в палитре слоев у нас теперь будет 2 слоя: первоначальный слой с однородным цветом и фон с сердечками.

Удаляем нижний слой, перетянув его на иконку корзины внизу палитры слоев.

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

Заходим в меню Filter — Blur — Radial Blur (Фильтр — Размытие — Радиальное размытие).

Ставим галочку напротив «Линейного» метода. Количество ставим примерно 10.

Рисуем сердце

Создаем новый слой – Ctrl+Shift+N (либо щелкните по иконке нового слоя в палитре слоев).

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

В художественных школах учат видеть в сложных объектах простые формы и уметь визуально разбивать целое на части.

Сердце мысленно можно разбить на два сочлененных шара и конус в основании.

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

Создаем овальную векторную форму с помощью инструмента «Эллипс» (U).

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

Стараемся мысленно представить, что из овала, который мы сейчас нарисуем, в будущем выйдет половинка сердечка. Делаем овал такой ширины, какой хотим видеть одну из верхушек сердца. Если вам сложно визуализировать процесс наперед, просто нарисуйте похожий овал:

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

Щелкните правой кнопкой по слою с овалом в палитре слоев и выберите в выпадающем меню «Rasterize Layer» (Растрировать слой).

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

На панели инструментов выбираем Градиент Gradient Tool (G) (если не видно на панели, щелкните на значке с ведерком правой кнопкой).

В верхней панели настроек инструмента выбираем радиальный тип градиента. Щелкаем по градиенту, чтобы настроить цвета.

Градиент, который был у меня выбран по умолчанию состоял из двух цветов: черного и белого.

Количество цветов в градиенте определяется квадратными маркерами внизу полосы градиента.

Если у вас тоже только два цвета по краям, добавьте дополнительный третий маркер, щелкнув под полосой градиента в нужном месте (при этом курсор видоизменится).

Когда у нас стало три маркера внизу полосы градиента, настраиваем цвета:

1. Щелкаем по одному из трех квадратных маркеров — в окошке «Цвет» появится цвет выбранного маркера;
2. Щелкаем по этому окошку.
3. В появившемся окне вводим номер цвета в строке «#».

Настраиваем цвета как на картинке:

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

Вот что получилось у меня:

Теперь немного повернем наше яйцо.

Нажимаем Ctrl+T (Свободная трансформация). В верхней панели вводим угол поворота объекта — примерно 20 градусов. Нажимаем Enter, чтобы применить трансформацию.

Снимаем блокировку с прозрачных пикселей вверху панели слоев.

Чтобы сделать вторую половинку сердца, создаем дубликат слоя — Ctrl+J.

Теперь необходимо зеркально отразить нашу половинку сердца. Нажимаем Ctrl+T, щелкаем правой кнопкой, выбираем «Flip horizontal»(Отразить по горизонтали). Нажимаем Enter.

Теперь у нас две половинки сердца находятся на одном месте.

Чтобы ровно переместить вторую половинку относительно первой, выберите инструмент Move Tool (Перемещение), зажмите Shift и передвигайте вторую половинку влево таким образом, чтобы в итоге получилось что-то вроде сердца.

Объедините два слоя с половинками сердца, выделив верхний и нажав Ctrl+E (сочетание клавиш объединяет слой с нижним).

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

Для того, чтобы сгладить переход между овалами, я воспользовалась инструментами Healing Brush Tool (Восстанавливающая кисть) и Blur Tool (Размытие).

Чтобы убрать швы, берите образцы пикселей с соседних от шва участков, зажимая клавишу Alt, а затем закрашивайте взятыми образцами резкий переход. Комбинируйте разные участки, пока не добьетесь плавного перехода. Сглаживайте неаккуратные места инструментом Blur Tool.

Теперь подкорректируем форму сердечка.

Заходим в меню Filter — Liqvify (Фильтр — Пластика).

Приближаем изображение — «Ctrl+»(отдалить — «Ctrl-«).

Выставляем небольшой нажим кисти, около 30%.

Выбираем кисть большого диаметра 190-220px, чтобы первоначально вносить глобальные изменения несколькими движениями. Дальше корректируем форму уже более мелкой кистью, примерно 120-100px. Лепим форму сердечка. Стараемся сделать его симметричным. В конце нажимаем «Ok».

Создаем новый пустой слой — Ctrl+Shift+N.

Берем инструмент Elliptical Marquee Tool (Овальная область), выделяем верхнюю половину сердечка. На новом слое заливаем бледно-розовым цветом.

Снимаем выделение — Ctrl+D.

Заходим в меню Filter- Blur -Gaussian blur (Фильтр — Размытие — Размытие по Гауссу). Ставим радиус размытия 20px.

Чтобы размытие не выходило за пределы сердца, ставим курсор между слоем с размытием и слоем с сердцем, применяем маску — зажимаем Alt и кликаем левой клавишей между слоями.

Вверху палитры слоев меняем режим наложения слоя на «Screen» (Экран). Opacity (Непрозрачность) ставим 30%.

Берем резинку с мягкими краями Eraser Tool (Ластик)(E), стираем части верхнего слоя на краях сердца.

Идем на слой с сердцем. Добавим немного текстуры.

Заходим в меню: Filter — Noice — Add Noice (Фильтр — Шум — Добавить шум).

Эффект я поставила 1. Поставьте галочку в строке «По Гауссу»и «Монохромный».

Добавляем акварельные разводы

Создаем новый слой — Ctrl+Shift+N. Располагаем его под слоем с сердцем.

Загружаем и устанавливаем кисти для урока. .

Берем инструмент кисть — Brush Tool (B).

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

Регулировать размер кисти вы можете, двигая ползунок в строке «Размер», либо используя горячие клавиши «[» — уменьшить диаметр и «]» — увеличить диаметр.

Внизу панели инструментов щелкаем по верхнему квадратику, чтобы задать цвет, которым будем рисовать.

На новом слое рисуем акварельные разводы нежно-розовым цветом, я взяла #e089b8.

Создаем еще один слой Ctrl+Shift+N, выбираем другую акварельную кисть и на новом слое ставим другой отпечаток, я взяла уже другой цвет #d96b7f.

Опять создаем новый слой, рисуем третий отпечаток. Светло-розовым, почти белым цветом — #ffcbdc.

Вот что получилось у меня:

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

В палитре слоев дважды кликаем на любом из трех слоев с брызгами, например, верхнем.

В открывшемся окне «Layer style» (Стиль слоя) ставим галочку и щелкаем по строке «Drop Shadow»(Тень).

Ставим такие настройки:

Щелкаем правой кнопкой по слою, к которому только что применили тень.

В выпадающем меню выбираем «Copy Layer style» (Скопировать стиль слоя).

В палитре слоев выделяем два оставшихся слоя, щелкаем правой кнопкой, выбираем «Paste Layer style» (Вклеить стиль слоя).

На этом этапе получается примерно вот что:

Рисуем цветочные узоры

Создаем еще один новый слой над слоями с акварельными разводами.

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

Чтобы поворачивать узоры и отражать их по горизонтали или вертикали, сделайте оттиск на новом слое и нажмите Ctrl+T. Чтобы повернуть изображение, подведите курсор к одному из угловых квадратных маркеров, когда стрелка примет полукруглый двухсторонний вид, вращайте изображение в нужную сторону.

Вот что получилось у меня на этом этапе:

Выделите все слои с цветочными узорами (добавляйте слои к выделению при помощи зажатой клавиши Ctrl). Затем нажмите Ctrl+E, чтобы объединить слои.

Правой кнопкой копируем стиль слоя с акварельными разводами и вставляем на слой с цветочными узорами. Теперь под ними тоже есть тень.

Возвращаемся на слой с сердцем, выделяем в палитре слоев сердце и блик на нем, нажимаем Ctrl+J, чтобы скопировать эти два слоя.

Не снимая выделения, щелкаем правой кнопкой по слоям, выбираем «Преобразовать в смарт-объект»(Convert to smart-object).

Снова щелкаем правой кнопкой, выбираем «Растрировать слой» (Rasterize Layer).

Создаем дополнительные сердечки

Я хочу сделать несколько маленьких сердечек вокруг основного.

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

Выбираем инструмент Move Tool (Перемещение).

Копируем маленькое сердечко, зажимая Alt и перетаскивая сердечки на новое место.

Я скопировала маленькое сердечко 5 раз и разместила копии с разных сторон от большого сердца.

Работаем с текстом

Выбираем Horizontal Type Tool (Горизонтальный текст).

Печатаем на сердечке любой текст.

Для редактирования текста открываем в фотошопе окно «Символ». Заходим в меню «Окно» — «Символ»(Window — Character).

Я выбрала шрифт Century Gotic, bold, размер кегля 57пт.

Щелкаем правой кнопкой по слою с текстом в палитре слоев, выбираем «Растрировать текст»(Rasterize type).

Немного деформируем наш текст, чтобы он лег по форме сердца.

Нажимаем Ctrl+T, щелкаем правой кнопкой, в выпадающем меню выбираем «Перспектива»(Perspective). Вокруг текста появится рамка с квадратными маркерами, изменяя положение которых, вы можете видоизменять текст.

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

Дважды щелкаем по слою с текстом.

В появившемся окне «Стиль слоя» (Layer Style) ставим галочку и выделяем строку «Тень» (Drop Shadow).

Выставляем такие настройки:

И последний эффект, который мы применим для текста — это «Тиснение»(Bevel &Emboss).

Цветокоррекция

Почти закончили, осталось только произвести небольшую цветокоррекцию всех элементов.

Выделяем в палитре слоев слой с фоном.

Я хочу сделать фон светлее и контрастнее. Заходим в меню «Изображение — Коррекция — Яркость/Контрастность» (Image — Adjustments -Brightness/Contrast).

Я увеличила яркость до +108, а контраст до +100.

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

В палитре слоев выделяем все слои с акварельными брызгами, зажав Ctrl. Нажимаем Ctrl+E, чтобы слить все слои.

Нажимаем Ctrl+U, в появившемся окне ставим галочку в окошке «Тонирование»(Colorize). Мои настройки:

Пусть сердечки будут красные, а не розовые. Нажимаем Ctrl+U.

Ставим галочку с окошке «Тонирование»(Colorize). На верхней цветной полосе «Цветовой тон» выбираем красный цвет, повышаем насыщенность цвета, двигая ползунок на средней полосе «Насыщенность»вправа. Немного снизим яркость, передвинув ползунок на последней строке влева.

Затем я немного откорректировала тон большого сердца через меню»Изображение — Коррекция — Яркость/Контрастность» (Image — Adjustments -Brightness/Contrast). Яркость я снизила до -14, контрастность увеличила до 91.

Добавим последний штрих.

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

Валентинка готова! Давайте посмотрим, что у нас получилось:

В этом уроке я показала вам, как можно сделать валентинку в фотошопе для вашей половинки к 14 февраля. Надеюсь, урок вам понравился.

На этом уроке мы изучим, как создавать романтические манипуляции в Photoshop используя некоторый набор изображений. Вы также увидите, как эффективно использовать Корректирующие слои, чтобы создать необходимое настроение.
Превью конечного результата

Ресурсы
1.
2.
3.
4.
5.
6.
7.
Шаг 1
Создайте новый документ размером Шириной 2100 пикселей и высотой 1500 пикселей. Откройте фоновое изображение, поместите его поверх вашего холста и отразите его по горизонтали и поместите его как показано на изображении.

Шаг 2
Откройте изображение с Парочкой и извлеките из него Парня и Девушку. Я использовал инструмент Перо (P) (Pen tool), чтобы создать контур вокруг них и затем преобразовал его в выделенную область и удалил задний фон.
Вы можете применит другой метод для извлечения, но инструмент Перо – мой любимый из-за его акуратности.

Теперь скопируйте извлеченное изображение парочки и вставьте его в новый слой поверх вашего холста.

Шаг 3
Теперь давайте исправим волосы парня и девушки. Для этого я использовал метод выделения Цветового диапазона. Для этого выберем слой с парочкой и пройдем в Выделение-Цветовой диапазон (Select>Color Range). Возьмите образцы как показано на изображении ниже и установите Разброс (Fuzziness) на 70% и щелкните ОК.

Новые выделения сделаны, вы можете их замаскировать. При активном выделении щелкните на иконке Слой-Маска в нижней части палитры слоев. Если слой маска инвертирована, выберите ее и нажмите Ctrl+I, чтобы инвертировать ее снова. Теперь вы можете вручную рафинировать маску, используя инструмент Кисть (B) (Brush Tool).

Шаг 4
Давайте добавим первый эффект свечения. Откройте блик в объективе с набора Оптических бликов в объективе и поместите его позади парочки на новом слое, чтобы симулировать солнце. Используйте Режим наложения Экран (Screen), чтобы избавиться от черного фона и воспользуйтесь новым корректирующим слоем Цветовой фон/Насыщенность (Hue/Saturation adjustment), чтобы изменить цвет блика на желтый, если вы вставили блик другого цвета.

Второй эффект свечения был сделан с использованием Стилей слоя. Добавьте Внутреннюю тень (Inner Shadow) с использованием настроек показанных на изображении 4b используя цвет #BD8739. Этим мы создадим свечение, которое в фотографии называется свечением ореола и поможет отделить объект от фона. Также добавьте немного Внешнего Свечения (Outer Glow) используя тот же цвет.

Шаг 5
Создайте новый слой с обтравочной маской для слоя с парочкой и выберите инструмент Точечная Восстанавливающая Кисть (J) (Spot Healing Brush Tool), Активируйте образец со всех слоев (Sample All Layers) и удалите все точки, на коже парочки используя единичные щелчки.

Шаг 6
Теперь можете сделать некоторую корректировку контрастности. Вы должны всегда использовать корректирующие слои для этого. Создайте корректирующий слой Уровни (Levels) как обтравочную маску для слоя с парочкой. Затемните средние тона как показано на изображении.

Шаг 7
В зависимости от того, как вы поместили изображение на холсте, вы можете отредактировать джинсы парня. Я использовал инструмент Штамп (S) (Clone Stamp Tool).

Шаг 8
Откройте набор изображений листа, извлеките его от заднего фона используя инструмент Быстрое выделение (Quick Selection Tool) или инструмент Волшебная палочка (Magic Wand Tool) (W). Поместите лист на ваш холст и сделайте его дубликат несколько раз. Затем, воспользовавшись инструментом Свободное Трансформирование (Free Transform) (Ctrl+T) исказите (Distort) лист. Также сделайте их разного размера и поверните их так, чтобы они не выглядели одинаковыми. Вы можете использовать множество изображений из набора, если хотите.

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

Можете сделать птицу и божьих коровок более реалистичными, если сделаете немного теней под ними. Таким образом, я создал новый слой под ними и используя маленькую мягкую кисть с Непрозрачностью (Opacity) в 30% нарисовал немного легкой тени.

Шаг 10
Также хотел усилить свечение солнца, проходящее через руки парочки, для этого я взял большую мягкую кисть (около 450 пикселей в диаметре) и цвет #9C713E и Непрозрачность 100% сделал большую точку. Затем я изменил Режим наложения слоя на Экран.
Затем я использовал другой оптический блик (Optical-6 из пакета) и поместил его на тоже место, где нарисовал свечение света. Режим наложения использовал опять Экран. Также использовал корректирующий слой Цветовой тон/Насыщенность, чтобы изменить цвет с голубого на желтый.

Шаг 11
Подходим к последним корректировкам. Выделите самый верхний слой вашего холста и нажмите Shift+Ctrl+Alt+E, чтобы создать клон всех видимых слоев (я не думаю, что вы можете это сделать из меню).
После создания клона, пройдите в Изображение-Коррекция-Варианты (Image>Adjustment>Variations) и нажмите следуя: Больше Голубого-Больше Синего-Больше Голубого и нажмите ОК. Этим мы сделаем изображение более холодным. Сделайте Непрозрачность слоя 35%.

Шаг 12
Используя корректирующие слои, создайте два последних корректирующих слоя Цвета. Для начала добавьте корректирующий слой Баланс Цвета (Color Balance) и установите настройки, показанные ниже на изображении.

Теперь добавьте корректирующий слой Вибрация (Vibrance) (или Цветовой тон/Насыщенность, если вы имеете более позднюю версию PS) и увеличьте Вибрацию/Насыщенность.

Результат

Приближается праздник всех влюбленных, и каждому из нас приятно будет получить какой-то особенный подарок. Хотя подарок для каждого из нас в реальной жизни определяется многими факторами!
А вот в жизни интернетной, мне кажется, каждому будет приятно получить небольшой подарочек в виде сердечка валентинки, который можно быстро и легко сделать в фотошопе.
Сегодня я не только расскажу вам о нескольких вариантах, как сделать красивую валентинку быстро и легко, но и покажу как это делается в видео.
Всего парочка минут и у вас готовая валентинка, которая имеет массу преимуществ.
Во-первых, она будет сделана вами, а значит, вы получите не только новые знания, но и положительные эмоции от того, что вы это сделали!
Во-вторых, сердечко будет неповторимым, потому что вряд ли вы увидите еще точно такое же на просторах Интернета!
В-третьих, ваша работа передаст ваше тепло и искреннее пожелание, которое можно написать именно для того человека, которому вы адресуете свое поздравление или хотите рассказать о своих чувствах.
В-четвертых, сделанную открытку можно распечатать на цветном принтере и подарить лично в руки!
Думаю, что я убедила вас! Итак, начнем.

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

Вариант 1. Простое сердечко.
Шаг 1. Открываем фотошоп, создаем новый документ с размером 500 на 500 пикселей на прозрачном фоне. На Панели Инструментов выбираем пункт «Произвольная фигура» (1).
В верхней всплывающей панельке видим, что появился значок произвольной фигуры (2). На этой панельке, нажав на кнопочку (3) вы выбираете необходимое вам сердечко из выпадающего меню. Кроме того вы можете выбрать цвет, векторный вид изображения или только его контуры, а также стиль сердечка.

С полученным нарисованным изображением можно работать как с обычным фото или картинкой, для этого вам необходимо растрировать нарисованное изображение: выделяйте как активный слой с фигурой и, кликнув правой кнопкой мыши по нему, из выпадающего контекстного меню выбираете «Растрировать слой». Хотя в принципе можно и не растрировать слой, а работать с картинкой как с векторным объектом.

Выбираем цвет сердечка, его вид и «рисуем» его на созданном поле файла. Можно рисовать произвольно, ориентируясь просто на рисунок, который вы видите. Но если при рисовании хотите сохранить пропорции картинки- удерживайте при создании фигуры клавишу Shift.

Шаг 2.
Придаем «объем» нашему сердечку, выставляя параметры в таблице стилей (двойной клик по слою или клавиша fx Окна «Слои»). Я выбрала «Тень» (4), «Тиснение»/ «Контур» (5), применила к своему сердечку «Обводку»(7), и «Глянец»(6) Вот такое у меня получилось сердечко!

Шаг 3. Сохраняем нашу картинку в формате png (на прозрачном фоне), чтобы потом можно было использовать ее в коллажах, для изготовления подарочной открытки или в качестве заготовки для других целей.
Можно еще поэкспериментировать со стилями, попробовав применить градиент, текстуру, узор. Как видите, такое сердечко сделать очень просто.
Теперь проявляем немного фантазии и делаем из полученной заготовки валентинку. Для этого добавляем надпись: обращение — пожелание-поздравление, цветочек, игрушку, чашечку кофе…вариантов много!

И вот что у нас может в результате получиться!

Вариант 2. Сердечко из фона.
Шаг 1. Будем «вырезать сердечко из понравившегося нам фона или картинки. Открываем в фотошопе любой фон или картинку.

Шаг 2. Добавляем новый слой, который должен располагаться над фоном. Выбираем правой кнопкой мышки Инструмент «Произвольная фигура» и из выпадающего меню выбираем фигурку вот такого сердечка.

Шаг 3. Инструментом «Волшебная палочка» (1) выделяем сердечко, в верхнем контекстном меню выбираем «Выделение»/ «Инверсия» (2). После этого переходим на слой фона и нажимаем клавишу Delete.

Шаг 4. Закрываем «глазик» или удаляем слой с нарисованным (красным) сердечком и видим, что у нас получилось сердечко «фотоновое»! Применяем к нему на свое усмотрение разные стили и наша заготовка готова!

Я сделала из этого же фона обычное сердечко и превратила его в валентинку, которую можно посмотреть в альбоме «Открытки валентинки»!

Смотрим видеоурок в конце статьи и экспериментируем!

Варианты 1 и 2 можно использовать, чтобы сделать любую кнопочку или небольшой статический баннер для вашего сайта, применяя Инструмент «Произвольная фигура»/ «Прямоугольник»,»Эллипс» или «Прямоугольник со скругленными углами», а также сделать кнопочки или стрелочки «вверх-вниз» для странички сайта.

Вариант 3. Сердечко «контурное»
Шаг1. Рисуем сердечко как в варианте 1,шаг 1.

Шаг2. Меняем цвет рисования на более светлый (можно менять на любой контрастный) , и на новом слое рисуем еще одно сердечко.
Инструментом «Свободное трансформирование» уменьшаем его, чтобы оно было расположено как бы внутри нижнего слоя. И при помощи инструмента «Перемещение» располагаем его по центру.

Шаг 3. Инструментом «Волшебная палочка» кликаем на светлом рисунке, переходим на слой красного рисунка и нажимаем клавишу Delete.
Закрываем верхний слой и получаем вот такое «контурное сердечко». Применяем к нему стили по аналогии с предыдущими описаниями.

Результат экспериментов.

Вариант 4. Сердечко из цветов.

Шаг1. Берем любую из заготовок, сделанных в варианте 3 или просто находим похожее сердечко в папке произвольных фигур в вашем фотошопе.
Шаг2. Берем любой цветочек- клипарт (на прозрачной основе) и аккуратненько «укладываем» цветочки по контуру или просто размещаем несколько цветочков по сердечку.
Подробный процесс создания цветочного сердечка показан в видеоуроке.
Остается сделать только поздравительную надпись и валентинка готова!

А теперь раздача подарков!

Предлагаю вам скачать серию произвольных фигур- сердечек (их в архиве 45 штук) на любой вкус.

Просто нажмите на кнопочку под картинкой и скачайте архив на свой компьютер. (Кстати кнопочки сделаны в фотошопе при помощи инструмента «произвольная фигура», как и кнопочки «Вверх-вниз» на моем сайте.)

Устанавливать скачанные сердечки в фотошоп проще простого. Откройте фотошоп для работы и просто два раза кликните по распакованному файлу. Все сердечки установятся в Инструмент «Произвольная фигура» вашего фотошопа.

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

и конечно же, небольшой набор сердечек — заготовок и готовых валентинок в альбоме «Открытки-валентинки» на страничке .
Вдохновения вам и успехов!

А теперь видеоурок как сделать красивую валентинку!

В следующий раз будет урок по анимации, в котором я для примера покажу возможные варианты анимации сердечка, чтобы вы еще успели к празднику не только сделать такую подарочную отрыточку дорогим людям, но и смогли ее сделать анимированной!
До новых встреч!!!

Скоро 14 февраля, день всех влюбленных или как его по-другому называют день святого Валентина. В этот праздник многие выражают свою любовь, заботу и внимание своим вторым половинкам или любимым. День святого Валентина празднуют многие люди по всему миру, кто-то дарит цветы, кто-то конфеты, кто-то мягкие игрушки, сувениры. Но самое распространенное, конечно же, открытка – валентинка в виде сердечка.

Как мне кажется, вдвойне приятно получить валентинку сделанную собственными руками, не правда ли?

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

Начнем наш урок, чтобы долго не затягивать ожидание, урок не сложный по силам думаю и новичкам. Я буду создавать валентинку под печать на фотобумаге размером 10х15, а вы уже можете выбрать удобный вам размер, подобрать корректные размеры можно познакомившись со статьей .

Итак, открываем фотошоп, создаем документ 1795х1205 с разрешением 300dpi (желательно ).

Подбираем фон для валантинки, я взял фон боке. Благо делать такой нет необходимости, если воспользоваться поиском яндекса он выдаст огромное количество вариантов, я взял этот.

Установим фон на валентинку, трансформируем по размеру при помощи свободной трансформации Ctrl+T . После чего нам необходимо создать сердце, которое мы будем использовать как . Для этого выбираем инструмент произвольная фигура (U), выбираем слой фигуру, откроем имеющиеся фигуры и из них выбираем сердце. Создаем фигуру сердца c зажатой клавишей Shift , чтобы наше сердце было пропорциональное.

Теперь подкорректируем его, для этого выделим слои с фигурой сердца, выберем инструмент стрелка (А), выделим им ямку сверху сердца, подтянем за опорную точку вверх, и таким же способом подвигаем остальные опорные точки, чтобы добиться более красивого сердца.

Теперь нам нужно повернуть немного сердце, воспользуемся свободной трансформацией Ctrl+T . Скопируем слой с сердцем 3 раза ctrl+J , уменьшим их при помощи свободной трансформации, подвинем на край большого сердца и поменяем цвета на #2e0f48 , #f986e3 , #ffeaf9 как показано на скриншоте ниже.

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

Теперь создадим новый слой (shift+ctrl+N ) над слоем с фото, но так чтобы он не входил в группу обтравочной маски.

Выбираем инструмент произвольная фигура (U), выбираем контуры, и выбираем сердце. Создаем контур сердца примерно в размер нашего большого сердца валентинки, и также как и первое сердце отредактируем, поправив до более красивого варианта.

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

После чего выбираем инструмент перо (P) кликнем правой кнопкой мышки по контуру и из выпадающего списка выбираем выполнить обводку контура …

Выбираем кисть имитация мазка не важна. И применяем.

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

Теперь немного облагородим контурное сердечко нашей валентинки, для этого наложим на него градиент при помощи для этого идем в слои > стили слоя > наложение градиента .

Добавим несколько надписей, каким-нибудь рукописным шрифтом и цветом #fbf0d5 и #f797de. Продублируем эти слои с текстом, дубликаты уменьшим в размере, затем растрируем для этого кликнем правой кнопкой мыши по слою с текстом и из списка выберем растрировать текст .

После чего применим к этим слоям размытие по гауссу. У нас должно получиться то, что показано на скриншоте ниже.

Вот в принципе и все, мы сделали валентинку, но мне хочется добавить еще несколько элементов.

Это будут светящиеся линии, проходящие под фото. Для этого выберем инструмент перо (P) и создадим контурную линию под фото, после чего сделаем обводку контура цветом #d0c7b0 с имитацией нажима и установим режим смешивания для этой линии на Яркий свет/ Vivid Light . Скопирую этот слой два раза и расположу также под фото.

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

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