En tiltalende baggrund er alfa og omega for en vellykket flyer. Med Photoshop kan du på få minutter skabe imponerende designs, der fanger øjet. I denne guide viser jeg dig fem hurtige og enkle teknikker til at skabe populære flyer-baggrunde – lige fra dynamiske farveforløb til fede grunge-teksturer og moderne geometriske mønstre. Perfekt til fester, arrangementer eller forretnings-flyers. Lad os komme i gang og tage dine flyers til det næste niveau!
1. Scanlines
Klassikeren over dem alle er scanlines, der placeres vertikalt, diagonalt eller horisontalt i en flyerbaggrund.
Trin 1: Opret nyt dokument
For at oprette en sådan baggrund skal jeg blot bruge et passende mønster, der indsætter scanlinier i mit billede. Jeg opretter derfor et nyt dokument (Ctrl+N) med dimensionerne 4x4 pixels. Baggrunden er gennemsigtig.
Trin 2: Vælg scanlinjemønster
Jeg zoomer så langt ind som muligt på mit dokument.
Med det Markeringsværktøj markerer jeg nu præcist fire markeringsfelter, der bevæger sig diagonalt fra nederst til venstre mod øverst til højre. For at tilføje en allerede eksisterende markering en ny, holder jeg Skift-tasten nede mens jeg trækker.
Trin 3: Udfyld markering med sort
Jeg indstiller standardfarverne i Værktøjslinjen med D, hvis de ikke allerede er indstillet, og fylder de markerede felter med den sorte forgrundsfarve ved hjælp af Alt+Delete.
Trin 4: Definer som mønster
Jeg kan fjerne markeringen med Ctrl+D. Jeg vælger Rediger>Definer mønster i menuen. I det åbne dialogvindue giver jeg mit nye mønster navnet "Diagonal scanline".
Trin 5: Indsæt scanlinie
På et nyt lag i min flyer fylder jeg nu mit scanlinjemønster ind i dokumentet med Fyld-værktøjet. Indstillingen i menulinjen er på Mønster. I Markedsmenuen vælger jeg mit netop definerede mønster. Nu klikker jeg bare ind i dokumentet.
Ved behov kan jeg reducere Gennemsigtigheden. I dette eksempel sætter jeg gennemsigtigheden til 25 procent.
Trin 6: Variation for vertikale og horisontale scanlines
Hvis jeg foretrækker lige scanlines i stedet for diagonale, kan jeg let oprette disse med et eget mønster.
For vertikale scanlines er mit mønstedokument: 4x1 pixel
For horisontale scanlines er mit mønstedokument: 1x4 pixel
Jeg placerer simpelthen en sort prik i dokumentet, som beskrevet ovenfor. Derefter definerer jeg mønsteret via Rediger-menuen. I dette eksempel blev laget med de horisontale scanlines sat til Overlæg-tilstand.
Ønsker jeg at forkorte eller forlænge afstanden mellem linjerne, behøver jeg blot justere mønsterfilens størrelsesforhold tilsvarende. For større afstande vælger jeg et størrelsesforhold på 5:1, 6:1 eller mere, for mindre afstande 3:1 eller 2:1.
Ganske intuitivt kan jeg også blot bruge Beskæringsværktøjet til at forstørre dokumentet. Derved forstørres størrelsesforholdet, som jeg ønsker det.
Trin 7: Skaleringer af scanlines
Mønstrets anvendelse kan også ske som Mønsteroverlejring. Jeg opretter et nyt lag med Ctrl+Shift+Alt+N og fylder det med en vilkårlig farve. Jeg sætter Fladestyrke til 0 procent. I Fyldmuligheder vælger jeg fanen Mønsteroverlejring. Her kan jeg tilgå det mønster, jeg netop har defineret. Dette mønster kan jeg skalere og derved finjustere scanline-looket lidt.
Sidebemærkning: Scanlines fotoeffekt
Vores vært Mosh har i en guide præsenteret en hurtig metode til, hvordan en scanlines-lignende effekt kan få fotografier til at se endnu mere spændende ud.
Eksempel: Fyrtårnbillede – Billedekilde: Denis Pepin @ Fotolia.com
Først duplikerer jeg mit baggrundslag med Ctrl+J. Med Markeringsværktøjet: Enkeltstående kolonne vælger jeg en pixelkolonne i en markant del af mit billede.
Med Ctrl+T kan jeg transformere min markering. Jeg trækker markørrammen mod venstre og højre til kant af billedet.
Jeg kan fravælge valget ved at trykke Ctrl+D. Jeg ændrer Udfyldningsmetoden til Luminans ved 30 procent gennemsigtighed.
Jeg duplikerer laget ved at trykke Ctrl+J og sætter duplicatet i lagtilstanden Blødt lys ved 30 procent gennemsigtighed.
Som det næstsidste trin kan jeg tilføje en vignette til baggrundslaget via menuen Filter>Objektivkorrektur. Jeg vælger en Styrke på -100 med en Mellemværdi på +20. Til sidst tilføjer jeg en kort tekst "Rügen 2010" med en Jellyka i sort 150-Pt skrift.
Dette var en lille guide til en fotoeffekt. Bare prøv det af og eksperimenter med udfyldningsmetoderne.
2. Plettet og med relief
Trin 1: Bare pletter
På samme måde som scanlines kan jeg også skabe prikkede mønstre som baggrund for en flyer. Jeg opretter bare et nyt dokument med en størrelse på 4x4 pixels.
Med Valgtilstand vælger jeg de fire pixel nederst til højre og fylder dem med sort. Derefter definerer jeg mønsteret via menuen Redigere.
I tilstanden Overlejring med 70 procent gennemsigtighed opnår jeg også en hurtig måde at bruge en interessant baggrund til flyers.
Trin 2: Plettet med relief
Jeg opnår en forbedring af det prikkede look ved at lægge en pixelrelief til.
Først opretter jeg en ny fil med en størrelse på 3x3 pixels. Jeg fylder den midterste pixel med sort. De to tilstødende pixels nederst og til højre får en 50% grå farve. Jeg fylder pixelen nederst til højre med 80 procent lysegrå.
I tilstanden Overlejring tilbyder reliefoptikken en anden interessant måde at designe flyer-elementer på.
Trin 3: Cirkelmosaik
Jeg opretter en ny fil med en størrelse på 20x20 pixels. Baggrunden er også transparent her.
Med Ellipseværktøj trækker jeg en cirkel ind i dokumentet med Skift-tasten holdt nede (den sikrer, at min cirkel også er helt rund) i sort farve - men farven er egentlig ikke så vigtig.
Cirklen defineres derefter også som mønster og kan bruges som baggrundseffekt. Alternativt kan jeg også bare lade cirklen være transparent og farve de ydre områder sorte. Derved kan fotografier også accentueres meget smukt og kunstnerisk.
3. Gittereffekter
Trin 1: Gitterfiltre som alternativ til mønsterdefinition
Muligheden for at skabe prikkede baggrunde via mønstre findes også uden omvejene med mønsterdefinering.
Jeg opretter et nyt lag og fylder det med 50% grå. Tilstanden sættes til Overlejring.
Nu åbner jeg filteret Gittereffekt via menuen Filter>Tegnefiltre.
Mønstertypen er Punkt med en Størrelse på 1 og en Kontrast på 30. Det anbefales at zoome godt ind i forhåndsvisningen for at bestemme kontrasten (400 procent passer godt).
Jeg bekræfter med OK. Og min prikkede raster er klar.
Trin 2: Variation med cirkler og linjer
Alternativt til mønstertypen Punkt finder jeg i filteret Gittereffekt også Cirkel og Linjer. Disse to mønstertyper er også meget smukke muligheder for enkle flyerbaggrunde.
Eksempel på vandrette linjer:
Trin 3: Transformationer med linjer
Ulempen ved at generere gittereffekter via filteret er, at jeg ikke har meget vidtrækkende variationsmuligheder med hensyn til størrelsen. Hvis jeg vil have meget fine linjer i billedet, når jeg grænserne for dette filter. Det eneste valg jeg har tilbage er enten at køre gittereffekten i et større dokument, kopiere den til mit nuværende dokument og formindske den med Ctrl+T.
Jeg kan også gøre det samme ved at formindske det eksisterende lag fra starten med Ctrl+T, duplikere det med Ctrl+J og sætte det i det opståede hul.
Konklusion: Filteret Gittereffekt er i stand til at give mig hurtige løsninger til glidende flyerbaggrunde. Men for finjusterede afstande mellem linjer og punkter kan jeg ikke undgå mønstre.
Eksempel på cirkler:
4. Gitter og linjemønstre
Til præsentation af produkter, logoer eller typografiske elementer kan det nogle gange være hensigtsmæssigt at tilføje en effektfuld gitter- eller mønsterbaggrund til flyeren. Jeg vil her vise to mulige måder, hvorpå man på en enkel måde kan skabe interessante baggrunde.
4.1 Linjemønster med skinnende effekt
I det første eksempel viser jeg, hvordan man opretter et linjemønster med en skinnende effekt.
Skridt 1: Ny dokument
Jeg opretter et nyt dokument i størrelsen 1200 x 800 pixels. Baggrunden er sort.
Skridt 2: Opret to nye lag
Ved hjælp af Ctrl+Shift+Alt+N opretter jeg et nyt lag. Jeg udfører genvejen to gange.
Skridt 3: Vælg linjeområde og fyld med hvid farve
Med Lassoværktøjet vælger jeg det omtrentlige område af mit linjemønster. Det øverste lag er aktivt under valget. Jeg fylder valget med hvid farve.
Skridt 4: Glatte ud
Jeg kalder Gaussisk Glatning frem via menuen Filter>Glatningsfilter.
Radiusen skal vælges således, at kanterne bliver glat. I mit eksempel fungerer ca. 50 pixels rigtig godt.
Skridt 5: Splittet
Jeg sætter lagtilstanden til Splintet.
Skridt 6: Reducér til en med laget nedenunder
For at bevare den splintede effekt, men stadig vende tilbage til lagtilstanden Normal, markerer jeg laget med det underliggende lag og reducerer det via genvejen Ctrl+E til et.
Skridt 7: Bevægelsesuskarphed
Jeg vælger Bewegungsunschärfe-Filter via menuen Filter>Glatningsfilter.
Her vælger jeg en medium Afstand på ca. 275 pixels for at omdanne mine splinter til en linjelignende effekt.
Skridt 8: Duplikér lag og raster-effekt
I næste trin duplikerer jeg laget, reducerer Gennemsigtigheden til 50 procent og åbner Rasteringsfiltre via menuen Filter>Tegningsfiltrer.
Jeg sætter Mønstertype til Linie med en Størrelse på 1 og en Kontrast på 0.
Skridt 9: Farv filtervirkning
Jeg opretter et justeringslag Hue/Saturation. For at farve min linjeeffekt aktiverer jeg afkrydsningsfeltet Farvning.
• Hue: 224 for blåtonen
• Saturation: 39
• Lysstyrke: -10 til 0 - afhængig af det aktuelle udseende
Baggrunden er klar og kan tildeles et logo, en tekst eller lignende:
Skridt 10: Transformere
Jeg markerer begge linjelag og konverterer dem derefter til et Smart-objekt. Ved hjælp af Ctrl+T kan jeg gøre visningen lidt mere dynamisk ved at lade linjerne løbe fra nederst til venstre mod øverst til højre.
Skridt 11: Justér logo og beskær
Jeg farver mit logo via en Farveoverlay i Udfyldningsoptioner sort og angiver en Skinnende effekt udadtil i hvid med 75 procent Gennemsigtighed og 35 Px Størrelse i Farveafstemning -tilstand.
Med Fritlægningsværktøjet kan jeg tilpasse min dokumentstørrelse efter behov.
4.2 Gittermønster
Et gittermønster fungerer godt som baggrundslement i en flyer. Det kan bruges fuldt ud som baggrund eller som en understregende designelement.
Skridt 1: Opret mønster
I et nyt dokument med størrelsen 50x50 med en gennemsigtig baggrund, trækker jeg med Valgværktøj en smal valgstrimmel øverst og til venstre. Jeg udfylder dette valg med hvid eller sort farve.
Derefter gemmer jeg mønsteret via menuen Rediger>Definér mønster.
Trin 2: Gitter som baggrundsmønster
Mønsteret kan jeg bruge som en helt almindelig baggrund ved at fylde et nyt lag med mønsteret med Udfyld-værktøjet.
Hvis jeg ønsker bredere gitter, kan jeg nemt gøre det ved hjælp af Fyldmulighederne, hvor jeg tilføjer gitteret en Kontur på samme fyldemetode.
Hvis gitteret derimod skal være større eller mindre, giver det mening at oprette et lag med en vilkårlig farve, sætte Fillerens til 0 og indstille en Mønsteroverlejring med gittermønsteret i Fyldmulighederne. Der kan jeg derefter skalere gitteret efter behov.
For en optimal viderebehandling kan jeg også udgive min Mønsteroverlejring som en egen lag via højreklik.
Trin 3: Gitter som designelement
Et gitter kan også bruges som et fremragende designelement.
I dette eksempel (Billedekilde: Mike Liu - Fotolia.com) ønsker jeg at give lyset endnu mere dynamik. Derfor tilføjer jeg gittermønsteret i et nyt lag med Udfyld-værktøjet.
Ved at bruge Ctrl+T>Forvrænge justerer jeg mit gitter til lysets forløb. På den måde får lyset en dynamisk ekstraeffekt.
Indstiller jeg i Fyldmulighederne en hvid skinnende ud ad med en Størrelse på 20 pixels i tilstanden Farvelagt afblænding, vil effekten yderligere skinne behageligt.
I billedet med fyrtårnet kan jeg fremhæve den maritime stemning yderligere ved at simulere en bølge med et gitter. Også her tilføjer jeg mit gitter i et nyt lag og forvrænger det til et bølgeoptik.
Jeg giver gitteret en hvid Kontur udvendig med en Størrelse på 1 pixel via Fyldmulighederne. Dette gør gitteret lidt tykkere.
Og på samme måde som gitteret kan variere i form gennem Forvrænge, kan jeg også fremhæve gitter, linjer og cirkler gennem Transformationer og Lagsmasker i visningen. Ved linjemønstre kan jeg endda simulere sinuskurver.
I dette eksempel har jeg indsat et cirkelraster og begrænset det til indre område via en Lagsmaske i visningen, således at der dannes en slags funkeffekt på fyrtårnets top.
5. Endeløse mønstre og sømløse fliser
Endeløse mønstre og sømløse fliser anvendes ofte til flyers og hjemmesidebaggrunde. I den sidste del af min tutorial vil jeg vise flere tilgange til oprettelse af endeløse mønstre.
5.1 Det enkle endeløse mønster
Jeg har et billedudsnit, som jeg gerne vil oprette som et endeløst mønster. Med teksturerede billeder lykkes det mig meget ofte at oprette et mønster uden synlige forbindelser. Det vigtige er bare at lykkes med udvælgelsen.
Trin 1: Vælg mønstrets område
I mit eksempel vil jeg oprette et endeløst mønster fra denne tekstur. Med Ctrl+A vælger jeg hele billedområdet. Da - selv med CS5 - muligheden for at ændre markeringer via Menu er grået ud, vælger jeg en alternativ metode til at oprette en præcis markering.
Efter Højreklik>Transformér markering vises flere numeriske indtastningsfelter i værktøjslinjen. Her indstiller jeg min markering til 70% i både højde og bredde. Derefter bekræfter jeg med Enter.
Trin 2: Kopier og indsæt markeringen
Med Ctrl+C & Ctrl+V kan jeg kopiere min markering og indsætte den i et nyt lag.
Trin 3: Frigør mønsteret og definer det som mønster
Med Frigørelsesværktøjet frigør jeg mønsteret. Via menuen Rediger kan jeg definere mønsteret.
Trin 4: Brug som baggrund
Jeg opretter et nyt lag på min flyer og fylder det med en vilkårlig farve. Jeg indstiller Fillerens til 0 procent. I Fyldmulighederne tildeler jeg mit tidligere definerede mønster til min flyer i registreret Mønsteroverlejring.
Fyldmetoden indstiller jeg til Luminans. Gennemsigtigheden reduceres til en lavere værdi. Med skaleringsregulatoren kan jeg variere mønsteret i størrelse. Til præcis positionering anbefales det at flytte mit mønster til det rigtige sted direkte med musen i dokumentet.
5.2 Det gentagende mønster
For at opnå denne typiske "tapetoptik", som gentages som et gentagende mønster på webside- og flyerbaggrunde, skal jeg bruge en forskydningsfilter.
Trin 1: Træk form og angiv som mønster
Med værktøjet Egen form trækker jeg en blomstrende form i et dokument med størrelsen 500 x 500 pixel, som skal blive til mit tapetmønster. Jeg positionerer formen præcist midt i dokumentet. Derefter angiver jeg min blomstform som mønster.
Trin 2: Indstil forskydning
Tapetlooket er stadig ikke fuldendt, selvom jeg allerede kunne bruge mønstret gentagende. Det mangler forskydningen. For at opnå denne opretter jeg et nyt dokument i dobbelt størrelse af det forrige, dvs. 1000x1000 pixel.
Jeg fylder en lag med mit mønster. Fire elementer vises. Med værktøjet Markeringsværktøj markerer jeg en søjle i mønstret.
Via menuen Filter>Diverse filtre>Forskydningseffekt indstiller jeg en vertikal forskydning af effekten. Jeg vælger pixels, så den øverste kant nøjagtigt følger den nederste.
Derefter angiver jeg dette mønster som mønster via menuen Rediger og kan bruge det som baggrund i min flyer. Også her placeres mønstret som mønsteroverlag på en gråt lag i Luminans til 20 procent gennemsigtighed.
5.3 Sømløse fliser med teksturer
Så let som i det første eksempel lykkes det naturligvis sjældent at generere et mønster uden synlige samlinger.
Men det er muligt at gøre uregelmæssige teksturer sømløst fliselagt. Til dette bruger jeg igen filteret Forskydningseffekt og reparerer derefter de synlige kanter.
Trin 1: Anvend forskydningseffekt
Min tekstur har en størrelse på 1000 x 1000 pixel. Når jeg angiver denne som mønster og anvender det i et større dokument, ser overgangene således ud:
Jeg vender tilbage til min teksturfil med originalstørrelsen 1000x1000 pixel. Via menuen Filter>Diverse filtre vælger jeg filteret Forskydningseffekt. Der indstiller jeg en vandret og lodret forskydning på nøjagtigt halvdelen, dvs. i begge tilfælde 500 pixels.
Trin 2: Reparer synlig søm
Nu kan den synlige søm i midten tydeligt ses.
Siden CS5 er der funktionen Indholdsbaseret reparation i Område for reparation af pensel. Med Område for reparation af pensel markerer jeg sømmene med en blød penselspids. Afkrydsningsfeltet Indholdsbaseret er aktiveret.
Sømmene repareres nu automatisk. Det kan være nødvendigt at gentage processen flere gange.
Det mest effektive til at reparere kanter er dog stadig efter min mening værktøjet Udbedringsværktøj, som også brugere, der endnu ikke bruger CS5-versionen, kan bruge. Med aktiveret Kilde-afkrydsningsfelt vælger jeg blot sømmene og trækker valget ind i et rent område. Der sker en afbalancering af farvetone, mætning, lysstyrke og kontrast, og den synlige søm repareres overbevisende.
Når den synlige søm er repareret, angiver jeg mit mønster via menuen Rediger.
Trin 3: Anvend sømløst flisemønster
Jeg opretter en ny fil i størrelsen 2000x2000 og kan nu bruge værktøjet Fyldværktøj til at indsætte min sømløst fliselagte tekstur.
Især teksturer er meget givende, når aldringseffekter, grunge-effekter osv. skal indsættes i billeder. Se billedet nedenfor (Billedekilde: Lev Dolgatsjov - Fotolia.com).
Derfor er det en god idé at gøre ufliselagte teksturer sømløst fliselagt i meget store dokumenter. I dette eksempelbillede blev den viste tekstur placeret som Overlægning i billedet i Mix-tilstand og blev lidt dæmpet med en justeringslag Farvetone/Mætning som Mask.
Til denne vejledning følger der et sæt med 16 mønstre. Her kan du finde de diagonale, horisontale og vertikale scanningslinjer, pixelrelieffer og punktmønstre, cirkelmosaikmønstre og gittermønstre, som blev vist i denne vejledning.