En tiltalende bakgrunn er alfa og omega for en vellykket brosjyre. Med Photoshop kan du på noen minutter skape imponerende design som skiller seg ut. I denne opplæringen viser jeg deg fem raske og enkle teknikker for å lage populære brosjyre-bakgrunner – fra dynamiske fargeoverganger til kule grunge-teksturer og moderne geometriske mønstre. Perfekt for fester, arrangementer eller forretningsbrosjyrer. La oss komme i gang og løfte brosjyrene dine til neste nivå!
1. Scanlines
Den ultimate klassikeren er scanlines, som plasseres vertikalt, diagonalt eller horisontalt i bakgrunnen på en brosjyre.
Trinn 1: Opprett nytt dokument
For å lage en slik bakgrunn, trenger jeg bare et passende mønster som lar meg sette inn scanlinjene i bildet mitt. Jeg oppretter derfor et nytt dokument (Strg+N) med dimensjonene 4x4 piksler. Bakgrunnen er gjennomsiktig.
Trinn 2: Velg scanlinjemønsteret
Jeg zoomer så langt inn i dokumentet mitt som mulig.
Med det Valgverktøyet velger jeg nøyaktig fire valgkvadrater som beveger seg diagonalt fra nederst til venstre til øverst til høyre. For å legge til et nytt valg i en eksisterende markering, holder jeg inne Skift-tasten mens jeg tegner.
Trinn 3: Fyll valget med svart
Jeg justerer fargene til standard med D i Verktøylinjen, hvis de ikke allerede er satt, og fyller de svarte forgrunnsfargene inn i valgkvadratene med Alt+Backspace.
Trinn 4: Angi som mønster
Jeg kan fjerne valget med Strg+D. Jeg velger Rediger>Angi mønster. I den åpnende dialogboksen gir jeg det nye mønsteret navnet "Scanlinje diagonalt".
Trinn 5: Bruk scanlinjen
I et nytt lag i brosjyren min fyller jeg nå mitt scanlinjemønster i dokumentet med Fyllverktøyet. Innstillingen i menylinjen er satt til Mønster. I Valgmenyen velger jeg mitt nylig angitte mønster. Deretter klikker jeg bare på dokumentet.
Ved behov kan jeg redusere Gjennomsiktigheten. I dette eksemplet setter jeg Gjennomsiktigheten til 25 prosent.
Trinn 6: Variasjon for vertikale og horisontale scanlines
Hvis jeg heller vil ha rette scanlines opp eller ned i stedet for diagonale scanlines, kan jeg enkelt opprette disse med mitt eget mønster.
For vertikale scanlinjer er dokumentmønsteret mitt: 4x1 piksler
For horisontale scanlinjer er dokumentmønsteret mitt: 1x4 piksler
Jeg setter en svart prikk rett inn i dokumentet, som beskrevet ovenfor. Deretter angir jeg mønstrene gjennom menyen Rediger. I dette eksemplet ble laget med de horisontale scanlinjene satt til Multiply Mode.
Hvis jeg vil forkorte eller forlenge avstanden mellom linjene, trenger jeg bare å justere sideforholdet til mønsterfilen tilsvarende. For bredere avstander velger jeg et sideforhold på 5:1, 6:1 eller mer, for mindre avstander fra 3:1 eller 2:1.
Intuitivt kan jeg også enkelt forstørre dokumentet med Avskjæringsverktøyet. Dette endrer sideforholdet slik jeg ønsker det.
Trinn 7: Skalering av scanlines
Mønsteret kan også brukes som Mønsteroverlegg. Jeg oppretter et nytt lag med Strg+Shift+Alt+N og fyller det med en hvilken som helst farge. Jeg setter Fyllestyrken til 0 prosent. I Fyllalternativene velger jeg registeret Mønsteroverlegg. Der kan jeg hente frem det mønsteret jeg nettopp laget. Dette mønsteret kan jeg skalere og dermed optimalisere scanline-utseendet litt mer.
Avstikker: Scanlines-fotoeffekt
Vår programleder Mosh har i en opplæring presentert en rask metode for hvordan en scanlinje-lignende effekt kan gi liv til fotografier.
Eksempel: Fyrtårnbilde – Bildkilde: Denis Pepin @ Fotolia.com
For det første dupliserer jeg bakgrunnslaget mitt med Strg+J. Med Valgverktøy: Enkeltkolonne velger jeg en pikselkolonne i en markert del av bildet mitt.
Med Strg+T kan jeg transformere valget mitt. Jeg flytter valgrammen mot venstre og høyre mot bildets kant.
Jeg kan fjerne valget med Ctrl+D. Jeg endrer Utfyllingsmetoden til Luminans på 30 prosent Gjennomsiktighet.
Jeg dupliser laget med Ctrl+J og setter duplikatet til Mykt lys ved 30 prosent Gjennomsiktighet.
Som nest siste steg kan jeg legge til en vignet til bakgrunnslaget mitt via menyen Filter>Objektivkorrektur. Jeg velger en Styrke på -100 med en Mellomverdi på +20. Til slutt legger jeg til en kort tekst "Rügen 2010" med en 150-Pt-Jellyka i svart.
Dette er en liten quicky for en fotoeffekt. Prøv det selv og eksperimenter med utfyllingsmetodene.
2. Prikket og med relieff
Trinn 1: Enkelt prikket
På samme måte som Scanlines genereres, kan jeg også lage prikkete mønstre for flyveblader. Jeg oppretter en ny dokumentstørrelse på 4x4 piksler.
Med Utvalgsverktøy velger jeg fire piksler nederst til høyre og fyller dem med svart. Deretter setter jeg mønsteret via menyen Rediger.
I modusen Multiply på 70 prosent Gjennomsiktighet får jeg også en rask måte å bruke en interessant bakgrunn for flyveblader på.
Trinn 2: Prikket med relieff
Jeg oppnår en forbedring av det prikkede utseendet ved å lage et pikselrelieff.
Her oppretter jeg først en ny dokumentstørrelse på 3x3 piksler. Jeg fyller den midterste pikslen med svart farge. De to nabopikslene nederst og til høyre får 50% grå. Pikselen nederst til høyre fylles med 80 prosent lys grå.
I modusen Multiply tilbyr reliefoptikken en annen interessant måte å designe flyerelementer på.
Trinn 3: Sirkelmosaikk
Jeg oppretter enda en ny dokumentstørrelse på 20x20 piksler. Bakgrunnen er også transparent her.
Med Ellipseverktøy drar jeg en sirkel inn i dokumentet mens jeg holder inne Shift-tasten (den sikrer at sirkelen min også er perfekt rund) og farger den svart - men dette er ikke veldig viktig.
Sirkelen blir deretter satt som mønster og kan brukes som bakgrunnseffekt. Alternativt kan jeg også bare la sirkelen være transparent og farge de ytre områdene svart. Dette gjør at fotografier også kan få en fin kunstnerisk aksent.
3. Rasteringseffekter
Trinn 1: Rasteringsfilter som et alternativ til mønstre
Muligheten til å lage prikkete bakgrunner ved hjelp av mønstre finnes også uten behovet for å sette et mønster.
Jeg oppretter et nytt lag og fyller det med 50% grå. Jeg setter modus til Multiply.
Nå åpner jeg filteret Rasteringseffekt via menyen Filter>Tegnefilter.
Mønstertypen er Prikk med en Størrelse på 1 og en Kontrast på 30. Det er lurt å zoome langt inn i forhåndsvisningen for å bestemme kontrasten (400 prosent fungerer bra).
Jeg bekrefter med OK. Min prikkede rastervisning er klar.
Trinn 2: Variasjon med sirkler og linjer
I tillegg til mønstertypen Prikk finner jeg i filteret Rasteringseffekt også Sirkel og Linjer. Også disse to mønstertypene er veldig fine alternativer for enkelt utformede flyerbakgrunner.
Eksempel på horisontale linjer:
Trinn 3: Transformasjoner av linjer
Ctrl+T.
Jeg kan også gjøre det ved å rett og slett redusere det eksisterende laget med Ctrl+T for å begynne med, duplisere det med Ctrl+J og sette det inn i det oppståtte hullet.
Konklusjon: Filteret Rasteringseffekt er i stand til å gi meg raske løsninger for glatte flyerbakgrunner. Men for finjusterte avstander mellom linjer og prikker, må jeg bruke mønstrene.
Eksempel på sirkler:
4. Rutenett og linjemønster
For å presentere produkter, logoer eller elementer av typografi, kan det noen ganger være hensiktsmessig å legge til et effektivt rutenett eller mønster i bakgrunnen av brosjyren. Her vil jeg vise to mulige måter å enkelt lage interessante bakgrunner på.
4.1 Linjemønster med lysende effekt
I det første eksempelet viser jeg hvordan man lager et linjemønster med lysende effekt.
Trinn 1: Nytt dokument
Jeg oppretter et nytt dokument med størrelsen 1200 x 800 piksler. Bakgrunnen er svart.
Trinn 2: Opprett to nye lag
Ved å bruke Ctrl+Shift+Alt+N oppretter jeg et nytt lag. Jeg gjentar snarveien to ganger.
Trinn 3: Velg linjeflate og fyll den med hvit farge
Med Lassoverktøyet velger jeg omtrentlig området av linjemønsteret mitt. Øverste lag er aktivert mens jeg gjør dette. Jeg fyller valget med hvit farge.
Trinn 4: Gjøre det uskarpt
Jeg åpner Filter>Uskarphet og velger Gaussisk uskarphet.
Radiusen må velges slik at kantene blir pent uskarpe. I mitt eksempel fungerer ca. 50 piksler veldig bra.
Trinn 5: Sprinkle
Jeg endrer lagmodus til Sprinkle.
Trinn 6: Reduser til ett lag med det underliggende laget
For å beholde sprinkleeffekten, men likevel gå tilbake til lagmodus Normal, markerer jeg laget med det underliggende og reduserer det til ett lag med snarveien Ctrl+E.
Trinn 7: Bevegelsesuskarphet
Jeg velger Filter>Uskarphet og deretter Bevegelsesuskarphet-filteret.
Der velger jeg en gjennomsnittlig Avstand på ca. 275 piksler for å lage en linjeformet effekt fra sprinklene mine.
Trinn 8: Dupliser laget og bruk rasteriseringsfilter
I neste trinn dupliserer jeg laget, reduserer gjennomsiktigheten til 50 prosent, og åpner Filter>Stilfilter for å bruke Rasteringsfilter.
Jeg velger Type mønster som Linje med en Størrelse på 1 og en Kontrast på 0.
Trinn 9: Farg filtreffekten
Jeg oppretter et justeringslag Farge-og-saturation. For å fargelegge linjeeffekten, aktiverer jeg avmerkingsboksen Farg.
• Farge: 224 for blåfargetonen
• Saturation: 39
• Lysstyrke: -10 til 0 - avhengig av visuell stil
Bakgrunnen er klar og kan tilordnes et logo, tekst eller lignende:
Trinn 10: Transformere
Jeg markerer begge linjelagene og konverterer dem til et Smart-objekt. Med Ctrl+T kan jeg gjøre visningen litt mer dynamisk ved å la linjene løpe fra nedre venstre til øvre høyre.
Trinn 11: Tilpass logo og beskjæring
Jeg fargelegger logoet mitt med Fargeoverlegg i Fyllalternativer svart og setter en Utstrålings effekten i hvitt med 75 prosent Gjennomsiktighet og 35 piksler Størrelse i Farge avkastning modus.
Med Skjæreverktøyet kan jeg tilpasse dokumentstørrelsen etter behov.
4.2 Rutenettmønster
Et rutenettmønster fungerer veldig bra som et bakgrunns element i en brosjyre. Det kan brukes enten i bakgrunnen som helhet eller som et fremhevet designelement.
Trinn 1: Opprett mønster
I et nytt dokument med størrelsen 50x50 med gjennomsiktig bakgrunn drar jeg med Utvalgsverktøyet en smal utvalgsstripe øverst og til venstre. Jeg fyller dette valget med hvit eller svart farge.
Dernest lagrer jeg mønsteret via menyen Rediger>Mønsterdefinert.
Trinn 2: Ruten som bakgrunnsmønster
Mønsteret kan jeg bruke som et vanlig bakgrunnselement ved å fylle en ny lag med mønsteret med Fyllverktøyet.
Ønsker jeg bredere ruter, kan jeg enkelt gjøre det gjennom Fyllvalgene ved å legge til en Kontur til ruten med samme fyllmetode.
Hvis ruten heller skal være større eller mindre, er det lurt å opprette et lag med en tilfeldig farge, sette Flatekontrollen til 0 og stille inn et Mønsteroverlegg med rutenmønsteret i Fyllvalgene. Der kan jeg deretter skalere ruten etter behov.
For en optimal videre redigering kan jeg også eksportere mitt Mønsteroverlegg som en egen lag via Høyreklikk.
Trinn 3: Ruter som designelement
En rute kan også brukes som et flott designelement.
I dette eksempelet (Bildekilde: Mike Liu – Fotolia.com) ønsker jeg å gi lysrefleksjonen enda mer dynamikk. Derfor legger jeg til rutenmønsteret i et nytt lag med Fyllverktøyet.
Ved å bruke Ctrl+T>Vri kan jeg tilpasse rutemønsteret til lysrefleksjonen. Dermed får lysrefleksjonen en dynamisk ekstraeffekt.
Hvis jeg legger til en hvit Refleksjon utover med en Størrelse på 20 piksler i Fargeblandingsmodus i Fyllvalgene, vil effekten også skinne på en behagelig måte.
I bilde av fyrtårnet kan jeg understreke den maritime stemningen ytterligere ved å simulere en bølge med en rute. Også her legger jeg til ruten min i et nytt lag og vrir den til en bølgeoptikk.
Jeg gir ruten en hvit Kontur utenfor med en Størrelse på 1 piksel via Fyllvalgene. Dette gjør at ruten blir litt tykkere.
Og på samme måte som ruten en kan variere formen gjennom Vride, kan jeg også markere rutenett, linjer og sirkler gjennom Transformasjoner og Lagmaske for å fremheve dem i visningen. Med linjemønstre kan jeg til og med simulere sinusforme prikker.
I dette eksempelet har jeg lagt til et sirkelrutenett og begrenset det til innersiden via en Lagmaske for å skape en slags gnisteffekt på toppen av fyrtårnet.
5. Endeløst mønster og sømløse fliser
Endeløse mønstre og sømløse fliser brukes ofte til flyers og nettsidebakgrunner. I den siste delen av opplæringen min vil jeg vise flere tilnærminger til å lage endeløse mønstre.
5.1 Det enkle endeløse mønsteret
Jeg har et bildeutklipp som jeg gjerne vil lage et endeløst mønster av. Med teksturerte bilder klarer jeg ofte å lage et mønster uten synlige tilkoblinger. Det viktige er å lykkes med utvalget.
Trinn 1: Velge mønsterområdet
I mitt eksempel vil jeg legge til et endeløst mønster fra denne teksturen. Med Ctrl+A velger jeg hele bildeområdet. Siden – selv med CS5 – muligheten til å endre markeringer gjennom menyen Utvalg er grået ut, tar jeg en alternativ rute for å lage et nøyaktig utvalg.
Etter at jeg har gjort Høyreklikk>Transformere utvalg, vises flere numeriske inndatafelt i menylinjen. Der justerer jeg høyden og bredden på utvalget mitt til 70 prosent hver. Deretter bekrefter jeg med Enter.
Trinn 2: Kopier og lim inn utvalget
Med Ctrl+C & Ctrl+V kan jeg lime inn kopien av utvalget mitt i et nytt lag.
Trinn 3: Frigjøre mønsteret og sette det som mønster
Med Utklippverktøyet frigjør jeg mønsteret. Gjennom menyen Rediger kan jeg sette mønsteret.
Trinn 4: Bruk som bakgrunn
Jeg oppretter et nytt lag i min flyer og fyller det med en tilfeldig farge. Jeg setter Flatekontrollen til 0 prosent. I Fyllvalgene tilordner jeg min flyer det tidligere fastsatte mønsteret i Mønsteroverlegg registeret.
Jeg setter Fyllmetoden til Luminans. Gjennomsiktigheten reduseres til en lavere verdi. Med skaleringskontrollen kan jeg variere mønsteret i størrelse. For nøyaktig posisjonering, er det lurt å bruke musen direkte i dokumentet for å flytte mønsteret til riktig sted.
5.2 Det gjentakende mønsteret
For å oppnå den typiske "tapetoptikken" som gjentas som et gjentakende mønster på nettside- og flyerbakgrunner, må jeg bruke en forskyvningsfilter.
Trinn 1: Tegn form og sett som mønster
Med verktøyet Egen form tegner jeg en blomsterform i et dokument med størrelsen 500 x 500 piksler, som skal bli mitt tapetmønster. Jeg plasserer formen nøyaktig midt i dokumentet. Deretter definerer jeg min blomsterform som et mønster.
Trinn 2: Sett forskyvning
Tapetutseendet er ikke komplett i seg selv, selv om jeg allerede kunne bruke mønsteret gjentakende. Det mangler forskyvning. For å oppnå dette, oppretter jeg et nytt dokument med dobbel størrelse sammenlignet med det forrige, dvs. 1000x1000 piksler.
Jeg fyller et lag med mønsteret mitt. Fire elementer vises. Med verktøyet Utvalg velger jeg en kolonne med mønsteret.
Gjennom menyen Filter>Annen filtrering>Forskyvningseffekt justerer jeg den vertikale forskyvningen av effekten. Jeg velger pikslene slik at den øvre kanten nøyaktig kobles til den nedre kanten.
Deretter definerer jeg dette mønsteret gjennom menyen Rediger som et mønster og kan bruke det i flyeren min som bakgrunn. Også her er mønsteret plassert som mønsteroverlegg over et grått lag i modus Luminans med 20 prosent Gjennomsiktighet.
5.3 Sømløse fliser med teksturer
Så enkelt som i det første eksempelet fungerer det selvfølgelig sjelden å generere et mønster uten synlige tilknytningspunkter.
Men det er også mulig å gjøre uregelmessige teksturer sømløst fliskledde. For dette bruker jeg igjen filteret Forskyvningsfilter og fikser deretter de synlige kantene.
Trinn 1: Bruk forskyvningsfilter
Min tekstur har en størrelse på 1000 x 1000 piksler. Når jeg definerer denne som et mønster og bruker den i et større dokument, ser overgangene slik ut:
Jeg vender tilbake til teksturfilen med originalstørrelsen 1000x1000 piksler. Gjennom menyen Filter>Annen filtrering velger jeg filteret Forskyvningsfilter. Der justerer jeg en horisontal og vertikal forskyvning nøyaktig halvparten, dvs. 500 piksler i begge tilfeller.
Trinn 2: Fiks synlig søm
Den synlige sømmen i midten er nå tydelig synlig.
Fra CS5 er det funksjonen innholdsfølsom reparer i Område for repareringspensel. Med Område for repareringspensel markerer jeg sømmene med en myk penselspiss. Avmerkingsboksen Innholdsfølsom er aktivert.
Sømmene blir nå automatisk reparert. Det kan hende at jeg må gjøre dette flere ganger.
Den mest effektive måten å reparere kanter på er imidlertid etter min mening fortsatt Redigeringsverktøy, som også brukere som ikke ennå har CS5-versjonen, kan bruke. Med den aktiverte Kildeavmerkingsboksen velger jeg enkelt sømmene og drar valget inn i et rent område. Det skjer en forandring av Fargetone, Metning, Lysstyrke og Kontrast, og den synlige sømmen repareres overbevisende.
Når den synlige sømmen er reparert, definerer jeg mønsteret gjennom menyen Rediger.
Trinn 3: Bruk sømløst flismønster
Jeg oppretter en ny fil med størrelsen 2000x2000 og kan nå sette inn min sømløst fliskledde tekstur med Fyllverktøy.
Spesielt teksturer er veldig nyttige når aldringseffekter, grunge-effekter osv. skal legges til i bilder. Se bildet nedenfor (Bildekilde: Lev Dolgatsjov – Fotolia.com).
Dette gjør det enkelt å gjøre ikke-fliskledde teksturer sømløst fliskledde i veldig store dokumenter. I dette eksempelbildet ble den viste teksturen plassert som Gjensidig blanding i bildet med en justeringslag Fargetone/Mettingsgrad som Masketilpasning for å dempe fargene litt.
Dette opplæringen følger med et sett med 16 mønstre som arbeidsfil. Her finner du de diagonale, horisontale og vertikale skanlinjene, pikselrelieffene og punktmønstrene, sirkelmønsteret og rutenettmønsterene som ble vist i denne opplæringen.
