Hvordan lage et fotokollasjekort i Photoshop

Gå utover bilderedigering og gå inn i grafisk design. Du lærer noen viktige teknikker for å vise bildene dine i collager, og hvordan du formaterer collagen som en fil du kan sende til en pro lab for trykkutskrift. Bonus: En kort oversikt over hvordan du bruker disse allsidige teknikker for å presentere collager på nettet og i fotoutskrifter også.

Forhåndsvisning av det endelige feriekortet

Du vil opprette et tryktrykt feriekort med følgende spesifikasjoner:

  • 4 tommer x 5,5 tommers flatt postkort
  • Front og bak design
  • Full bløt (farge trykt på kanten av papiret)

Denne opplæringen er skrevet for folk som er kjent med Photoshop-verktøy og fotoredigering, men som er nye for grafisk design.

Last ned PSD

Før du starter, er det verdt å merke seg at du kan laste ned den opprinnelige PSD-filen som brukes i denne opplæringen hvis du vil. Dette kan gjøre det enklere å følge med, og forstå hvordan noen av prosessen fungerer. Når det er sagt, er det ingen erstatning for å jobbe selv gjennom trinnene!

  • Last ned Holiday Card PSD

Trinn 1: Samle dine eiendeler

Last ned denne julillustrasjonen fra Vectortuts.

Samle fire svart-hvite bilder for å slippe inn i dokumentet ditt. Åpne dem i Photoshop.

Trinn 2: Konfigurer dokumentet

Dette er trolig den viktigste delen av denne opplæringen, så les følgende nøye:

  1. Gå til Arkiv> Ny.
  2. Dimensjoner: 4,25 tommer x 5,75 tommer. Legg merke til ekstra 0,25 tommer på hver side. Dette må legges til fordi skriveren vil skrive ut dokumentet for stort og deretter kutte papiret etter at det er skrevet ut. De gjør dette slik at du kan få farge som strekker seg til selve kantene på kortet, som kalles blødning. Skrivere kan ikke skrive ut til kanten av papiret, slik at de overtrykker så trim, slik at du kan få blødning.
  3. Oppløsning: Still den på 300 ppi, som er trykkvalitet.
  4. Formater filen som RGB-farge. De fleste utskriftsbutikker skriver ut i CMYK, men de fleste pro-fotolab som tilbyr trykkutskrevne produkter som kort, bokmerker og bøker i RGB. Hvis du har spørsmål om dette, spør skriveren din først fordi konvertering mellom de to kan virkelig endre måten farger ser ut. Spar deg selv noen hodepine og bortkastet penger ved å få dette til å begynne med.
  5. Legg til guider som viser den endelige utskriftsstørrelsen etter trimning (se bildet nedenfor). Først må du kontrollere at linjalene dine er på (se> linjaler). Sett dem for å vise tommer ved å høyreklikke over linjalen og velge "inches" fra rullegardinmenyen. Deretter med musen over loddrett linjal, venstre-klikk og dra til høyre og du får se en blå linje vises. Dra den slik at den er .125 tommer inne i høyre margin. Dra en annen slik at den er .125 tommer inne i venstre margin. Gjenta og lag to horisontale guider .125 tommer fra topp- og bunnmarginene.

    Ikke tro det fordi du overdimensjonerte dokumentet med .25 inches at støttelinjene skal være .25 inches fra kantene, eller du vil ha marginer som er dobbelt så stor som de burde være. Du vil ha .125 tommers ekstra på alle sider, som sammen tilsvarer .25 tommer du legger til horisontale og vertikale dimensjoner.

Merk: Dette kortet er ment å bli skrevet ut på et amerikansk pro fotolaboratorium. Det bør ikke være stor forskjell for andre land, men du bør sjekke dimensjonene og sørge for at du har RGB eller CMYK til høyre før du starter.

Trinn 3: Legg til en bakgrunnsnivå

Ok, nå som vi har alt det bak oss, la oss gå!

