Как сделать открытку в Фотошопе (Photoshop)? Открытка в фотошопе, пошаговый урок.

Здравствуйте, дорогие друзья!

После небольшого перерыва я продолжаю писать новые уроки по фотошопу.

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

В этом уроке я расскажу вам как делается красивая валентинка в фотошопе.

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

Приступаем к работе

Делаем фон

Создаем небольшой новый документ, размером 800*600px.

Открываем заранее подготовленный фон с сердечками - Ctrl+O.

Располагаем окно с фоном и новым документом рядом друг с другом.

Открываем палитру слоев - F7.

На палитре инструментов выбираем инструмент Move Tool (Перемещение).

Удерживая левую клавишу нажатой, перетягиваем фон из палитры слоев в окно с новым документом.

Закрываем документ с фоном, он нам больше не понадобится.

В новом документе отрезаем ненужные края фона рамкой - Crop Tool (C). Очерчиваем документ рамкой по краям и дважды щелкаем левой клавишей.

В новом документе в палитре слоев у нас теперь будет 2 слоя: первоначальный слой с однородным цветом и фон с сердечками.

Удаляем нижний слой, перетянув его на иконку корзины внизу палитры слоев.

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

Заходим в меню Filter — Blur — Radial Blur (Фильтр — Размытие — Радиальное размытие).

Ставим галочку напротив «Линейного» метода. Количество ставим примерно 10.

Рисуем сердце

Создаем новый слой - Ctrl+Shift+N (либо щелкните по иконке нового слоя в палитре слоев).

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

В художественных школах учат видеть в сложных объектах простые формы и уметь визуально разбивать целое на части.

Сердце мысленно можно разбить на два сочлененных шара и конус в основании.

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

Создаем овальную векторную форму с помощью инструмента «Эллипс» (U).

Первоначально цвет фигуры не имеет для нас никакого значения.

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

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

Щелкните правой кнопкой по слою с овалом в палитре слоев и выберите в выпадающем меню «Rasterize Layer» (Растрировать слой).

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

На панели инструментов выбираем Градиент Gradient Tool (G) (если не видно на панели, щелкните на значке с ведерком правой кнопкой).

В верхней панели настроек инструмента выбираем радиальный тип градиента. Щелкаем по градиенту, чтобы настроить цвета.

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

Количество цветов в градиенте определяется квадратными маркерами внизу полосы градиента.

Если у вас тоже только два цвета по краям, добавьте дополнительный третий маркер, щелкнув под полосой градиента в нужном месте (при этом курсор видоизменится).

Когда у нас стало три маркера внизу полосы градиента, настраиваем цвета:

1. Щелкаем по одному из трех квадратных маркеров — в окошке «Цвет» появится цвет выбранного маркера;
2. Щелкаем по этому окошку.
3. В появившемся окне вводим номер цвета в строке «#».

Настраиваем цвета как на картинке:

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

Вот что получилось у меня:

Теперь немного повернем наше яйцо.

Нажимаем Ctrl+T (Свободная трансформация). В верхней панели вводим угол поворота объекта — примерно 20 градусов. Нажимаем Enter, чтобы применить трансформацию.

Снимаем блокировку с прозрачных пикселей вверху панели слоев.

Чтобы сделать вторую половинку сердца, создаем дубликат слоя — Ctrl+J.

Теперь необходимо зеркально отразить нашу половинку сердца. Нажимаем Ctrl+T, щелкаем правой кнопкой, выбираем «Flip horizontal»(Отразить по горизонтали). Нажимаем Enter.

Теперь у нас две половинки сердца находятся на одном месте.

Чтобы ровно переместить вторую половинку относительно первой, выберите инструмент Move Tool (Перемещение), зажмите Shift и передвигайте вторую половинку влево таким образом, чтобы в итоге получилось что-то вроде сердца.

Объедините два слоя с половинками сердца, выделив верхний и нажав Ctrl+E (сочетание клавиш объединяет слой с нижним).

