Tilføj lysstriber til et foto med Photoshop

Skrevet af Steve Patterson.

I denne Photoshop Effects tutorial vil vi se på, hvordan du kan tilføje farverige lysstriber til et foto. Du har sikkert set disse lysstriber brugt i reklamer for alt fra shampoo til mobiltelefoner, og faktisk blev de senest brugt i en cool reklame for en ny mobiltelefon fra Sprint og Samsung. Det er lige så nemt at skabe dem som at tegne en sti med Photoshop’s penværktøj og derefter stryge stien med en pensel, med et par enkle lagformater, der bruges til at tilføje den faktiske farve- og lyseffekt. Det hele er ret nemt, men hvis du aldrig har brugt penværktøjet før, eller hvis du ikke er sikker på, hvordan man tegner stier, bør du måske først læse vores tutorial Making Selections With The Pen Tool, hvor jeg dækker alt, hvad du skal vide om at tegne og redigere stier med pennen.

Her er det billede, jeg vil arbejde med i denne tutorial:

Det originale billede.

Og sådan her vil det se ud, når vi har tilføjet vores lysstriber:

Den endelige effekt.

Trin 1: Tilføj et nyt tomt lag

Vi skal tilføje vores lysstriber på deres eget separate lag, så det første, vi skal gøre, er at tilføje et nyt tomt lag til vores dokument. Det gør vi ved at klikke på ikonet Nyt lag nederst i paletten Lag:

Klik på ikonet “Nyt lag”.

Derved tilføjes et nyt tomt lag, som Photoshop kalder “Lag 1”, over vores baggrundslag:

Et nyt lag vises over baggrundslaget.

Trin 2: Vælg Pen-værktøjet

Som jeg nævnte i begyndelsen, vil vi skabe vores lysstriber ved at tegne stier og derefter stryge stierne med en pensel. For at tegne stier skal vi bruge penværktøjet, så vælg det på paletten Værktøjer. Du kan også trykke på bogstavet P for at vælge det med tastaturgenvejen:

Vælg penværktøjet.

Trin 3: Vælg indstillingen “Paths” (stier) i indstillingslinjen

Photoshop giver os tre forskellige ting, som vi kan gøre med penværktøjet. Vi kan bruge det til at tegne vektorbaserede figurer, vi kan tegne stier med det (hvilket er det, vi vil gøre), og vi kan tegne pixelbaserede figurer. Vi vælger mellem disse tre muligheder ved at klikke på deres ikoner oppe i indstillingslinjen øverst på skærmen. Du vil se tre små firkantede ikoner grupperet sammen i venstre side af Optionslinjen. Klik på ikonet i midten, som er indstillingen Stier:

Klik på ikonerne “Stier” i indstillingslinjen.

Trin 4: Tegn en sti, hvor du ønsker, at den første lysstribe skal vises

Med penneværktøjet valgt og indstillingen Stier valgt i indstillingslinjen er vi klar til at tegne vores første sti. Jeg ønsker, at mine lysstriber skal vises i den nederste halvdel af billedet, et sted omkring kvindens skuldre og halsområde, så det er der, jeg tegner min første sti. Du vil gerne tilføje flere kurver til din sti for at gøre lysstriben mere interessant. Jeg starter med at klikke et sted i det nederste venstre hjørne af billedet for at tilføje mit første ankerpunkt, hvorefter jeg trækker retningshåndtag ud i den retning, som jeg ønsker, at min sti skal følge. Igen skal du huske at tjekke vores vejledning om at foretage markeringer med penværktøjet først, hvis det, jeg lige har sagt, ikke giver mening for dig:

Klik i dokumentet for at tilføje et ankerpunkt, og træk derefter retningshåndtag ud.

Jeg fortsætter med at tegne resten af min første sti ved at klikke og trække et par gange mere med penværktøjet for at tilføje resten af mine sti-segmenter. Jeg har nu min første sti, der løber fra venstre til højre hen over kvindens skuldre og halsområde:

Den første sti er nu blevet tilføjet til billedet.

Trin 5: Vælg penselværktøjet

Nu har vi tegnet vores første sti, og det næste skridt er at stryge den med en pensel. Til det skal vi bruge Photoshop’s penselværktøj, så vælg det på paletten Værktøjer, eller tryk blot på bogstavet B på dit tastatur:

Vælg penselværktøjet.

Trin 6: Vælg penslen “40 Sampled Tip” Brush

Photoshop leveres med flere pensler, der ville fungere godt til vores lysstribeeffekt, men efter at have prøvet et par af dem, har jeg fundet en, jeg bedst kan lide. For at vælge den skal vi åbne paletten Pensler for at få den frem. Der er et par forskellige måder at få Brushes-paletten frem på, og en af dem er at klikke på Brushes-palettens skifteikon i indstillingslinjen øverst på skærmen:

Klik på Brushes-palettens skifteikon for at få Brushes-paletten frem.

Når Brushes-paletten vises, skal du klikke på ordene Brush Tip Shape i det øverste venstre hjørne af paletten. I området Brush Tip-valg til højre skal du derefter rulle ned i bunden af listen og vælge 40 Sampled Tip-børsten. Der står bare “40” i visningsområdet, men hvis du har aktiveret værktøjstip i Photoshop’s præferencer, vises ordene “Sampled Tip”, når du holder musen over penslen:

Klik på ordene “Brush Tip Shape” i øverste venstre hjørne, og klik derefter på penslen “40 Sampled Tip” i valgområdet.

Trin 7: Sænk “Spacing”-mængden til 1 %

Nede i bunden af paletten Brushes, lige over området for penselvisualisering, kan du se indstillingen Spacing (afstand). Når du maler med en pensel i Photoshop, selvom det normalt ser ud som om, du maler én sammenhængende streg, er det, Photoshop i virkeligheden gør, at du “stempler” billedet igen og igen med penselspidsen. Hvis “stemplerne” er tæt nok på hinanden, vises de som en sammenhængende streg.

Indstillingen Spacing (Afstand) bestemmer, hvor langt fra hinanden stemplerne vises, og som standard er indstillingen indstillet til 30 % for vores “40 Sampled Tip”-pensel. Det er for stor afstand til vores effekt. Brug skydebjælken til at sænke Spacing-beløbet helt ned til 1%. Hvis du kigger på penselvisningsområdet efter at have sænket Spacing-beløbet til 1 %, vil du se, at penslen nu vises som én sammenhængende streg:

Sænk “Spacing”-beløbet til 1 % for at udjævne penselstrøgets udseende.

Trin 8: Indstil kontrolelementet for penselstørrelse til “Pen Pressure”

Hvis vi skulle stryge over stien med vores pensel lige nu, ville den lyse stribeeffekt ikke se særlig godt ud, fordi penslen ville fremstå i nøjagtig samme størrelse langs hele stien. Vi har brug for, at penslen bliver mindre og mindre i begge ender for at skabe illusionen af, at lysstriben faktisk begynder i den ene ende og slutter i den anden. Til det formål skal vi bede Photoshop om at simulere pennetryk for os, som om vi tegnede med en pennetavle.

Klik direkte på ordene Shape Dynamics til venstre i paletten Brushes, lige under “Brush Tip Shape”. Sørg for, at du klikker direkte på ordene og ikke blot i afkrydsningsfeltet til venstre for ordene. Hvis du klikker inde i afkrydsningsfeltet, aktiveres indstillingerne for Shape Dynamics, men det giver ikke mulighed for at ændre nogen af dem. Vi er nødt til at klikke på selve ordene for at få adgang til indstillingerne. Når du har klikket på ordene, vises Shape Dynamics-indstillingerne i højre side af paletten. Helt øverst ser du ordene “Size Jitter” med en skyderbar, og lige under skyderbaren er indstillingen Control. Det er her, vi får lov til at bestemme, hvordan vi skal styre størrelsen på vores pensel. Vi ønsker, at Photoshop skal simulere pennetryk, så vælg Pennetryk i rullemenuen Kontrol:

Klik direkte på ordene “Shape Dynamics” til venstre, og indstil derefter indstillingen “Control” til højre til “Pen Pressure”.

