Рисовать открытки в фотошопе. Создаем открытку в фотошопе

29.04.2019

Цель урока : Использование полученных знаний на практике, создание собственной открытки.

Задачи:

  • обучающие - повторить, закрепить и углубить знания учащихся, познакомить с новыми способами выделения объектов;
  • развивающие – развить творческие способности.
  • воспитывающие – развитие усидчивости, внимательности, самостоятельности.

Программное обеспечение: программа для обработки растровых изображений Аdоbе Photoshop CS.

Формы организации работы на уроке: практикум.

Оснащение:

  • компьютерный класс;
  • интерактивная доска;
  • программное обеспечение;
  • Интернет.

Ход урока.

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

Задача урока: Создать открытку-виньетку

Объяснение задания.

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

Рисунок 1

Рисунок 2

Для этого урока нам понадобятся фон, рамка-виньеточка с вензельками, шрифты, красивые кисточки, клипарты для украшения. На предыдущих уроках были найдены и загружены в Photoshop красивые шрифты и кисточки-завитки. Заранее были приготовлены следующие элементы:

Рисунок 3

рамка-виньеточка с вензельками

Рисунок 4

кисточки-завитки и шрифты.

Для начала создайте новый файл с желаемым размером. В этом уроке я использую размер А4. Переверните холст на 90 градусов. Откройте файл с фоном и перетащите фон на ваш новый файл.

Рисунок 5

С помощью клавиш Ctrl+T (свободная трансформация) установите нужные размеры фона.

Рисунок 6

Открытку можно сделать с фотографией и без. На этом уроке сделаем с фотографией. Для оформления выреза под фото будем работать с рамкой-виньеткой. Кроме этого можно использовать все что угодно - просто овалы(прямоугольники) маски, формы и т.д.
Откройте файл с рамочкой с вензелями. Переведите изображение в RGB(Изображение->Режим->RGB), так как файл с рамочкой имеет расширение GIF. Чтобы вставить рамочку на открытку нужно вырезать ее. Для этого сделайте следующее:

Нажмите Выделение-Цветовой ряд. Откроется окошко настройки параметров.

Рисунок 7

Выберите пипеточку с "+" и кликайте по нашей черной рамке, затем выбираете пипетку с "-" и кликаете по белому фону.. Для наглядности поставьте Выбор просмотра - "Черно-белый". Все, что будет выделено отмечается белым, оттенки серого - это эти тона будут полупрозрачны, черное - останется невыделенным. Когда результат нас устроит нажмите ОК. Таким образом выделяется вся рамка. Чтобы удалить не нужный нам белый фон нажмите Выделение- Инвертировать выделение (все белое выделится) и нажмите Delete.

Рисунок 8

Затем еще раз инвертируйте выделение и перетащите рамку на файл со слоем. С помощью клавиш Ctrl+T увеличиваем размеры рамки, применяем к этому слою любой стиль. Можно наложить цвет, тиснение, внешнее свечение, внутренняя тень и просто тень и т.д.

Рисунок 9

Теперь сделайте еще слой, возьмите понравившуюся вам кисть и нарисуйте посередине открытки "линию" - т.е. разделите открытку пополам. Например, берете завитки рисуете один сверху, один снизу. Выделяете, клавишами Ctrl+T делаете трансформацию. Я отразила их, перевернула нижний. Эти оба завитка сделала размером 700. В середину вставила еще один размером 500. Наложила на этот слой цвет.

Рисунок 10

Выделяем любым способом, создаем новый корректирующий слой "Цветовой тон/Насыщенность" - делай все, что хотим, дергаем ползунки пока результат нас не удовлетворит. В данном случае я уменьшила насыщенность и увеличила яркость.
Переходим на слой с рамочкой, кликаем внутри нее Волшебной палочкой и, удерживая нажатой клавишу Shift, во всех местах внутри завитков, где мы хотим, чтоб было видно фото. Затем расширяем на пару пикселей выделение. Переходим на слой с фоном и нажимаем Delete.

Рисунок 11

Вам нужно будет создать собственную открытку – виньетку. На работу дается 2 часа. На этом уроке вы начнете, дома продолжите, а на следующем уроке заканчиваете.

Практическая работа.

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

Домашняя работа.

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

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

Шаг 1

Создайте новый документ размером 1500 × 1500 пикселей с разрешением 72dpi, цвета RVB 8bits.

