I denne to-delte Photoshop- tutorials for fotoeffekter lærer vi hvordan du lager en morsom fotocollage ved å bruke en enkel filmstripeform som fotoramme for flere bilder.
I denne første delen av opplæringen tegner vi selve filmstripen ved hjelp av Photoshop sine formverktøy, så lagrer vi den som et eget dokument, slik at vi enkelt kan bruke den igjen når vi vil uten å måtte tegne alt over igjen. I den andre delen av opplæringen bruker vi flere eksemplarer av filmstripen til å lage vår fotocollage.
Her er filmstripeformen vi skal tegne i denne delen av opplæringen. Det grå området i sentrum er der vi legger til bildene våre i del to av opplæringen:
Filmstripeformen som vil bli brukt som fotoramme i collagen.
Hvordan lage en filmstripes fotocollage
Trinn 1: Lag et nytt Photoshop-dokument
For å begynne, la oss lage et nytt Photoshop-dokument ved å gå opp til Fil- menyen øverst på skjermen og velge Ny, eller trykk Ctrl + N (Win) / Command + N (Mac) for å åpne et nytt dokument med det hendige tastaturet snarvei:
Gå til Fil> Ny for å opprette et nytt Photoshop-dokument.
Dette får opp dialogboksen Nytt dokument. Angi en verdi på 1000 piksler for bredden og 900 piksler for høyden, noe som skal gi oss et godt bredde-til-høydeforhold for filmstrimmelen vår. Sett oppløsningen til 300 piksler / tomme og sørg for at alternativet bakgrunnsinnhold er satt til Hvitt :
Lag et nytt dokument på 1000 x 900 piksler.
Når du er ferdig, klikker du OK øverst til høyre i dialogboksen for å avslutte den. Det nye dokumentvinduet ditt vises på skjermen.
Trinn 2: Velg rektangelverktøyet
For å tegne vår filmstripe, bruker vi Photoshop sine formverktøy, som lar oss tegne vektorbaserte figurer som enkelt kan endres størrelse etter behov uten tap av kvalitet. Siden filmstrimmelen vår må være rektangulær, velger du Rektangel Tool fra Verktøy-panelet (ikke forveksles med Rectangular Marquee Tool, som er et markeringsverktøy, ikke et formverktøy):
Velg rektangelverktøyet.
Trinn 3: Sett forgrunnen din til svart
Når vi tegner en form, vil Photoshop til å begynne med sette fargen på formen til vår nåværende forgrundsfarge . Vi vil at fargen på filmstripen vår skal være svart, så før vi tegner formen, la oss sette forgrunnenfargen til svart. Svart er faktisk standardfargen for forgrunnen, så din kan allerede være satt til svart. Hvis ikke, trykk bokstaven D på tastaturet for raskt å tilbakestille forgrunnen og bakgrunnsfargene til standardverdiene. Du finner fargeprøver i forgrunnen og bakgrunnen nær bunnen av Verktøy-panelet. Fargepraten øverst til venstre (forgrunnen farge) skal nå vises svart:
Trykk "D" på tastaturet for raskt å tilbakestille forgrunnen og bakgrunnsfargene.
Trinn 4: Sørg for at alternativet "Shape" er valgt
Photoshop gir oss tre forskjellige måter vi kan bruke de forskjellige formverktøyene på. Vi kan bruke dem til å tegne vektorformer (det er det vi skal gjøre her), vi kan tegne stier, som i utgangspunktet bare er konturer av former, eller vi kan tegne pikselbaserte former. Vi kan velge mellom disse tre alternativene ved å klikke på det aktuelle ikonet i alternativlinjen øverst på skjermen. Siden vi ønsker å kunne endre størrelse på filmstrimmelen etter behov uten tap av bildekvalitet, må vi tegne en vektorform, så klikk på ikonet Formlag i Alternativlinjen (ikonet til venstre):
Velg mellom vektorformer (venstre), stier (midt) eller pikselbaserte figurer (til høyre) med de tre ikonene i alternativlinjen.
Trinn 5: Dra ut en stor rektangulær form
Når rektangulærverktøyet er valgt, svart som forgrunnen farge og alternativet Formlag valgt i alternativlinjen, er vi klare til å begynne å tegne filmstrimmelen vår. Klikk nær øvre venstre hjørne av dokumentvinduet, og hold museknappen nede og dra mot nederste høyre hjørne. Du vil se en disposisjon av formen din vises når du drar:
Klikk nær øvre venstre hjørne av dokumentet, og dra deretter mot nedre høyre hjørne.
Forsøk å holde en like stor plass rundt kantene på formen mens du drar. Når du kommer i nærheten av nedre høyre hjørne, slipper du museknappen. Photoshop tegner rektangelformen og fyller den med svart:
Photoshop tegner formen og fyller den med svart når du slipper museknappen.
Hvis vi ser et øyeblikk i lagpanelet vårt, kan vi se at vi nå har et helt nytt formlag med navnet "Shape 1" som sitter over bakgrunnsjiktet. Vektorformer vises alltid på sine egne lag, så det er ikke nødvendig å legge til et nytt lag først før du tegner en form:
Former vises automatisk på sine egne lag i lagpanelet.
Trinn 6: Bytt til modus "Trekk fra formområde"
Nå som vi har den første rektangelformen, må vi kutte noen hull ut av den for å få den til å se mer ut som en filmstripe. Først kutter vi ut et stort rektangulært hull i midten som vil tjene som hovedfotoområdet. Hvis du ser opp i Alternativer-linjen, vil du se en rad med fem ikoner, som hver viser en annen layout av firkanter. Ikonet i midten er alternativet Trekk fra formområde . Klikk på den for å velge den:
Klikk på alternativet "Trekk fra formområde" i alternativlinjen for å velge det.
Trinn 7: Tegn en annen rektangulær form midt i den første formen
Alternativet "Trekk fra formområde" lar oss fjerne en del av vår eksisterende form. Når rektangelverktøyet fremdeles er valgt, tegner du en andre rektangulær form, denne gangen i midten av det eksisterende rektangelet. Akkurat som for et øyeblikk siden, klikk en gang for å stille øvre venstre hjørne av rektangelet, og hold museknappen nede og dra mot nederste høyre hjørne. Du vil se en disposisjon av formen vises når du drar. Dette er området som vil bli kuttet ut:
Tegn en annen rektangulær form midt i begynnelsesformen.
Slipp museknappen når du er ferdig. Denne gangen, i stedet for å legge til en ny form til dokumentet, skjærer Photoshop et hull i det første rektangelet, og skaper hovedområdet der bildene våre vil vises senere:
Hovedfotoområdet på filmstripen er opprettet.
Trinn 8: Velg det avrundede rektangelverktøyet
For å tegne hakk langs toppen og bunnen av filmstripen bruker vi Rounded Rectangle Tool, som ligner Rectangle Tool, bortsett fra at hjørnene, som navnet tilsier, er avrundede i stedet for skarpe. Normalt velger vi verktøy fra Verktøy-panelet, men når vi har valgt et formverktøy, kan vi enkelt velge hvilket som helst av Photoshop sine andre formverktøy direkte fra Alternativer-linjen. Klikk på ikonet for avrundet rektangelverktøy i alternativlinjen for å velge det:
Velg avrundet rektangelverktøy fra alternativlinjen.
Trinn 9: Sett radiusverdien til 10 px
Vi kan kontrollere hjørnens rundhet med radiusverdien i alternativlinjen. Jo høyere radius, jo mer avrundede hjørner vil være. Still inn radiusverdien til 10 px (piksler):
Still inn radiusverdien til 10 px.
Trinn 10: Tegn en avrundet rektangelform for å lage det første hakket
Forsikre deg om at alternativet "Trekk fra formområde" fortsatt er valgt i alternativlinjen, og klikk og dra ut en liten avrundet rektangelform til venstre for det svarte kantområdet langs toppen av filmstrimlen:
Tegn en liten avrundet rektangelform på venstre side av det øverste svarte kantområdet.
Slipp museknappen når du er ferdig. Photoshop bruker formen for å slå ut det første hakket i filmstripen:
Nok en gang bruker Photoshop den nye formen til å slå ut en del av den opprinnelige formen.
Trinn 11: Velg banen for valg av sti
Nå som vi har tegnet vårt første hakk, kan vi bruke det til å legge til alle de andre hakkene på toppen og bunnen av filmstripen uten å måtte tegne noen av dem! Velg banen for valg av banen fra Verktøy-panelet (den svarte pilen). Du kan også raskt velge det ved å trykke bokstaven A på tastaturet:
Velg verktøyet for valg av sti.
Når du har valgt Verktøy for valg av sti, klikker du på hakket vi nettopp la til. Dette vil velge form. Du vil se en tynn disposisjon, sammen med ankerpunkter (små firkanter) dukker opp rundt det som lar deg vite at formen er valgt:
Klikk på innsiden av hakket med banen til valg av verktøy for å velge form.
Trinn 12: Dra ut en kopi av formen
Hold formen valgt, hold nede Shift + Alt (Win) / Shift + Alternativ (Mac) og dra mot høyre. Alt / alternativ-tasten ber Photoshop lage en kopi av formen mens du drar, mens Skift-tasten begrenser retningen du kan dra i, noe som gjør det lettere å dra rett til høyre og ikke i en eller annen merkelig vinkel. Når du er ferdig, slipper du museknappen for å lage et nytt hakk på toppen av filmstripen:
Et andre hakk vises øverst på filmstripen.
Trinn 13: Dra ut seks flere eksemplarer av formen
Fortsett å dra ut flere kopier av formen for å lage de resterende hakkene på toppen av filmstrimlen ved å holde nede Shift + Alt (Win) / Shift + Option (Mac), klikke på den siste formen du la til, dra en kopi av den mot høyre, og slipp deretter museknappen. Ikke bekymre deg for avstanden for nå, vi fikser det om et øyeblikk. Du bør ha totalt åtte hakk på toppen av filmstripen når du er ferdig:
Dra ut seks eksemplarer av formen i totalt åtte hakk på toppen.
Trinn 14: Velg alle hakk langs toppraden
Når du har lagt til alle de åtte hakkene på den øverste raden, holder du nede Skift- tasten, og med stasjonsvalgverktøyet fremdeles valgt, klikker du på hvert hakk til du har alle valgt samtidig:
Hold Shift nede og klikk på hvert hakk med banen til valg av verktøy til du har valgt alle.
Trinn 15: Klikk på alternativet "Distribuer horisontale sentre"
Når alle hakkformer er valgt, klikker du på alternativet Distribuer horisontale sentre opp i Alternativlinjen:
Alternativlinjen inneholder forskjellige alternativer for å justere formene. Klikk på ikonet Distribuer horisontalsentre.
Dette fordeler formene jevnt over toppen av filmstrimlen, og korrigerer eventuelle avstandsproblemer:
Alternativet Distribuer horisontale sentre plasserer formene jevnt mellom formen helt til venstre og formen helt til høyre.
Trinn 16: Kopier rekken av figurer ned til bunnen av filmstripen
Med alle hakkformene langs den øverste raden fremdeles valgt, hold nede Skift + Alt (Vinn) / Skift + Alternativ (Mac) og dra figurene ned til det nedre kantområdet av filmstrimlen. Nok en gang ber Alt / Option-tasten til Photoshop å lage en kopi av figurene mens vi drar, mens Skift-tasten begrenser retningen vi kan dra i, noe som gjør det enkelt å dra rett ned. Du vil se en kontur av figurene som vises når du drar:
Hold Skift + Alt (Vinn) / Skift + Alternativ (Mac) og dra den øverste raden med hakkformer ned til den nederste raden, og lag en kopi av figurene mens du drar.
Når du har figurene langs det nedre kantområdet, slipper du museknappen. Photoshop slår formområdene ut fra bunnen av filmstrimmelen, og skaper vår andre rad med hakk:
Å lage raden med hakk langs bunnen av filmstripen er ganske enkelt et spørsmål om å kopiere den øverste raden og dra den ned til bunnen.
Hvis vi ser på formlaget i lag-panelet, kan vi se et miniatyrbilde som viser oss en forhåndsvisning av hvordan formen vår ser ut. Dette kalles en vektormaske-miniatyrbilde . Du vil se et hvitt høydepunkt rundt den, som forteller oss at formen for øyeblikket er valgt. Klikk direkte på miniatyrbildet for å fjerne markeringen av formen siden vi er ferdig med å tegne den på dette tidspunktet. Den hvite høydepunktgrensen rundt miniatyrbildet forsvinner:
Klikk på miniatyrbildet for vektormaske for å fjerne markeringen av formen.
Trinn 17: Legg til en drop Shadow
Den grunnleggende filmstripeformen vår er nå komplett, men la oss gi den litt dybde ved å legge til en liten dråpeskygge. Klikk på Layer Styles- ikonet nederst i Layer- panelet og velg Drop Shadow- stilen øverst på listen som vises:
Klikk på ikonet Layer Styles og velg Drop Shadow fra listen.
Dette bringer opp Photoshops Layer Style-dialogboks satt til Drop Shadow-alternativene i den midterste kolonnen. Sett avstanden til skyggen til 0 px, spredningen til 0% og størrelsen på skyggen til 7 px :
Klikk på ikonet Layer Styles og velg Drop Shadow fra listen.
Klikk OK øverst til høyre i dialogboksen Lagstil når du er ferdig med å gå ut av den. Filmstripen vises nå med en svak skygge bak seg, selv om det vil være lettere å se i dokumentet ditt enn det er i det lille skjermbildet her:
Skyggen brukes for å gi filmstripen litt dybde.
Trinn 18: Velg rektangelverktøyet igjen
For å avslutte vår filmstripe, legger vi til en endelig rektangelform som vil bli brukt til å definere området der bildene skal vises når vi legger til dem senere. Velg rektangelverktøyet igjen fra Verktøy-panelet. Siden vi valgte det rundede rektangelverktøyet for et øyeblikk siden, må du klikke på det avrundede rektangelverktøyet i Verktøy-panelet, og deretter holde museknappen nede i et sekund eller to til en utrullingsmeny vises med de andre verktøyene tilgjengelig i det sporet. Velg rektangulærverktøyet øverst i fly-out-menyen:
Klikk og hold nede på det avrundede rektangelverktøyet i Verktøy-panelet, og velg deretter rektangelverktøyet fra fly-out-menyen.
Trinn 19: Endre fargen på den nye formen til en middels grå
Før vi legger til den nye formen, la oss endre fargen til noe annet enn svart, så vi kan se den mot den svarte filmstripen. Vi vet allerede at vi kan endre en forms farge ved å endre Photoshop's Foreground-farge, men vi kan også endre fargen direkte fra Alternativer-linjen når vi har valgt et formverktøy. Klikk på fargeprøven i alternativlinjen:
Klikk på fargeprøven for å angi en farge for formen.
Dette får opp Photoshop's Color Picker . La oss bruke en middels grå for fargen. Angi en verdi på 128 for R-, G- og B- alternativene nederst i midten av Color Picker-dialogboksen. Dette vil gi oss vårt medium grå. Klikk OK når du er ferdig for å gå ut av Color Picker:
Still R (rød), G (grønn) og B (blå) til 128 i fargevalgeren.
Trinn 20: Tegn en rektangelform for å dekke hovedfotoområdet
Med rektangelverktøyet valgt og grått som formfarge, tegner du en annen rektangelform, denne gangen litt større enn hovedfotoområdet i midten av filmremsen. Sørg imidlertid for at den nye formen ikke strekker seg over hakkene på toppen og bunnen. Vi vil bare dekke hovedfotoområdet. Klikk rett over og til venstre for hovedfotoområdet for å angi startpunktet for formen, og hold museknappen nede og dra til rett under og til høyre for nederste høyre hjørne av fotoområdet:
Tegn et andre rektangel bare litt større enn fotoområdet.
Slipp museknappen for å få Photoshop til å tegne formen og fyll den med den middels grå fargen vi valgte. Hovedfotoområdet er nå fullstendig dekket, mens hakkene langs toppen og bunnen av filmremsen forblir synlige:
Hovedfotoområdet er nå dekket av den andre formen.
Trinn 21: Slett slippskyggen fra den nye formen
Hvis vi ser i lag-panelet, kan vi se at vår andre form har dukket opp på sitt eget lag over hovedfilmstrimmelformen. Og hvis vi ser rett under formlaget, kan vi se at Photoshop automatisk har brukt den samme Drop Shadow-lagstilen som vi la til filmstrimmelen. Vi trenger ikke skyggen for vår nye form, så la oss kvitte oss med den. Klikk på ordet Effects, som vil velge alle lagstiler brukt på et lag (selv om vi i dette tilfellet bare har en), hold museknappen nede og dra den ned til papirkurven ikonet nederst på lagpanelet. Slipp museknappen når markøren er over papirkurven for å slette lagstiler:
Klikk på ordet "Effekter" og dra det ned til papirkurven for å slette dråpeskyggen.
Trinn 22: Dra den nye formen under filmstripen
For øyeblikket vises den andre formen over filmstripen. Vi trenger at den skal vises under filmstrimlen, som om den fungerer som en plassholder for bildene vi legger til senere, noe som betyr at vi må dra formens lag under filmstrimmellaget. For å gjøre det, klikk på "Form 2" i lagpanelet, hold museknappen nede og dra laget direkte mellom bakgrunnslaget og filmstrimmellaget. Du vet at du er på rett sted når du ser en uthevingslinje vises mellom de to lagene:
Klikk og dra den andre formen mellom bakgrunnslaget og filmstrimmellaget.
Slipp museknappen når markeringslinjen vises. Den grå formen er nå flyttet under filmstrimmelen etter behov:
Den grå formen vises nå mellom bakgrunnslaget og filmstrimmellaget.
Klikk på miniatyrbildet for vektormaske for "Form 2" i Lag-panelet for å fjerne markeringen av formen, så er vi ferdige! Filmstripen vår er nå komplett:
Den endelige filmstripen, klar til bruk som fotoramme og i vår fotocollage.
Trinn 23: Lagre filmstripen som en Photoshop. PSD-fil
Med mindre du får betalt for timen, vil du sannsynligvis ikke ønsker å tegne opp filmstrimmelen hver gang du vil bruke den, så la oss lagre den som sitt eget Photoshop-dokument. På denne måten kan vi åpne den og bruke den igjen når vi vil. Gå opp til Fil- menyen øverst på skjermen og velg Lagre som :
Gå til Fil> Lagre som.
Dette får opp dialogboksen Lagre som i Photoshop. Jeg skal kalle dokumentet mitt "film-strip.psd". Forsikre deg om at du velger Photoshop som format, og lagrer deretter filen på et sted du lett kan huske. Jeg skal lagre min i en "photoshop" -mappe jeg har på skrivebordet mitt. Klikk på Lagre-knappen når du er klar til å lagre filen:
Navngi filen og lagre den som et Photoshop-dokument.