Пошаговое создание открытки в редакторе photoshop cs5. Создаем яркую поздравительную открытку в фотошоп

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

Задачи:

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

Программное обеспечение: программа для обработки растровых изображений А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 часа. На этом уроке вы начнете, дома продолжите, а на следующем уроке заканчиваете.

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

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

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

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

2. Выбираем в палитре цветов на панели черный цвет (1), берем инструмент эллипс (2) с такими параметрами (3) и рисуем овал, отступив от верхнего левого угла 1 клеточку, чтобы остались чистые границы. Получаем овал, залитый черным цветом. Внимательнее с настройками инструмента, иначе овал может остаться бесцветным.

3. Затем клик правой кнопкой по слою — растрировать слой. Края у овала становятся ровными.

4. Открываете в фотошопе картинку. У меня будет такая, вы можете подобрать свою.

5. Переносим картинку на подготовленный черный овал. Стоим на слое с кошками, идем на верхней панели в Выделение — Всё. Затем Редактирование — Скопировать. Переходим в слоях на слой с овалом. Редактирование — Вставить. Кошки появились на овале. Расположим их в центре с помощью инструмента Перемещение (самый верхний инструмент) и уменьшим в размере. Для этого идем в Редактирование — Свободное трансформирование, появляется рамочка с маркерами. Зажимаем на клавиатуре клавишу Shift и подтягивам картинку внутрь попеременно за угловые маркеры. Теперь немного опустим картинку вниз, просто зажав левую кнопку мыши и двигая всю картинку, так как сверху место нам понадобится для текста открытки. Enter — Применить.

6. Теперь начинаем работать с нашим овалом. В панели слоев у нас 2 слоя, переименованные соответственно в слой Овал и слой Кошки. Встаем на слой Овал, идем на верхней панели в Окно и выпадающем окне выбираем Стили-открылось окно стилей. Если у вас еще нет никаких стилей в фотошопе, кроме родных, вы можете скачать стили по моим ссылкам под Рубрикой или найти подходящие в интернете. Как добавлять стили в фотошоп я рассказывала в одном из моих .

7. Теперь, стоя на слое Овал просто попеременно кликаем на подходящие по цветовой гамме стили, чтобы сочеталось с Кошками. Я остановилась вот на таком, коричневом, он неплохо сочетается с кошками и отвечает моей задумке, потому что я хочу сделать открытку «Спокойной ночи». При выборе стиля, не забывайте, что картинку будете сохранять в PNG и поэтому стиль не должен быть с широкой большой тенью, иначе после сохранения тень будет видна на любом фоне, как совершенно черная. Я выбрала стиль, где совсем нет тени. Вообще, я считаю, что стилей много не бывает. Я постоянно ищи или делаю сама новые, а чтобы не перегружать фотошоп, я одни стили убираю, а другие ставлю.

8. Зато кошкам точно надо добавить тени, чтобы они смотрелись более объемно. Идем в Параметры наложения и в выпадающем окне выбираем тень вот с такими значениями и жмем ОК.

9. Создаем новый слой, нажимая на значок (4) в панели слоев и ставим его вверху всех слоев. Затем выбираем инструмент Эллипс (5) вот с такими параметрами (6) и рисуем на картинке фигуру, по которой у нас будет располагаться текст.

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

11. Подбираем подходящий шрифт и размер шрифта. Если все же ваш текст встал неровно, то идем на верхней панели в Редактирование — Свободное трансформирование и за уголок поворачиваем текст вправо или влево, кому куда требуется. Нажимаем Enter.

12. Чтобы убрать ненужный уже контур, идем на панели слоев в Контуры и кликаем левой кнопкой мышки по пустому месту. Контур исчез. Возвращаемся в Слои.

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

моей подруги Олечки Коноваловой. Наша открытка в общем-то готова. Проверим размер открытки. Идем в верхней панели в Изображение — Размер изображения и по ширине ставим 500 пикселей- это вполне достаточный размер для обычной открытки. Файл — Сохранить как и сохраняем в PNG. Идем и любуемся.


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

Скачать урок фотошопа можно бесплатно, с Яндекс Диска, вместе с описанием урока.

Удачного творчества!

Муниципальное бюджетное учреждение

дополнительного образования

«Кулебакский Центр детского технического творчества»