Затем добавьте новый слой: Меню - Слои (Layer) - Новый (New) - Слой (Layer) (Ctrl + Shift + N) и залейте градиентом, перейдя в главное меню - Слои (Layer) - Новый слой- заливка (New Fill Layer) - Г радиент (Gradient)

Шаг 2

Затем, откройте и вставьте в наш документ над слоем с градиентом следующее изображение:

Измените Режим наложения слоя на Линейный осветлитель (добавить) (Linear Dodge)

Шаг 3

Теперь возьмите Инструмент Перо (Pen Tool) (P) в режиме Слой-Фигура (Shape layers) и нарисуйте следующую форму:

Добавьте вторую форму, как на изображении ниже:

Выделите оба слоя с фигурами, и объедините их, нажав Ctrl + E (или кликните правой кнопкой мыши и в выпадающем меню выберите Объединить слои (Merge layers)), а затем щелкните правой кнопкой мыши по слою и перейдите в Параметры наложения (Blending Options), перейдите в стиль слоя Наложение градиента (Gradient Overlay) и выставите настройки как на изображении ниже:

Шаг 4

Теперь возьмите Инструмент Многоугольник (Polygon Tool), в настройках многоугольника поставьте галочку Звезда, поставить 5 для сторон (Sides) и 60% для глубины лучей (Indent Sides By).

Затем нарисуйте пятиконечную звезду, как на изображении ниже:

Щелкните правой кнопкой мыши по слою и перейдите в Параметры наложения (Blending Options) и выставите настройки как на изображении ниже:

Перейдите в стиль слоя Обводка , выберите цвет # b3e3ee, и выставите следующие настройки:

Повторите предыдущие действия, чтобы создать вторую звезду в центре.

Шаг 5

Теперь, для нового объединенного слоя с формами и фигурой создайте размытие: перейдите в Меню - Фильтр (Filter) - Размытие (Blur) - Размытие в движении (Motion Blur) и выставите следующие настройки:

Затем создайте еще одно размытие, перейдя в Меню - Фильтр (Filter) - Размытие (Blur) - Размытие по Гауссу (Gaussian Blur)

Теперь, поместите слой с размытием ниже слоев с первичными формами и слегка сдвиньте.

Шаг 6

Возьмите Инструмент Палец (Smudge Tool), и, используя инструмент размером около 79 пикселей и интенсивностью 50%, попытайтесь придать вашему размытию более резкие формы.

Шаг 7

После этого, создайте новый слой, выше всех слоев: главное меню - Слои (Layer) - Новый (New) - Слой (Layer) (Ctrl + Shift + N), возьмите Инструмент Кисть (Brush Tool) (B), круглую от 2 до 5 пикселей и нарисуйте точки белого и синего # 4495c4 цвета, чтобы получить эффект, подобный этому:

Продублируйте слой, и слегка уменьшить размер.

Примечание переводчика: Для изменения размера, воспользуйтесь Инструментом Трансформации: Редактирование (Edit) - Трансформирование (Transform) - Масштабирование (Scale).

Шаг 8

А затем, щелкните правой кнопкой мыши по слою и перейдите в Параметры наложения (Blending Options), перейдите в стили слоя Внешнее свечение (Outer Glow) с цветом #e6f1f7 и Наложение цвета (Color Overlay) с цветом #b3e3ee; выставите настройки как на изображениях ниже:

Продублируйте слой несколько раз и расположите эти слои, как на изображении ниже:

Шаг 9

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

Примечание переводчика : Чтобы загрузить кисть из архива перейдите в Редактирование (Edit) - Наборы (Presets) - Управление наборами (Preset Manager), выбрать тип набора: кисть - загрузить-выбрать распакованный файл ABR с кистью Звезды - загрузить.

Для этого слоя, с крупными звездами, настройте стили слоя Внешнее свечение (Outer Glow) и Наложение цвета (Color Overlay ), как мы это делали выше.

Шаг 10

Теперь напишите текст, используя шрифт «Indenture English»

Примечание переводчика: для установки нового шрифта, щелкните по нему правой кнопкой мыши, и из появившегося списка выберите пункт Установить. Теперь, он появился у вас в программе Adobe Photoshop.

А затем щелкните правой кнопкой мыши по слою и перейдите в Параметры наложения (Blending Options), перейдите в следующие стили слоя:

Стиль слоя Внутренняя тень (Inner Shadow):

Стиль слоя Внешнее свечение (Outer Glow) с цветом # deecf7:

