I denne Photoshop-tutorials for fotoeffekter lærer vi hvordan du lager en enkel fotoramme med tre bilder, og når vi er ferdige, får vi se hvordan du enkelt konverterer det endelige resultatet til en gjenbrukbar mal ved hjelp av Photoshops smarte objekter ! Smartobjekter ble først introdusert i Photoshop CS2, noe som betyr at du trenger Photoshop CS2 eller høyere for de siste trinnene i opplæringen. Jeg skal bruke Photoshop CS4 selv. Imidlertid, hvis du bruker en tidligere versjon av Photoshop, kan du fremdeles lage selve fotorammen. Det eneste du ikke kan gjøre er å konvertere bildene til smarte objekter på slutten av opplæringen.
Her er tre-fotorammen vi lager:
Det endelige resultatet.
Hvordan lage en tre-bilder fotoramme
Trinn 1: Lag et nytt dokument
La oss begynne med å lage et nytt Photoshop-dokument. Gå opp til Fil- menyen på menylinjen øverst på skjermen og velg Ny . Eller, for en raskere måte å lage et nytt dokument, trykker du ganske enkelt på tastatursnarveien Ctrl + N (Win) / Command + N (Mac) :
Gå til Fil> Ny, eller trykk Ctrl + N (Win) / Command + N (Mac).
Uansett hvordan du velger, får du opp Photoshops nye dokument- dialogboks, og det er her vi setter alternativene for det nye dokumentet. Siden jeg skal plassere tre portrettbilder ved siden av hverandre på rad, trenger jeg et dokument som er ganske bredt, så jeg vil legge inn 12 tommer for bredden og 6 tommer for høyden, og Sørg for at måletypen er satt til tommer og ikke piksler. Det kan hende du må angi forskjellige verdier for bredden og høyden hvis du har en bestemt dokumentstørrelse du vil opprette. Siden jeg vil ønske å skrive ut rammevirkningen når jeg er ferdig, legger jeg inn 300 piksler / tomme for oppløsningen :
Lag et nytt dokument på 12 tommer x 6 tommer med 300 piksler / tommer.
Klikk OK når du er ferdig for å godta innstillingene og gå ut av dialogboksen. Det nye dokumentet vises på skjermen din:
Det nye dokumentet vises.
Trinn 2: Fyll det nye dokumentet med svart
Jeg vil bruke svart til bakgrunnsfargen, så jeg går opp til Rediger- menyen øverst på skjermen og velger Photoshops Fill- kommando, som lar oss fylle et lag eller utvalg med en farge:
Gå til Rediger> Fyll.
Når dialogboksen Fyll vises, setter jeg alternativet Bruk i Innhold- delen øverst i dialogboksen til Svart :
Sett alternativet Bruk til Svart.
Klikk OK for å gå ut av dialogboksen, og Photoshop fyller dokumentet med helt svart:
Dokumentet er nå fylt med svart.
Trinn 3: Legg til et nytt tomt lag
Vi må legge til et nytt tomt lag. Vi legger til en plassholder for vårt første bilde på dette nye laget. Hold nede Alt (Win) / Option (Mac) -tasten og klikk på ikonet for nytt lag nederst i lag-panelet:
Hold Alt (Win) / Option (Mac) nede og klikk på ikonet for nytt lag.
Ved å holde Alt / Alternativ-tasten nede mens vi klikker på ikonet for nytt lag, ber vi Photoshop om å åpne dialogboksen Nytt lag før vi legger til det nye laget, og vi kan bruke dialogboksen til å gi det nye laget vårt navn. Endre navnet på det nye laget fra standard "Lag 1" til plassholderen til venstre :
Endre navnet på det nye laget til "plassholder til venstre".
Klikk OK for å godta navneendringen og gå ut av dialogboksen. Hvis vi ser i lag-panelet, kan vi se at vi nå har et nytt tomt lag med navnet "plassholder igjen" som sitter over bakgrunnsjiktet. Sjakkbrettmønsteret i miniatyrbildet til forhåndsvisning til venstre for lagets navn forteller oss at laget for øyeblikket er tomt:
Et nytt lag med navnet "plassholder igjen" er lagt til.
Trinn 4: Velg Rectangle Marquee Tool
Velg Photoshops rektangulære markeringsverktøy øverst i Verktøy-panelet, eller trykk bokstaven M på tastaturet for å raskt velge det med snarveien:
Velg det rektangulære markeringsverktøyet.
Når det rektangulære markeringsverktøyet er valgt, endres alternativlinjen øverst på skjermen for å vise alternativer for det rektangulære markeringsverktøyet. Et av alternativene er Style . Endre den fra standardinnstillingen Normal til Fast forhold, og skriv deretter 4 for bredden og 6 for høyden . Dette vil tvinge formen til utvalget vi skal trekke inn i et 4x6-sideforhold, noe som vil gjøre det enkelt for oss å legge til noen 4x6-bilder til dokumentet senere:
Endre stilen til "Fast forhold", og skriv deretter inn "4" for bredden og "6" for høyden.
Trinn 5: Tegn et rektangulært valg på venstre side av dokumentet
Dra ut et rektangulært valg på venstre side av dokumentet. Det er her bildet til venstre vil vises. Du vil legge merke til at når du drar ut markeringen, er formen på det begrenset til 4x6-sideforholdet vi satte i alternativlinjen i forrige trinn. Hvis du trenger å plassere utvalget mens du drar det ut, holder du bare mellomromstasten, drar med musen for å flytte markeringen på plass, slipper deretter mellomromstasten og fortsetter å dra. Sørg for å la nok plass til å passe to bilder til i dokumentet:
Klikk og dra ut et utvalg rundt området der bildet til venstre vil vises.
Trinn 6: Fyll utvalget med grått
Når du har tegnet utvalget, går du tilbake til Rediger- menyen og velger Fyll- kommandoen igjen:
Gå til Rediger> Fyll.
Denne gangen, når Fyll-dialogboksen vises, kan du endre alternativet Bruk i Innhold- delen øverst i dialogboksen til 50% grått :
Denne gangen kan du endre alternativet Bruk til "50% grått".
Klikk OK når du er ferdig for å gå ut av dialogboksen. Photoshop fyller utvalget med grått. Det er ingen spesiell grunn til at vi har valgt grått her. Vi trengte ganske enkelt å fylle utvalget med farger, og siden vi bare bruker det som en plassholder for et bilde, virket grått som et naturlig valg. Trykk Ctrl + D (Win) / Command + D (Mac) for å fjerne markeringsoversikten fra rundt formen:
Trykk Ctrl + D (Win) / Command + D (Mac) for å fjerne markeringsoversikten når du har fylt utvalget med grått.
Trinn 7: Legg til et tynt hvitt slag rundt formen
La oss legge til en tynn hvit kant rundt formen. Klikk på Layer Styles- ikonet nederst i Layer- panelet og velg Stroke fra bunnen av listen over lagstiler som vises:
Klikk på ikonet Lagstiler og velg Strek fra listen.
Dette bringer opp Photoshops Layer Style- dialogboks satt til Stroke-alternativene i den midterste kolonnen. Først må du endre fargen på streken ved å klikke på den lille fargeprøven til høyre for ordet Color og velge hvitt fra Color Picker når den vises. Klikk OK for å lukke fargevelgeren når du er ferdig. Øk størrelsen på streken til rundt 10 px (piksler), og endre deretter posisjonen til innsiden :
Endre fargen på streken til hvit, øk deretter størrelsen til rundt 10 px og endre posisjonen til "innsiden".
Når du har angitt fargen, størrelsen og plasseringen til streken, klikker du OK for å avslutte for å gå ut av dialogboksen. Her er mitt bilde med den tynne hvite kanten som nå er brukt på formen:
Lagstiler er en enkel måte å legge til enkle effekter som grenser til et bilde.
Trinn 8: Velg Flytt verktøyet
Velg Flytt verktøy fra Photoshop fra Verktøy-panelet, eller trykk bokstaven V på tastaturet for å raskt velge det med snarveien:
Velg Flytt verktøyet.
Trinn 9: Dra en kopi av formen til midten av dokumentet
Trykk Shift + Alt (Win) / Shift + Option (Mac), mens du holder begge tastene nede, klikker du på den grå formen din i dokumentet og drar den mot høyre. Alt / alternativ-tasten forteller Photoshop at vi ønsker å lage en kopi av formen mens vi drar i stedet for å bevege den opprinnelige formen, mens Skift-tasten begrenser retningen som vi kan dra i, noe som gjør det enkelt å dra i en rett linje mot den rette.
Dra kopien inn i midten av bildet, som skaper plassholderen for det midterste bildet som vi legger til. Legg merke til at det hvite streket også er kopiert sammen med formen:
Hold Shift + Alt (Win) / Shift + Alternativ (Mac) nede og dra en kopi av formen inn i midten av dokumentet.
Trinn 10: Gi nytt navn til det nye laget "Placeholder Middle"
Hvis vi ser i lag-panelet, kan vi se at den andre formen har dukket opp på sitt eget lag over den opprinnelige formen. Photoshop har kalt det nye laget "plassering av venstre kopi". Dobbeltklikk direkte på det nye lagets navn og endre det til plassholder midten . Trykk Enter (Win) / Return (Mac) når du er ferdig for å godta endringen:
Den nye formen vises på sitt eget lag over originalen. Gi nytt navn til det nye laget "plassholder midten".
Trinn 11: Dra et nytt eksemplar av formen til høyre side av dokumentet
Hold igjen Shift + Alt (Win) / Shift + Alternativ (Mac), klikk på den midtre formen og dra en kopi av den til høyre side av dokumentet. Dette vil bli plassholderen for bildet som vises til høyre. Igjen kopieres det hvite streket sammen med formen. Forsøk å la den samme mengden plass være mellom den nye formen og høyre kant av dokumentet som det er mellom venstre form og venstre kant av dokumentet. Ikke bekymre deg for nå hvis formene i seg selv ikke er jevnt fordelt, da mine tydelig ikke er:
Forsøk å la en like stor plass mellom den tredje formen og høyre kant av dokumentet, da det er mellom den opprinnelige formen og venstre kant.
Trinn 12: Gi nytt navn til det nye laget "Placeholder Right"
Hvis vi ser på nytt i lag-panelet, kan vi se at den tredje formen vises på sitt eget lag over de to andre formene, og Photoshop har automatisk kalt det nye laget "placeholder middle copy". Dobbeltklikk direkte på lagets navn og endre det til plassholder til høyre . Trykk Enter (Win) / Return (Mac) for å godta endringen når du er ferdig:
Gi nytt navn til det nye laget "plassholderrett".
Trinn 13: Velg alle tre plassholderlag samtidig
La oss justere de tre formene slik at de er jevnt fordelt. Når det øverste laget ("plassholder til høyre") allerede er valgt, holder du nede Skift- tasten og klikker på den opprinnelige formens lag ("plassholder til venstre") i lag-panelet. Dette vil velge alle tre plassholderlagene samtidig (du vil se dem alle uthevet i blått som forteller oss at de er valgt):
Hold Skift og klikk på "plassholder til venstre" for å velge alle tre plassholderlagene samtidig.
Trinn 14: Klikk på ikonet "Distribuer horisontale sentre"
Når alle tre lag er valgt og Flyttverktøyet fremdeles er valgt, vil du se en serie ikoner i alternativlinjen øverst på skjermen som gir oss forskjellige måter å justere og fordele lagene på. Klikk på ikonet Distribuer horisontalsentre, som vil plassere formene horisontalt:
Klikk på ikonet "Distribuer horisontale sentre" i alternativlinjen.
Alle tre plassholderformene skal nå være jevnt fordelt i dokumentet:
Plassholderne er nå jevnt fordelt.
Vi er klare til å legge til noen bilder i dokumentet. Det gjør vi neste gang!
Trinn 15: Åpne det første bildet som skal legges til i rammen
Åpne det første bildet du vil legge til rammedokumentet. Her er bildet jeg skal bruke:
Det første bildet jeg legger til i dokumentet.
Trinn 16: Kopier bildet til utklippstavlen
Trykk Ctrl + A (Win) / Command + A (Mac) for raskt å velge hele bildet. Du vil se en markering som vises rundt bildet. Trykk deretter Ctrl + C (Win) / Command + C (Mac) for å kopiere bildet til utklippstavlen. Du kan lukke ut av dokumentets dokumentvindu når du har kopiert bildet til utklippstavlen.
Trinn 17: Velg "plassholder venstre" lag
Bytt tilbake til rammedokumentet ved å klikke hvor som helst i dokumentvinduet, og klikk deretter på venstre holdeplass i lagpanelet for å velge det:
Velg "plassholder venstre" -lag i rammedokumentet.
Trinn 18: Lim inn fotoet i rammedokumentet
Trykk Ctrl + V (Win) / Command + V (Mac) for å lime inn bildet i rammedokumentet. Photoshop vil plassere bildet på sitt eget lag rett over laget som ble valgt, og hvis vi ser i Lag-panelet, kan vi se at sikkert, vises bildet på sitt eget lag rett over "plassholder venstre" -lag som vi valgt i forrige trinn:
Liming av et bilde i et annet dokument plasserer bildet på sitt eget lag over laget som ble valgt.
Det eneste problemet er at jeg vil at dette bildet skal vises som det venstre bildet i rammen, men for øyeblikket vises det ikke bare i midten, det er skjult bak den midtre formen på grunn av at det "plassholder midtre" laget er over foto i lagpanelet. Alt jeg kan se på bildet er ytterkantene som strekker seg utover formen:
Vi har lagt bildet til dokumentet, men det er på feil sted og skjult bak den midterste plassholderformen.
Trinn 19: Dra bildet over formen "plassholder venstre"
Når Flytteverktøyet fremdeles er valgt, klikker du inne i dokumentet og drar bildet mot venstre til det vises over toppen av "plassholder venstre" -form:
Klikk og dra bildet over formen "plassholder til venstre".
Trinn 20: Lag et klippemaske
Når bildet er over toppen av formen "plassholder til venstre", går du opp til Lag- menyen øverst på skjermen og velger Opprett klippemaske :
Gå til Layer> Create Clipping Mask.
Photoshop vil "klippe" bildet til plassholderformen under det, slik at bare området på bildet som faller innenfor formens grenser, forblir synlig. Resten av bildet som strekker seg utenfor formen blir skjult for visningen. Det hvite streket rundt formen er nå synlig igjen:
Bildet er nå 'klippet' til plassholderformen under det.
Trinn 21: Endre størrelse på bildet med kommandoen gratis transformering
La oss endre størrelse på bildet slik at vi kan se hele bildet i stedet for bare hvilken del som skjer over plassholderformen. Trykk Ctrl + T (Win) / Command + T (Mac) for raskt å få frem Photoshops gratis transformasjonsboks og håndtak rundt bildet. Selv om vi bare kan se området på bildet som er rett over formen, vises Free Transform-håndtakene rundt de faktiske dimensjonene på bildet. Hvis du ikke kan se Free Transform-håndtakene fordi bildet ditt er så stort at kantene strekker seg utover det synlige området i dokumentvinduet, trykker du Ctrl + 0 (Win) / Command + 0 (Mac) for å få Photoshop zoomet ut til alt passer inni dokumentvinduet (kjent som Fit on Screen- visningen). Trykk på den igjen når du er ferdig med å endre størrelsen på bildet.
Dra hjørnehåndtakene til Free Transform (de små rutene) innover til de stiller opp med hjørnene på plassholderformen, slik at både formen og bildet har samme størrelse. Selvfølgelig antar dette at du bruker et bilde med samme 4x6-sideforhold som plassholderformen, som jeg er her. Hvis bildet ditt bruker et annet sideforhold, kan du bare endre størrelse på bildet til så mye av det passer i formen som mulig. Hold nede Shift- tasten mens du drar i håndtakene for å begrense bildeforholdet til bildet, slik at du ikke forvrenger utseendet ved et uhell når du endrer størrelse på det. Du kan plassere bildet om nødvendig ved å klikke hvor som helst i boksen Gratis transformering og dra det rundt med musen:
Dra hjørnet Free Transform-håndtak innover til bildet er i samme størrelse som plassholderformen.
Når du er ferdig med å endre størrelsen på bildet, trykker du på Enter (Win) / Return (Mac) for å godta transformasjonen og avslutte kommandoen Free Transform:
Bildet er nå i samme størrelse som plassholderformen under det.
Trinn 22: Legg to bilder til i rammen
Følg de samme trinnene for å legge til ytterligere to bilder i rammedokumentet, ett for midtområdet og ett til høyre. Først åpner du bildet du vil bruke. Trykk Ctrl + A (Win) / Command + A (Mac) for å velge det, deretter Ctrl + C (Win) / Command + C (Mac) for å kopiere det til utklippstavlen. Lukk ut av dokumentets dokumentvindu når du har kopiert bildet til utklippstavlen. Bytt tilbake til rammedokumentet og klikk på enten plassholderens midtre eller plasseringens høyre lag i lagpanelet for å velge det (avhengig av hvilket du legger bildet til).
Trykk Ctrl + V (Win) / Command + V (Mac) for å lime inn bildet i dokumentet. Photoshop vil plassere bildet på sitt eget lag rett over plassholderlaget du valgte. Bruk Flyttverktøyet til å dra bildet over toppen av plassholderformen om nødvendig, gå deretter opp til Lag- menyen øverst på skjermen og velg Lag klippemaske . Trykk til slutt Ctrl + T (Win) / Command + T (Mac) for å få opp Free Transform- boksen og håndtakene rundt bildet. Hold nede Shift- tasten og dra hjørnehåndtakene for å endre størrelsen på bildet. Trykk Enter (Win) / Return (Mac) når du er ferdig med å avslutte Free Transform.
Her er rammedokumentet mitt etter å ha lagt til bilder i den midtre og høyre delen:
Det endelige tre-fotoresultatet.
Trinn 23: Konverter de tre bildene til smarte objekter
For disse resterende få trinn, trenger du Photoshop CS2 eller høyere for å følge med. Vi skal se hvor enkelt det er å bruke det endelige resultatet som en mal, og bytte andre bilder inn og ut av rammen etter behov ved å bruke Smart Objects som først ble introdusert i Photoshop CS2.
I lagpanelet klikker du på laget enn det første bildet vi la til (det som er rett over "plassholder venstre") for å velge det. Det skal være på et lag som heter "Lag 1":
Klikk på "Lag 1", som inneholder det første bildet vi la til.
Når laget er valgt, høyreklikker du (Win) / Control-klikker (Mac) på lagets navn og velger Konverter til Smart Object fra menyen som vises:
Velg "Konverter til smart objekt" fra menyen.
Ingenting vil se ut til å ha skjedd i dokumentvinduet, men hvis vi ser i nedre høyre hjørne av lagets forhåndsvisningsminiatyr, kan vi se enn et lite Smart Object-ikon har dukket opp, og la oss få vite at bildet nå er et smart objekt:
Et lite Smart Object-ikon vises i miniatyrbildet for forhåndsvisning av lag.
Gjør det samme for de resterende to bildene (som du finner på "Lag 2" og "Lag 3"), først klikk på laget i lagpanelet, deretter høyreklikk (Win) / Kontrollklikk (Mac ) på lagets navn og velg Konverter til smart objekt fra menyen. Når du er ferdig, skal alle tre bildene ha Smart Object-ikonet i nedre høyre hjørne av lagets forhåndsvisningsminiatyrbilde.
Trinn 24: Bytt ut innholdet i hvert smart objekt for å legge til forskjellige bilder
Med alle de tre fotolagene som nå er konvertert til smarte objekter, klikker du igjen på "Lag 1" i lagpanelet for å velge bildet til venstre, og høyreklikker deretter (Vinn) / Kontrollklikk (Mac) igjen på lagnavnet å åpne den samme menyen vi så for et øyeblikk siden. Denne gangen velger du Erstatt innhold fra menyen:
Velg "Lag 1" igjen, høyreklikk (Win) / Control-klikk (Mac) og velg "Erstatt innhold" fra menyen.
Dette åpner dialogboksen Sted for sted i Photoshop. Naviger til mappen på harddisken som inneholder bildet du vil erstatte det første bildet med. Jeg har tre nye bilder lagret i en mappe på skrivebordet mitt. Klikk på navnet på bildet du vil bruke, og klikk deretter på Plass- knappen:
Klikk på navnet på bildet, og klikk deretter på Sted.
Så snart du klikker på Plass-knappen, bytter Photoshop det originale bildet med det nye bildet i dokumentet! Hvis du trenger å endre størrelsen på det nye bildet, trykker du på Ctrl + T (Win) / Kommando + T (Mac) for å få frem Free Transform- håndtakene, og dra hjørnehåndtakene for å endre størrelsen på det akkurat som vi gjorde med det originale bildet, mens du holder nede Shift- tasten mens du drar for å begrense sideforholdet. Hvis du ikke kan se håndtakene fordi bildet er for stort til å passe inni dokumentvinduet, trykker du Ctrl + 0 (Win) / Command + 0 (Mac) for å bytte til visningsmodus Fit on Screen . Trykk på den igjen når du er ferdig med å endre størrelsen på bildet:
Hvis det nye bildet ser ut for stort, endrer du det på størrelse med kommandoen Free Transform.
Trykk Enter (Win) / Return (Mac) når du er ferdig med å godta transformasjonen og avslutte Free Transform:
Det venstre bildet er byttet ut.
Gjør det samme for de to andre bildene for å bytte dem med andre bilder. Velg først fotolag i Lag-panelet ("Lag 2" eller "Lag 3"), høyreklikk deretter (Vinn) / Kontrollklikk (Mac) på lagets navn, og velg Erstatt innhold fra menyen som vises. Når dialogboksen Sted dukker opp, velger du det nye bildet du vil bruke, og klikker deretter på Plass- knappen. Hvis du trenger å endre størrelsen på det nye bildet, trykker du på Ctrl + T (Win) / Command + T (Mac) og drar hjørnehåndtakene Free Transform, holder du nede Shift mens du drar. Trykk Enter (Win) / Return (Mac) når du er ferdig med å avslutte Free Transform.
Dette er resultatet etter å ha byttet ut bilder fra midten og venstre med nye bilder:
Å bytte ut originale bilder med nye var enkelt takket være smarte objekter!
Forsikre deg om at du lagrer dokumentet som en Photoshop. PSD- fil når du er ferdig, slik at du holder lagene og smarte objekter intakte, klar til neste gang du trenger å åpne filen igjen og legge til nye bilder!