Пошаговая инструкция

«Создание праздничной открытки в программе Photoshop с 23 февраля»

Составила: Маслова М.В.,

педагог дополнительного образования

г.о.г. Кулебаки

Для создания открытки на 23 февраля нам понадобится

Этапы урока создания открытки ко дню Защитников Отечества:


Загрузим выделение флага, для этого кликнем по иконке слоя с флагом с зажатой клавишей Ctrl. Создайте новый слой и не снимая выделения залейте его черно-белым линейным градиентом.


Проведите градиентом горизонтально. В результате этих действий получится такая картина:

Уменьшите непрозрачность верхнего слоя с градинтом до 30-40% и вы получите развивающийся флаг в фотошопе:


Дорабатываем фон. Вы можете добавить красные звезды на фон милитари. Воспользуйтесь кистями из стандартного набора:


Создайте новый слой над фоновым и красной кистью непрозрачности 18-20% нарисуйте 2-3 звезды.

Глянец, Обводка

    Добавляем клипарт лавровые ветви. Дублируем слой с ветвью, отражаем ее по горизонтали (Редактирование –> Трансформирование –> Отразить по горизонтали или в английской версии Edit –>Transform –>FlipHorizontal) и при помощи инструмента Перемещение расположите лавровые ветви под звездой таким образом.

    Последний этап урока создания открытки к 23 февраля в фотошоп является рисование армейского жетона с поздравительной надписью. Выбираем инструмент Прямоугольник со скругленными краями (RoundedRectangleTool), цвет фигуры черный, в настройках выставляем радиус (Radius) = 30 пикс.


Теперь кликаем дважды по слою с фигурой и попадаем в стили слоя. Здесь активируем DropShadow (Тень) и GradientOverlay (Наложение градиента), параметры выставляем по скриншотам:



