InDesign-video-træning - Moderne praksis

Flyerdesign i foldet format med et sportsgym / fitnesscenter som eksempel - Del 3

Alle videoer i tutorialen InDesign-video-træning - Moderne praksis

I del 02 af denne tutorial-serie har vi næsten færdiggjort forsiden til vores flyer. I denne del vil vi primært fokusere på at designe side to og tre.

Flyerdesign i foldet format med eksemplet på et fitnesscenter - Del 3

Før vi går i gang med side to og tre, bør vi lave nogle justeringer på forsiden:

Når det kommer til titel og kvinde, kan vi ændre størrelse og position uden bekymringer, da de ikke er tilpasset millimeterpræcist til andre elementer.

Flyerdesign i foldet format med eksemplet på et fitnesscenter/sportscenter - Del 3

Når det gælder cirklen med virksomhedslogoet, er det anderledes: For at sikre at virksomhedslogoet forbliver centreret under skalering af cirklen, er det vigtigt, at InDesign bruger centrum af cirklen som referencepunkt. Dette kan opnås på to måder:

Hvis vi holder Alt-tasten nede under skaleringen af cirklen, vælges midtpunktet midlertidigt som referencepunkt. (Shift-tasten aktiverer proportionel skalering).

Flyerdesign i foldet format med eksempel fra et fitnesscenter - Del 3

Alternativt kan vi indtaste værdierne direkte i menulinjen. For at bruge centrum som referencepunkt, skal det midterste punkt på symbolet til venstre (markeret på skærmbilledet) være valgt.

Flyerdesign i foldningformat med eksempel på et sportscenter/fitnesscenter - del 3

Lad os nu fokusere på de to tilstødende sider:

Først opretter vi et rektangel og skalerer det, så det fylder den øverste halvdel af begge sider. Det fungerer som baggrund for tekst og billederne.

Vi vælger samme turkisfarve, som vi allerede har brugt flere gange på forsiden (C=81, M=28, Y=25, K=7). Vi behøver ikke en kant. For at gøre baggrunden lidt gennemsigtig, kan vi reducere gennemsigtigheden til cirka 90%.

Flyerdesign i foldformat med eksempel fra et fitnesscenter - Del 3

Herefter opretter vi overskrifterne.

Det er altid godt, hvis sidetitlerne er linet op. Vi kan opnå en præcis justering af overskrifterne på forskellige måder:

Den første mulighed er at bruge en hjæpelinje. Opret en horisontal hjæpelinje, som afsluttes med bunden af forsiden. Nu kan vi let snappe de resterende overskrifter til denne hjæpelinje.

Flyer design i foldningsformat med eksemplet på et fitnesscenter - Del 3

Da forsiden og de andre overskrifter har en lignende formatering, kan vi oprette en kopi af den allerede eksisterende overskrift ved at trække den til den ønskede position med Shift- og Alt-tasten trykket ned.

Alt-tasten bevirker, at tekstfeltet kopieres, mens Shift-tasten sikrer, at kopien orienterer sig efter startpositionen, hvilket betyder, at hjæpelinjen ikke er nødvendig.

Flyerdesign i foldet format med et eksempel fra et sportscenter/fitnesscenter - Del 3

Hvis overskriften efter kopiering skulle ende bag det tidligere oprettede rektangel, kan vi gradvist bringe overskriften fremad i objekthierarkiet ved at bruge Ctrl+Æ.

Flyerdesign i foldet format på eksempel fra et fitnesscenter - Del 3

Den venstre side får titlen "Oplev sundhed", mens den højre side tituleres "Din vej til os".

Nogle tilpasninger er nødvendige: Skrifttype>PT Sans Narrow og Skriftstørrelse>22 Pt forbliver uændret. Vi bruger hvid som Skriftfarve, deaktiverer fladefarve og justerer teksten til venstrejusteret.

Flyerdesign i folderformat med et eksempel fra et sportscenter/fitnesscenter - Del 3

Lige under overskriften "Oplev sundhed" opretter vi nu et ekstra tekstfelt til beskrivelsen af fitnesscentret. Der skal være nogle millimeters plads til kanten til højre og venstre for tekstfeltet.

For at sikre, at afstanden til højre og venstre er den samme, opretter vi et lille hjælpe-rektangel, som vi kan justere tekstfeltet efter. Naturligvis kan vi også positionere en hjæpelinje korrekt og justere tekstfeltet efter denne.

Flyerdesign i foldet format med eksempel fra et sportscenter/fitnesscenter - Del 3

For dette eksempel udfyldes tekstfeltet med en blinde-tekst. InDesign har en funktion, der automatisk kan udfylde et tekstfelt med en sådan tekst: Skrift>Udfyld med pladsholdertekst.

Flyerdesign i foldningsformatet med eksempel fra et fitnesscenter - Del 3

