Lag visitkort i Adobe InDesign - Klassisk stil: lege design

I denne opplæringen vil jeg vise deg hvordan du lager et visittkort og hva du bør være oppmerksom på. Som et eksempel vil vi lage et visittkort for en indremedisiner.

La oss gå: Trinn 01–10

Trinn 01

På fotolia.de kan man relativt billig finne bilde- og logo-materiale hvor lisensene er klarlagt.

Jeg søker etter "lege" og sorterer etter Nedlastninger, for da vises de bedre øverst eller de som er mest kjøpt.

Når jeg har bestemt meg for en, klikker jeg på den …

Trinn 02

… og ser at det også er tilgjengelig som vektorlisens. Så jeg kan skalere det opp til det uendelige.

Jeg legger det i handlekurven og aksepterer lisensavtalen. Under forhåndsvisningsbildet står det igjen alt jeg har lov til å gjøre med logoen og hva jeg ikke har lov til. Jeg kan for eksempel bruke den på trykksaker som visittkort eller på nettsider, akkurat det jeg vil.

Så laster jeg ned bildet.

Trinn 03

Filen er en .svg-fil, en vektordatei, som jeg imidlertid bare kan åpne med vektorprogrammer. Jeg kan ikke åpne den med Adobe InDesign, der får jeg bare språkkaos, som du ser nederst til venstre.

Derfor starter jeg Adobe Illustrator og åpner filen med det.

Trinn 04

Hvis du ikke har Illustrator, kan du også bruke åpen kildekode-programvare som for eksempel med Inkscape. Du kan søke etter programmet på Google, laste det ned og installere det.

Trinn 05

Dermed åpner jeg filen nå.

Desverre kan jeg ikke bare kopiere logoen herfra og lime den inn på originalposisjonen i InDesign. Det fungerer dessverre ikke.

Trinn 06

Jeg må konvertere logoen til et annet format gjennom Illustrator eller Inkscape.

Jeg går til File>Save as, der jeg har flere filtyper å velge mellom. Ganske gode alternativer er .eps-, .ai- eller PDF-formatet.

Jeg lagrer det som PDF og beholder alle alternativene som de er.

Trinn 07

Jeg oppretter et nytt dokument med Bredd 85mm og Høyde 55mm.

Det er viktig at jeg umiddelbart jobber med en bleed, slik at trykkeriet kan skjære kortene godt. Det skal ikke være noen hvite blitsende områder i kanten hvis de skjærer seg med en millimeter.

Hvis jeg klikker på knappen Flere alternativer, kan jeg justere Bleed og Infoområde til 2 mm. I de fleste tilfeller er dette tilstrekkelig, ellers kan du også skrive inn 3 mm.

Trinn 08

Gjennom File>Place kan jeg nå legge inn grafikken i InDesign.

Hvis vi ser på trappestykkene langs kanten, er det bare et visningsproblem som enkelt kan løses. Så snart jeg går til Vis>Display Performance>Display with High Quality, blir kantene glatte igjen.

Trinn 09

Med Shift- og Ctrl-tastene trykker jeg logoen proporsjonalt og tilpasser størrelsen til visittkortet.

Trinn 10

Problemet her er at jeg ikke får fargelagt logoen raskt og enkelt her, for det går bare med ekte vektordateier, som jeg for eksempel kopierer fra Illustrator og limer inn i InDesign via utklippstavlen.

Jeg kan imidlertid fortsatt prøve å farge den gjennom Vindu>Effekter, ved å gi objektet en innvendig blend og i Modus: Normal, teknikk: Presis fargen Blå, med en Gjennomsiktighet på 100%.

Steg 11-20

Steg 11

Men det fungerer mye bedre med Illustrator, eller jeg kan også bestemme hvilken farge jeg vil ha på forhånd i Inkscape.

Jeg kan klikke på hvert enkelt objekt og tildele fargene tilsvarende. Så går jeg tilbake til Lagre som og lagrer det i riktig filformat.

Steg 12

I InDesign åpner jeg logoen via Fil>Plasser og tilpasser den til riktig størrelse.

Jeg bytter visning ved å klikke på symbolet i verktøylinjen.

Jeg går til Fil>Lagre som og kaller dokumentet "Visittkort indremedisin".

Steg 13

Nå plasserer jeg logoen omtrent midt på, oppretter en tekstboks og skriver "Dr. Max Mustermann, lege for indremedisin".

