Открытки в фотошопе как делать: Как сделать открытку в Фотошопе

1. Выберите изображение, которое будет использоваться в качестве фона открытки. Поместите этот слой ниже группы «имя».
2. Над группой «имя» добавьте прямоугольник шириной 7 дюймов и высотой 5 дюймов без заливки и белой обводкой 40 пикселей. Это будет границей открытки.
3. Добавьте новые изображения в качестве обтравочных масок для каждой отдельной буквы, чтобы в каждой букве было другое изображение. Если вы хотите поместить изображение внутри буквы «N», добавьте изображение в свой файл. Поместите это изображение в качестве слоя чуть выше буквы «N». Выбрав слой изображения, введите Ctrl-Alt-G (ПК)/Cmd-Option-G (Mac) или перейдите в Слой > Создать обтравочную маску . Теперь вы должны видеть изображение только внутри буквы «N». Повторите для всех букв.
4. Отрегулируйте размер и расположение изображений, которые вы прикрепили к буквам. Вы можете сделать это, выбрав изображение и набрав Ctrl-T (ПК)/Cmd-T (Mac) или выбрав Правка > Свободное преобразование .
5. Добавьте к названию корректирующий слой, например Цветовой тон/Насыщенность , чтобы улучшить читаемость. я люблю использовать Hue/Saturation и поставьте галочку для , раскрасьте так, чтобы имя было у всех одинаковым цветом. Поэкспериментируйте с несколькими различными вариантами, пока не найдете тот, который вам понравится.
6. Добавьте другой корректирующий слой к фоновому изображению, чтобы сделать имя более заметным. В этом примере я использовал градиентную заливку с режимом наложения , например , умножить и низкой непрозрачностью .
7. Создайте новый текстовый слой с «привет от…» в Напряжение Жирный шрифт . Это должно быть над названием, но с меньшим размером шрифта. Добавьте текстовый слой с подзаголовком о пункте назначения под названием, например «дом фьордов». Убедитесь, что оба новых текстовых слоя разборчивы. В этом примере я сделал их белыми, чтобы их можно было прочитать на более темном фоне. Вам может понадобиться добавить обводку или тень к этим слоям, если фоновое изображение сложное.
8. Выберите «имя», а также текстовые слои «приветствия» и «слоган». Использование Ctrl-T (ПК)/Cmd-T (Mac) или Правка > Свободное преобразование , переместите указатель мыши к внешнему углу, пока не увидите изогнутую стрелку, позволяющую вращать слои.
9. Продолжайте экспериментировать с цветом, корректирующими слоями и размещением изображений внутри букв, пока не будете удовлетворены.

Спасибо за внимание, и дайте мне знать, как все прошло! Буду рад увидеть готовые проекты!

Как создать дизайн большой открытки в винтажном стиле

«Большие буквы» — название популярного стиля оформления открыток в середине 20 века. Эти открытки, часто сопровождаемые словами «Привет из…», представляли название места с эффектами искусственного 3D-типа и содержали различные изображения этого места, вырезанные на лицевой стороне текста каждой буквы. Этот стиль стал культовым, и на него ссылаются дизайнеры, которые хотят создавать произведения искусства с ностальгической или ретро-темой. В сегодняшнем уроке я покажу, как создать дизайн открытки с большими буквами в винтажном стиле, используя инструменты, доступные в Adobe Illustrator и Adobe Photoshop, чтобы воспроизвести визуальные черты этих оригинальных сувениров.

Неограниченное количество загрузок из более чем 2 000 000 кистей, шрифтов, графики и шаблонов дизайна Объявление

Подпишитесь на канал Spoon Graphics на YouTube

Дизайн, который мы будем создавать в этом уроке, вдохновлен классическим стилем открыток с большими буквами. Мы будем использовать Adobe Illustrator для создания стиля 3D-текста, а затем импортируем изображение в Adobe Photoshop, чтобы воспроизвести эффекты изображения в каждой букве. Добавление некоторых графических фильтров и текстур придаст цифровому дизайну эстетику винтажного принта.

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

Мы начнем в Adobe Illustrator, где мы создадим основной макет текста. Создайте новый документ и укажите выбранное вами название места с помощью инструмента «Текст». Выберите сильный и жирный шрифт. Я использую Futura Condensed Extra Bold с уменьшением трекинга до -50.

Преобразуйте текстовый элемент в контуры, выбрав Преобразовать контуры в контекстном меню или с помощью сочетания клавиш CMD+Shift+O. Это превратит шрифт в серию векторных форм букв.

Выберите «Объект» > «Контур» > «Смещенный контур». Введите 2px в меню параметров, чтобы создать увеличенную копию текстовых фигур. Залейте эти новые фигуры светло-серым цветом.

Используйте меню Object > Path > Offset Path еще раз, чтобы добавить еще один увеличенный контур в 2 пикселя. Измените заливку этого второго контура на средне-синий образец.

В настоящее время контуры каждой буквы перекрывают друг друга. Щелкните правой кнопкой мыши и выберите «Разгруппировать», чтобы разделить 3 набора текстовых фигур.

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

Сделайте новый выбор всех исходных фигур черного текста. Щелкните правой кнопкой мыши и выберите «Расстановка» > «На передний план».

