Делаем валентинку в фотошопе. Делаем открытку-валентинку в фотошоп

Рисуем очередную открытку, для новичков.

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

1. Создаём новый документ в программе Фотошоп нажав на клавиатуре Cntr+N .

2. Создаём новый слой, нажав на клаве Shft+Cntr+N или кликнув ЛКМ по значку в панели слоев

и наносим на него радиальный градиент инструментом

3. К слою применяем свободную трансформацию Cntr+T , чтобы светло-красного на фоне стало больше. Закончив трансформацию, жмём Enter .

4. Берём инструмент Brush выбрав в палитре кистей понравившийся вам узор.
Где найти и как установить кисти в программу смотрите

5. Создаём новый слой (см.п.2) и делаем отпечаток жесткой кистью белого цвета. Меняем режим наложения слоя на Pin Light (точечный свет) и уменьшаем прозрачность до 10%.
Должно выглядеть так:

Объединим слои с градиентом и узором, нажав на клаве Cntr+E , при активном слое с узором.

6. В палитре инструментов выбираем (произвольная фигура) Heart Card (сердце). Она есть в стандартном наборе. Следите за установками!

7. Поставив курсор в левый верхний угол документа, зажав на клаве Shift (это позволит сохранить пропорции), растянем фигуру.
Получится так:

8. Кликнув 2 раза ЛКМ по слою с фигурой в палитре слоёв в открывшемся окне устанавливаем настройки, как на скриншотах:

9. При активном слое "Фигура" жмём на клаве Cntr+J и получаем копию слоя. Переименуем их в "Фигура темный узор" и "Фигура светлый узор".

10. Между этими слоями создадим новый слой (см.п.2) и той же кистью сделаем отпечаток. Нажмём Cntr+J и разместим полученный слой над слоем со второй фигурой.

11. Тому слою, что над фигурой с темным узором меняем режим наложения на Color (цветность) и уменьшить прозрачность до 40%. Обзовём "Тёмный". Второму слою с узором меняем режим наложения на Soft Light (мягкий свет). Обзовём "Светлый"

12. Объединим слои попарно:
- активный "Светлый" Cntr+E с "Фигура светлый узор"
- активный "Тёмный" Cntr+E с "Фигура темный узор"

13. Применяя несколько раз, поочерёдно, к каждому слою Cntr+J , мы получим много сердечек.

14. С помощью свободной трансформации Cntr+T с зажатой клавишей Shift изменим размеры сердечек по своему усмотрению и поменяем им угол наклона.

15. Объединим ВСЕ слои с сердцами. Для этого зажмем и будем удерживать клавишу Cntr , поочерёдно кликая на слои с сердцами в палитре слоёв. Все они станут синими.

Жмём Cntr+Е

На этом уроке мы изучим, как создавать романтические манипуляции в 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) и увеличьте Вибрацию/Насыщенность.


Результат

Урок для начинающих любителей программы 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.

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

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

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

Вариант 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 штук) на любой вкус.


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

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

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


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

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

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

09.02.11

Совсем скоро наступит праздник,День всех влюблённых.В нашей стране этот “заморский” праздник прижился и большинство его празднует.В преддверии этого события я решил сделать небольшой простенький урок по созданию “валентинки” в Фотошопе.
И так…
Создаём документ нужного размера и белого цвета,у меня это 1280х800 пикселей.
Берём инструмент Градиент ,ставим основным цвет #ffbaba (ффБАБА ),выбираем градиент от основного к прозрачному.

Проводим градиент (Линейный или Радиальный,тут не важно) от правого верхнего угла в левый нижний.
Теперь нам понадобится какая-нибудь романтичная картинка,такую я картинку нагуглил,сделал из неё клип-арт,можете воспользоваться моей или вставить свою.

Переносим её на документ,с помощью Ctrl+T распределяем в нужном месте,ставим слой в режим Мягкий свет и снижаем параметр Заливка где-то до 40%.


Создаём новый документ (прозрачный фон) размером 3х3 пикселя.Максимально масштабируем.Инструментом Карандаш рисуем такое:

Идём в меню Редактирование-Определить узор .
Вернёмся на нашу “валентинку”.Создаём новый слой Ctrl+Shift+N ,ставим ему режим Мягкий свет ,затем жмём Shift+F5 ,выбираем Регулярный и ищем только что созданный узор,он в самом конце.Жмём Ок. Получаем такую картинку:


Добавим текстуру :


Переносим на документ,теперь берём инструмент Градиент (от основного к прозрачному,Линейный).Нажимаем кнопку Быстрая маска .Проводим слева-направо(как на скрине!)


Отключаем режим Быстрой маски,жмём Delete ,снимаем выделение Ctrl+D .Ставим этому слою непрозрачность примерно 60% .
Добавим ещё одно сердечко,куда же без него…Создаём новый слой Ctrl+Shift+N ,берём инструмент Произвольная фигура (в режиме Контуры ),выбираем в наборе фигур Сердце .Затем с помощью Ctrl+T определим его в нужное место и жмём Ок .


Выбираем Мягкую кисть ,диаметр 45 (если размер документа как у меня).Переходим на вкладку Контуры и жмём кнопку Выполнить обводку контура .Затем на Рабочем контуре жмём ПКМ и Удалить контур .


Делаем 2 копии слоя с сердечком.Переходим на вторую копию,жмём Ctrl+U ,ставим галочку на Тонирование и меняем цвет.


Нажимаем Ctrl+T и немного поворачиваем сердце,также можно применить Деформацию (ПКМ и Деформация)


Тоже самое делаем с первой копией,только цвет другой.У всех трёх слоёв выставляем заливку на 50%.
Можно Ластиком убрать “концы” цветных сердец.


Вот в принципе и всё.Каким-нибудь красивым подходящим шрифтом пишем текст.Можно применить стили слоя,например как у меня,Перекрытие градиентом и Обводка.
Вот и результат:

Sp-force-hide { display: none;}.sp-form { display: block; background: rgba(255, 255, 255, 1); padding: 15px; width: 640px; max-width: 100%; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; border-color: rgba(51, 51, 51, 1); border-style: solid; border-width: 2px; font-family: inherit; background-repeat: repeat; background-position: center; background-size: auto;}.sp-form input { display: inline-block; opacity: 1; visibility: visible;}.sp-form .sp-form-fields-wrapper { margin: 0 auto; width: 610px;}.sp-form .sp-form-control { background: #ffffff; border-color: #cccccc; border-style: solid; border-width: 1px; font-size: 15px; padding-left: 8.75px; padding-right: 8.75px; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; height: 35px; width: 100%;}.sp-form .sp-field label { color: #444444; font-size: 13px; font-style: normal; font-weight: bold;}.sp-form .sp-button { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; background-color: #0089bf; color: #ffffff; width: auto; font-weight: 700; font-style: normal; font-family: Arial, sans-serif; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none;}.sp-form .sp-button-container { text-align: left;}