На этом этапе у нас получилась заготовка для сердца. Нам предстоит немного поработать с формой и заретушировать резкий переход в серединке.

Для того, чтобы сгладить переход между овалами, я воспользовалась инструментами Healing Brush Tool (Восстанавливающая кисть) и Blur Tool (Размытие).

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

Теперь подкорректируем форму сердечка.

Заходим в меню Filter — Liqvify (Фильтр — Пластика).

Приближаем изображение — «Ctrl+»(отдалить — «Ctrl-»).

Выставляем небольшой нажим кисти, около 30%.

Выбираем кисть большого диаметра 190-220px, чтобы первоначально вносить глобальные изменения несколькими движениями. Дальше корректируем форму уже более мелкой кистью, примерно 120-100px. Лепим форму сердечка. Стараемся сделать его симметричным. В конце нажимаем «Ok».

Создаем новый пустой слой — Ctrl+Shift+N.

Берем инструмент Elliptical Marquee Tool (Овальная область), выделяем верхнюю половину сердечка. На новом слое заливаем бледно-розовым цветом.

Снимаем выделение — Ctrl+D.

Заходим в меню Filter- Blur -Gaussian blur (Фильтр — Размытие — Размытие по Гауссу). Ставим радиус размытия 20px.

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

Вверху палитры слоев меняем режим наложения слоя на «Screen» (Экран). Opacity (Непрозрачность) ставим 30%.

Берем резинку с мягкими краями Eraser Tool (Ластик)(E), стираем части верхнего слоя на краях сердца.

Идем на слой с сердцем. Добавим немного текстуры.

Заходим в меню: Filter — Noice — Add Noice (Фильтр — Шум — Добавить шум).

Эффект я поставила 1. Поставьте галочку в строке «По Гауссу»и «Монохромный».

Добавляем акварельные разводы

Создаем новый слой — Ctrl+Shift+N. Располагаем его под слоем с сердцем.

Загружаем и устанавливаем кисти для урока. .

Берем инструмент кисть — Brush Tool (B).

Выбираем любой понравившийся акварельный оттистк кисти, щелкнув по стрелочке в верхней панели настроек инструментов, чтобы раскрыть палитру кистей.

Регулировать размер кисти вы можете, двигая ползунок в строке «Размер», либо используя горячие клавиши «[" - уменьшить диаметр и "]» — увеличить диаметр.

Внизу панели инструментов щелкаем по верхнему квадратику, чтобы задать цвет, которым будем рисовать.

На новом слое рисуем акварельные разводы нежно-розовым цветом, я взяла #e089b8.

Создаем еще один слой Ctrl+Shift+N, выбираем другую акварельную кисть и на новом слое ставим другой отпечаток, я взяла уже другой цвет #d96b7f.

Опять создаем новый слой, рисуем третий отпечаток. Светло-розовым, почти белым цветом — #ffcbdc.

Вот что получилось у меня:

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

В палитре слоев дважды кликаем на любом из трех слоев с брызгами, например, верхнем.

В открывшемся окне «Layer style» (Стиль слоя) ставим галочку и щелкаем по строке «Drop Shadow»(Тень).

Ставим такие настройки:

Щелкаем правой кнопкой по слою, к которому только что применили тень.

В выпадающем меню выбираем «Copy Layer style» (Скопировать стиль слоя).

В палитре слоев выделяем два оставшихся слоя, щелкаем правой кнопкой, выбираем «Paste Layer style» (Вклеить стиль слоя).

На этом этапе получается примерно вот что:

Рисуем цветочные узоры

Создаем еще один новый слой над слоями с акварельными разводами.

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

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

Вот что получилось у меня на этом этапе:

Выделите все слои с цветочными узорами (добавляйте слои к выделению при помощи зажатой клавиши Ctrl). Затем нажмите Ctrl+E, чтобы объединить слои.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Задачи:

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

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

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

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

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

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