Внутреннее свечение (Inner Glow):

Стиль слоя Глянец (Satin):

Стиль слоя Наложение градиента (Gradient Overlay):

Стиль слоя Обводка (Stroke) с цветом # 1580b9:

И получаем следующий результат:

Сделайте то же самое для второй части текста.

Шаг 11

Создайте новый слой, снова с помощью Инструмента Кисть (Brush Tool) (B) Звезда, добавьте сверкающие звезды на тексте.

Примечание переводчика: Для этого слоя, расположенного над текстом, настройте стили слоя Внешнее свечение (Outer Glow) и Наложение цвета (Color Overlay ), как мы это делали выше, для слоев со звездами. Или скопируйте стили слоя: зажмите клавишу ALT и перетащит е эффекты со слоя со звездами, на нужный слой.

Шаг 12

Наконец, добавьте корректирующий слой поверх всех слоев: Слои (Layers) - Новый Корректирующий слой (New adjustment layer) - Карта градиента (Gradient Map), выберите градиент Синий, Красный, Желтый, и измените режим смешивания слоя на Перекрытие (Overlay), и уменьшите его непрозрачность (Opacity) до 12%.

И вот, конечный результат - наша красивая новогодняя открытка!

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

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

Создадим простейший фотоколлаж.

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

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

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

Картинки готовы и мы приступаем к обработке собранных изображений.

Делаем прозрачный фон.

Как сделать прозрачный фон у нашей картинки в фотошопе? Очень просто. Большинство способов я уже описал в другой статье, но я не упущу возможности описать один из способов ещё раз.
Открываем картинку в редакторе: Файл > Открыть. Кликаем по нужной.

Перед тем как я начинаю работу с изображением то всегда дублирую его. Благо возможности программы позволяют сделать лишний слой. Для этого кликаем по картинке в панели слоёв, это нужно чтобы сделать её активной и жамкаем Ctrl + J. Вверху у нас появляется копия с которой мы будем работать. Нижнюю оставляем про запас.

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

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

Кликаем волшебной палочкой по фону и нажимаем Delete. Любуемся результатом.

Премещаем вырезанное изображение на другой фон.

Жмём клавишу «V» — тем самым мы выбираем инструмент «перемещение». А теперь просто захватываем персонажа и перемещаем на другую вкладку. У кого не получается тот может нажать на вкладке с персонажем Ctrl + A, затем Ctrl + C, а после, переместившись на вкладку другого изображения жмём Ctrl + V. Обычный копипаст работает и в фотошопе.
Вот что у меня получилось.

С помощью инструмента «Перемещение»(V) мы можем перенести человека на фото в любое место. Я располагаю его справа, потому-что слева я планирую написать поздравление.

Вставляем лицо в фотошопе.

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

Перетаскиваем лицо на фоновую картинку. Вот что имеем на данный момент.

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

Устанавливаем шрифт в фотошоп

Для начала копируем наше поздравление в буфер обмена (Ctrl +C). Заходим в фотошоп, выбираем инструмент «Текст», а затем щёлкаем по тому месту где нужно вставить стишок и жамкаем Ctrl +V. По умолчанию у нас включился Arial и текст смотрится не очень эффектно. Но поздравление появилось и ему можно подобрать красивый шрифт.

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

Мелкие правки

После того как мы установили шрифт в папку Fonts он появляется в панели выбора. Смело щёлкаем и находим необходимую гарнитуру. Для этого изначально стоит запомнить её название.

Моя гарнитура называется Maya. Я нашёл этот шрифт на одном из сайтов специально для этой открытки. Я изменил шрифтовые настройки следующим образом.


В этом уроке вы узнаете, как создать пасхальную открытку в Фотошоп в ярком современном стиле. Начнем!

Подготовка документа

Для начала создаем новый документ. Для этого переходим File – New (Файл – Новый) или нажимаем сочетание клавиш Ctrl+N. В открывшемся окне устанавливаем Width (Ширина) и Height (Высота) на 900 пикселей.

Если вы планируете в дальнейшем распечатать пасхальную открытку, то дополнительно устанавливаем Resolution (Разрешение) на 300 пикселей/дюйм и Color Mode (Цветовой режим) – на CMYK. Только учтите, что при этом оттенки станут менее яркими. В противном случае настраиваем только размер.

Рисуем траву

Переходим к творческой части урока, в которой мы будем рисовать траву-рамку.

