Дизайн Визитная Карточка Фронт Шаблон Photoshop CC

• April 28, 2024

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

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

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

Добавить дизайн фона или текстуру графики

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

1. Выберите артборд Business Card Front.
   
   
2. Добавьте свою графическую карту (см. Скриншот).
   
   
3. Перетащите новый слой под слой «Линии», чтобы мы могли видеть линии при добавлении элементов дизайна.
   
   Поскольку художник может захотеть переключить эту графику для себя, давайте скажем им, что это возможно с помощью метки, которую мы даем этому слою.
   
   
4. Переименуйте слой в [ВАШ ФОНОВЫЙ ДИЗАЙН ЗДЕСЬ].
   
   
5. Щелкните правой кнопкой мыши на слое и выберите Преобразовать в смарт-объект из всплывающего меню.
   
   

Добавить текст

Теперь мы готовы добавить наше фирменное или личное имя и слоган на лицевой стороне карты. В этом примере я использовал шрифт Raleway Typekit, который предоставляется бесплатно при любом членстве в Creative Cloud или бесплатном пробном членстве. Поскольку имя является наиболее важной информацией, давайте установим стиль шрифта как Bold, а размер - 18 pt (см. Скриншот). Мы также будем центрировать текст.

Примечание. Окончательное размещение, шрифт и стиль текста будут изменены, так как на них будет влиять фоновый дизайн.

1. Выберите инструмент «Текст» и добавьте текст заполнителя Наименование фирмы (см. скриншот).
   
   
2. Измените имя слоя на [ВАШЕ ИМЯ ЗДЕСЬ]
   
   
3. Повторите предыдущий шаг, чтобы добавить заполнитель текста для слогана или профессии. Установите шрифт меньшего размера 14 pt и добавьте текст заполнителя Подзаголовок.
   
   
4. Измените имя слоя на [YOUR TAGLINE HERE] (см. Скриншот) и перетащите его под слой [YOUR NAME HERE].
   
   Далее мы будем центрировать текст.
   
   
5. Выбрав оба текстовых слоя, переключитесь на инструмент «Перемещение». На панели «Параметры» (см. Скриншот) используйте кнопки «Вертикальные центры» и «Распределение горизонтальных центров», чтобы центрировать текст по горизонтали и вертикали.
   
   Обе строки текста будут в одинаковом положении. Давайте переместим название над слоганом (см. Скриншот).
   
   
6. Выберите слой [YOUR NAME HERE] и используйте инструмент Move, чтобы переместить имя над слоганом.
   
   Наконец, давайте объединим текстовые слои в групповую папку (см. Скриншот).
   
   
7. Добавьте новую групповую папку на панель «Слои» и назовите ее Текст.
   
   
8. Перетащите оба текстовых слоя в папку.
   
   

Необязательно: Вы можете добавить фигуру позади текста, например белый прямоугольник с черным штрихом. Мы добавим векторную форму, чтобы пользователь мог изменять цвета заливки и обводки по мере необходимости на панели «Свойства» (см. Скриншот).

1. Выберите фоновый слой, чтобы новый слой был добавлен выше.
   
   
2. Нарисуйте прямоугольник на монтажной области с помощью инструмента «Прямоугольник». Вам нужно установить следующее на панели «Параметры» (см. Скриншот).
   
   Режим: форма
   Форма заполнения: белый
   Форма Штрих: Черный
   Ширина обводки формы: 5 пикселей
   Тип обводки: твердый
   
   
3. Переименуйте слой [РЕГУЛИРОВАТЬ КОРОБКУ, ЗАПОЛНИТЬ И ЦВЕТ ХОДА]
   
   

Необязательно: мы можем раскрасить наши слои цветом (см. Скриншот).

1. Выберите групповой слой «Инструкции» и щелкните правой кнопкой мыши значок «Глаз». Установите цвет на синий.
   
   
2. Выберите слой «Линии» в папке «Визитная карточка» и установите синий цвет.
   
   
3. Выберите папку «Текстовая группа» в папке «Визитная карточка» и установите красный цвет.
   
   
4. Выберите форму и фоновые слои и установите цвет на зеленый.
   
   

В следующем уроке мы разработаем Визитную карточку Назад.

Назад | Далее

Copyright 2018 Adobe Systems Incorporated. Все права защищены. Снимки экрана продукта Adobe перепечатаны с разрешения Adobe Systems Incorporated. Adobe, Photoshop, альбом Photoshop, элементы Photoshop, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, фейерверки, содействие, увлечение, Flash Catalyst и Flash Paper является или является [a] зарегистрированным товарным знаком (-ами) или товарным знаком (-ами) Adobe Systems Incorporated в США и / или других странах.

Видео инструкция: How To Design Company Profile Template - Photoshop Tutorial (April 2024).