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

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

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

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

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

«Создание праздничной открытки в программе 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. Теперь при помощи трансформирования поверните надпись.

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

Прежде, чем приступить к её созданию, рассмотрим секреты оригинальной и гармоничной открытки.

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

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

Итак, переходим к созданию открытки. Создаем новый файл (рабочий файл) размером 800*800 пикселей.

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

Открываем файл с изображением текста. Копируем это изображение и вставляем в рабочий файл нашей открытки. Меняем, если нужно размер слоя с изображение буковок таким же образом, как мы изменяли размер слоя с фоном. Теперь приступаем к обработке слоя с текстом. Нам необходимо инструментом «Ластик» стереть границы этого изображения. Разер ластика можно выбрать в окошке, обозначенном на рисунке стрелочкой и он должен быть побольше, потому как это придаст изображению эффект полупрозрачности.

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

Открываем файл с изображением рамочки. Копируем это изображение и вставляем в рабочий файл нашей открытки. Меняем, если нужно размер слоя с изображение рамочки таким же образом, как мы изменяли размер слоя с фоном. Изображение можно также наклонять, для этого во вкладке «Редактирование» выбираем функцию «Трансформирование», функция «Поворот». У нас появляется прямоугольная область выделения по границе слоя с рамочкой и при помощи левой кнопки мыши берем за уголочек прямоугольного выделения и поворачиваем слой в нужную нам сторону.

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

Переходим во вкладку «Редактирование» функция «Вставить» и фото вставляется над слоем, который у нас активен. Фото появилось у нас в рабочем файле, теперь его необходимо сдвинуть под рамочку. Переходим во вкладку «Редактирование», выбираем функцию «Трансформирование», «Масштабирование» и удерживая левую кнопку мыши берем слой с фото в середине и двигаем. Можем воспользоваться функцией «Поворот». Если у нас виден край фото из-под рамки, то берем инструмент «Прямолинейное лассо» и обводим площадь возле кусочка фотографии, который нам нужно удалить.

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

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

Теперь переходим к тексту.

Левой кнопкой мыши активируем верхний слой в окошке «Слои». Нажимаем на инструмент «Текст» — «Т» на панели слева сбоку. У нас появляется вместо курсора мыши палочка и мы левой кнопочкой мыши устанавливаем её на поле рабочего файла. Теперь можно написать текст. Пусть это будет: Поздравляю, дорогая!

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

Можно поменять так же тип шрифта в строке указанной стрелочкой, так же выделив перед этим текст.

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

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

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

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

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

Задачи:

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

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

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

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

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

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

А сегодня мы рассмотрим простой и быстрый способ создания поздравительной открытки в Фотошоп , которую потом можно распечатать на принтере и дополнительно украсить объёмными элементами. Такие работы хранят чувства, которые хочет передать создатель. Да и получатель будет рад открытке ручной работы.

Рассмотрим, как сделать открытку с Днем рождения в Фотошоп

Для работы нам понадобиться:

Программа Photoshop CS5

Цветовые фоны и разные картинки по теме открытки

Текстовые поздравления к празднику

Цветной принтер

1. Подобрать картинки в формате png – это разные рисунки на прозрачном фоне, которые достаточно только расположить на выбранной основе. Такие изображения (клипарты) можно поискать в Интернете. Вот на этом сайте находятся много готовых скрап-наборов, в которых подобраны разные картинки, но по одной теме и в одном стиле: http://sviden.ru/pscliparts/ Также в конце этой статьи вы найдете ссылку на скачивание большого набора картинок пиратской тематики.

2. Создать в Фотошопе два изображения для лицевой и внутренней стороны открытки (Файл-Создать или с помощью горячих клавиш Ctrl+N ) размером формата А4 и на них разместить выбранный фон- нажав и удерживая левую кнопку мыши, перетаскиваем картинку из папки с рисунками на созданное изображение. Придаем фону нужный размер и жмем “Enter” .

3. Составляем лицевую сторону открытки из картинок: вставляем нужные рисунки, подгоняем размер (чтобы пропорционально изменить размер, нажать и удерживать клавишу “Shift” при маштабировании), вращаем по оси и т.д. Помните, что элемент, который находится на более высоком слое, будет перекрывать элемент, находящийся на более низком слое на панели “Слои”.

4. Внутреннюю сторону открытки таким же образом заполняем картинками и оформляем красивым поздравительным текстом. Для этого воспользуемся инструментом “Горизонтальный текст” (Т) на панели инструментов. Настройте нужные Вам параметры текста: размер, шрифт, цвет, эффекты (Окно-Символ).

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

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

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

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

У меня стоит фотошоп CS6 и все уроки я буду проводить в нём.

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

Поздравляю Игоря с Днём Рождения!

Почему я решила создать эту рубрику — да нежданчик подкрался незаметно - на дружественном блоге Игоря Черноморца в комментариях к его посту о создании баннера все сильно ко мне приставали (прям, как в молодости!) — покажи, да покажи, как там работать — в фотошопе. А я девушка скромная — что буду ломаться — взяла и показала...

Для этого пришлось за два дня освоить новую программу FastStone Capture — очень простенькая и без технических прибамбасов! Легко сняла видео с экрана как я шаг за шагом делаю поздравительную открытку в фотошопе — для Игоря Черноморца, у которого праздник - день варенья.

Игорь — принимай подарок, пришлось глубокую летнюю, знойную лень отправить в пень, и сделать не только открытку, но и урок о её создании! Вытираю пот со лба натруженной рукой.

Были и мытарства в процессе творчества — снятое видео получилось хорошего качества, но...
Но! Звука почти не было. Пришлось загрузить файл в Camtasia Studio и увеличить громкость звуковой дорожки. Так я одним махом убила две программы для создания видео с экрана. Как получилось — судить вам...

А я просто радуюсь:
— Ура!!! Я справилась.
Надеюсь, что вам будет полезно, интересно и этим я помогу начать работать в моём любимом фотошопе.

Хочешь открытку — делай, как я!

В видео я немного оговорилась с размером — сказала ширина — 60, высота — 400, а на самом деле в создаваемой открытке размер 600*400 пикселей.

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

Смотрим и рукоплещем: ай, да я, ай, да Галка, молодец! Как солёный огурец!

Во втором уроке (он уже готов и завтра выложу на блог), я всю ночь вырезала разные кусочки видео и аудио дорожек, добавила заставку (пока без музычки) — то есть, чуть увереннее почувствовала себя в программе по съёмке и редактированию видео. Надеюсь, что вы меня простите за не профессионализм — первый блин всегда комом, а тут — целый блинище!

Короче, пока народ наслаждается летом, я осваиваю новые навыки. И мне это очень нравится — совсем не сплю ночами.

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