В този трейнинг се изправяме пред класическо предизвикателство на агенцията, но не страхувайте се: Не ми се налага да пиша дневник за ежедневния безум, а просто става въпрос за модерното оформяне на визитна карта за фиктивно архитектурно бюро. И освен процеса на дизайн, разбира се, става въпрос и за създаването на такава визитна карта за целия персонал на една фирма.
InDesign е мощна програма и предлага много автоматизирани помощи, които значително ускоряват работния поток. Именно такива автоматизирани помощи ни помагат - конкретно, става въпрос за обединяването на данни при визитни картички. Така по-късно е възможно с едно щракване да създадете масово визитки, било за 10 души, 20 души, 50, 100 или дори хиляди - няма никакъв проблем.
В последната част от тренинга ще разгледам как се подготвя такова нещо, за да можем да го изпратим на доверената ни печатница. В моя случай аз се отнасям до viaprinto и ще поясня в детайли какво е важно при експортирането: Какви настройки трябва задължително да вземем под внимание и как трябва да бъде подготвен окончателния продукт, за да можем след това да го качим?
Създаване на документ - внимание на изискванията на печатницата!
Преди да започнем, трябва да разберем какви изисквания има печатницата. Затова посещаваме уебсайта на viaprinto (1). Тук кликаме върху визитка (2) и избираме портретно подредение (3). Тук влизаме в детайлите и шаблоните (4) и отваряме техническите данни (5).
Това са изискванията: Следователно окончателният размер е 55 мм на 85 мм. Допълнително viaprinto изисква добавка за рязане от 3 мм, това е сивото покритие, фактически допълнение към крайния продукт, защото по време на процеса на рязане това осигурява, че няма да има изглеждат промахвания или други нежелани изненади. Следователно добавете 3 мм за рязане.
В останалите случаи можем да разгледаме отново продуктовите спецификации и също трябва да вземем предвид 300 dpi, ако искаме да включим изображения.
Затова отиваме при InDesign и създаваме документа. Файл>Нов>Документ… Целта е за печат (1), не ни е нужна двустранна страница (2). Задаваме ново формат на страницата: 55 мм в широчина и 85 мм в височина (3). Един стълб е ок (4). Разпределението на полетата ги правим равни чрез веригата (5). Поставяме 4 mm на всички страници, както предлага viaprinto. И след това добавяме 3 mm от всички страници (6). Можеше да стане по този начин, така че щеше да е всичко коректно, но аз бих искал да ви покажа едно алтернативно решение в този момент…
Това ни отвежда отново към уебсайта на печатницата (1), защото там имаме възможност да изтеглим такива шаблони лесно. Намирам това доста удобно, ако не искаме да мислим как, къде да поставим нещата: Просто щракнете върху InDesign (2), запазвате файла и го извличате. Отварям IDML файла…
… и вижте: viaprinto е направил всичко за нас. Това също е доста удобно, защото така се пести целият процес на поставяне. Разбира се, не е нужно да изтривате всички данни, които вече са видими тук - viaprinto ги е прехвърлил на друго ниво. Можем да разблокираме цялото нещо и просто да покажем или скрием чрез символа на окото…
… така че да имаме спецификациите отново налични. Много удобно, аз понякога го оставям така. И с този празен шаблон дизайнът може да започне.
Дефиниране на цветовете
Разбира се, не може да липсват основните цветове: За това създаваме три нови цветни полета от цветовата палитра. Ново цветно поле…
Тук използваме цветово пространство CMYK, тъй като всичко това е подготвено за печат. Първоначално дефинираме два сиви тонове: При Черно избираме 85 % и го добавяме (1). След това избираме малко по-нежно сиво на 50 % Черно и го добавяме (2). След това имаме още едно сочно зелено ябълково: Циан на 53 %, Маджента на 5 %, Жълто на 100 % и Черно на 0 % (3). Добави. И така имаме нашите цветове.
Създаване на помощни линии
Следващото, което е важно, е да работим и с помощни линии. На лицевата страна искам да имам само две помощни линии, които да ми помогнат да дефинирам центъра точно. Мога да изчертая помощната линия, като кликна с курсора си върху линията, задържа мишката и я изтегля (1). Оставете я да падне (2) и горе в менюто (3) дефинирам X-оса точно по средата, като просто въведете "55/2". Така уцелихме точно центъра по вертикалата (4).
Сега ще направя същото хоризонтално: Кликвам върху линията, изтеглям помощна линия (1) и на Y-оса въвеждам "85/2" (2).
Така сега имаме две помощни линии, които се пресичат в центъра на страницата (3).
Създаване на наклонени площи
Сега е необходимо да добавим елементи, за да запълним дизайна. Повторно да погледнем на чертежа: На лицевата страна са използвани площи с диагонални ръбове, но и прави площи, логото… Започваме с площите.
За целта, ще отдалеча малко, което междувременно бих определил като „Alt“ и „скрол“, за да се увеличи там, където е курсора. Избирам инструмента ми Рамка на правоъгълник- (1) и чертая голяма площ (2), която запълвам с антрацит (3).
Със съдържание, именно в ябълково зелено (1) с 3 Pt (2).
Сега трябва просто да променим това и наклонете го. и отгоре може да определите наклон: 49° (1). След това още малко го плъзгам по-точно.
Като натиснете W, променяте този изглед (2) и можете по-добре да го оцените, без да виждате останалото, което не се отпечатва.
Трябва да направим същото и отгоре, затова създавам една дубликат. Маркирам обекта, натискам бутона Alt-. В момента имам двулицева стрелка и тази двулицевата стрелка ми казва, че ще създаде копие. Сега двукратно пренасям обекта в лявия горен ъгъл.
Вече имаме красивите си диагонални линии.
Създаване на ленти
Сега разглеждаме средната лента. За целта използвам отново инструмента за Рамка на правоъгълник- (1), чертая тук (2) и въвеждам в Височина 12 мм (3). Към това цветът, тъмно сив (4). Сега имаме нужда от контура, същия който имаме за другите площи (5). Когато просто приложа контура върху правоъгълника, обаче имаме неприятния ефект, че тук (6) контурът се пробива. Това не искаме да се случва.
Затова, един трик: Премахвам контура отново (1), копирам правоъгълника с Ctrl + C в клипборда и го поставям обратно на оригиналната позиция (2, Редактиране> Поставяне на оригиналната позиция).
Сега имаме дубликат, което означава, че обектът е направен двукратно. На Слоеве (1) мога да наблюдавам точно това: Това е предният правоъгълник (2), това е задният (3). И сега променям това в зелено (4).
В Височина отивам на 115% (1). Резултатът: Определено пробива триъгълника отново.
Сега имаме предимството, че можем да променим още веднъж йерархията на слоевете. Избирам задния правоъгълник и го премествам назад (2).
Така имаме чисти, хубави ръбове, както сме си представяли.
Създаване на лого: Основни елементи
Сега трябва да дадем идентичност на всичко това. За целта създаваме лого. Това не е толкова трудно, колкото изглежда. Ето отново чертежа.
Започваме с правоъгълник (1 и 2). На него му давам цвят (3). Чрез Инструмент за полигони (4) създавам триъгълник. Просто щракнете в документа и се появява прозорецът Полигон (5). Броят на страните е 3, потвърждаваме с ОК. Премахваме контура, цвета е сив (6). След това поставяме това ляво и го издърпваме (7).
Правоъгълникът е твърде голям, триъгълникът също го правя по-тесен (1).
Сега идва ред на Патфайнър. Много е удобен, когато става въпрос за пълното обединяване на два обекта. Патфайнърът го намирам в тази палитра (2), но можете да го намерите и чрез Прозорец>Обект и Представление>Патфайнър.
Маркирам и двата обекта (3). И сега щраквам върху този символ в Патфайнър (4), който символизира, че двете обекта трябва да се обединят в сума, това е практически добавянето на двете елемента. Вече нашата къщичка е готова (5). Първо я поставям на страницата.
И сега оформяме фонa. С наместващия квадратен фрейм (1) изтеглям квадрат (2), също с натискане на клавиша за Shift, за да дължините на страните са еднакви. На квадрата давам зелен цвят (3). От него създавам дубликат (4) и след това два пъти (5).
На този "прозорец" (6), както почти изглежда, сега му давам Опции за ъгъл (Обект>Опции за ъгъл…). Засега сме в горния ляв ъгъл на квадрата (7). Обърнете внимание, че веригата е деактивирана (8). Просто избираме закръглен ъгъл (9) и вече го имаме (10).
Същото правим в горния десен ъгъл (1), долното дясно (2) и ляво отдолу (не е показано на изображението).
Сега имаме четирите закръглени правоъгълника (1). Малко по-големи могат да бъдат (2). Правя правоъгълниците да бъдат центрирани относно синята ориентирна линия (2). Къщичката е поставена (2) и изведена на преден план (3 и 4).
създаване на логото: използване на Патфайнър
Сега трябва да го отрежем на части. За целта отново се нуждаем от Патфайнърът и трябва да започнем да сляпаме отделни групи още веднъж, а именно: Ляво отгоре и дясно отдолу (маркирайте като в 1) трябва да се сляпат в една цялост (2). Също така дясно отгоре и ляво отдолу (маркирайте като в 3 и след това натиснете 2).
Когато го преместите сега, ще видите: Това стана самостоятелен обект (4) и също и така (5). С Ctrl + Z отново премествам всичко на правилното място.
И защо сега два фонови елемента? Причината за това е, че искаме да използваме два различни цвята: Ляво отгоре и дясно отдолу трябва да са в деликатно сив цвят (1). Другите две остават зелени. От къщата променям цвета (2), за да не заблужда.
Маркирам двете обекта в задния план и ги групирам. Така едното е затворена единица, само къщата все още е отделна.
И центрираме ги в средата сега: Маркирам с Shift двете обекта (1), след това през Подравняване и с тези два бутона (2) ги центрирам в средата. Къщата вече беше почти центрирана, но искам да я направя още по-малка. И така: Ctrl + Shift + Alt прави центрирано свиване на целия докато допре до средата, когато я влачи от ъгъла, където е по-малка (3).
От това правя още копие: Ctrl + C, след това Редактиране>постави на мястото на оригинала (4). Сега имаме две къщи.
И групата я маркирам отново (1), тъй като вече мога лесно да добавя къщата върху зелената площ (маркирайки къщата и зелените площи, след това натиснете 2).
И къщата под нея мога да я оттегля от сивата площ (1). Вече имаме нашето красиво лого, точно както сме го представяли (2). Отново го маркирам и го обединявам като група (3).
Така изглежда всичко. И сега логото имаме като една група, можем да я дублираме, скалираме или копираме на воля.
Добавяне на текст
Сега даваме на детето име. Просто пренасям текстово поле, доста голямо. Използвам шрифт Akko Rounded Pro и пиша: „hausfiktiv das architekturbüro“. Личното име се изобразява доста голямо, а именно с 15 Pt. А под него с 7,3 Pt. Специално съм го избрал така, че вторият ред да бъде широк като първия.
Премествам цялото това надолу. В този пример се ориентирам по синкавата линия (1). С двойно кликване върху дръжката долу (2) тя се трансформира до правилния размер. С Ctrl + A маркирам текста и го центрирам (3).
Сега центрирам цялото. Маркирам текстовото поле (1) и после първата част (2). Чрез Подравниване го центрирам хубаво по средата (3). И сега остава само да направя „haus“ в сочна зелена и останалото в ярко снежнобяло (4).
Поставяне на графики
Това е текущият резултат. Наистина липсват само илюстративните елементи. Чрез Файл>Поставяне…
… избирам графиките: „Молив“, „Точило“, „Линийка“ и „Циркуля“ (1). Сега всички елементи са на заредения курсор. Със стрелките се премествам през елементите (2).
Поставям линийката отдолу, точилото над нея, молива вдясно и циркулата на това място. Ще изрежа молива малко. Това са всъщност векторни файлове, затова може да ги мащабирате по ваше усмотрение. Така първата страница е готова (3). Сега го запазваме.
Създаване на гръб
Сега се заемаме с гърба. За това вече viaprinto ни е създал втора страница. Ще работим с нея в следващата стъпка.
Правя пак водещи линии. Тук по-много, защото на предната страна целта беше екстровертната динамика да подчертава визията, но на втората страница ще подходим по-статично, защото имаме доста текст. Затова избираме Подредба>Създаване на водещи линии… (1). Искам единадесет водещи линии с разстояние между колоните 0 мм (2). Вече може да се вижда на заден план, ако е активирана функцията за преглед на (3). Потвърждаваме (4). Сега можем да се ориентираме по тях.
Ето още веднъж предложението, което искаме да реконструираме.
Започваме с големите зелени полета отгоре и отдолу. Използвам отново Рамка-правоъгълник (1), за да извлеча до горната рязан плоскост, чертая правоъгълник (2) и го запълвам с цвят зелено (3). С помощта на Alt и Shift претеглям копие от него към долната основа (4).
Следващото, което ни трябва, е разбира се тъмносива кутията, която изтеглям по ръка. Едно оцветяване и готово (1).
От първата страница крадем логото. Ctrl + C, и след това вмъкваме на страница два (Редактиране>Вмъкване на изходна позиция). Още го уголемя малко, така че да можем да се ориентираме по водещите линии (2). Огорната част я насочвам на 5 мм (3).
С името вече доста сме близо до окончателния резултат. Изчертавам текстово поле, променям шрифта на Myriad Pro, понеже Akko Rounded Pro се използва само за личното име и за кореспонденцията е предвидена Myriad Pro. „Маркус Мустерман“ го центрирам и увеличавам стойността на размера на шрифта на 14 Pt. Първото име го правя семиболд, фамилното в лек. За междуредието задавам 18 Pt. И на следващия ред определям „Управител“ с 10 Pt.
Следват малко цветни акценти. „Управителят“ е светло сив. Името го изписвам на тъмногряко.
Продължаваме с останалите адресни данни, които са предвидени. Ще го направя бързо, защото вече съм всичко подготвил в своята Библиотека. Не искам да ви скука с начина, по който съм го създал. Това са основни текстови полета и няколко пиктограми. Това може да го направите и сами. Едно центриране и всичко е готово.
В нашия шаблон все още имаме тези нежни линии, които наистина изтичат отляво и отдясно в края си. Сега ще ги възпроизведем: Вземаме инструмента за чертане на линии (1), докато влачим линията, натискаме клавиша Shift, за да създадем права линия (2). Това настройвам на 0,6 Pt (3). Не ни трябва цвят, защото става въпрос само за контура, който ще приложим към деликатния сив цвят (4).
И сега внимавайте: Викаме палитра с ефекти (5) и прилагаме Откриване на плавен градиент (6). Единственото, ко променяме тук, е типа, който променяме на радиален (7). Потвърждаваме.
И така, сега имаме ефекта. От линията правя копие с натисната клавиша Alt и Shift, премествам я надолу на позицията. И после второ копие по-долу.
И така завършваме с тази страница и нашите две страници са създадени.
Сливане на данни
Как можем да направим така, че за екип от десетима хора да не е необходимо винаги да създаваме нови визитки, а просто да оставим InDesign да го направи с едно щракване?
В основата не е толкова трудно. Единственото, от което се нуждаете, е TXT файл със стартови данни за всеки служител. Ето тук го имам (1): Там има различни служители с име, фамилия, длъжност, улица, пощенски код, град, имейл и вътрешен номер за обаждане. Единствената спецификация тук е, че думите са разделени с табулации и след това са списък по надолу.
В InDesign сега използвам Сливане на данните (2). Ако я няма вдясно на страницата при вас, можете лесно да я отворите чрез Прозорци>Бързи менюта. И там можем да изберем Избор на източник на данни (3 и 4): „Служители фиктивен дом.txt“ (5).
Сега той разпознава: Първият ред е изходният ред и там взема всички наименования (1), „Име“, „Фамилия“, „Улица“ и така нататък.
Сега трябва да направим следното: Представяме „Mustermann“ с маркирания „Име“. И при „Markus“ поставяме маркирането „Фамилия“.
Сега това е малко голямо, той ни показва текст за преплътване. За целите на демонстрацията задавам шрифта на 13 Pt, така че да влезе удобно в един ред (2).
Вземаме също „Главният изпълнителен директор“. Това е „Длъжност“. И така продължаваме с улицата, пощенския код и града. Уебсайтът е същият, имейлът го сменяме с тага „Имейл“. При телефонния номер добавяме само вътрешния номер в края. С което сме си осигурили всички важни данни.
Следователно сме маркирали всички тагове. Сега можем да започнем с Сливането на данните. За тази цел кликвам веднъж върху Сливане на данни (1) и избирам Създаване на обединен документ (2 и 3).
След това се появява хубав диалогов прозорец (4), където трябва да определим какво да стане при преплътване и т.н. Просто потвърждавам цялото (5) и InDesign работи. Тук ми се посочва (6): “При сливането на записите не беше създаден текст за предопределение.“ Потвърждавам това.
Чрез изгледа на страните вече можем да видим какво е направил InDesign: Създал ни е визитките за всички служители. Може би можем да разгледаме: „Albrecht Markus“, Главният изпълнителен директор. „ma“ е неговото кратко име за имейл адреса и той има вътрешен номер „11“.
Погледнем на другите. Добре, вярвам, че единственото, което направих грешно тук, е че името е наречено наобратно сега, но това не е драстично, защото сигурно сте разбрали принципа, че всичко може бързо да бъде създадено с няколко клика. Точно това исках.
Подготовка за печатарницата (Експорт и Разделяне)
Как трябва да подготвим всичко, за да може да го обработи и viaprinto? Има някои дребни подробности, на които трябва да обърнете внимание. Дяволът също така се крие в детайлите. Така че още веднъж ще погледнем страницата на viaprinto и ще прегледаме помощта:
Под Упътвания (1), след това Създаване на изходни документи (2) и след това PC (3, или може би 4 за Mac) ще намерите раздела Adobe InDesign за PC (5). Там ще видим всички изисквания, които трябва да вземем предвид от създаването до експортирането (6). И това, което е толкова добре показано тук, аз ще го изпълня крачка по крачка.
В InDesign първо отварям диалоговия прозорец за експорт (Файл>Експорт…). Означавам го като „vcard.pdf“ и го запазвам в нова папка „Export“. След това се отваря диалоговият прозорец за експортиране…
Печатницата viaprinto написа сега, че биха желали PDF/X-3:2002. Това го задавам в стандартен режим. В раздела Общи няма нужда от други настройки.
За Компресията viaprinto казват, че трябва да зададем стойности 356 и 534 за Линейно ресемплиране и след това да посочим Автоматично (JPEG).
В раздела Подрязване и регулиране трябва да посочим, че желаем да използваме настройките за подрязване на документа. Вече сме задали 3 мм, които ще се показват сега при износа.
Важно е да изберем правилната настройка в раздела Изход, защото трябва да имаме предвид някои неща, за да бъде конвертирано правилно в правилното целево цветово пространство. Viaprinto предлага тук: Конвертиране в целевия профил (запазване на стойностите). Като цел е зададено ISO Coated v2 300% (ECI). „Coated“ в този случай означава ламинирана хартия. Това е първично срещу неламинирания хартиен материал, който може би познавате от вестници, като е грубопорист.
След това трябва само да изберем Разширени настройки, да изберем Намаляване прозрачност [висока резолюция] и да активираме отметката за Игнориране на различни настройки на печатни форми. Това е всичко. Започваме с износа.
Вече имаме 18 страници (1). Зелената илюстрация горе (2) е по-висока сега, тъй като подрязването е включено. Изглежда много широко, но рязането ще се извърши по-долу.
Сега имаме всички визитки, трябва да бъдат двама колеги, които не са в Мюнхен ... Единият е „Фелс Фридрех“ (3) …
... и другият е „Фойгт Торстен“, и двамата са в Ерфурт. И много интересно е, че в viaprinto има възможност за мулти-доставка, което значи - в този пример 90 процента от персонала са в Мюнхен, но останалите 10 процента са в Ерфурт - лесно се определя по време на поръчката: Искам последните двама да отидат в Ерфурт.
За да го постигнем, не трябва да правим нищо друго в Acrobat, освен да сплитнем този документ веднъж. Чрез Изглед>Инструменти>Страници (1) можем да Разделим документа (2).
Брой страници: Желая по две страници на документ (1) и потвърждавам (2). Сега документът ще бъде сплитнат на девет документа (3). Следователно вече имаме по един PDF файл за всяка поръчка на визитни картички.
Сега в „Export“ папката имаме файл с всички страници, а след това имаме файлове с отделните визитки (4). Тези с всички страници могат да бъдат изтрити.
Настройка на качване и изпращане
Сега се връщаме на страницата на viaprinto. Тук избираме отново визитната карта (1), портретен режим (2) и цъкаме върху Качване на документ (3). Там има Мениджър на документи (4), на който му казвам просто да качи всички тези документи последователно. Това ще отнеме малко време (5).
Добавих всичко в кошницата. Ето последната карта „vcardTeil9“, която ще добавя още. Във функцията за преглед вече виждаме ...
... „Фелс Фридрех“, той е този, който е разположен в Ерфурт, и сега ще го добавим в кошницата, той също ще получи 250 броя.
Сега има един обзор на кошницата, последните две карти отиват в Ерфурт, а всички останали отиват в Мюнхен. Натискам „Напред“.
Сега можем да изберем няколко адреса: Изпратете на един или няколко адреса (1). Избираме „Маркус Албрехт“ и „Фридрих Фелс“ (2). След това можем да зададем и позициите. Така „Фридрих“ винаги получава „0“, дори и за другите позиции (3). Позиции 6 и 7 трябва да отидат в Ерфурт, затова получава по 250 броя. За адреса в Мюнхен обаче задаваме „0“ (4). След това се изчислява цената за доставката (5).
Това е фактурирано двойно, което е лесно за разбиране, тъй като се изпраща на два различни адреса, по 4,95 евро (1). Натискаме „Напред“ (2).
„Доставки (Германия)“ за 9,90 евро. След това отново натискаме „Напред“ (3) …
... и вече имаме резюме за това как трябва да изглежда цялото нещо. Сега всичко е настроено, така че ерфуртците получават визитките си, мюнхенците получават своите.
След това можете да потвърдите цялото нещо, но аз не бих го направил, в противен случай ще бъдат изпратени визитки на хора от съмнителна архитектурна фирма, която наистина не съществува.
Така че тук имате възможност да научите доста неща и се надявам, че дизайнът, но и свързването на данни и този прозорец за качване са ви харесали. Успех при прилагането у дома! Просто го опитайте.
Вашият Щефан
