I denne Photoshop-fotoeffektvejledning lærer vi, hvordan man opretter en enkel fotoramme med tre billeder, og når vi er færdige, vil vi se, hvordan vi let konverterer det endelige resultat til en genanvendelig skabelon ved hjælp af Photoshops smarte objekter ! Smart-objekter blev først introduceret i Photoshop CS2, hvilket betyder, at du har brug for Photoshop CS2 eller højere for de sidste trin i selvstudiet. Jeg bruger selv Photoshop CS4. Hvis du imidlertid bruger en tidligere version af Photoshop, kan du stadig oprette selve fotorammen. Det eneste, du ikke kan gøre, er at konvertere billederne til smarte objekter i slutningen af selvstudiet.
Her er den tre-fotoramme, vi opretter:
Det endelige resultat.
Sådan opretter du en fotoramme med tre billeder
Trin 1: Opret et nyt dokument
Lad os begynde med at oprette et nyt Photoshop-dokument. Gå op til menuen Filer i menulinjen øverst på skærmen og vælg Ny . Eller for en hurtigere måde at oprette et nyt dokument skal du blot trykke på tastaturgenvejen Ctrl + N (Win) / Command + N (Mac) :
Gå til Fil> Ny, eller tryk på Ctrl + N (Win) / Command + N (Mac).
Uanset hvad du vælger, åbnes Photoshop's nye dokument- dialogboks, hvor vi indstiller indstillingerne for vores nye dokument. Da jeg vil placere tre portræt-stil billeder side om side hinanden i træk, har jeg brug for et dokument, der er ret bredt, så jeg skal indtaste 12 tommer for bredden og 6 tommer for højden, hvilket gør Sørg for, at målingstypen er indstillet til inches og ikke til pixels. Det kan være nødvendigt at indtaste forskellige værdier for bredden og højden, hvis du har en bestemt dokumentstørrelse, du vil oprette. Da jeg vil udskrive rammevirkningen, når jeg er færdig, skal jeg indtaste 300 pixels / tommer til opløsningen :
Opret et nyt dokument på 12 tommer x 6 tommer med 300 pixels / tommer.
Klik på OK, når du er færdig med at acceptere indstillingerne og afslutte dialogboksen. Det nye dokument vises på din skærm:
Det nye dokument vises.
Trin 2: Fyld det nye dokument med sort
Jeg vil bruge sort til baggrundsfarve, så jeg går op til Rediger- menuen øverst på skærmen og vælger Photoshop's Fill- kommando, som giver os mulighed for at udfylde et lag eller valg med en farve:
Gå til Rediger> Udfyld.
Når dialogboksen Udfyld vises, vil jeg indstille funktionen Brug i afsnittet Indhold øverst i dialogboksen til Sort :
Indstil brugsmuligheden til sort.
Klik på OK for at afslutte dialogboksen, og Photoshop udfylder dokumentet med sort sort:
Dokumentet er nu fyldt med sort.
Trin 3: Tilføj et nyt tomt lag
Vi er nødt til at tilføje et nyt tomt lag. Vi tilføjer en pladsholder til vores første billede på dette nye lag. Hold tasten Alt (Win) / Option (Mac) nede, og klik på ikonet Nyt lag nederst i panelet Lag:
Hold Alt (Win) / Option (Mac) nede, og klik på ikonet Nyt lag.
Ved at holde Alt / Option-tasten nede, mens vi klikker på ikonet Nyt lag, fortæller vi Photoshop at åbne dialogboksen Nyt lag, før vi tilføjer det nye lag, og vi kan bruge dialogboksen til at give vores nye lag et navn. Skift navnet på det nye lag fra dets standard "Lag 1" til pladsholder til venstre :
Skift navnet på det nye lag til "pladsholder til venstre".
Klik på OK for at acceptere navneændringen og afslutte dialogboksen. Hvis vi ser i panelet Lag, kan vi se, at vi nu har et nyt tomt lag med navnet "pladsholder tilbage" sidder over baggrundslaget. Tavlemønsteret i miniaturebilledet til forhåndsvisning af laget til venstre for lagets navn fortæller os, at laget i øjeblikket er tomt:
Et nyt lag med navnet "pladsholder tilbage" er tilføjet.
Trin 4: Vælg Rectangle Marquee Tool
Vælg Photoshops rektangulære markeringsværktøj øverst på værktøjspanelet, eller tryk på bogstavet M på dit tastatur for hurtigt at vælge det med genvejen:
Vælg det rektangulære markeringsværktøj.
Når det rektangulære markeringsværktøj er valgt, ændres indstillingslinjen øverst på skærmen for at vise indstillinger for det rektangulære markeringsværktøj. En af mulighederne er Style . Skift det fra standardindstillingen Normal til Fast Ratio, og indtast derefter 4 for bredden og 6 for højden . Dette vil tvinge formen på det valg, vi er ved at tegne, til et 4x6-billedforhold, hvilket gør det nemt for os at tilføje nogle 4x6-fotos til dokumentet senere:
Skift stil til "Fast forhold", og indtast derefter "4" for bredden og "6" for højden.
Trin 5: Tegn et rektangulært valg på venstre side af dokumentet
Træk et rektangulært valg ud i venstre side af dokumentet. Det er her fotoet til venstre vises. Du vil bemærke, at når du trækker markeringen ud, er formen på det begrænset til det 4x6-billedforhold, som vi indstillede i indstillingslinjen i det forrige trin. Hvis du har brug for at flytte markeringen, når du trækker det ud, skal du blot holde din mellemrumslinje nede, trække musen for at flytte markeringen på plads, derefter frigøre din mellemrumslinje og fortsætte med at trække. Sørg for at give plads nok til at passe yderligere to fotos inde i dokumentet:
Klik og træk et valg rundt i det område, hvor fotoet til venstre vises.
Trin 6: Fyld markeringen med grå
Når du har trukket markeringen, skal du gå tilbage til menuen Rediger og vælge Fill- kommandoen igen:
Gå til Rediger> Udfyld.
Denne gang, når udfyldningsdialogboksen vises, skal du ændre indstillingen Brug i afsnittet Indhold øverst i dialogboksen til 50% grå :
Denne gang skal du ændre indstillingen Brug til "50% grå".
Klik på OK, når du er færdig for at afslutte dialogboksen. Photoshop udfylder markeringen med grå. Der er ingen særlig grund til, at vi har valgt grå her. Vi havde simpelthen brug for at udfylde markeringen med farve, og da vi kun bruger det som en pladsholder til et billede, virkede grå som et naturligt valg. Tryk på Ctrl + D (Win) / Command + D (Mac) for at fjerne markeringsoversigten fra rundt om formen:
Tryk på Ctrl + D (Win) / Command + D (Mac) for at fjerne markeringsoversigten, når du har udfyldt markeringen med grå.
Trin 7: Tilføj et tyndt hvidt streg omkring formen
Lad os tilføje en tynd hvid kant rundt om formen. Klik på ikonet Lagstilarter i bunden af panelet Lag, og vælg Streg nederst på listen over lagformater, der vises:
Klik på ikonet Layer Styles, og vælg Slag fra listen.
Dette bringer Photoshops Layer Style- dialogboks op, indstillet til Stregindstillingerne i den midterste kolonne. Først skal du ændre farven på streget ved at klikke på den lille farveprøve til højre for ordet Farve og vælge hvidt fra farvevælgeren, når det vises. Klik på OK for at lukke farvevælgeren, når du er færdig. Forøg strækningens størrelse til ca. 10 px (pixels), og skift derefter positionen til indersiden :
Skift farven på streget til hvidt, øg derefter Størrelsen til ca. 10 px og skift position til "Inde".
Når du har indstillet farven, størrelsen og placeringen af streget, skal du klikke på OK for at afslutte for at afslutte dialogboksen. Her er mit billede med den tynde hvide kant nu anvendt på formen:
Lagstilarter er en nem måde at tilføje enkle effekter som grænser til et billede.
Trin 8: Vælg Flyt værktøj
Vælg Photoshop's Move Tool fra værktøjspanelet, eller tryk på bogstavet V på dit tastatur for hurtigt at vælge det med genvejen:
Vælg Flyt værktøj.
Trin 9: Træk en kopi af formen til midten af dokumentet
Tryk på Shift + Alt (Win) / Shift + Option (Mac), og hold begge taster nede, og klik på din grå form inde i dokumentet, og træk den mod højre. Alt / Option-tasten fortæller Photoshop, at vi ønsker at oprette en kopi af formen, mens vi trækker i stedet for at bevæge den originale form, mens Shift-tasten begrænser retningen, som vi kan trække i, hvilket gør det nemt at trække i en lige linje mod det rigtige.
Træk kopien ind i midten af billedet, som skaber pladsholderen til det midterste foto, som vi tilføjer. Bemærk, at det hvide streg også kopieres sammen med formen:
Hold Shift + Alt (Win) / Shift + Option (Mac) nede, og træk en kopi af formen ind i midten af dokumentet.
Trin 10: Omdøb det nye lag til "Placeholder Middle"
Hvis vi ser i panelet Lag, kan vi se, at den anden form er vist på sit eget lag over den oprindelige form. Photoshop har navngivet det nye lag "pladsholder til venstre kopi". Dobbeltklik direkte på det nye lags navn og skift det til pladsholder midten . Tryk på Enter (Win) / Return (Mac), når du er færdig med at acceptere ændringen:
Den nye form vises på sit eget lag over originalen. Omdøb det nye lag "pladsholder midten".
Trin 11: Træk en anden kopi af formen til højre side af dokumentet
Hold Shift + Alt (Win) / Shift + Option (Mac) endnu engang nede, klik på den midterste form og træk en kopi af den til højre side af dokumentet. Dette bliver pladsholderen for det billede, der vises til højre. Igen kopieres det hvide streg sammen med formen. Forsøg at forlade den samme mængde plads mellem den nye form og dokumentets højre kant, som der er mellem den venstre form og den venstre kant af dokumentet. Bare rolig i øjeblikket, hvis figurerne ikke er jævnt fordelt, da mine helt klart ikke er:
Forsøg at efterlade en lige stor plads mellem den tredje form og dokumentets højre kant, da der er mellem den originale form og venstre kant.
Trin 12: Omdøb det nye lag til "Placeholder Right"
Hvis vi ser igen i panelet Lag, kan vi se, at den tredje form vises på sit eget lag over de to andre figurer, og Photoshop har automatisk navngivet det nye lag "pladsholder midtkopi". Dobbeltklik direkte på lagets navn og skift det til pladsholder til højre . Tryk på Enter (Win) / Return (Mac) for at acceptere ændringen, når du er færdig:
Omdøb det nye lag til "pladsholder ret".
Trin 13: Vælg alle tre pladsholderlag på én gang
Lad os justere de tre figurer, så de er jævnt fordelt. Når det øverste lag ("pladsholder til højre") allerede er valgt, skal du holde din Shift- tast nede og klikke på det oprindelige formlag ("pladsholder til venstre") i panelet Lag. Dette vælger alle tre pladsholderlag på én gang (du vil se dem alle fremhævet i blåt, hvilket fortæller os, at de er valgt):
Hold Skift nede og klik på "pladsholder til venstre" for at vælge alle tre pladsholderlag på én gang.
Trin 14: Klik på ikonet "Distribuer horisontale centre"
Når alle tre lag er valgt og Flyt værktøj stadig valgt, vil du se en række ikoner i indstillingslinjen øverst på skærmen, som giver os forskellige måder at justere og fordele lagene på. Klik på ikonet Distribuer horisontale centre, der placerer figurerne vandret:
Klik på ikonet "Distribuer horisontale centre" i indstillingslinjen.
Alle tre pladsholderformer skal nu være jævnt fordelt i dokumentet:
Pladsholderne er nu jævnt fordelt.
Vi er klar til at tilføje nogle fotos til dokumentet. Vi gør det næste!
Trin 15: Åbn det første foto, der skal føjes til rammen
Åbn det første billede, du vil tilføje til rammedokumentet. Her er det foto, jeg skal bruge:
Det første foto tilføjer jeg til dokumentet.
Trin 16: Kopier fotoet til udklipsholderen
Tryk på Ctrl + A (Win) / Command + A (Mac) for hurtigt at vælge hele billedet. Du vil se en markeringsoversigt vises rundt om billedet. Tryk derefter på Ctrl + C (Win) / Command + C (Mac) for at kopiere billedet til udklipsholderen. Du kan lukke ud af billedets dokumentvindue, når du har kopieret billedet til udklipsholderen.
Trin 17: Vælg laget "Pladsholder venstre"
Skift tilbage til rammedokumentet ved at klikke hvor som helst i dokumentvinduet, og klik derefter på det venstre lag i pladsholderen i panelet Lag for at vælge det:
Vælg laget 'pladsholder til venstre' i rammedokumentet.
Trin 18: Indsæt fotoet i rammedokumentet
Tryk på Ctrl + V (Win) / Command + V (Mac) for at indsætte billedet i rammedokumentet. Photoshop vil placere fotoet på sit eget lag direkte over det lag, der blev valgt, og hvis vi ser i panelet Lag, kan vi se det nok, så vises billedet på sit eget lag direkte over det "pladsholder venstre" lag, som vi valgt i det forrige trin:
Indsætning af et billede i et andet dokument placerer billedet på sit eget lag over det valgte lag.
Det eneste problem er, at jeg vil have, at dette foto skal vises som det venstre billede i rammen, men i øjeblikket vises det ikke kun i midten, det er skjult bag den midterste form på grund af, at det "pladsholder midterste" lag er over foto i panelet Lag. Alt, hvad jeg kan se på billedet, er de ydre kanter, der strækker sig ud over formen:
Vi har med succes tilføjet billedet til dokumentet, men det er på en forkert placering og skjult bag den midterste pladsholderform.
Trin 19: Træk fotoet over "Pladsholder venstre" -form
Når Flytværktøjet stadig er valgt, skal du klikke inde i dokumentet og trække billedet mod venstre, indtil det vises over toppen af "pladsholderens venstre" -form:
Klik og træk billedet hen over formen "pladsholder til venstre".
Trin 20: Opret en klipmaske
Når billedet er over toppen af formen "pladsholder til venstre", gå op til menuen Layer øverst på skærmen og vælg Opret klipmaske :
Gå til Lag> Opret klipmaske.
Photoshop vil "klipse" billedet til pladsholderformen under det, hvilket kun tillader det fotoområde, der falder inden for formens grænser, forbliver synligt. Resten af fotoet, der strækker sig uden for formen, bliver skjult for visningen. Det hvide streg omkring formen er nu igen synlig:
Billedet er nu 'klippet' til pladsholderformen under det.
Trin 21: Ændre størrelse på fotoet med kommandoen gratis transformering
Lad os ændre størrelsen på billedet, så vi kan se hele billedet snarere end bare uanset hvilken del der er over pladsholderens form. Tryk på Ctrl + T (Win) / Command + T (Mac) for hurtigt at få vist Photoshop's Free Transform- boks og håndtag rundt om billedet. Selvom vi kun kan se det område på fotoet, der er direkte over formen, vises Free Transform-håndtagene omkring de faktiske dimensioner af billedet. Hvis du ikke kan se håndtagene med gratis transformering, fordi dit billede er så stort, at kanterne strækker sig ud over det synlige område i dokumentvinduet, skal du trykke på Ctrl + 0 (Win) / Command + 0 (Mac) for at få Photoshop zoom ud indtil alt passer inde i dokumentvinduet (kendt som visningen Fit on Screen ). Tryk på det igen, når du er færdig med at ændre størrelsen på billedet.
Træk hjørnehåndtagene til Free Transform (de små firkanter) indad, indtil de stiller op med hjørnerne på pladsholderformen, så både form og foto er i samme størrelse. Dette antager naturligvis, at du bruger et foto med det samme 4x6 billedforhold som pladsholderformen, som jeg er her. Hvis dit foto bruger et andet billedformat, skal du blot ændre størrelsen på billedet, indtil så meget af det passer inden for formen som muligt. Hold Shift- tasten nede, mens du trækker i håndtagene for at begrænse billedets billedformat, så du ikke ved et uheld forvrænger udseendet, når du ændrer størrelse på det. Du kan flytte billedet om nødvendigt ved at klikke hvor som helst i boksen Gratis transformering og trække det rundt med din mus:
Træk i hjørnet Free Transform-håndtag indad, indtil fotoet har samme størrelse som pladsholderens form.
Når du er færdig med at ændre størrelsen på billedet, skal du trykke på Enter (Win) / Return (Mac) for at acceptere transformationen og afslutte kommandoen Free Transform:
Billedet har nu samme størrelse som pladsholderformen under det.
Trin 22: Føj to flere fotos til rammen
Følg de samme trin for at tilføje yderligere to fotos til rammedokumentet, et for det midterste område og et til højre. Åbn først det foto, du vil bruge. Tryk på Ctrl + A (Win) / Kommando + A (Mac) for at vælge det, derefter Ctrl + C (Win) / Kommando + C (Mac) for at kopiere det til udklipsholderen. Luk ud af fotodokumentets vindue, når du har kopieret billedet til udklipsholderen. Skift tilbage til rammedokumentet og klik på enten pladsholderens midterste eller pladsholderens højre lag i panelet Lag for at vælge det (afhængigt af hvilket du tilføjer billedet til).
Tryk på Ctrl + V (Win) / Command + V (Mac) for at indsætte billedet i dokumentet. Photoshop vil placere fotoet på sit eget lag direkte over det stedholderlag, du har valgt. Brug Flyt værktøjet til at trække billedet over toppen af pladsholderformen om nødvendigt, gå derefter op til menuen Lag øverst på skærmen og vælg Opret klipmaske . Til sidst skal du trykke på Ctrl + T (Win) / Command + T (Mac) for at få vist Free Transform- boksen og håndtagene omkring billedet. Hold Shift nede, og træk hjørnehåndtagene for at ændre størrelsen på fotoet. Tryk på Enter (Win) / Return (Mac), når du er færdig med at afslutte Free Transform.
Her er mit rammedokument, når jeg har tilføjet fotos til det midterste og højre afsnit:
Det endelige tre-fotoresultat.
Trin 23: Konverter de tre fotos til smarte objekter
For disse resterende få trin har du brug for Photoshop CS2 eller højere for at følge med. Vi vil se, hvor let det er at bruge vores endelige resultat som en skabelon, og udskifte andre fotos ind og ud af rammen efter behov ved hjælp af Smart Objects, som først blev introduceret i Photoshop CS2.
I panelet Lag skal du klikke på laget, end det indeholder det første foto, vi tilføjede (det foto direkte over "pladsholder venstre") for at vælge det. Det skal være på et lag med navnet "Lag 1":
Klik på "Lag 1", der indeholder det første foto, vi tilføjede.
Med det valgte lag skal du højreklikke (Win) / Control-klik (Mac) på lagets navn og vælge Konverter til Smart Object fra den menu, der vises:
Vælg "Konverter til smart objekt" i menuen.
Der ser ikke ud til, at der er sket noget i dokumentvinduet, men hvis vi ser i nederste højre hjørne af lagets preview-miniature, kan vi se, end der er vist et lille Smart Object-ikon, der fortæller os, at billedet nu er et Smart Object:
Et lille Smart Object-ikon vises i lagvisnings-miniature.
Gør det samme for de resterende to billeder (som du finder i "Lag 2" og "Lag 3"), klik først på laget i panelet Lag, derefter højreklik (Win) / Kontrolklik (Mac ) på lagets navn og vælg Konverter til smart objekt fra menuen. Når du er færdig, skal alle tre fotos have ikonet Smart Object, der vises i nederste højre hjørne af deres lags preview-miniaturebillede.
Trin 24: Udskift indholdet af hvert smart objekt for at tilføje forskellige fotos
Med alle tre fotolag, der nu er konverteret til Smart Objects, skal du klikke igen på "Lag 1" i panelet Lag for at vælge fotoet til venstre, og derefter højreklikke (Win) / Control-klik (Mac) igen på lagets navn for at åbne den samme menu, vi så for et øjeblik siden. Denne gang skal du vælge Erstat indhold i menuen:
Vælg "Lag 1" igen, højreklik derefter (Win) / Control-klik (Mac) og vælg "Erstat indhold" i menuen.
Dette åbner Photoshop's dialogboks Sted . Naviger til mappen på din harddisk, der indeholder det foto, du vil erstatte det første billede med. Jeg har tre nye fotos gemt i en mappe på mit skrivebord. Klik på navnet på det foto, du vil bruge, og klik derefter på knappen Sted :
Klik på billedets navn, og klik derefter på Placer.
Så snart du klikker på knappen Sted, bytter Photoshop det originale foto med det nye foto i dokumentet! Hvis du har brug for at ændre størrelsen på det nye billede, skal du trykke på Ctrl + T (Win) / Kommando + T (Mac) for at få vist de gratis transformeringshåndtag, og træk derefter hjørnehåndtagene for at ændre størrelsen på det, som vi gjorde med det originale foto, og hold nede din Shift- nøgle, mens du trækker for at begrænse billedformatet. Igen, hvis du ikke kan se håndtagene, fordi billedet er for stort til at passe ind i dokumentvinduet, skal du trykke på Ctrl + 0 (Win) / Command + 0 (Mac) for at skifte til visningstilstand Fit on Screen . Tryk på det igen, når du er færdig med at ændre størrelsen på billedet:
Hvis det nye billede ser for stort ud, skal du ændre størrelsen på det med kommandoen Fri transformering.
Tryk på Enter (Win) / Return (Mac), når du er færdig med at acceptere transformationen og afslutte Free Transform:
Det venstre foto er udskiftet.
Gør det samme for de to andre fotos for at bytte dem med andre billeder. Vælg først fotolag i panelet Lag ("Lag 2" eller "Lag 3"), højreklik derefter (Win) / Control-klik (Mac) på lagets navn, og vælg Erstat indhold i den menu, der vises. Når dialogboksen Sted vises, skal du vælge det nye foto, du vil bruge, og derefter klikke på knappen Sted . Hvis du har brug for at ændre størrelsen på det nye billede, skal du trykke på Ctrl + T (Win) / Command + T (Mac) og trække i hjørnene til fri transformering, mens du holder nede Skift, mens du trækker. Tryk på Enter (Win) / Return (Mac), når du er færdig med at afslutte Free Transform.
Her er mit resultat efter at have udskiftet de midterste og venstre fotos med nye billeder:
Udskiftning af de originale billeder med nye var let takket være Smart Objekter!
Sørg for at gemme dokumentet som en Photoshop .PSD- fil, når du er færdig, så du holder lagene og Smart Objekter intakte, klar til næste gang du har brug for at åbne filen igen og tilføje nye fotos!