Noe som litt distraherer meg er den indre rosa linjen, det skal være kanten. Men jeg trenger den egentlig ikke, så jeg går til Layout>Marger og spalter. Der setter jeg alle verdiene til 0 mm og allerede er det forstyrrende rektangelet midt i dokumentet forsvunnet.

Den rosa linjen er nå samtidig kanten av dokumentet, og den røde linjen er beskjæringsmarginen. Hvis jeg har en grafikk i dokumentet som skal skjæres uten kant, må jeg dra den helt til den røde linjen.

Steg 14

Jeg vil gjerne ha en annen skrifttype enn den som allerede er forhåndsinnstilt. Jeg kunne for eksempel laste ned en skrifttype fra internett.

Jeg ser alltid gjerne på www.dafont.com, hvor man kan laste ned forskjellige skrifttyper.

Jeg lar meg for eksempel vise de Top 100 og kan også skrive inn teksten min med en gang, som da vises som eksempeltekst i den respektive skrifttypen. Man har et enormt utvalg av skrifttyper og kan laste ned ønsket en umiddelbart for Win eller Mac.

Men jeg vil ha en spesifikk skrifttype som jeg ikke finner på www.dafont.com. Jeg googler den enkelt ("Bree Serif") og kommer til en side hvor jeg kan laste den ned.

Deretter trenger jeg bare å pakke ut .zip-filen med Høyreklikk og allerede er skrifttypen i systemet. Det blir ikke enklere enn det.

Steg 15

Nå har jeg "Bree Serif" direkte blant skrifttypene i InDesign og kan bruke den helt normalt med en gang.

Droid Sans er for "lege for indremedisin" - den finner man også veldig enkelt på Google. Ved å holde Shift-tasten nede kan jeg velge logoen og tekstboksen sammen og flytte dem litt til venstre.

Jeg kommer ut av tekstinntastingen med Esc, uten alltid å måtte bytte verktøy ekstra.

Steg 16

Jeg vil selvfølgelig gjerne bruke fargen på logoen også for teksten. For å gjøre det oppretter jeg først fargen som et Nytt fargefelt: Jeg klikker bare på Nytt-symbol, velger CMYK-modus siden det skal trykkes, og kaller det "Grønn".

Selv tekstboksen skal ikke få noe farge, den er satt til Ingen.

Steg 17

Jeg tar Tekst-verktøyet og markerer teksten "Dr. Max Mustermann". Et klikk på "Grønn" er nok, og teksten har den ønskede fargen.

Steg 18

Så vil jeg legge til et annet element, for dette bruker jeg Rektangel-verktøyet og tegner et rektangel ovenfra over hele lengden av kortet. Jeg fyller det med grønn farge, uten kontur.

Jeg kunne tilført litt dynamikk ved å klikke på rektangelet, gå til høyre kant med musen og vri rektangelet litt.

Jeg kopierer rektangelet ved å dra det nedover med Valg-verktøyet og trykke og holde Alt-tasten nede. Kopien drar jeg deretter nedover med tasten Shift-trykket nede.

Nå fyller jeg det med svart, oppretter et nytt Fargefelt, går inn i det ved å dobbeltklikke og flytter den svarte regulatoren litt til venstre. Jeg kaller det "grå" og bekrefter med OK.

Trinn 19

Sørg for at de fargede rektanglene virkelig strekkes helt til kantlinjen. Se på det i Normal-visningen og tilpass størrelsen slik at alt fylles pent opp til kanttillegg.

Det ser allerede ganske bra ut, men rektanglene og teksten bør stå i samme vinkel.

Øverst ser jeg ved å klikke på rektangelet i hvilken vinkel det er innstilt. Jeg markerer logoen og tekstfeltet med trykket Shift-tasten og setter 4° øverst.

Trinn 20

Jeg flytter teksten og logoen litt nedover, og rektanglene posisjonerer jeg nå litt mer, slik at de kommer nøyaktig fra hjørnet.





Dette ser egentlig ganske bra ut. Jeg er ganske fornøyd med forsiden allerede.

Videre til: Trinn 21–30

Trinn 21

Man kan også legge til en skygge på logoen via Effekter-panelet, under Skygge.

Hvis du ønsker å gjøre dette, vennligst med lav Opasitet, og som Forskyvning bruker jeg gjerne 1 mm, Størrelse også 1 mm. Da ser det slik ut:





Jeg foretrekker imidlertid å la være å bruke skygge og angre dette ved å bruke Ctrl+Z. Deretter lagrer jeg med Ctrl+S.

Trinn 22

Fakta som telefonnummer osv. skal stå på baksiden av visittkortet. Det er alltid lurt å jobbe med Avsnitts- og Tegnformater.

Jeg markerer den blå skriften og går inn i Avsnittsformater, der klikker jeg på Opprett nytt format og lagrer det som "Overskrift" via Avsnittsformatvalg.





Jeg gjør akkurat det samme med tekstlinjen "Lege for indremedisin", siden det er en annen skrifttype. Dette formatet kaller jeg "Tekst".

Trinn 23

Så legger jeg til en ny side: Jeg kopierer enkelt den eksisterende siden her i Sider-panelet under Vindu>Sider ved å dra den og slippe den direkte på Nytt-symbol.

Feilaktig hadde jeg satt hake ved opprettelsen av dokumentet for dobbeltsider i begynnelsen. Men dette kan jeg fortsatt fjerne etterpå via Fil>Oppsett for dokument, for jeg trenger ikke dobbeltsider.

Trinn 24

På baksiden setter jeg Vinkelen på rektangler, logo og tekstfelt tilbake til 0°. Logo kan gjerne gjentas, jeg flytter den til venstre og gjør den litt mindre.

Jeg plasserer tekstfeltet under, men gjør linjene også i en mindre skrift. Jeg setter skriftstørrelsen på navnet til 9 pt og den underliggende tekstlinjen til 8 pt. Jeg sentrerer teksten i tekstfeltet og justerer størrelsen på tekstfeltet ved å dobbeltklikke på den for å tilpasse teksten.

Trinn 25

I høyre område skriver jeg inn dataene i en ny tekstboks.

Jeg oppretter et Tegnformat som viser teksten - uansett annen formatering - i teksten "Grønn". Nå kan jeg markere vilkårlig formatert tekst i dokumentet mitt og fargelegge den i "Grønn" ved å klikke på Tegnformatet. Skrifttypen og skriftstørrelsen jeg har valgt forblir uendret. Det praktiske med dette er at hvis jeg på et senere tidspunkt sier at jeg heller vil ha rosa i stedet for grønn, så endrer jeg bare fargen i Tegnformatet - og all tekst i den fargen blir automatisk rosa - jeg trenger ikke fargelegge hver enkelt linje separat.

Dette gjør at jeg raskt kan endre ting.

Trinn 26

Selvfølgelig gjelder det samme for Avsnittsformater, der jeg for eksempel endrer skrifttypen og det endres automatisk i hele dokumentet på stedene som er definert med Avsnittsformat. Dette er selvfølgelig genialt.

Eller hvis du etter overskriften ønsker noe mer avstand, kan du gjøre dette i Innrykk og avstander.





Mitt råd: Jobb virkelig med Avsnitts- og Tegnformater. Det lønner seg - kanskje ikke nødvendigvis for visittkort, men senest for mer omfattende dokumenter som for eksempel en brosjyre.

Tegnformater brukes for farge eller hvis du vil fremheve noe i teksten, for eksempel ved å sette det i kursiv.

Avsnittsformater brukes for skriftstørrelse, avstand mellom tekstlinjer og eventuelt punktlister osv.

Trinn 27

Så skriver jeg adresse- og kontaktinformasjonen på høyre side i et nytt tekstfelt. Skriftstørrelse 8 pt, det vil jeg imidlertid gjerne ha skrevet i grønt også, så jeg bruker "Grønn" tegnformat på det.

Hvis jeg ønsker å redusere avstanden, kan jeg gå til Skrift>Tabulatorer, markere teksten og plassere tabulatoren der jeg ønsker den. Da blir det litt tettere.

Så ble det ganske fint.





Noen foretrekker imidlertid loddrett format. Jeg har et tips til dere...

Trinn 28

I panelet Sider- finnes det siden CS6 mulighet til å opprette et annet format. Jeg klikker ved siden av Tilpasset på den lille pilen og velger Opprett alternativ layout. Dette omdøper jeg til "Liggende format".

Fra kildesider skal Tilpasset L være.

Da styrer jeg Bredde til 55 mm og Høyde til 85 mm. Alt annet skal beholdes som det er.