Vi formaterer denne tekst med Skrifttypen>PT Sans Narrow i hvid Farve. Skriftstørrelsen forbliver 12 Pt, og linjeafstanden indstilles til 14,4 Pt.

Flyerdesign i foldet format med eksemplet på et sportscenter/fitnesscenter - Del 3

Under "Din vej til os" indsætter vi nu et kort. Kopier venligst ikke et kort fra Google Maps eller lignende applikationer, men brug i stedet en, I selv har tegnet (f.eks. i Illustrator) og er sikre på, at I har alle rettigheder. Ellers kan I hurtigt få juridiske problemer.

Flyerdesign i foldet format med eksemplet fra et fitnesscenter - Del 3

Her tilføjer vi til kortet en lysegrå kant med en bredde på 3 pt samt en subtil skygge under Objekt>Effekter>Skygge med en gennemsigtighed på 15%, en afstand på 1 mm, en x-forskydning på 0 mm, en y-forskydning på 1 mm og en størrelse på 1 mm.

Alle værdier er valgt relativt lave for at opnå en mere elegant effekt, uden at kortet skiller sig for meget ud fra flyeret.

Flyerdesign i foldformat med eksempel fra et sportscenter/fitnesscenter - Del 3

I næste trin tilføjer vi to cirkulære billeder under beskrivelsesteksten. Til dette opretter vi først en cirkel med Cirkelværktøjet og mens du holder Skift- tasten nede, skal cirklen være cirka halvt så bred som tekstfeltet over.

Flyerdesign i foldet format med et eksempel fra et fitnesscenter - Del 3

Ved at holde Alt- tasten nede og trykke på højrepil-tasten (tryk kun én gang, ellers dannes der flere kopier af cirklen!) kopierer vi cirklen og flytter den til højre.

Ved hjælp af højre-/venstrepiltasten i kombination med Skift- tasten kan vi flytte cirklen i større trin og dermed hurtigere.

Flyerdesign i foldformat med eksemplet på et sportscenter/fitnesscenter - Del 3

Hvis cirklen alligevel er lidt for stor, kan vi markere begge cirkler med Skift- tasten nede, skalere dem lidt mindre og ompositionere dem.

Flyerdesign i foldet format med eksemplet på et fitnesscenter - Del 3

Når begge cirkler har den rigtige størrelse, kan vi midlertidigt fjerne den anden cirkel. Til den første cirkel tilføjer vi en skygge - med de samme indstillinger som på kortet - samt en hvid kant på 3 pt.

Flyerdesign i foldeformat med et eksempel fra et fitnesscenter - Del 3

Nu skal vi indsætte billedet i cirklen. Over Fil>Placer indlæser vi først det ønskede billede i InDesign.

Når billedet vises og er placeret første gang, kan vi skære det ud med Ctrl+X og derefter indsætte det i cirklen med indstillingen Rediger>Indsæt i fast udvalg.

Flyerdesign i foldformat med eksempel fra et sportscenter/fitnesscenter - Del 3

Ved at klikke på symbolet, der ligner en CD, som skal vises i midten af cirklen (se skærmbilledet), kan billedet flyttes inden i cirklen og også skaleres.

Flyerdesign i foldet format med eksemplet på en sportsklub/fitnesscenter - Del 3

Når vi kopierer og positionerer den bearbejdede cirkel, kopieres billedet i cirklen samt alle anvendte effekter.

Flyerdesign i foldet format med eksempel på et fitnesscenter - Del 3

For at erstatte billedet med et nyt skal vi skifte til redigeringsfunktionen via CD-symbolet, klikke på knappen Forsøg at genoprette i linkfelterne og vælge det ønskede billede.

Flyerdesign i foldeformat med eksemplet på et fitnesscenter - Del 3

Det nye billede skal nu vises sammensat med alle tidligere tilføjede effekter og allerede skaleret i cirklen.

Flyerdesign i foldformatet med eksempel fra et fitnesscenter - Del 3

Nedenfor kortet indsættes nu åbningstiderne i en ny tekstboks, og de formateres med skrifttypen PT Sans Narrow, skriftsnittet Fed, en skriftstørrelse på 9 pt og hvid skriftfarve.

Flyerdesign i foldet format med et eksempel fra et fitnesscenter - Del 3.

På nederste kant af begge sider opretter vi nu en grå kant med en gennemsigtighed på 90%. Vi bruger den samme gråtone, der allerede er blevet brugt flere gange på forsiden (C=73, M=59, Y=48, K=47).

Flyerdesign i foldet format som eksempel på et sportscenter / fitnesscenter - Del 3

Dette markerer afslutningen af den tredje del af denne tutorials serie. I den fjerde og sidste del af serien vil vi færdiggøre designet af den anden og tredje side samt beskæftige os med bagsiden af flyeret.

Flyerdesign i foldet format med eksemplet fra et fitnesscenter - Del 3.