Дизайн візитної картки переднього шаблону Photoshop CC

• Може 18, 2024

У цьому підручнику ми додамо елементи дизайну до переднього шаблону візитної картки. В останньому навчальному посібнику ми вже створили основу для шаблону візитної картки у Photoshop CC, в результаті чого вийшов шаблон із окремим аркушем для передньої та задньої частини візитки. Ми також додали лінії для кровотоку, обрізки та безпечної зони.

Але шаблон порожній від будь-яких елементів дизайну (див. Скріншот), таких як фонова графіка, текст або фігури. У цьому підручнику ми розпочнемо з додавання фонової графіки заповнювача як розумного об'єкта, що полегшує заміну заповнювача на графіку дизайну. Далі ми додамо заповнювачі для тексту, який зазвичай міститься на візитній картці. На лицьовій стороні картки ми розмістимо особисте / фірмове ім’я та підписи, а на звороті картки ми зможемо розмістити контактну інформацію.

Коли ми додаємо елементи дизайну, панель «Шари» може неорганізуватися. Отже, ми організуємо деякі шари в групові папки. Наприклад, текстові шари можна об'єднати в групову папку. Крім того, якщо у вас є кілька графічних фонових зображень, таких як кілька різних текстур, ми можемо об'єднати їх у групову папку. Нарешті, ми можемо кольоровувати ці шари та папки. Звичайно, ви можете використовувати будь-яку комбінацію кольорів, але для цього прикладу ми будемо використовувати червоний для тексту, зелений для графіки та форм і синій для інструкцій.

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

Я використовую просту графічну сітку як фонову графіку мого заповнювача. Користувач шаблону може легко змінити графіку, оскільки це буде розумний об’єкт. Додамо фонову графіку для передньої частини картки.

1. Виберіть передню панель візитки.
   
   
2. Додайте графіку заповнювача (див. Скріншот).
   
   
3. Перетягніть новий шар під шар Рядки, щоб ми могли бачити лінії, коли ми додавали елементи дизайну.
   
   Оскільки художник може захотіти переключити цю графіку на власну, скажемо їм, що це можливо завдяки мітці, яку ми надаємо цьому шару.
   
   
4. Перейменуйте шар на [ВАШЕ ЗАДНЕ ДИЗАЙНЕ ТУТ].
   
   
5. Клацніть по шару правою кнопкою миші та виберіть Перетворити на Smart Object зі спливаючого меню.
   
   

Додати текст

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

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

1. Виберіть інструмент "Тип" та додайте текст-заповнювач Найменування фірми (див. скріншот).
   
   
2. Змініть назву шару на [ВАШ ІМЯ ТУТ]
   
   
3. Повторіть попередній крок, щоб додати текст-заповнювач для мітки чи професії. Встановіть шрифт меншого розміру 14 пт та додайте текст-заповнювач Tagline.
   
   
4. Змініть назву шару на [ВАШ ТЕГЛІН ТУТ] (див. Скріншот) і перетягніть його під шар [ВАШ ІМЕННЕ ТУТ].
   
   Далі будемо центрувати текст.
   
   
5. Вибравши обидва шари тексту, перейдіть на інструмент "Перемістити". На панелі «Параметри» (див. Скріншот) використовуйте кнопки розподілу вертикальних центрів та горизонтальних центрів, щоб центрувати текст горизонтально та вертикально.
   
   Обидва рядки тексту будуть в одному положенні. Давайте перемістимо ім'я над міткою (див. Скріншот).
   
   
6. Виберіть шар [ВАШ ІМЯ ТУТ] і скористайтеся інструментом "Перемістити", щоб перемістити ім'я над міткою.
   
   Нарешті, давайте об’єднаємо текстові шари у групову папку (див. Скріншот).
   
   
7. Додайте нову групову папку на панель «Шари» та назвіть її Текст.
   
   
8. Перетягніть обидва шари тексту до папки.
   
   

Необов’язково. Ви можете додати форму за текстом, наприклад, білий прямокутник з чорним штрихом. Ми додамо векторну форму, щоб користувач міг змінити кольори заливки та обведення відповідно до панелі властивостей (див. Скріншот).

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

Необов’язково: ми можемо кольорові коди наших шарів (див. Скріншот).

1. Виберіть груповий шар Інструкції та клацніть правою кнопкою миші на піктограмі очей. Встановіть колір на синій.
   
   
2. Виберіть шар "Лінії" у папці "Візитна картка" та встановіть колір на синій.
   
   
3. Виберіть папку "Текст групи" в папці "Візитна картка" та встановіть колір червоний.
   
   
4. Виберіть шари форми та фону та встановіть колір на зелений.
   
   

У наступному навчальному посібнику ми створимо дизайн візитної картки назад.

Назад | Далі

Авторські права 2018 Adobe Systems Incorporated. Всі права захищені. Знімки екрана продуктів Adobe передруковані з дозволу Adobe Systems Incorporated. Adobe, Photoshop, альбом Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst та Flash Paper є або є [a] зареєстрованою торговою маркою (ими), або торговою маркою (ими) Adobe Systems Incorporated у США та / або інших країнах.

Відео Інструкція: Как ОЧЕНЬ быстро вырезать предметы в Photoshop I Школа Adobe (Може 2024).