Klikk på forgrunnsfargen og gjør den # d71e25. Lag bakgrunnen # 781214. Klikk på gradientverktøyet og velg en radial gradient som går fra forgrunn til bakgrunn. Deretter klikker du øverst til venstre i dokumentet og gjør en diagonal linje som går 3/4 av veien mot nederste venstre hjørne av dokumentet.

Dokumentet ditt skal se slik ut:

Trinn 4: Importer Vector Art

Julen vektorkunst er en vektor EPS-fil. For min versjon av dette kortet, åpnet jeg det i Illustrator, fjernet bakgrunnen og bleknet ut en haug med snøflakene i bunnen. Så trakk jeg treet og snøfnuggene inn i PS, så jeg kunne bruke PS-bakgrunnen jeg opprettet. For å forenkle, vil jeg imidlertid bruke kunsten uendret og lære deg hvordan du skal komme med bare Photoshop. Den beste måten å jobbe med vektorer i Photoshop på, er å bruke funksjonen smarte objekter, som gir deg fordelene med vektorfunksjoner, for eksempel å endre størrelsen uten å miste bildekvaliteten.

Hvis du vil importere EPS-filen til Photoshop, går du til Arkiv> Plasser. Velg din fil, og den vil importere til arbeidsdokumentet med de vanlige håndtakene i hvert hjørne. Dra håndtakene for å endre størrelsen på treet litt større og til venstre for kortet litt. Klikk på merket for å lagre endringene dine. Legg merke til at trelaget har en annen miniatyrbilde, noe som indikerer at det er en smart gjenstand.

Trinn 5: Tegn noen bokser

Først klikker du og holder Formverktøyet og velger Rektangelverktøy. En horisontal verktøylinje vises bare under hovedmenyen øverst i vinduet. Til høyre er det en farge boks. Klikk på den for å få fram fargedialogen og skriv inn # 911519, som er en dyp marron valgt fra bakgrunnen med eyedroppen. Tegn den vertikale skillelinjen for barns navn ved å gjøre den omtrent .4 inches bred og dokumentets fulde høyde.

Nå trekker vi de fire horisontale rektanglene som rammer våre bilder. Vi vil at rektanglene skal fylles med en lysere rosa farge, så bytt fargen til # e6dbda. Tegn nå et rektangel om .75 inches høy x 2,4 inches bred. Hvis du vil endre fargen senere, dobbeltklikker du på lagets miniatyrbilde, og den vil hente standardfargepaletten slik at du kan velge mellom.

Kopier rektangelet ved å trykke Ctr-J tre ganger. Du har nå fire identiske lag, selv om det ser ut som en fordi de alle er stablet på toppen av hverandre. Klikk på Velg verktøyet eller bruk opp / ned piltastene for å flytte dem ned eller opp vertikalt på rad, som i det endelige kortbildet.

Trinn 5: Sette inn bildene dine

Endelig! Følgende teknikk er en "must-know" for fotografer. Hvis du ikke får noe annet fra denne opplæringen, husk dette trinnet. Du finner at det vil være nyttig i alle typer programmer du kan støte på.

Først må du ta med alle bildene i kortdokumentet ditt. Jeg gjør dette ved å åpne alle bildene mine som separate dokumenter, og deretter dra hvert fotolag i arbeidsdokumentet. Hvert bilde vil importeres som eget lag. Plasser hvert fotolag rett over rektangelet du vil at det skal vises i. Du bør ha fire rektangellag, hver med et bilde over det.

Deretter høyreklikker du på det første bildet og velger "Create Clipping Mask". Bildet ditt skal da bli begrenset til rektangelet, slik at den eneste delen av bildet som er synlig, er delen innsiden rektangelet. Du kan deretter gå til Select Tool, klikk på bildet, og dra det rundt mens det er inne i rektangelet. Klippemasker er en måte å beskjære ikke-destruktivt på bildet ditt. Du kan bruke Beskjæringsverktøyet, men Clipping Masks er mye mer fleksible fordi du kan endre området som er beskåret når du vil. Hvis du bruker Beskjæringsverktøyet, er det du er ute for alltid borte.