Для начала создадим обычный квадрат по размеру нашего документа. Берем Rectangle Tool (U) (Прямоугольник) и с зажатой клавишей Shift рисуем фигуру так, чтобы она покрывала все рабочее полотно. На верхней панели устанавливаем цвет заливки на #3d6731 и отключаем обводку.

Затем берем инструмент Pen Tool (P) (Перо). На верхней панели переключаем режим рисования на Subtract Front Shape (Вычесть переднюю фигуру) и начинаем рисовать первый самый нижний слой травы.

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

На панели слоев дважды кликаем по названию слоя с травой и называем его «Трава 1».

Далее кликаем правой кнопкой по слою «Трава 1» и выбираем Blending Options (Параметры наложения). В открывшемся окне активируем стиль слоя Drop Shadow (Тень) и настраиваем его, как показано ниже.

Таким же образом рисуем второй слой «Трава 2». Для заливки используем цвет #6ca242. Обратите внимание, что слой «Трава 2» должен находиться выше слоя «Трава 1».

Затем применяем стили слоя.

И третий слой «Трава 3».

Добавляем детали

Давайте начнем с пасхальных яиц. Берем Ellipse Tool (U) (Эллипс) и рисуем овал, как показано ниже. Цвет заливки устанавливаем на #94acda. С помощью Direct Selection Tool (A) (Частичное выделение) двигаем боковые усики верхней опорной точки, чтобы сузить верхнюю часть овала и придать форму яйца.

Далее мы нарисуем узоры на яйце. Берем Rectangle Tool (U) (Прямоугольник) и создаем маленький узкий отрезок, как показано ниже. Затем активируем свободную трансформацию (Ctrl+T) и на верхней панели поворачиваем фигуру на 45 градусов.

После этого мы дублируем (Ctrl+J) слой с отрезком, активируем свободную трансформацию (Ctrl+T), кликаем правой кнопке по фигуре и выбираем Flip Horizontal (Отразить по горизонтали). Далее активируем Move Tool (V) (Перемещение) и с помощью стрелок на клавиатуре смещаем копию правее, чтобы из линий получилась стрелка.

После этого мы дублируем (Ctrl+J) обе линии и таким же образом смещаем копию влево или вправо. Продолжаем копировать стрелку, пока не получим зигзагообразный узор.

На панели слоев с зажатой клавишей Ctrl выделяем все слои с линиями и объединяем их в один слой (Ctrl+E).

Размещаем узор над слоем с яйцом и трансформируем его в обтравочную маску (Ctrl+Alt+G). Меняем цвет линий на белый. Если вы не растрировали линии, то можете сделать это, кликнув по миниатюре слоя на панели слоев и выбрав нужный цвет в окне Color Picker (Выбор цвета). Если слой растрирован, то примените к нему стиль слоя Layer – Layer Style – Color Overlay (Слой – Стиль слоя – Наложение цвета) и выберите в качестве заливки белый цвет.

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

Продолжаем чередовать линии, чтобы получить примерно такой результат:

Используя приведенный выше способ, создаем еще несколько яиц разных цветов. Чтобы они немного отличались, на некоторых инструментом Ellipse Tool (U) (Эллипс) рисуем точки (для создания идеального круга удерживайте клавишу Shift).

Нам осталось нарисовать последний элемент – кроличьи уши. Берем инструмент Pen Tool (P) (Перо) и рисуем фигуру белого цвета, как показано ниже.

Внутри фигуры добавляем похожую фигуру и меняем ее цвет на розовый (#fdc1c1).

Дублируем (Ctrl+J) получившееся ухо. Активируем трансформацию (Ctrl+T) копии и слегка меняем ее наклон и положение, как показано ниже.

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

Закончив, ко всем копиям ушей и яиц применяем стиль слоя Drop Shadow (Тень).

В качестве финального штриха добавляем надпись по центру. Для этого используем шрифт Pattaya (https://fonts.google.com/specimen/Pattaya) или любой другой, который вам нравится. Как скачать и установить шрифт вы можете узнать в специальном уроке (ссылка на урок). Цвет выбираем #31bbbd.

На этом все! В этом уроке вы узнали, как создать пасхальную открытку в Фотошоп. Надеюсь, вам понравился материал, и вы научились чему-то новому. Если возникнут вопросы, оставляйте их в комментариях ниже и не забывайте делиться своими результатами. Приятного творчества!