Trinn 29

Så lages visittkortet i liggende format. Det ser naturligvis ikke perfekt ut ennå, men jeg retter raskt opp dette ved å flytte rektanglene til riktig sted og tilpasse logoen og teksten deretter.

Det er praktisk at jeg på denne måten raskt kan veksle mellom liggende og stående format. På den måten kan kunden eller jeg selv tydelig se hvilken av de to versjonene som er bedre.

Trinn 30

Jeg tilpasser også baksiden raskt og aktiverer selvfølgelig normalvisningen igjen, slik at jeg kan kontrollere om alt er innenfor beskjæringskanten.

Slik ser baksiden ut i liggende format:

De siste trinnene

Trinn 31

Når jeg går inn i mine Tegnformater, ser jeg at Tegnformatene nå er tilgjengelige for begge formatversjonene.

Siden jeg lot betegnelsen "Tilpasset L" stå for siden tidligere, vises både Avsnitts- og Tegnformat for det opprinnelige stående formatet som "Tilpasset L".

Siden det er litt forvirrende, omdøper jeg det til "Stående format" i hvert tilfelle, og da vet vi også med et øyekast hvilket Avsnitts- eller Tegnformat som hører til hvilket visittkort.





Dette er veldig praktisk, for på den måten kan jeg endre Avsnitts- eller Tegnformat for de to formatversjonene uavhengig av hverandre. Hvis jeg for eksempel endrer skriftfargen i stående format, vil endringene kun vises i stående format.

Trinn 32

Hvis jeg ønsker at Tegn- og Avsnittsformater i formatversjonene ikke skal styres separat, går jeg til panelet Sider- og sletter det alternative layoutet en gang til.

I stedet oppretter jeg umiddelbart et nytt alternativt layout og fjerner avkrysningen ved Kopier tekstformat til ny formatgruppe.





Nå har jeg kun ett Tegnformat, som påvirker alle varianter. Avhengig av om jeg vil ha en global Tegnformat eller ikke, må jeg derfor sette avkrysningen på plass eller ikke.

Trinn 33

Begge variantene kan også eksporteres som PDF på en utmerket måte. Jeg går til Fil>Eksporter og kan der velge om jeg vil eksportere Alle sider eller bare Liggende format-sider eller bare Stående format-sider (De er kalt slik fordi jeg har navngitt dem slik).

Jeg velger å si Alle sider, slik at kunden kan bestemme hva han foretrekker.

Trinn 34

Viktig er å sørge for at avkrysningen Bruk dokumentets trykkutvidelser er inkludert, ellers vil det være hvite blitzere ved kanten.

I tillegg må jeg velge Utskriftskvalitet under registeret Utskrift: CMYK. Best direkte i PDF-innstillinger øverst.

Jeg velger Utskriftskvalitet og deretter Eksporter.

Trinn 35

Nå blir det opprettet en PDF og - oh, der ser jeg enda en blitzer. Der burde jeg ha sett bedre etter. Men det er ikke noe problem, da går jeg tilbake til InDesign-dokumentet og retter det opp. Deretter må jeg selvfølgelig eksportere på nytt.





Ellers ble alt eksportert perfekt, og kunden kan nå velge hvilket format han foretrekker.

Steg 36

Avsluttende tips: Hvis trykkeriet eller nettsiden der du vil lage visittkortene dine, ikke godtar PDF, kan du også eksportere alt som en .jpg- eller .png-fil. Gå til Fil>Eksporter og velg enkelt .jpg nederst. Klikk på Lagre.

Denne gangen eksporterer jeg bare liggende format og stiller kvaliteten på maksimalt, oppløsningen på 300ppi og velger selvfølgelig fargerommet til CMYK.

Det er viktig at jeg huker av for å bruke dokumentets beskjæringsinnstilling igjen, ellers vil ikke beskjæringen være med.

Steg 37

Så får vi den tilsvarende .jpg-filen her.

I forhåndsvisningsprogrammet mitt ser fargen litt annerledes ut nå, men ellers er alt veldig bra, og jeg kan laste opp filene for utskrift.





Jeg håper du har lært noe nytt igjen og kan nå lage dine egne visittkort - spesielt med de praktiske formatvariantene.

Ønsker deg stor suksess med det og kanskje tar du også en titt på de andre visittkort-tutorialene, der finner du også andre stiler.