Нарисуйте выделение вокруг всей формулировки, чтобы захватить все текстовые формы, затем щелкните правой кнопкой мыши и выберите «Группировать».

В меню «Эффект» выберите «3D» > «Выдавливание и скос». Измените настройки положения на 1°, 1° и 0°. Увеличьте глубину выдавливания до 1000pt, затем измените параметр поверхности на No Shading.

Выберите «Объект» > «Разобрать внешний вид», чтобы преобразовать 3D-эффект в серию фигур.

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

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

Измените цвет заливки выбранных фигур на ярко-красный или оранжевый образец.

Выделите всю иллюстрацию и нажмите CMD+C, чтобы скопировать, а затем CMD+F, чтобы вставить на передний план. Нажмите кнопку «Объединить» на панели «Обработка контуров», чтобы объединить все в одну фигуру.

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

Используйте инструмент «Волшебная палочка», чтобы быстро выбрать красные/оранжевые фигуры, затем создайте дубликат с помощью сочетаний клавиш CMD+C и CMD+F. Измените заливку на градиент от черного к белому, затем отрегулируйте угол до 90° на панели «Градиент».

Перейдите в Эффект > Pixelate > Color Halftone и введите настройки максимального радиуса 5px, а затем 45 в каждом из углов экрана.

Измените режим наложения этих фигур на Color Burn, чтобы эффект полутонов взаимодействовал с яркими формами ниже, затем уменьшите непрозрачность примерно до 30%.

Разместите сопроводительный текст над и под трехмерной формулировкой. Я использую рукописный шрифт из моей коллекции под названием SignPainter. (Больше не в Adobe Fonts. Вместо этого попробуйте Corner Store! — https://spoon.graphics/3SFj1WK)

Скопируйте текстовые элементы, затем используйте команду «Вставить на задний план» (CMD+B), чтобы создать дубликат. Сдвиньте копии вниз и вправо с помощью клавиш управления курсором, затем измените заливку на тот же образец светло-серого цвета, который ранее использовался для добавления простого эффекта тени.

Выберите «Все» с помощью сочетания клавиш CMD+A, затем перейдите к «Объект» > «Искажение огибающей» > «Создать с деформацией». Измените раскрывающееся меню «Стиль» на «Подъем» с изгибом 30%.

Переключитесь в Adobe Photoshop, чтобы начать подготовку основного холста открытки. Просмотрите бесплатные веб-сайты с фотографиями, такие как Unsplash и Pexels, чтобы найти ряд изображений, подходящих для региона выбранного вами места. Откройте один из них в Photoshop и преобразуйте слой в смарт-объект.

Выберите «Фильтр» > «Резкость» > «Контурная резкость». Измените настройки на 100% Amount, 2px Radius и 0 Threshold.

Добавьте еще один эффект, на этот раз выберите Фильтр > Стилизация > Масляная краска. Измените Stylization на 1.5, в то время как другие настройки максимальны на 10. Этот фильтр быстро придает фотографии эффект раскрашивания, чтобы имитировать нарисованный от руки характер оригинальных открыток.

Загрузите мои бесплатные текстуры винтажной открытки и откройте одно из пустых изображений открытки в Photoshop. Перейдите в Изображение > Режим > Цвет RGB, чтобы преобразовать изображение в CMYK. Дважды щелкните фоновый слой, чтобы преобразовать его в стандартный слой.

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

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

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

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

Выделив миниатюру маски слоя на панели «Слои», выберите «Фильтр» > «Искажение» > «Пульсация». Введите 20% с выбранным параметром «Большой», чтобы исказить жесткие края маски.

Переключитесь в Illustrator и сделайте копию текста. Вставьте его на холст Photoshop как Pixels, убедившись, что он находится ниже текстуры открытки в порядке слоев.

Выбрав слой с текстом, перейдите в меню «Изображение» > «Коррекция» > «Подобрать цвет». Настройте яркость на 10, интенсивность цвета на 100 и исчезновение на 0, затем установите для параметра «Источник» имя текущего документа, а затем «Объединить» для параметра «Слой». Эта настройка изменит яркие цвета иллюстраций Illustrator в соответствии с оттенками фоновой фотографии, чтобы эти яркие образцы лучше сочетались с этой винтажной темой.

Выберите инструмент «Волшебная палочка» и сделайте выделение первой буквы. Создайте новый слой и залейте выделение черным цветом с помощью сочетания клавиш ALT+Backspace.

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

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

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

Нажмите CMD+T, чтобы преобразовать, затем масштабируйте и расположите изображение, чтобы показать интересную часть его содержимого на лицевой стороне буквы.

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

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

Дизайны в винтажном стиле всегда выигрывают от зернистости. Добавьте дополнительный слой вверху стека слоев, затем перейдите в Edit > Fill. Выберите 50% Gray из меню.

Перейдите в меню «Фильтр» > «Шум» > «Добавить шум» и настройте параметры на 10 % с установленными параметрами «Гаусс» и «Монохроматический».

Измените режим наложения слоя шума на наложение, затем уменьшите непрозрачность, чтобы уменьшить влияние зернистости.