I den här träningen tar vi oss an en klassisk utmaning i byråvärlden, men ingen fara: Det är inte dagboken över det dagliga galenskapet jag vill skriva nu, det handlar bara om den moderna utformningen av ett visitkort för en fiktiv arkitektbyrå. Och förutom designprocessen handlar det naturligtvis också om att skapa visitkort för en hel personalstyrka på ett företag.
InDesign är ett superkraftfullt program som erbjuder många automatiseringsverktyg som accelererar arbetsflödet avsevärt. Och det är precis sådana automatiseringsverktyg som vi utnyttjar – det handlar konkret om datamerging för visitkort. Efteråt är det möjligt att med ett klick skapa visitkort i stor skala, oavsett om det är för 10 personer, 20 personer, 50, 100 eller till och med tusen eller fler – allt är inget problem.
I den sista delen av träningen kommer jag också att gå igenom hur något sådant bör förberedas, så att vi också kan skicka det konformt till vår förtroende-tryckeri. I mitt fall hänvisar jag till viaprinto och kommer att klargöra i detalj vad som är viktigt vid export: Vilka inställningar måste definitivt beaktas och hur måste det slutliga produkten förberedas för att vi sedan ska kunna ladda upp det?
Skapa dokument – Beakta tryckeriets specifikationer!
Innan vi börjar måste vi ta reda på vilka bestämmelser vår tryckeri har. Därför besöker vi viaprintos webbplats (1). Här går vi in på visitkort (2) och väljer ställningupprätt (3). Här tittar vi på specifikationer och mallar (4) och öppnar datatabellen (5).
Detta är bestämmelserna: Den slutliga storleken är alltså 55 mm x 85 mm. Dessutom begär vi 3 mm utfall från viaprinto, vilket är det gråskuggade området, i princip ett tillägg till den slutliga produkten, eftersom det i skärningsprocessen ser till att inga vita kanter uppstår eller andra oönskade överraskningar väntar på oss. Så lägg därför till 3 mm utfall.
I övrigt uppmärksammar vi att viaprinto vill att designelement ska placeras så att, som sagt, inga vita kanter uppstår, men också att vi håller ett säkerhetsavstånd till skärande och vikande kanter, där vill de ha 4 mm. "Låt fulltäckande bilder sticka in i utfallet", också för att undvika vita kanter. Ni ser: Vita kanter är inte bara ogärnade gäster på vägen, även inom trycksakområdet är de bara störande och bör undvikas.
I övrigt kan vi här titta närmare på produktspecifikationerna och också beakta de 300 dpi om vi vill inkludera bilder.
Låt oss gå till InDesign och skapa dokumentet. Fil>Ny>Dokument… Målmediet är avsett för tryck (1), vi behöver inte en dubbelsida (2). Vi definierar om sidformatet: 55 mm i bredd och 85 mm i höjd (3). En kolumn är okej (4). Vi ställer in marginalerna lika genom att kedjeknappa dem (5). Här anger vi 4 mm på varje sida, enligt viaprinto's rekommendation. Sedan lägger vi till 3 mm utfall på alla sidor (6). Detta skulle kunna göras på detta sättet, då skulle allt vara korrekt, men jag vill visa er en alternativ väg här ...
Denna väg leder återigen till tryckeriets webbplats (1), eftersom vi där har möjlighet att enkelt ladda ner sådana mallar. Jag tycker att det är ganska praktiskt om man inte vill bry sig om hur, vad, var allt ska läggas: Klicka bara på InDesign (2), spara filen och extrahera den. Jag öppnar IDML-filen ...
... och se: viaprinto har tagit ansträngningen för oss. Det är också ganska praktiskt, för då slipper man hela skapandeprocessen. Självklart behöver ni inte ta bort all information som visas här - viaprinto har flyttat det till en annan nivå. Vi kan låsa upp hela och enkelt dölja allt med hjälp av ögonsymbolen ...
... för att sedan visa igen. På så vis har vi specifikationerna tillgängliga igen. Ganska bekvämt, jag håller det också så. Och med denna skiss kan designen börja.
Definiera färger
Det som naturligtvis inte får saknas är husfärgerna först: För detta skapar vi tre nya färgfält via färgpaletten. Meny Ny färg...
Vi befinner oss här i CMYK-färgutrymmet eftersom vi har förberett allt för tryck. Först definierar vi två gråtoner: För Svart går vi på 85 % och lägger till den (1). Sedan tar jag en något ljusare grå ton med 50 % Svart och lägger också till den (2). Nästa steg är en saftig äppelgrön: Cyan på 53 %, Magenta på 5 %, Gul på 100 % och Svart på 0 % (3). Lägg till. Och sedan har vi våra färger.
Skapa hjälplinjer
Nästa steg är att använda hjälplinjer. På framsidan vill jag ha endast två hjälplinjer som hjälper mig att definiera mittpunkten eller exakta mitten. För att göra detta kan jag placera min markör på linjalen, hålla musknappen nedtryckt och dra ut hjälplinjen (1). Jag släpper den först där (2) och här uppe i menyn (3) definierar jag X-axeln exakt till mitten genom att helt enkelt skriva "55/2". På så sätt har vi exakt träffat mitten vertikalt (4).
Detsamma gör jag nu horisontellt: Klickar på linjalen, drar ut en hjälplinje (1) och anger "85/2" för Y-axeln (2).
Nu har vi två hjälplinjer som korsar sidans mittpunkt (3).
Skapa sneda ytor
Nu behöver vi förstås element för att fylla layouten. Återigen en snabb titt på designen: På framsidan finns ytor med sneda kanter, men också raka ytor, logotypen ... Låt oss börja med ytorna först.
För att göra detta zoomar jag ut litegrann, det kan göras med Alt och musenlringen, så zoomar du alltid bekvämt till platsen där muspekaren är. Jag väljer mitt Rektangelram- verktyg (1) och drar ut en stor yta (2), som jag fyller med färgen antracit (3).
Lägger till en kontur, nämligen i äppelgrönt (1) på 3 pt (2).
Nu behöver vi bara luta hela saken och där kan du definiera en lutningsvinkel här uppe: 49° (1). Sedan skjuter jag det lite mer exakt.
Om jag trycker på W ändrar jag också denna vy (2) och kan bedöma det bättre utan att se resten som inte heller kommer att tryckas med.
Samma behöver vi också här uppe, så jag skapar en kopia av det. Jag markerar objektet, håller ned Alt- tangenten. Nu har jag en dubbel pil som avslöjar att den kommer att skapa en kopia. Nu drar jag objektet med musknappen nedtryckt till den vänstra övre hörnet.
Och så har vi installerat våra vackra diagonal linjer.
Skapa balkar
Nu tittar vi på mellanbalken. Där skapar jag med Rektangelram- verktyget (1) en rektangel igen, drar det hit (2) och anger 12 mm i höjd (3). Sedan färgen, den mörka grå (4). Nu behöver vi en kontur, samma som vi har på de andra ytorna (5). Om jag bara tillämpar konturen på rektangeln får vi dock den oönskade effekten att här (6) konturen bryts. Det vill vi inte ha så.
Därför, en knep: Jag tar bort konturen (1), kopierar rektangeln med Ctrl + C till urklipp och limmar in den på originalpositionen igen (2, Redigera>Klistra in på originalpositionen).
Vi har nu en kopia, det vill säga, objektet ligger direkt ovanpå varandra två gånger. På nivåerna (1) kan jag observera det ordentligt: Det är den främre rektangeln (2), det är den bakre (3). Och jag ändrar nu färgen på den bakre till grön (4).
I höjd går jag upp till 115 % (1). Resultatet: Den bryter triangeln igen.
Men nu har vi fördelen att kunna ändra hierarkin på nivåerna igen. Jag väljer den bakre rektangeln och flyttar den bakåt (2).
Och så har vi rena, vackra kanter precis som vi tänkt oss.
Skapa logotyp: Grundelement
Nu måste vi förse hela detta med en identitet så vi skapar en logotyp. Det är inte så svårt som det ser ut. Här är designen igen.
Vi börjar med en rektangel (1 och 2). Jag tilldelar en färg till den (3). Med Polygon-verktyget (4) skapar jag en triangel. Klicka en gång i dokumentet och fönstret Polygon (5) öppnas. Antalet sidor är 3, bekräfta med OK. Vi tar bort kanten, färgen ställs in på grått (6). Sedan placerar vi detta vänsterjusterat och drar det uppåt (7).
Rektangeln är för stor för mig, jag drar även triangeln lite smalare (1).
Nu är det dags att använda Pathfinder. Den är väldigt praktisk när det gäller att helt sammanfoga två objekt. Jag har Pathfinder här i paletten (2), men ni hittar den också under Fönster>Objekt och Layout>Pathfinder.
Jag markerar båda objekten (3). Sedan klickar jag på denna symbol i Pathfinder (4), som står för att båda objekten ska smälta samman till en summa, det är i princip en addition av båda elementen. Vårt hus är nu klart (5). Jag flyttar det först till sidan.
Och nu ska vi skapa bakgrunden. Jag drar en rektangel med Rektangelframställar-verktyget (1) (2), även med Skift-tangenten nedtryckt, så att sidorna blir identiska. Rektangeln får färgen grön (3). Jag skapar en dublett av den (4) och sedan en av båda (5).
Och denna "fönsterliknande" form (6), som det nästan ser ut som, tilldelar jag nu Hörnalternativ till (Objekt>Hörnalternativ…). Vi är för tillfället i det övre vänstra hörnet av rektangeln (7). Se till att kedjesymbolen är avaktiverad (8). Här väljer vi helt enkelt en rundad hörn (9) och den är redan markerad (10).
Samma sak gör vi uppe till höger (1), nere till höger (2) och nere till vänster (ej synligt på bilden).
Med det har vi de fyra rundade rektanglarna (1). De kan vara lite större (2). Jag justerar rektanglarna vid den blåa hjälplinjen i mitten (2). Huset placeras på dem (2) och flyttas i förgrunden (3 och 4).
Skapa logotyp: Använda Pathfinder
Nu ska vi skära upp allt. Där behöver vi återigen Pathfinder och vi måste börja sammanfoga vissa grupper igen, nämligen: Överst till vänster och nederst till höger (markera som i 1) ska smälta samman till en enhet med Pathfinder (2). Likaså överst till höger och nederst till vänster (markera som i 3 och sedan trycka 2).
När vi nu flyttar det ser vi: Det har blivit ett eget objekt (4) och även detta (5). Med Ctrl + Z flyttar jag allt tillbaka till rätt position.
Och varför två bakgrundselement nu? Det beror på att vi vill använda två olika färger: Överst till vänster och nederst till höger ska visas i en subtil grå ton (1). De andra två förblir gröna. Jag ändrar färgen på huset (2) för att undvika förvirring.
Jag markerar båda objekten i bakgrunden och grupperar dem. Därmed är det en sluten enhet, endast huset står fortfarande separat.
Och nu centrerar vi det: Med Skift markerar jag båda objekten (1), sedan centrerar jag dem vertikalt och horisontellt med hjälp av dessa två knappar (2). Huset var redan nästan centrerat, men nu vill jag ha det lite mindre. Så: Ctrl + Skift + Alt låter allt krympa vid mitten när jag drar ena hörnet mindre (3).
Jag skapar en kopia av detta: Ctrl + C, sedan Redigera>Klistra in på orginalplats (4). Nu har vi två hus.
Jag lyfter gruppen igen (1), för nu kan jag enkelt dra bort huset från den gröna ytan med hjälp av Pathfinder (markera huset och de gröna ytorna, tryck sedan 2).
Och jag drar bort huset från den grå ytan underst (1). Nu har vi vår vackra logotyp, precis som vi tänkt oss (2). Jag markerar allt igen och grupperar det (3).
Så här ser allt ut. Och nu har vi logotypen som en grupp, som vi kan duplicera, skala eller kopiera hur som helst.
Lägg till text
Nu ger vi barnet ett namn. Jag drar helt enkelt ett textfält, ganska stort. Jag väljer Akko Rounded Pro som typsnitt och skriver in det: ”hausfiktiv das architekturbüro”. Eget namn kommer att visas stort, med 15 Pt storlek. Och det understa med 7,3 Pt. Jag valde medvetet detta så att den andra raden i bredd ungefär matchar den första raden.
Jag flyttar hela detta här nedtill. Jag anpassar mig till den blåa linjen (1) i detta exempel. Genom att dubbelklicka på handtaget här nedtill (2) transformeras det till rätt storlek. Med Strg + A markerar jag texten och centrerar den (3).
Nu centrera jag hela detta: Jag markerade mitt textfält (1) och sedan stödet (2). Genom Centrera kan jag placera det fint i mitten (3). Och nu sätter jag ”haus” bara i en saftig grön och resten i strålande snövit (4).
Placera grafik
Så här ser resultatet ut för tillfället. Det enda som saknas här är faktiskt våra illustrativa element. Via Arkiv>Placera…
... väljer jag grafikerna: Pennan, blyertspennan, linjalen och passaren (1). Jag har nu alla element i muspekaren. Med piltangenterna växlar jag mellan elementen (2).
Jag placerar linjalen nedtill, blyertspennan ovanför, pennan bredvid och passaren på denna plats. Jag trimmar pennan lite. Det är förresten alla vektorfiler, så de kan skalas fritt. Första sidan är nu klar (3). Vi sparar det för tillfället.
Skapa baksida
Nu tar vi itu med baksidan. Vi har redan en andra sida skapad av viaprinto. Vi kommer att arbeta med den i nästa steg.
Jag skapar igen hjälplinjer. Lite mer här, eftersom på framsidan var det så att den extroverta dynamiken skulle understryka utseendet någonstans, men på den andra sidan kommer vi att gå lite statiskt tillväga, eftersom vi har mycket text. Så vi går via Layout>Skapa hjälplinjer… (1). Jag vill ha elva hjälplinjer med ett kolumnavstånd på 0 mm (2). Det syns redan i bakgrunden om man har aktiverat Förhandsvisning-funktionen (3). Bekräfta (4). Nu kan vi orientera oss efter detta.
Här är återigen mallen som vi ska återskapa.
Vi börjar med de stora gröna staplarna upptill och nedtill. Jag tar helt enkelt återigen fram Rektangramram-verktyget (1), sätter det i toppen av beskärningen, drar fram en rektangel (2) och fyller den med grönt (3). Med Alt och Skift drar jag en kopia av den ner till botten (4).
Nästa sak vi behöver är såklart vår mörkgrå låda, som jag drar för hand. En gång färgad och klar (1).
Från förstasidan tar vi logotypen. Strg + C, och sedan infogar på sida två (Redigera>Infoga på ursprungligt läge). Jag skalar det lite större, så att vi kan orientera oss enligt hjälplinjerna (2). Jag justerar toppkanten till 5 mm (3).
Med namnet närmar vi oss ganska nära slutresultatet. Jag drar ett textfält, ändrar typsnittet till Myriad Pro, eftersom Akko Rounded Pro endast användes för eget namn och Myriad Pro är avsett för korrespondensen. Jag centrerar ”Markus Mustermann” och jag ökar värdet för teckenstorlek till 14 Pt. Jag sätter förnamnet i Semibold, efternamnet i Light. Jag ställer in radavståndet till 18 Pt. Och i nästa rad lägger jag till ”Vd” med 10 Pt storlek.
Sedan kommer här en liten färgglad detalj. ”Vd” blir ljusgrå. Jag sätter namnet i mörkgrått.
Vidare till resten av adressuppgifterna, som är planerade. Jag gör det snabbt, eftersom jag redan har förberett allt i min bibliotek. Jag vill ju inte tråka ut er med hur jag skapar den här saken. Det är i grund och botten bara textrutor och några piktogram till. Ni kan säkert klara av det själva. När det väl är centrerat, så är det klart.
I vår mall har vi fortfarande dessa fina linjer som sedan verkligen rinner ut mot slutet till vänster och höger. Det bygger vi nu på: Vi tar Linjeritverktyget (1), håller ned Skift-tangenten när vi drar linjen för att skapa en rak linje (2). Jag ställer tjockleken på 0,6 Pt (3). Vi behöver ingen färg, det handlar bara om konturen som vi ska applicera på den fina gråa färgen (4).
Och nu uppmärksamma: Vi öppnar Effekt-panelen (5) och tillämpar en Graderad mjuk kant (6). Det enda vi behöver ändra här är att vi ändrar Typ till Radial (7). Bekräfta.
Och så har vi effekten. Från linjen gör jag en kopia med nedtryckt Alt- och Skift-tangent och flyttar den ner till positionen. Sedan en andra kopia längre ned.
Och med det är vi färdiga med den här sidan och våra två sidor är skapade.
Datafusion
Hur får vi det nu så att vi inte behöver skapa visitkort för en grupp på tio personer varje gång utan att InDesign enkelt fixar det med ett klick?
Det är egentligen inte så klurigt. Det enda du behöver är en TXT-fil med all personalinformation. Jag har den här (1): Där finns olika anställda med ett förnamn och efternamn, en befattning, gata, postnummer, ort, e-post och direktnummer. Det speciella här är att orden är separerade med tabbtecken och bara listade nedan förtlöpande.
I InDesign använder jag nu Datafusion (2). Om det inte visas till höger på sidan kan du enkelt öppna det genom Fönster>Verktyg. Där kan vi sedan välja Datorkälla (3 och 4): "Anställd skivaa.txt" (5).
Nu känner den igen: Den första raden är alltså källraden och där hämtar den alla etiketter (1), "Namn", "Förnamn", "Gata" och så vidare.
Nu måste vi göra följande: Vi markerar "Mustermann" och här anger vi etiketten "Namn". Och för "Markus" anger vi etiketten "Förnamn".
Det är lite stort just nu, den visar oss en överskjutstext. För demonstrationsändamål ställer jag texten på 13 Pt, då passar den fint på en rad (2).
Vi tar även med "VD" som är "Funktionen". Och så fortsätter vi med gatan, postnumret och staden. Webbplatsen förblir densamma, vi byter ut e-postadressen med etiketten "E-post". För telefonnumret lägger vi till endast direktnumret. Där har vi all relevant information angiven.
Vi har alltså lagt till alla etiketter. Med detta kan vi börja med Datafusion. Jag klickar en gång på Datafusion (1) och väljer Skapa sammanförd dokument (2 och 3).
Sedan finns det här ett vackert dialogfönster (4), där du ska ange vad som ska hända med överskjutstexten osv. Jag bekräftar bara allt (5) och InDesign rullar igenom. Här får jag information (6): "Inga överskjutstexter skapades vid sammanfogningen av poster." Jag bekräftar detta.
Genom sidovyn kan vi nu se vad InDesign har gjort: Det har skapat visitkorten för alla anställda. Vi kan kolla igenom dem: "Albrecht Markus", verkställande direktör. "ma" är hans förkortning för e-postadressen och han har direktnumret "11".
Låt oss kolla på de andra. Okej, jag tror att det enda jag gjorde fel här är att namnet nu står felvänt, men det är inte särskilt allvarligt, för ni har förmodligen förstått principen att göra allt snabbt med några klick. Så ville jag ha det.
Förberedelse för tryckeriet (Export och uppdelning)
Hur måste vi nu förbereda allt så att vi kan bearbeta det även på viaprinto? Det finns några små detaljer som man måste vara uppmärksam på. Djävulen sitter även här i detaljerna. Så vi tittar på viaprintos webbplats och tittar på hjälpen:
Under Anvisningar (1), sedan Skapa källhandlingar (2) och sedan PC (3, eller kanske också 4 för Mac) hittar ni punkten Adobe InDesign för PC (5). Där kan vi se alla bestämmelser från skapandet till exporten som vi måste ta hänsyn till (6). Och det jag ser där ska jag nu implementera steg för steg.
I InDesign öppnar jag först exportdialogen (Fil>Exportera…). Jag kallar den "vcard.pdf" och sparar den i en ny mapp "Export". Då öppnas exportdialogen ...
Tryckeriet viaprinto har nu skrivit att de skulle vilja ha PDF/X-3:2002. Det ställer jag in på Standard. I Allmänt behöver vi sedan inte göra något mer.
I Komprimering säger viaprinto att vi ska sätta Bikubisk omräkning till värdet 356 och 534. Sedan ska vi ange Automatisk (JPEG).
I Märken och skärmärken måste vi ange att vi vill använda dokumentets skärmärkesinställningar. Vi har redan ställt in 3 mm där och det kommer vi nu att visa vid exporten.
I Utskrift är det väldigt viktigt att man gör rätt val, eftersom man måste ta hänsyn till några saker för att verkligen konvertera till rätt färgrymd. Viaprinto föreslår här: Konvertera till målfärgprofil (Behåll värdena). Som Mål begärs ISO Coated v2 300% (ECI). "Coated" står i detta fall för belagt papper. Det är i princip motsatsen till oskuret papper, som man kanske känner till från tidningar, vilket är grovporöst.
Sedan behöver vi bara gå till fliken Avancerat, välja Transparensreducering [Hög upplösning] och aktivera kryssrutan för Ignorera avvikande inställningar på tryckarket. Det var det faktiskt. Vi börjar med exporten.
Vi har nu 18 sidor (1). Den gröna stapeln här ovanför (2) är så hög nu för att utskärningen har exporterats med. Det ser väldigt brett ut, men beskärningen sker längre ner.
Så jag har nu alla visitkorten, där borde också vara två kollegor som inte sitter i München ... En gång "Fels Friedrich" (3) ...
... och en gång "Voigt Thorsten", de båda sitter i Erfurt. Och vad som är ganska fantastiskt: På viaprinto har man möjlighet att skicka in flera leveranser, det vill säga - i det här exemplet sitter 90 procent av personalen i München, men de återstående 10 procenten sitter i Erfurt - du kan enkelt ange vid beställningen: Jag vill gärna att de två sista ska gå till Erfurt.
För att genomföra detta behöver vi inte göra något mer i Acrobat än att dela upp detta dokument en gång. Via Visa>Verktyg>Sidor (1) kan vi dela upp dokumentet (2).
Antal sidor: Jag vill ha 2 sidor var (1) och bekräftar det (2). Därmed kommer dokumentet att delas upp i nio dokument (3). Det betyder att vi nu har ett PDF för varje uppsättning visitkort.
I "Export"-mappen ligger nu en fil med alla sidorna och sedan har vi filerna med de enskilda visitkorten (4). Den med alla sidor kan vi ta bort.
Ladda upp och ställ in leverans
Nu tillbaka till viaprintos sidan. Där väljer vi visitkortet igen (1), i Porträttläge (2) och klickar på Ladda upp dokument (3). Där finns sedan en dokumenthanterare (4) som jag enkelt talar om att han ska ladda upp alla dessa dokument i följd. Det tar lite tid (5).
Jag har nu lagt till allt i varukorgen. Här är det sista kortet, "vcardTeil9", som jag också lägger till. I förhandsgranskningsfunktionen ser vi redan ...
... "Fels Friedrich", som är stationerad i Erfurt, och den lägger vi nu också till i varukorgen, han får också 250 stycken.
Nu har jag en översikt över varukorgen, de två sista går till Erfurt och de första går alla till München. Jag klickar på Fortsätt.
Här kan vi nu välja flera adresser: Skicka till en eller flera adresser (1). Vi väljer "Markus Albrecht" och "Friedrich Fels" (2). Där kan vi också ange positionerna. Så "Fels" får alltid "0", även för de andra positionerna (3). Position 6 och 7 ska dock gå till Erfurt, där får han alltså sina 250 stycken. För den München-adressen sätter jag dem på "0" (4). Sedan beräknas leveransen (5).
Den blir nu naturligtvis debiterad dubbelt, men det är ju klart, det går ju till två olika adresser, vardera för 4,95 euro (1). Fortsätt (2).
"Leveranser (Tyskland)" för 9,90 euro. Sedan fortsätter vi igen (3) ...
... och så har vi redan en sammanfattning av hur hela konceptet ska se ut. Nu är allt inställt så att invånarna i Erfurt får sina visitkort, och invånarna i München får sina.
Sedan kan man bekräfta hela grejen, men det tänker jag inte göra, annars kommer visitkort att skickas hit till några människor på en skum arkitekturfirma som inte ens existerar.
Ni har fått lära er en hel del här och jag hoppas att ni har gillat att designa, men också att sammanföra data och den här uppladdningsrutan. Lycka till med att genomföra det här hemma! Prova själva.
Din Stefan
