Дизайн на визитката преден шаблон Photoshop CC

• Април 25, 2024

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

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

Докато добавяме дизайнерски елементи, панелът за слоеве може да се деорганизира. Така че, ние ще организираме някои слоеве в групови папки. Например, текстовите слоеве могат да бъдат комбинирани в група папка. Също така, ако имате повече от една фонова графика, например няколко различни текстури, можем да ги комбинираме в групова папка. Накрая можем да оцветим кодовете на тези слоеве и папки. Разбира се, можете да използвате всяка комбинация от цветове, но за този пример ще използваме червено за текст, зелено за графика и форми и синьо за инструкциите.

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

Използвам обикновена графика на решетката като фонова графика на моя заместител. Потребителят на шаблона може лесно да промени графиката, защото това ще бъде интелигентен обект. Нека добавим фоновата графика за лицевата страна на картата.

1. Изберете Предното табло за визитка.
   
   
2. Добавете ви графика на заместител (вижте екранната снимка).
   
   
3. Плъзнете новия слой под слоя „Линии“, така че да виждаме линиите, докато добавяме дизайнерски елементи.
   
   Тъй като художникът може да иска да превключи тази графика за свои, нека им кажем, че това е възможно чрез етикета, който даваме на този слой.
   
   
4. Преименувайте слоя в [ВАШИЯТ ПРЕДВАРИТЕЛЕН ДИЗАЙН ТУК].
   
   
5. Щракнете с десния бутон върху слоя и изберете Преобразуване в Smart Object от изскачащото меню.
   
   

Добави текст

Сега сме готови да добавим нашето фирмено или лично име и етикет към лицевата страна на картата. В примера използвах шрифта Raleway Typekit, който е безплатен с всяко членство в Creative Cloud или безплатно пробно членство. Тъй като името е най-важната информация, нека да зададем стила на шрифта като Bold и размера на 18 pt (вижте екранната снимка). Ще центрираме и текста.

Забележка: Крайното разположение, шрифт и стил на текста ще бъдат променени, тъй като ще бъдат повлияни от фоновия дизайн.

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

Незадължително: Може да искате да добавите форма зад текста, като бял правоъгълник с черен щрих. Ще добавим векторна форма, така че потребителят да може да промени цветовете за запълване и щрих, както е необходимо в панела Свойства (вижте екранната снимка).

1. Изберете фоновия слой, така че новият слой да бъде добавен по-горе.
   
   
2. Начертайте правоъгълник върху таблото с инструмента Rectangle. Ще искате да зададете следното в панела с опции (вижте екранната снимка).
   
   Режим: форма
   Запълване на формата: Бяло
   Ход на формата: Черен
   Ширина на хода на формата: 5 px
   Вид на хода на формата: Плътен
   
   
3. Преименувайте слоя [ADJUST BOX FILL & STROKE COLOR]
   
   

По желание: Можем да оцветите кодовете на нашите слоеве (вижте екранната снимка).

1. Изберете груповия слой с инструкции и щракнете с десния бутон върху иконата Eye. Задайте цвета на синьо.
   
   
2. Изберете слой Линии в папката на визитката отпред и задайте цвета на синьо.
   
   
3. Изберете папката „Текст група“ в папката „Визитна карта отпред“ и задайте цвета на червения цвят.
   
   
4. Изберете слоевете на формата и фона и задайте цвета на зелен.
   
   

В следващия урок ще проектираме визитката обратно.

Назад | Следваща

Copyright 2018 Adobe Systems Incorporated. Всички права запазени. Екран (и) на екрана с продукти на Adobe препечатани с разрешение от Adobe Systems Incorporated. Adobe, Photoshop, Photoshop Album, 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 в Съединените щати и / или други страни.

Инструкции Видео: Дизайн визитки в фотошопе. Как сделать дизайна визитки в фотошопе? (Април 2024).