Nu har vi i øjeblikket blot fortalt Photoshop, at vi ønsker at styre størrelsen på vores pensel i henhold til pennetryk, men hvad nu, hvis du faktisk ikke har en pennetavle? Hvis du ikke har en sådan tilsluttet din computer, vil du se et lille advarselsikon vises til venstre for ordet “Control”, der fortæller dig, at der kræves en pennetavle, men det skal du ikke bekymre dig om. Om lidt vil vi bede Photoshop om at simulere pennetryk for os, så for denne effekt gør det ingen forskel, om du har en pennetavle eller ej.

Trin 9: Indstil din forgrundsfarve til hvid

Vi har vores pensel klar til brug. Nu skal vi bare vælge den farve, vi vil male med. Vi vil gerne male med hvid, hvilket betyder, at vi skal bruge vores Foreground color til at være hvid. Tryk på bogstavet D på dit tastatur for at sikre, at dine Forgrunds- og Baggrundsfarver er nulstillet til deres standardindstillinger, med sort som din Forgrundsfarve og hvid som din Baggrundsfarve. Tryk derefter på bogstavet X for at bytte om på dem, så hvid bliver din forgrundsfarve:

Forgrunds- og baggrundsfarveskalaerne i værktøjspaletten. Hvid er nu forgrundsfarven.

Trin 10: Gem din sti

Vi har vores sti, vi har vores pensel, og vi har indstillet vores Forgrundsfarve til hvid. Vi er klar til at skabe vores første lysstribe! Skift over til Photoshop-paletten Paths (stier), som du finder grupperet sammen med paletterne Layers (lag) og Channels (kanaler). Du vil se din sti opført, som i øjeblikket hedder “Work Path”, sammen med en forhåndsvisning af stien til venstre, svarende til hvordan lag vises i paletten Layers med deres navn til højre og et forhåndsvisningsområde til venstre. Hver gang du opretter en ny sti, navngiver Photoshop den automatisk “Work Path”, hvilket betyder, at den er midlertidig. Hvis du ikke gemmer stien, før du tegner en ny, vil den nye sti erstatte den tidligere, og du har mistet den. I mange tilfælde er det ikke noget problem, men lad os gemme vores sti, hvis vi nu skulle ønske at vende tilbage til den senere.

For at gemme en sti skal vi blot omdøbe den. Du skal blot dobbeltklikke på navnet “Work Path”, og Photoshop vil få dialogboksen Save Path frem, hvor det foreslåede navn “Path 1” allerede er indtastet for dig. Klik på OK for at forlade dialogboksen, og Photoshop omdøber stien til “Path 1”. Stien er nu gemt:

Paletten Paths viser stien, der nu er gemt og omdøbt til “Path 1”.

Trin 11: Stryg stien med penslen

Lad os skabe vores første lysstribe. Klik på den lille pil, der peger mod højre, i øverste højre hjørne af paletten Paths, hvilket får vist palettens udflyttermenu Paths, og vælg derefter Stroke Path fra listen over muligheder:

Vælg “Stroke Path” fra udflyttermenuen.

Dette får vist dialogboksen Stroke Path. Vi ønsker at stryge stien med vores pensel, så sørg for, at værktøjsindstillingen er indstillet til Pensel. Hvis du vil bede Photoshop om at simulere pennetryk for os, skal du klikke i afkrydsningsfeltet til venstre for ordene Simulér tryk:

Sæt indstillingen “Værktøj” til “Pensel”, og sørg for, at “Simulér tryk” er valgt.

Klik på OK for at forlade dialogboksen, og Photoshop vil stryge stien med penslen og skabe vores første lysstribe. Bemærk, hvordan penselstrøget aftager i begge ender takket være indstillingen “Simuler tryk”:

Billedet efter at have strøget stien med penslen.

Hvis du synes, at dit penselstrøg er enten for tykt eller for smalt, skal du blot trykke på Ctrl-Z (Win) / Command-Z (Mac) for at fortryde strøget, og derefter gøre din pensel større eller mindre ved at trykke på enten venstre eller højre parentes på dit tastatur. Venstre parentes-tasten gør penslen mindre, og højre parentes-tasten gør den større. Prøv igen, når du har ændret størrelsen på din pensel.

Vi har tilføjet vores første lysstribe, men den ligner ikke meget en lysstribe i øjeblikket. Det ligner en fin hvid penselstrøg, og det er præcis, hvad det er. For at få det til at ligne en lysstribe mere, skal vi tilføje noget farve og nogle glødeffekter, og til det bruger vi et par enkle lagtyper.

