В този урок става въпрос за създаване на визитна карта. Вече сме създали съответната писмена хартия за пейзажното и градинарско изкуство в друг урок. Разбира се, липсва още подходяща визитна карта. И това съвсем не е трудно да се направи. Искам обаче този урок да бъде наистина пълен със страхотни съвети и трикове. Ето защо най-добре е да прочетете всичко до края.
Започваме: Стъпки 1–10
Стъпка 1
Колегата ни Денис вече е създал няколко варианта тук.
По-специално, бях казал на Денис: Човече, направи един по-игрив вариант, където да се вижда веднага за какво става въпрос, без да чета нещо.
Това са в този пример листата и бръмбарът, при които веднага си помисляте за природа и че може би има нещо общо с градинарството или пейзажната архитектура. Тук виждате предната страна и различно оформените гръб страници като пример.
Просто трябва да изберете кой от тях ви харесва най-много. Имаме доста вариации, предполагам, че има нещо за всекиго.
Стъпка 2
Сега просто ще започна да правя карта. Гръбната страна, която ми харесва най-много, е тази тук:
На гръбната страна, съответно, има голямо лого и също така името е вкл. Това сега е Мустерман, но по-късно ще поставите вашата фирма и логото си. Не искам да ви покажа как да създадете това лого, това в момента не е темата и имаме други уроци по този повод за вас.
Стъпка 3
Добре, преминаваме на Файл > Нов > Документ. Няма нужда от Двустранна смяна. Искам страниците да се показват подреждани една под друга. За Широчина и Височина въвеждам избраното от мен формат, който е 85 мм в ширина и 55 мм височина. Това също е стандартен формат за визитни картички. Оставям Границите както са зададени. Разпределението от 3 мм е за печатарницата, за да могат да изрежат малко и да не се получи някъде бял блясък.
Добре, това е формата, и да започваме.
Стъпка 4
Червената рамка е индикация за излизане на формата. Например, задната текстура трябва да бъде нарисувана до там, за да покрие пълната площ на карта. Черната рамка е реалният формат, в който по-късно всички елементи ще бъдат поставени.
Сега ще започна да оформя предната страна на карта и ще поставя тук логото. Следователно натискам Ctrl+D за поставяне и го избирам във файловия си прегледач.
Това сега е прикрепено директно към моя курсор и вече мога да го позиционирам като искам. Гениалното е, че при промяна на размера, докато го тегля с натиснат клавиш Space, мога да го движа. Ако трябва още да променим размера на логото, можем да го увеличим пропорционално с натискане на бутоните Ctrl+Shift.
Стъпка 5
Бих искал да го имам центрирано и това не е проблем. Тук виждате линия, която се показва, когато се намирам в средата на визитката.
Ако не виждате това, направете просто преглед под Изглед >Решетка и линии на помощник > Интелигентни линии на помощник. Обичам тези линии на помощник, но вярвам, че не са включени отдавна. Вярвам, че от CS5 или дори CS4. Ако имате по-стара версия, за съжаление няма да видите това. В този случай трябва например да нарисувате линия на помощник от Линийката, за да се заключи точно в средата.
Стъпка 6
Вторият трик би бил, например, че сега тук с Инструмента „Правоъгълник“ рисувам рамка (по най-добре без контур). Тогава мога да кажа, че искам точно да имам половината от ширината тук. Искам точката на обръча тук вляво и след това казвам 50%. Това мога да въведа директно в Панела за управление горе и вече виждам къде завършва линията и мога да нарисувам линията на помощник точно в средата.
Стъпка 7
Както вече казах, има много начини да се стигне до Рим или до добър резултат.
Избирам текстурата с Ctrl+D във файловия браузър, я позиционирам и мога да я увелича директно толкова, че да излиза извън външния край на показаните изрязвания. С Ctrl+O елементът с текстурата се премества назад под логото.
Ако в момента погледаш с завист - Ох, нямам текстура, как да стигна до нея сега? - разбира се, можете да я създадете сами или като малък съвет: Ако случайно имате DVD-то Големият пакет с текстури от нас, може да погледнете дали има подходяща текстура. Например, ако погледнете раздела "Дърво" на тази DVD и кажете - Ах, бих искал толкова хубава дървена текстура, разбира се, че можете да я имате.
Стъпка 8
Просто поставям избраната текстура във Photoshop. За целта копирам изображението, отварям Photoshop и мога да го подготвя предварително. Натискам Ctrl+N за Файл>Нов и въвеждам размера. Това го правя сега в милиметри, както казах:
85 за широчина и 55 за височина. Все пак трябва да добавя 3 милиметра за пад за всяка страна тук, след това имаме същия формат, който създадохме в InDesign, включително пада. Това са съответно 91 за широчина и 61 за височина, и моля, с 300 dpi в разделителна способност, за да бъде всичко ясно.
Стъпка 9
След това поставям текстурата и виждам, че тя вече е поне толкова голяма, колкото работната площ. В принцип мога вече да я запазя. Ако ми изглежда твърде голяма по структурата, мога да я умали още. За целта активирам контрола на трансформациите и я умалявам. Доброто е, че текстурите от нашия CD са безшевни. Ако текстурата е по-малка от работната площ, мога с натисната Alt клавиша да преместя копие от текстурата точно до нея и тук не се вижда преход.
Стъпка 10
След това просто казвам Файл>Запазване като..., наименувам файла "textur_neu.psd" и вече мога да го поставя в InDesign с командата Ctrl+D. Отваря се файлов браузър, от който избирам текстурния файл. Сега имам миниатюра, която приляпва директно на мишката ми и мога да кликна директно отгоре, вдясно и да имам точния размер, защото преди това съм го настроил така в Photoshop.
За по-добро качество на екрана сега можем да натиснем Ctrl+Alt+H, защото InDesign по подразбиране показва такова средно качество, за да може да се показва всичко бързо. В бърз компютър с много памет може спокойно да го показва с по-добро качество. Ctrl+O отново поставя слоя с новата текстура назад постепенно. Така можем директно да сравним коя текстура ни харесва повече.
Стъпки 11–20
Стъпка 11
Малък трик: В дясно в палитрата с Слоеве тук мога например да скрия тази текстура - точно като в Photoshop; просто натискам бутона с око.
В този случай мисля, че текстурата е твърде видима. Обаче мога - и това е доброто -, без да влизам в Photoshop, да дефинирам прозрачността тук. Може би искам само 25%, тогава цялото изглежда като показаното по-долу. Винаги мога да кажа, че предпочитам друга текстура. С един клик в палитрата с Слоеве върху окото на съответния слой, да го скрия, след това пак да го покажа, и мога да видя коя вариация ми харесва най-много.
Стъпка 12
Може би и двете комбинирани, защото при намалена с 25% прозрачност на слоя с дървесната текстура се вижда надолу лежащият друг слой. Можете да го направите, както ви харесва. Обаче ние ще останем с оригиналната текстура и ще скрием слоя с дървесната текстура. Сега в предварителната версия имаме името Градина и Пейзажна архитектура с шрифт Bitter Bold. Копирам текста от примера с Ctrl+C и го поставям форматирано с Ctrl+Shift+H. След това избирам като нов шрифт Myriad Pro, който има доста широк избор от шрифтове. Избирам тук Bold и центрирам текста на страницата.
Стъпка 13
В шаблона сме задали шрифта да бъде зелен, и искам тук също да го има. Сега мога да избера текста, след това да взема, например, пипетка и да кажа, че искам точно този зелен цвят от логото с пипетка. Понеже цвета още няколко пъти ще ми трябва, аз го задавам директно в този файл като цветно поле.
Така че, отварям вдясно палитрата с цветни полета, избирам Ново цветно поле от менюто на палитрата, и тогава автоматично този зелен цвят е вписан. Освен това го кръщавам на зелен (за това трябва първо да премахна отметката от Име с цветова стойност) и след това го имам тук. Обаче в момента цветът е попълнил целия текстов рамка. Затова в цветните полета за цвета на предния план избирам без, за да го премахна. Който желае може например да добави ефекти като допълнителен сянка, но това е вкусово и.
Стъпка 14
Виждам, че в моя шаблон логото все още е малко по-голямо, отколкото сме го създали до момента - но няма проблем, има няколко трика. Първият е наистина много лесен: Натискам едновременно с лявия бутон на мишката и Ctrl+Shift, за да мога да увеличавам графичния рамка пропорционално. Лошо е, че тогава логото не е повече в средата на картата. Трикът е (и сега става сложно): Натиснете също и Alt, тогава той се разширява равномерно от средата към всички страни и остава там, където искаме.
Сега, когато съм стигнал до тук, запазвам целия процес с Ctrl+S и го наричам "визитна картичка".
Стъпка 15
Предният панел вече е готов и можем да започнем с оформяне на гърба. Сега отивам в палитрата със страници и кликвам върху бутона Създай нова страница. Втората страница, която бях избрала, беше тази, която беше някак леко игрива и отново ми трябва същата текстура. Мога да я копирам директно отгоре на предния панел, така че след като натисна Ctrl+C там и отивам обратно на втората страница Ctrl+V.
Искам да я имам точно на същото място на страницата - малка подсказка - тогава натиснете Ctrl+Shift+Alt+V. Тук разбира се също трябва да се вметне съответно логото, което аз също копирам от предния панел. По същество, аз бих могъл да копирам целия предишен панел и на базата на него просто да преместя всичко на съответните места. И това искам да покажа бързо. В случай че искам да копирам страницата, я пускам върху символа Ново- в палитрата със страници и тогава имам копие от нея. Тогава всичко е там, което ми трябва.
Стъпка 16
Логото го премествам със задържан ляв бутон на мишката и Ctrl+Shift пропорционално малко по-малко и след това наляво. Видях в шаблона, че широчината му е 20мм, това мога да го въведа директно в горната част на палитрата за управление при B:. Ако искам пропорциите да бъдат запазени, моля, активирайте символа за връзка до дясно от него. След това разбира се просто щракнете в дясно в Стойностите в управлението и кажете, че съдържанието трябва да се адаптира тук към рамката и тогава ще е подредено.
Текстът "Mustermann Градина и пейзажно строителство" трябва да идва отдясно на логото. За целта свивам съществуващото текстово поле малко. В шаблона логото е наклонено малко нагоре, приблизително с Y-стойност от 21, и тази стойност мога да я въведа директно в палитрата за управление. Сега текстът ще дойде до логото на същото ниво (Y-стойност = 21) и трябва също да е вертикално центриран. Не проблем, мога да маркирам текста с Инструмента за избор и след това просто щракна върху центриран.
Стъпка 17
Сега копирам текста от шаблона неформатирано тук. Той още може да бъде малко намален и може би малко по-тънък по отношение на шрифт. Тогава избирам шрифта Myriad Pro Regular. В шаблона всичко е лево подравнено, така че и тук всичко трябва да бъде лево подравнено. Разбира се, шрифтът трябва да бъде направен по-малък, така че аз избирам 8 Пт тук.
Добре, изглежда добре. Следващото, което следва, както вече е видимо тук, е малък текстов блок с адреса, и за тази цел аз копирам текста от шаблона и го поставям точно под логото. С помощта на интелигентните подравняващи линии ми се показва директно колко далеч мога да отида, за да отговаря на същата височина като логото. Размерът на текста трябва да бъде по-малък - около 6,5 Пт - и при това аз отново избирам шрифта Myriad Pro и тук бих могъл да взема с удоволствие и различен вид. Единствено избирам Condensed, така че всичко това се побира чудесно, и оцветя текста след това през предната анкетна карта в зелено. За да разнообразя малко текста, увеличавам междуредието чрез палитрата с контроли. Ако искам да променя разстоянието само на един ред, аз маркирам именно този ред.
Стъпка 18
Цялото нещо изглежда страхотно хомогенно, когато имам еднакво разстояние отляво и отдолу на полето за адрес. За тази цел мога да създам помощен обект във формата на малък правоъгълник, който да е същия размер като разстоянието между левия край и графичния кант на логото. Първо измервам разстоянието отляво, след това го завъртам и го поставям отдолу, за да видя дали разстоянието е същото.
След това добавям, както се вижда и в оригинала, зелена линия. Просто използвам инструмента за чертане на линии. Когато стигна до височината на съседния текстов квадрат, виждам как мишката се променя. По този начин съм точно на тази хоризонтална линия и мога да влача линията вертикално надолу, докато държа бутона Shift натиснат. След това също променям цвета на рамката в зелено. Линията все още е малко дебела, затова я променям на 0,5Pt.
Стъпка 19
Сега телефон, факс и уебсайт. Мога просто да преместя и копирам вече съществуващия текстов блок с адреса, като натисна левия Alt бутон. От лявата линия изваждам помощна линия, за да видя дали текстовият блок е на една линия с горния. Повторно копирам текста от оригинала и го поставям без форматиране. Отново променям шрифта на Myriad Pro - обаче отново избирам Regular.
Сега просто отново премествам този текстов блок с натиснат Alt бутон надясно, отново копирам текста от оригинала и го поставям без форматиране. Тук отново избирам малко по-тънък шрифт, този път Light, за да всичко пасва хубаво. Преместваме текстовия блок още малко наляво, за да не е твърде голямо разстоянието до средния текстов блок.
Нека видим как изглежда. Който желае, може да направи промени и на имената и фирмите, за да се приспособят към размера.
Стъпка 20
Сега добавяме игривите елементи. Чрез Ctrl+D избирам съответния файл чрез файловия браузър и първоначално поставям листа. Размерът може да се настрои индивидуално. С Ctrl+Minus отдалечавам, завъртам листа и със задържан бутон Shift+Ctrl го увеличавам пропорционално. Върху листовете сега добавяме и божурче, за което отново избираме с Ctrl+D изображението на божурчето за поставяне и го поставяме горе върху него.
Който желае, може да го добави допълнително чрез палета за управление, с слойна сянка. Просто щракнете върху слойна сянка отгоре и виждате, че тя е напълно грешно позиционирана. Затова щракам в менюто Ефекти (fx) върху слойна сянка, мога да я променя за отместването и също да настроя мекото на сянката.
Последните стъпки
Стъпка 21
Сега визитката е готова, изглежда много добре и може да се предаде на печатницата. Но какво, например, ако имате много много служители? Ще трябва постоянно да променяте горе Мустерман, отдолу името и телефонния номер и т.н. За един човек няма проблем, но ако имате много служители, не бих искал да бъда стажантът, който винаги така удря. Или може би използвате Excel таблица. И всяка друга таблица за калкулации, като например LibreOffice или OpenOffice, биха се подходили. Може да се използва и Google-Cloud таблица.
Да ви покажа един пример. Тук имам колони с първо име, фамилия, длъжност, телефон, факс, имейл и снимка. Ако желаете да покажете снимки на визитката, те трябва да бъдат в същата директория или да бъде добавен правилния път в таблицата.
Стъпка 22
Още малко обяснения за поставянето на снимките. А именно, в таблицата с данните за служителите има колона с заглавие @Снимка. Трябва да добавите символа @ пред този заглавие на колоната, за да InDesign разбере, че се отнася до снимки. Сега в InDesign под Прозорец в Помощни програми>Сливане на данни ще видите съответната икона в лявата колона. Забележете, че за разлика от текстовете, които винаги се означават с "Т". Може би искате да имате снимки на служителите и на визитката.
Логото, например, го премествам нагоре, а вляво ще бъде снимката. Първо създавам правоъгълник без контур и попълнение с размер, както ще се вижда по-късно снимката, ислед това въвеличавам @Снимка от прозореца на Сливане на данни. Това мога да го променя в размера, както искам, и когато натисна нататък в прозореца за Сливане на данни, тук вече се вижда снимката на стажантката.
Това, разбира се, не съответства на размера, както трябва, но трябва да се уточни предварително кои са точните размери на снимките. В Photoshop снимките се изрязват на желания размер. Това е разбира се страхотно нещо, че не работи само с имена, а също и с картинки.
Стъпка 23
Тази таблица се запазва като csv файл. Избрах опциите: "Разделител за полетата ,(запетая)," "Разделител за текст "(кавички)". В Настройки може да се промени всичко, това не е проблем. InDesign е толкова умен, че разпознава къде се намират съдържанията. Натискам върху ОК, оставям стандартните настройки и се връщам в InDesign.
Сега ще направя полетата малко по-умни, и именно искам да имам имената както на Mustermann, така и на Musterfrau, както в Excel таблицата. За целта отивам на Прозорец>Помощни програми>Данни за сливане. Тогава се появява едно незабележимо контролно табло. Тук е точно описано какво трябва да се направи.
Стъпка 24
След това избирам в менюто на контролното табло Избор на източник на данни… и след това избирам недавно създадения csv файл. Може да се изберат и текстови файлове, създадени според спецификациите, посочени в стъпка 21, със съответните разделители на полетата. Аз обаче винаги го правя като csv файл. Така че ще кажа сега Отвори и тогава всички имена на колоните ми се показват в прозореца.
Тогава казвам, че искам да има фамилия вместо Mustermann, след това мога директно да го плъзна тук в отбелязаното текстово поле и сега се вижда: Фамилия се показва вместо Mustermann. Повтарям това при другите текстови полета; искам да имам името в името, фамилията в фамилията, под това позицията, след това телефонният номер, тук е факс номера и там имейл адреса. Всички други текстове като уличното име, текстовете "Телефон", "Факс" и т.н. остават непроменени.
Стъпка 25
Сега ще проверя дали всичко работи. Щраквам върху Преглед и виждам, че първият запис е вметнат. Като натисна стрелката надясно, след това на втория запис, виждаме, че всички данни са заменени. Ако искаме да изведем цялото това като нов файл, трябва просто да натиснем горе в дясно в прозореца Меню за опции и казваме, че искаме например да експортираме файла като PDF.
Стъпка 26
След това се появява едно хубаво меню, в което можете да настроите различни неща. При този урок няма да продължаваме с това. Оставяме всичко непроменено, кликваме върху ОК, и след това се появява още едно меню за PDF опции. Тук е най-добре да изберете Качество на печата в Adobe PDF предварително зададените, така че най-доброто качество вече е настроено, и не забравяйте да поставите кутийката за Размери и обрязване по време на работа с документа. В Изход серията, в зависимост от профила, който изисква вашата печатарска машина, настройте съответното и след това експортирайте. Запазвам това под името "Визитни картички" и след това мога да разгледам готовия PDF в Acrobat Reader.
Стъпка 27
На последно мога да добавя, че в CS6 е добавена нова опция, а именно може бързо да настроите да искате визитката също и в портретен формат. За целта отивам в Палитра на страници и там чрез разделителя Персонализирано казвам, че бих искал Алтернативен макет. И той вече интелигентно ми предоставя: 'Нали искаш да имаш портретен формат, точно насочен.' Точно така искам.
И това го наричам просто "Портретен формат" тук в прозореца. Сега мога дори да избера, ако например съм създал Формати на текст, Формати на знаци, Формати на абзаци, да се копират в ново форматиране. Но това не е толкова важно, защото не сме създали Формати на знаци до момента. Затова просто казвам ОК и сега виждам в дясно в Палитра на страници визитката в портретен формат.
Стъпка 28
Сега относно разпределението не е напълно погодено, InDesign не е толкова интелигентен, но няма проблем - може да пренасочите текстурата, да направите текста по-малък или различно да го подредите и разположите. Тогава това е моят алтернативен портретен формат. За гърбът трябва да направя малко повече. Но това не е проблем, просто трябва да плъзнете текстурата нагоре и всичко трябва да бъде подредено спрямо това. В портретния формат логото може би е подходящо в горната част на средата, а текстът да бъде разположен под него. Тогава цялото това ще изглежда по следния начин:
Стъпка 29
При този избор мога веднага да попитам клиента, кой формат предпочита. Возможно ли тук ландшафтен формат или по-скоро портретен? Цялото това мога да създам с един щракване, не е необходимо да работя с няколко документа. Мога да го изведа и като PDF файл с командата за Експортиране и с една от опциите: Всички страници, само портретен формат или само ландшафтен формат. Мога бързо да преименувам страницата с два клика в палитрата със страници, ако все още не съм го направил. Сега изнасям всички страници и след това ще получим PDF файл със страници както в портретен, така и в ландшафтен формат.
Стъпка 30
В PDF файла вече може да се провери цялото и при нужда да се направят промени в InDesign. Например, някой може да добави бял рамка. Мога отново да покажа един приятен малък ефект. В Палитрата на слоевете създавам нов слой. Върху него мога да изтегля четириъгълник с Инструмента за правоъгълник върху цялата визитна картичка. Без попълване, но с контур от 7 точки и бял цвят. И тогава имате бяла рамка около визитната картичка. На този, който не му харесва, може просто да скрие слоя или да го изтрие напълно.
Стъпка 31
Подобен ефект може да се приложи и за визитната картичка в ландшафтен формат. Можем отново да включим зеления цвят на логото там. За целта вдясно се изтегля тесен рамкичка, но този път без контур и със зелено попълване, което прави визитката малко по-интересна, според мен.
Ако искате да спестите работни стъпки, вижте нашите шаблони за визитни картички: