Сайт о телевидении

Сайт о телевидении

» » Как создать поздравительную открытку в фотошопе. Делаем открытку в фотошоп

Как создать поздравительную открытку в фотошопе. Делаем открытку в фотошоп

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

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

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

Итак, переходим к созданию открытки. Создаем новый файл (рабочий файл) размером 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 часа. На этом уроке вы начнете, дома продолжите, а на следующем уроке заканчиваете.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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


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

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

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

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