Trin 12: Tilføj en “Outer Glow”-lagtype

Gå tilbage til din lagpalet. Du vil se din hvide penselstrøg i forhåndsvisningsområdet for “Layer 1”. Klik på ikonet Lagtyper nederst i Lagpaletten, og vælg Outer Glow fra listen over lagtyper, der vises:

Føj en lagtype “Outer Glow” til lagtypen i Lagpaletten.

Dette bringer Photoshop’s dialogboks Lagtyper frem, der er indstillet til indstillingerne Outer Glow i den midterste kolonne. Skift blandingstilstand øverst til Lineært lys, hvilket vil give os en meget mere intens glød end det, vi normalt ville få. Vælg derefter en farve til din glød ved at klikke på den lille farveskala direkte under ordet “Noise” (støj). Dette vil få Photoshop’s farvevælger frem. Du kan enten vælge din farve fra farvevælgeren, eller hvis du foretrækker det, kan du prøve en farve direkte fra billedet. For at prøve en farve skal du blot flytte musemarkøren hen over billedet. Du vil se, at dit musesymbol bliver til ikonet for en pipette. Flyt pipetten over den farve, du ønsker at prøveudtage, og klik derefter på for at prøveudtage den. Jeg vil prøve et lyst område af kvindens hud for at bruge det som min ydre glødfarve:

Sampling af en farve fra billedet for at bruge den som farve til den ydre glød.

Når du har valgt din farve, skal du klikke på OK for at forlade farvevælgeren. Til sidst skal du øge størrelsen af den ydre glød til et sted omkring 30 pixels. Det kan være nødvendigt at hæve eller sænke dette beløb afhængigt af størrelsen og opløsningen af dit billede:

Ændre blandingstilstand, farve og størrelse for den ydre glød.

Lad være med at forlade dialogboksen Lagstype endnu, for vi har stadig en lagstype mere at tilføje. Sådan ser min lysstribe indtil videre ud, efter at jeg har tilføjet min ydre glød:

Billedet efter at have tilføjet en ydre glød til lysstriben.

Trin 13: Tilføj en lagstyle med “indre glød”

Vi har tilføjet en lagstyle med ydre glød til vores lysstribe. Lad os nu tilføje en stil til indre glød. Når dialogboksen Lagstyle stadig er åben, skal du klikke på ordene Inner Glow til venstre i dialogboksen, lige under “Outer Glow”:

Vælg “Inner Glow” til venstre i dialogboksen Lagstyle.

Du vil se indstillingerne for Inner Glow blive vist i den midterste kolonne i dialogboksen. Endnu en gang ændrer du indstillingen Blend Mode øverst til Linear Light (Lineært lys). Klik derefter på farveskalaen under ordet “Noise” (støj), og vælg enten en farve fra farvevælgeren eller, som jeg gjorde med den ydre glød, udtag en farve direkte fra billedet. Jeg vil prøve et mørkere område af kvindens hud til min farve til den indre glød:

Sampling af en mørkere hudfarve til brug som farve til den indre glød.

Når du har valgt farven til din indre glød, skal du klikke på OK for at forlade farvevælgeren. Til sidst skal du øge størrelsen af din indre glød til ca. 10 pixel. Som med den ydre glød skal du måske lege lidt med denne værdi afhængigt af størrelsen og opløsningen af dit billede:

Ændre blandingstilstand, farve og størrelse for den indre glød.

Klik på OK, når du er færdig, for at forlade dialogboksen Lagstil. Din lysstribe skulle nu have en intens glød:

Lysstriben fremstår nu med en lys, farverig glød.

Den tynde mørke linje, som vi kan se midt i vores lysstribe, er stien. Bare rolig, den vil ikke være der, når vi er færdige.

Trin 14: Rediger stien for at skabe en lille variation af den

Lad os gøre vores lysstribe en smule mere interessant ved at tilføje et par flere striber til den. Det kan vi nemt gøre ved blot at redigere vores sti for at skabe nogle små variationer af den og derefter stryge over hver variation med vores pensel. Skift tilbage til din Paths-palette, så vi kan redigere vores sti. Hold derefter Ctrl (Win) / Command (Mac) tasten nede og flyt musemarkøren direkte over en hvilken som helst del af stien. Så snart den er over stien, vil du se markøren blive til en hvid markør, hvilket betyder, at du nu har midlertidig adgang til Photoshop’s Direct Selection Tool, som er det værktøj, vi skal bruge for at redigere vores sti:

