Открытка, созданная своими руками, моментально возводит Вас в ранг человека, который «все помнит, обо всем заботится лично». Это может быть поздравление с праздником, привет с места отдыха или просто знак внимания.
Такие открытки являются эксклюзивными и, если сделаны с душой, могут оставить (обязательно оставят!) в сердце получателя приятный след.
Сегодняшний урок будет посвящен не дизайну, потому как дизайн — это лишь дело вкуса, а технической стороне вопроса. Именно техника создания открытки и является основной проблемой для человека, который решился на подобное действие.
Мы поговорим о создании документов для открыток, немного о верстке, сохранении и печати, а также о том, какую бумагу выбрать.
Документ для открытки
Первым шагом на пути производства открытки является создание нового документа в Фотошопе. Здесь необходимо уяснить только одно: разрешение документа должно быть не менее 300 пикселей на дюйм. Такое разрешение является необходимым и достаточным для печати изображений.
Далее определяемся с размером будущей открытки. Удобнее всего перевести единицы измерения в миллиметры и ввести необходимые данные. На скриншоте Вы видите размеры документа формата А4. Это будет довольно крупная открытка с разворотом.
Далее следует еще один немаловажный момент. Нужно изменить цветовой профиль документа с RGB на sRGB . Никакая техника не способна полностью передать схему RGB и изображение на выходе может отличаться от исходного.
Верстка открытки
Итак, документ мы создали. Теперь можно приступать непосредственно к дизайну.
При верстке важно помнить, что если открытка планируется с разворотом, то для сгиба требуется выделить место. Достаточно будет 2 мм.
Как это сделать?
Имейте в виду, что в пикселях размер документа может быть огромным (в нашем случае это A4, 3508х2480 пикселей) и изображение необходимо подбирать соответствующее, так как при увеличении последнего может значительно ухудшиться качество.
Сохранение и печать
Сохранять подобные документы лучше всего в формате PDF . Такие файлы передают максимальное качество и их легко распечатать дома и в типографии. Кроме того, вы можете в одном документе создать две стороны открытки (в том числе и внутреннюю) и использовать двухстороннюю печать.
Печать документа PDF осуществляется стандартно:
Если вдруг после печати Вы увидели, что цвета на открытке отображаются некорректно, то попробуйте поменять режим документа на CMYK , заново сохранить в PDF и распечатать.
Бумага для печати
Для печати открытки вполне будет достаточно фотобумаги с плотностью 190 г/м2 .
Это все, что можно сказать о создании открыток в программе Фотошоп. Креативьте, создавайте оригинальные поздравительные и памятные открытки, радуя своих близких.
Создадим новый документ, зальем цветом #BEB095 .
Материалы для урока:
Текстура
Вы можете найти любую модель, которая вам нравится. Я выбрал фотографию этой леди. Предварительно вырезал ее инструментом Перо . Дублируйте слой с девушкой, нажмите Ctrl+T - отразить по горизонтали и немного увеличьте в размере. Разместите девушек примерно так:
Открываем текстуру, переносим ее на фон (под слои с девушками), изменяем режим наложения на Умножение .
Теперь открываем картинку с деревом, используем инструмент Волшебная палочка , чтобы вырезать дерево из фона.
Перемещаем дерево на фон, устанавливаем режим смешивания Затемнение основы .
Открываем палитру Кистей, выбираем эту кисть (загрузить кисть можно из архива)
Цвет кисти белый. Применяем кисть на картинке. На четырех отдельных слоях рисуем кистью и с помощью Ctrl+T поворачиваем элемент, чтобы получилась вот такая рамочка:
Нажимаем Ctrl+E, чтобы слить эти четыре слоя. Перейдем Слои - Стиль слоя - Параметры наложения - Внешнее свечение , чтобы кисть засверкала. Устанавливаем: непрозрачность - 35%, размах - 2%, размер - 5 пикс., диапазон - 50%:
Создаем новый слой. Используя мягкую кисть черного цвета 200px, пройдитесь по форме нашей рамочки так, как на рисунке. Переместим этот слой под слой с рамочкой.
Пройдемся фигурной кистью еще раз или дублируем слой с нашей рамкой и немного сместим ее:
Перейдем в Слои - Новый корректирующий слой - Карта градиента . Ставим режим Мягкий свет . Непрозрачность 40%. Нажимаем "Да".
Близится прекрасный день – день рождения у близкого человека, а может просто праздник, и так хочется сделать что-то приятное близким и родным. А для этого ведь многого и не надо, всего лишь сделать что-то красивое своими руками и этим красивым может стать поздравительная открытка.
Прежде, чем приступить к её созданию, рассмотрим секреты оригинальной и гармоничной открытки.
- Обязательное наличие приятного заднего фона, в качестве такого лучше всего подойдет легкая текстура: мятая бумага, шелковая ткань и т.д.
- Очень симпатично смотрятся слегка видимые прописные буковки на заднем фоне. Есть готовые изображения с текстом. Пример:
- Рамочка с цветами, в которую можно поместить фотографию получателя такой открытки.
- Клипарты цветов, почему клипарты? Потому что их не нужно вырезать и они уже находятся на прозрачном слое.
- Декор в виде прошивочек, мелких деталей в виде бантиков, шариков, бабочек и др.
- Красивые шрифты.
- Не перебарщивать в количестве изображений.
Итак, переходим к созданию открытки. Создаем новый файл (рабочий файл) размером 800*800 пикселей.
Открываем изображение, которое будет фоном открытки. Копируем его: с помощью инструмента «Прямоугольная область», удерживая левую кнопку мыши, обводим изображение, во вкладке «Редактирование» выбираем функцию «Копировать» и закрываем файл с изображением. В рабочий файл при помощи вкладки «Редактирование» выбираем функцию «Вставить» вставляем скопированное изображение и далее изменяем его размер. Для этого во вкладке «Редактирование» выбираем функцию «Трансформирование», «Масштабирование» и слой с изображением, которое нужно изменить в размере выделяется прямоугольной областью. При помощи мыши левой кнопкой берем за уголочек прямоугольной области и сдвигаем слой с изображением так, чтобы оно полностью закрыло белый фон рабочего файла.
Открываем файл с изображением текста. Копируем это изображение и вставляем в рабочий файл нашей открытки. Меняем, если нужно размер слоя с изображение буковок таким же образом, как мы изменяли размер слоя с фоном. Теперь приступаем к обработке слоя с текстом. Нам необходимо инструментом «Ластик» стереть границы этого изображения. Разер ластика можно выбрать в окошке, обозначенном на рисунке стрелочкой и он должен быть побольше, потому как это придаст изображению эффект полупрозрачности.
Чтобы фрагмент изображения с текстом не смотрелся грубо и нелепо переходим в окошко «Слои», обычно оно находится справа, если его там нет, то заходим во вкладку «Окно» и выбираем «Слои». В этом окошке в строке «Непрозрачность» передвигаем курсор левой кнопкой мыши в сторону уменьшения.
Открываем файл с изображением рамочки. Копируем это изображение и вставляем в рабочий файл нашей открытки. Меняем, если нужно размер слоя с изображение рамочки таким же образом, как мы изменяли размер слоя с фоном. Изображение можно также наклонять, для этого во вкладке «Редактирование» выбираем функцию «Трансформирование», функция «Поворот». У нас появляется прямоугольная область выделения по границе слоя с рамочкой и при помощи левой кнопки мыши берем за уголочек прямоугольного выделения и поворачиваем слой в нужную нам сторону.
Если мы хотим вставить в открытку фото получателя, то открываем файл с фото и копируем его. Вставляем в рабочий файл. Но вставить мы его должны между слоем рамочки и слоем, находящимся под рамочкой. Для этого левой кнопкой мыши становимся на слой, находящийся под рамочкой и делаем его таким образом активным.
Переходим во вкладку «Редактирование» функция «Вставить» и фото вставляется над слоем, который у нас активен. Фото появилось у нас в рабочем файле, теперь его необходимо сдвинуть под рамочку. Переходим во вкладку «Редактирование», выбираем функцию «Трансформирование», «Масштабирование» и удерживая левую кнопку мыши берем слой с фото в середине и двигаем. Можем воспользоваться функцией «Поворот». Если у нас виден край фото из-под рамки, то берем инструмент «Прямолинейное лассо» и обводим площадь возле кусочка фотографии, который нам нужно удалить.
Конец линии обводки, выполняемую «Прямоугольным лассо» нужно довести до начала линии и область для дальнейших действий активна. Теперь нажимаем кнопку deleteна клавиатуре. Таким образом, видимый кусочек фото из-под рамки удален.
Становимся левой кнопкой мыши на верхний слой в окошке «Слои». Открываем файл с бабочками, именно бабочки у нас выполнят роль декора. Копируем бабочку и вставляем в рабочий файл. Располагаем бабочку там, где нам это кажется применимо и красиво.
Теперь переходим к тексту.
Левой кнопкой мыши активируем верхний слой в окошке «Слои». Нажимаем на инструмент «Текст» — «Т» на панели слева сбоку. У нас появляется вместо курсора мыши палочка и мы левой кнопочкой мыши устанавливаем её на поле рабочего файла. Теперь можно написать текст. Пусть это будет: Поздравляю, дорогая!
Выделяем надпись удерживая левую кнопку мыши слева направо ведем мышь, тем самым устанавливаем выделение текста. И переходим к функции размера шрифта, как показано стрелочкой на рисунке.
Можно поменять так же тип шрифта в строке указанной стрелочкой, так же выделив перед этим текст.
Также можно поменять цвет текста. Для этого выделяем текст и нажимаем мышкой в окошке с цветом, как указано стрелочкой.
У нас открывается палитра цветов, в которой мышкой можно нажимать тот участок цвета, который понравится.
Для лучшего эффекта сделаем обводку текста. Для этого левой кнопкой мыши активируем слой с текстом в окошке «Слои» и правой кнопкой вызываем меню, в котором выбираем «Параметры наложения».
У нас открывается окошко, в котором есть внизу строка «Обводка». Ставим мышкой галочку возле «Обводка» и нажимаем на строку «Обводка».
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. Теперь при помощи трансформирования поверните надпись.