Растрируем слой с фигурой жетона (клик правой кнопкой мыши по слою с фигурой и выбираем Rasterize Layer, или Растрировать слой.
Далее берем инструмент Овальная область (Elliptical Marquee) c настройками стиля – заданный размер 15 на 15 пикс. и создаем выделение округлой формы в верхней части жетона, нажимаем клавишу Delete. Так мы получаем отверстие в жетоне.

Снимите выделение и дублируйте слой с жетоном (Ctrl + J), затем клик по иконке слоя с зажатой клавише Ctrl. Загрузится выделение вокруг жетона и отверстия. Возьмите инструмент Овальная область (EllipticalMarquee), стиль обычный, активная кнопка “Добавление к выделенной области”
и создайте выделение вокруг отверстия жетона, но внутри выделения самого жетона.

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

Теперь для верхнего слоя с жетоном применим команды Select –> Modify –>Contract (Выделение –> Модификация –> Сжать) на 10 пикс. После этого нажмите клавишу Delete. Получим

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


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

Применим команды Select –>Modify –>Contract (Выделение –> Модификация –> Сжать) на 3 пикс. Нажмите клавишу Delete.

Теперь создаем новый слой, заливаем его цветом и выполняем команды Фильтр –> Шум –> Добавить шум (Filter –>Noise –>AddNoise).

Теперь команда Filter –>Blur –>MotionBlur (Фильтр –> Размытие –> Размытие в движении), угол выставляем –60, а смещение 30.

Клик по иконке слоя с армейским жетоном + Ctrl. Загрузится выделение жетона. Теперь сделайте активным верхний слой и добавьте маску слоя. Получим –>

Измените режим смешивания верхнего слоя на Умножение (Multiply).

Объедините все слои, из которых состоит жетон в группу. При помощи свободного трансформирования (Ctrl + T) поворачиваем армейский жетон под углом –55” (вы можете сделать это произвольно). Теперь пишем текст, перейдите в группу, сделайте активным верхний слоя, выберите текст и напишите “С 23 февраля” или “С днем защитником Отечества”. Цвет текста на ваше усмотрение. Я взяла шрифт Molot. Теперь при помощи трансформирования поверните надпись.

Как сделать открытку в Фотошопе (Photoshop)?

Мы привыкли вместе с подарками на праздники дарить открытки. Но что делать, если хочется поздравить человека, который живет далеко от вас? Отправить ему электронную открытку. Можно найти в сети Интернет готовую понравившуюся открытку и отправить на электронную почту адресата. А можно открыть редактор Photoshop и создать что-то свое, оригинальное и неповторимое. Как сделать открытку в Фотошопе? Сейчас узнаем.

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

  • Первым делом создаем документ. Для этого кликаем сначала в меню «Файл», затем «Создать». Сразу же определяем размеры открытки и сохраняем их, уверенно нажимая «ОК».
  • Следующим действием будет поиск меню «Инструмент», где следует выбрать «Прямоугольник». Этим прямоугольником выделяем наш лист.
  • По слою с объектом щелкаем двойным щелчком, в открывшемся меню кликаем по строке «Стиль слоя». В нужной нам строке «Наложение градиента» выбираем режим, для нас он «Нормальный».
  • Далее устанавливаем следующие значения:
    • непрозрачность - 100%;
    • угол - + 31;
    • стиль - «Радиальный»;
    • масштаб - 117%.
  • Поскольку нам нужно выяснить, как создать открытку в Фотошопе цветную, добавим возможность варьировать цветовую гамму на поле с цветами.
  • Установим следующие значения цветов:
    • первое - 0067А9;
    • второе - CDF5FF;
    • третье - 040023.
    • Ползунки, указывающие цвета, установим так: один - на ¼ от левого края, второй - на ¼ от правого края, а третий - в самом конце линейки. Выбор не забываем подтвердить, кликнув «ОК».
  • В меню «Инструменты» выбираем «Перо» и рисуем сугроб.
  • В стиле слоя устанавливаем «Внутреннее свечение», а также «Наложение градиента». Между цветами устанавливаем растяжку - 004D8E и 68C4ED.
  • В инструментах находим опцию «Произвольная фигура», ставим дерево и выбираем цвет 003274. После этого рисуем ель - хвойное новогоднее дерево.
  • Добавим еще несколько деревьев с помощью клавиш Ctrl+J. Изменим, как захочется, цвет и размер. Переместим туда, где место кажется наиболее подходящим. Можно пользоваться цветами 00578C, 108FDC, 0078C1. Еще нарисуем снежинки.
  • Подрисуем несколько сугробов, усилим внутреннее свечение, выставим цвет A7FEF6. На один из сугробов применим наложение градиента. Поиграем с гаммой цветов. Снег на открытке может быть белым или голубым, в затененных местах - синим.

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

Фотография в открытке

  • Откроем нужное фото человека.
  • На панели инструментов выберем «Быстрое выделение» и обозначим изображение. Можно взять инструмент «Волшебная палочка», если человек сфотографирован на однотонном фоне. Но так бывает редко, чаще фон неоднородный.
  • Копируем выделенный участок фото и переносим его в нашу открытку.
  • Стараемся вставить фигуру человека между слоями так, чтобы он как можно естественнее вписался в пейзаж.
  • В завершении работы можно добавить надпись «С наилучшими пожеланиями». Для этого на панели инструментов находим «Текст» и пишем желаемые слова.
  • Изменяем надпись до тех пор, пока она не покажется нам совершенной, с помощью изменения стиля.
  • Не забываем сохранить открытку, когда работа будет завершена.

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

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

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

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

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

Документ для открытки

Первым шагом на пути производства открытки является создание нового документа в Фотошопе. Здесь необходимо уяснить только одно: разрешение документа должно быть не менее 300 пикселей на дюйм. Такое разрешение является необходимым и достаточным для печати изображений.

Далее определяемся с размером будущей открытки. Удобнее всего перевести единицы измерения в миллиметры и ввести необходимые данные. На скриншоте Вы видите размеры документа формата А4. Это будет довольно крупная открытка с разворотом.

Далее следует еще один немаловажный момент. Нужно изменить цветовой профиль документа с RGB на sRGB . Никакая техника не способна полностью передать схему RGB и изображение на выходе может отличаться от исходного.

Верстка открытки

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

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

Как это сделать?


Имейте в виду, что в пикселях размер документа может быть огромным (в нашем случае это A4, 3508х2480 пикселей) и изображение необходимо подбирать соответствующее, так как при увеличении последнего может значительно ухудшиться качество.

Сохранение и печать

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

Печать документа PDF осуществляется стандартно:


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

Бумага для печати

Для печати открытки вполне будет достаточно фотобумаги с плотностью 190 г/м2 .

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