Hold “Ctrl” (Win) / “Command” (Mac) nede, og flyt musemarkøren direkte over stien for at få midlertidig adgang til Direct Selection Tool (hvid markør).

Klik på stien med Direct Selection Tool for at markere den, og lav derefter nogle mindre justeringer på stien for at skabe en lidt anderledes sti. Du kan trække et ankerpunkt til et lidt anderledes sted, eller flytte retningshåndtag for at justere banens kurver eller endda trække et banesegment til en lidt anderledes position. Du må bare ikke røre ved ankerpunkterne i begge ender af stien, da vi ønsker, at hver variation, vi opretter, skal begynde og slutte nøjagtig samme sted. Så bortset fra disse to ankerpunkter kan resten af stien redigeres som du vil. Vi er ikke ude efter større ændringer af stien. Små, subtile ændringer er alt, hvad vi har brug for.

Her har jeg ændret de to hovedkurver i min sti en smule ved at trække i de to retningshåndtag, der strækker sig ud fra mit midterste ankerpunkt. Du kan se, hvordan kurverne på stien ikke længere passer nøjagtigt til kurven på den første lysstribe:

Skab en lille variation af den oprindelige sti ved at flytte ankerpunkter, retningshåndtag eller sti-segmenter.

Vi kan nu stryge denne variation af stien med vores pensel. Men før vi gør det, vil vi sandsynligvis bruge en lidt mindre pensel denne gang, så tryk på venstre parentes-tasten på tastaturet et par gange for at gøre penslen lidt mindre.

For at stryge over variationen af vores sti er der ingen grund til at gå igennem besværet med at vælge “Stroke Path” (Stryg sti) fra sti-palettens fly-out-menu, som vi gjorde sidste gang. Du skal blot klikke på ikonet “Stryk sti” nederst i paletten Stier:

Klik på ikonet “Stryk sti” nederst i paletten Stier.

Photoshop stryger den nye sti, vi har oprettet med vores pensel. Da vi stadig arbejder på det samme lag i paletten Lag-paletten, anvendes lag stilene Outer Glow og Inner Glow automatisk på vores nye lysstribe:

Den nye sti er nu blevet strøget med penslen, og lagtyperne er automatisk anvendt på den.

Trin 15: Opret et par flere stivariationer, og stryg dem med penslen

Gentag det foregående trin en eller to gange mere for at oprette flere variationer af stien, og stryg dem hver især med penslen. Prøv at ændre penselstørrelsen hver gang ved hjælp af venstre og højre parentes-tasterne for at tilføje endnu mere interesse til lysstriben. Hvis du ikke kan lide det penselstrøg, du lige har tilføjet, skal du blot trykke på Ctrl+Z (Win) / Command+Z (Mac) for at fortryde det, og derefter redigere stien igen og prøve igen.

Hvis du vil se, hvordan din lysstribe ser ud uden at stien blokerer dit udsyn, skal du blot klikke et vilkårligt sted i det tomme område under stien i paletten Paths (stier). Dette vil fjerne markeringen af stien og skjule den fra visningen. Hvis du vil se stien igen, skal du klikke på den i paletten Paths (stier) for at se den igen. Du skal have stien synlig, hver gang du vil stryge over den med penslen. Hvis stien ikke er synlig, bliver ikonerne nederst i paletten Paths gråtonet og utilgængelige.

Her er mit billede efter at have redigeret min sti et par gange mere og strøget hver ny stivariant med penslen. Igen, da vi stadig arbejder på det samme lag, “Layer 1”, i paletten Layers, anvendes lag stilene Outer Glow og Inner Glow automatisk på hvert nyt penselstrøg. Jeg har skjult min sti fra visningen, så vi lettere kan se, hvordan lysstriben nu ser ud med alle dens forskellige variationer:

Den første lysstribe efter at have tilføjet et par variationer til den.

Trin 16: Kopier lagtyperne på “Layer 1”