Nå bare lage klippemasker for alle bildene.

Du kan stoppe her, men hvis du vil ta det videre, som vist i det endelige resultatet, kan du beskjære en del av bildebakgrunnen din og plassere den over bildet og lage en kappemaske med det også. Bare plasser den over den første klippemasken, slik at hvert rektangel vil ha bildet over det, og bakgrunnsbiten over det. Deretter plasserer du bakgrunnsboksen til venstre for bildet og legger et stykke lysrosa bakgrunn som viser mellom det og bildet.

Trinn 6: Skrive teksten

Først skal vi skrive ungdommens navn. Klikk og hold Typeverktøyet, og velg deretter Vertikal Type Verktøy. Skriften jeg brukte er Rage kursiv, som ikke er ledig, men du kan velge en fin fri skrift som DearJoe Four. Størrelsen er 12pt.

Deretter skriver du også "Happy Holidays" i 14,5 pts ved hjelp av Rage Italic. Jeg la til en Drop Shadow og et ytre glød, som jeg synes ser veldig fint ut mot det lysrøde i gradientbakgrunnen. For året valgte jeg en lysere rød fra bakgrunnen ved å bruke eyedropper. Bare vær sikker på at du klikker fargealternativet i den horisontale Font-menyen som vises øverst i vinduet når Font Tool er valgt (ikke bakgrunns- / forgrunnsfargen).

Til slutt skriver du hilsen nederst til venstre og du er ferdig!

Trinn 7: Ikke glem ryggen!

Filnedlastingen inneholder også baksiden av kortet, som du kan se nedenfor. Bare dupliser "front" -filen, og slett alt annet enn bakgrunnen og treet. Deretter tegner du en hvit boks med Formverktøyet, men denne gangen stiller du Lagmodus til Linjær Dodge (Add) og reduserer Opacity til smak (jeg brukte 87%).

Trinn 8: Noen tanker om utskrift

De pro labene jeg er mest kjent med er WHCC (White House Custom Color) og MPixPro. For å sende denne filen til et pro-lab, velg Lagre som og velg JPG fra rullegardinmenyen. Velg 10 for kvalitet. Du bør ha to filer, en for forsiden og en for baksiden.

Disse laboratoriene tilbyr forskjellige papirtyper, inkludert en tykk, blank deksel, sengetøy og perle. De inkluderer også konvolutter.

Noen forslag er:

  • Ikke legg noen grenser eller logoer i bløydområdet, som vil bli trimmet.
  • Legg noen grenser ytterligere 1/8 tommer (.125 tommer) eller mer fra den trimmet kanten.
  • Økende kontrast kan øke designen din.

Bonus: Gratis Clipping Mask Collage Maler

Du kan bruke klippemasketeknikken til å vise bildene dine som storyboards eller collages - enten for fotoutskrifter eller til webskjerm. Har du noen gang lagt merke til at på weben ser vertikale bilder ofte bedre ut i to eller tre år? Klipper masker gjør dette raske arbeidet.

Det er enkelt å legge avrundede hjørner eller lage en sirkel / oval form for å vise bildet. Jeg har nettopp fått en brosjyre i posten der designeren brukte en blokkert skrift som klippemasken! Mulighetene er uendelige.

Se Jessica Hamlins blogg for eksempler på klipping maske maler som brukes til å vise fotografens bloggportefølje.

Ønsker du å få fart på det? Her er noen steder å finne gratis maler:

Kaffebutikk

Rita på CoffeeShop bloggen tilbyr alle slags storyboard maler for nettet. Hennes siste er CoffeeShop Rounded Corners Storyboard Set.

Dawn Mikulich

Dawn Mikulichs Moo Card-mal, som er beregnet for utskrift på Moo.com. Dawn deler også en 30 × 30 Photoshop storyboard eller bokmal med åpninger for 13 bilder.

GingerPixel

GingerPixel har noen flere.

Konklusjon

Det er det! Gå på føttene og føl deg stolt av deg selv. Og tenk på alt du vil gjøre med ditt nye talent for fotograferingsklipper!