Og dermed har vi skabt vores første lysstribe! Du vil sandsynligvis ønske at tilføje mindst én mere til dit foto, og det er en god idé at placere hver lysstribe på sit eget lag, men vi kan skære ned på noget af det arbejde, vi skal gøre, ved at kopiere de lagformater, som vi allerede har anvendt på vores første lysstribe, og blot indsætte dem på hvert nyt lag, vi opretter. Skift tilbage til din Layers-palette. Du bør stadig have “Layer 1” valgt. Gå op til menuen Layer øverst på skærmen, vælg Layer Style, og vælg derefter Copy Layer Style:

Med “Layer 1” valgt skal du gå til Layer > Layer Style > Copy Layer Style.

Trin 17: Tilføj et nyt tomt lag

Klik på ikonet New Layer nederst på Layers-paletten for at tilføje endnu et tomt lag. Photoshop tilføjer det nye lag over “Lag 1” og navngiver det automatisk “Lag 2”:

Føj et nyt tomt lag over “Lag 1”.

Trin 18: Indsæt lagtyperne på det nye lag

Med det nye lag markeret skal du gå tilbage til menuen Layer øverst på skærmen, vælge Layer Style endnu en gang, og denne gang skal du vælge Paste Layer Style:

Gå til Layer > Layer Style > Paste Layer Style.

Stilene Outer Glow og Inner Glow fra “Layer 1” er nu tilføjet til “Layer 2” og vil automatisk blive anvendt på den næste lysstribe, vi opretter!

Trin 19: Tilføj endnu en lysstribe

Med et nyt lag tilføjet og lagstilene fra “Layer 1” allerede anvendt på det nye lag, kan vi nemt oprette en anden lysstribe. Du skal blot tegne en ny sti med penværktøjet, gemme stien, hvis du vil, ved at omdøbe den til “Sti 2” (eller hvad du nu vil kalde den), og derefter stryge stien med penslen. Når du har skabt den primære lysstribe, skal du holde Ctrl (Win) / Command (Mac) nede for at få adgang til værktøjet Direkte udvælgelse og redigere stien ved at flytte ankerpunkter, retningshåndtag og/eller sti-segmenter for at skabe et par små variationer af den, og derefter stryge over hver variation med penslen, idet du bruger en anden penselstørrelse hver gang.

Her er mit resultat efter at have tilføjet en anden lysstribe til mit foto:

Billedet efter at have tilføjet en anden lysstribe.

Hvis du ikke ønsker, at begge lysstriber skal have den samme farve, kan du nemt ændre farverne ved blot at redigere lagtyperne. Lad os sige, at jeg ønsker, at min anden lysstribe skal have en anden farve. For at redigere lagtyperne skal jeg blot dobbeltklikke på ikonet Lagstil yderst til højre for “Lag 2”:

Dobbeltklik på ikonet Lagstil for at redigere lagtyperne for det pågældende lag.

Derved åbnes dialogboksen Lagstil for mig. Det eneste, jeg skal gøre, er at klikke på ordene Outer Glow i venstre side af dialogboksen, hvilket bringer indstillingerne for Outer Glow frem i den midterste kolonne, hvorefter jeg skal klikke på farveprøven og vælge en ny farve enten fra farvevælgeren eller ved at udtage en anden farve fra billedet. Klik på OK for at komme ud af farvevælgeren, og klik derefter på ordene Inner Glow til venstre for at få adgang til indstillingerne for Inner Glow. Klik på farveprøven, vælg en ny farve, klik på OK for at forlade farvevælgeren, og klik derefter på OK for at forlade dialogboksen Lagstil. Du kan redigere farverne på lysstriberne når som helst ved blot at redigere lagstilerne.

Her er mit endelige resultat efter at have redigeret lagstilerne på “Lag 2” og ændret farven på min anden lysstribe en smule ved hjælp af farver, som jeg har taget prøver fra kvindens hår:

Det endelige resultat.

Og der har vi det! Sådan kan du tilføje farverige lysstriber til et billede med Photoshop! Besøg vores Fotoeffekter-sektion for at få flere Photoshop-effektvejledninger!

Få alle vores Photoshop-vejledninger som PDF-filer! Download dem i dag!

Skriv et svar

Din e-mailadresse vil ikke blive publiceret.