Opret stilrammer i Photoshop

Sep 14, 2025

hvordan

Side 1 af 2:

Side 1

Side 1
Side 2.

En stilramme er et øjebliksbillede af en færdig ramme, da det ville se inden for en længere animation. Det sigter mod at fange det overordnede udseende og føles af en animeret eller live action video, men i et stillbillede.

Stilrammer kan hjælpe med at fange farver, medier, teksturer, fotografering og aktiver, som du planlægger at bruge i din video. Viser en klient Både en storyboard og stilrammer er en glimrende måde at sikre, at begge er på samme side for, hvad de kan forvente med projektet.

Master kunsten af storyboarding

These examples are very different, but all do a great job of communicating what the final piece will look like [click the icon to enlarge the image] — Disse eksempler er meget forskellige, men alle gør et godt stykke arbejde med at kommunikere, hvad det endelige stykke vil se ud [Klik på ikonet for at forstørre billedet]

Du kan se i eksemplerne ovenfor, at stilrammer ikke viser hver ramme af videoen, som et storyboard ville.

Lad os komme ind i det, der kræves for at skabe stilrammer i Photoshop. Vi fokuserer på nogle af de vigtigste teknikker, du har brug for at vide for at gøre multi-photo composites alle føler, at de er en del af det samme stykke arbejde.

For denne vejledning bruger vi et eksempel på en titelsekvens, der forud for et nyt tv-show. Dette show har temaer af mysterium, forudforståede forestillinger om klassen, og det er baseret i nærheden af havet.

5 bedste bærbare computere til Photoshop

01. Start med et enkelt billede

This image will be our starting point. Click the image to download it — Dette billede vil være vores udgangspunkt. Klik på billedet for at downloade det

Lad os først tage et kig på stjernen på vores show. Billedet ovenfor vil være vores udgangspunkt, og jeg har mange planer for det. Jeg vil isolere vores helt fra baggrunden, indpakke nogle neonlys løkker rundt om hende og integrere dem ved at justere belysningen.

02. Skær ud af figuren

Start by quickly selecting the rough silhouette [click the icon to enlarge the image] — Start med hurtigt at vælge den ru silhuet [Klik på ikonet for at forstørre billedet]

Start med at bruge værktøjet hurtigvalg for at få det meste af figurens silhuet. Klik på knappen Vælg og Mask øverst, og en egenskabsdialog vises. Sørg for, at din visning er indstillet til løghud og sluk for gennemsigtighedsskyderen ned, så du kan se det område, du allerede har maskeret ud.

03. Fokus på håret

Lad os nu håndtere de spredte hår. Det ville have været vanskeligt at skære disse ud ved kun at bruge Refine Selection Tools, men Photoshop CC 2017. 's nye udvalgte og maskefunktionalitet gør tingene meget enklere, selv i betragtning af de lave lysforhold i vores billede.

Tag fat i Refine Edge Brush Tool og begynde at male det over disse hår. Nu vrid gennemsigtigheden tilbage op til 100% for at se, hvor du skal bruge børsteværktøjet til at bringe alle områder tilbage, hvor du overdonerer det.

04. Afslut dit valg

Refine your selection until you're happy with the result [click the icon to enlarge] — Forfiner dit valg, indtil du er tilfreds med resultatet [klik på ikonet for at forstørre]

Gentag disse trin frem og tilbage, indtil du er tilfreds med hårvalget. På dette tidspunkt skal du øge din skiftkant bare lidt, såvel som kontrasten, og tilføj lidt fjerning (2px). Klik på OK. Klik på knappen Layer Mask for at begå dette valg til en maske.

05. Juster baggrunden

Tilføj nu en solid baggrund. Brug farvevælgeren til at matche en mørk skygge på figurens jakke. Du kan muligvis bemærke, at udvælgelsen ikke ser ud som perfekt nu, det er isoleret på en mørk baggrund - Bare rolig, vi dækker dette op med rustning.

06. Mal i nogle neonlys

The swirls should both overlap the figure’s head [click the icon to enlarge] — Swirls skal begge overlappe figurens hoved [klik på ikonet for at forstørre]

Før du kommer til enhver rustning, skal du tilføje disse neonlys. Vælg to farver fra den subtile solnedgang i den oprindelige baggrund: En blød lyserød og blå. Brug penværktøjet i form-tilstand, indstil fyldningen til ingen og slagtilfælde til en af dine farver. Indstil slagbredden til 26px.

Nu kan du have det sjovt - på to forskellige lag, tegne nogle lyserøde og blå neon hvirvler.

07. Tilføj en glød

A narrower, white strip creates the illusion that the lights are glowing [click the icon to enlarge] — En snævrere, hvid strimmel skaber illusionen, at lysene gløder [klik på ikonet for at forstørre]

Nu duplikere begge former, skift slagfarve til hvid og reducer slagbredden til 9px. Denne hvide stribe skal sidde midt i hver swirl - hvis du bemærker, at den ikke er opstillet korrekt, skal du vælge alle dine slagtilfælde og bruge rullemenuen Set Shape Specy for at vælge Center Alignment.

Skift fjeder af de bredere streger til 9px og fjederen af de smalle hvide til 5px. Hvis du føler, at effekten ikke er levende nok, skal du kopiere de farvede slagtilfælde og fjer dem på 6px.

Ryd op og gruppér alle disse ved at vælge dem og ramme knappen Opret gruppe. Endelig tilsæt en lagmaske til gruppen og male ud af lysene af lysene, der går bag figurens hoved.

08. Start Righting.

Use the neon shades to paint over the wispy hairs [click the icon to enlarge] — Brug neon nuanser til at male over de spredte hår [klik på ikonet for at forstørre]

For at begynde at stege, lav et par nye lag og begynde at male over de spredte hår ved hjælp af de lyserøde og blå farveprøver. Det skal se hårdt og skørt ud.

Konverter alle dine malede lag til smarte filtre og tilføj Gaussian blur. Du ønsker at sløre de største streger mest - for de mindre slagtilfælde, vil du måske endda vende opaciteten nedad.

09. Mask dine lag

Save time by reusing our mask from earlier [click the icon to enlarge] — Spar tid ved at genbruge vores maske fra tidligere [klik på ikonet for at forstørre]

Vi skal maskere disse lag, men i stedet for at lave en ny maske, kan vi simpelthen genbruge den, vi lavede før for baggrunden. Holde Alt. og klik på masken på det originale billede. Derefter hit cmd + A. at vælge alt, og cmd + C. at kopiere. Vælg hvert af de lag, du har malet på individuelt og tilføj lagmasker til dem. Alt + klik ind i hver af disse masker og hit cmd + V. at indsætte den kopierede originale maske.

10. Forfiner dit arbejde

Change the blend modes on your relighting layers [click the icon to enlarge] — Skift blandingstilstande på dine stygtige lag [klik på ikonet for at forstørre]

Gå ind på hver af disse masker og maling sort over nogen områder, du tror, har for meget farve. Du kan også bruge smudværktøjet på lysmalingssektionen for at tilføje nogle af det, der vinder tilbage i.

Skift blandingstilstandene for disse lag til noget som Lighten, skærm eller endda farve Dodge. Jeg tilføjede et andet lag frehand maleri på toppen af håret for at give det lidt mere dybde af farve. Sæt alle disse lag i en gruppe kaldet 'Relighting'.

11. Tilføj noget støv

Motion-blurred dust particles really bring the image together [click the icon to enlarge] — Motion-sløret støvpartikler medfører virkelig billedet sammen [klik på ikonet for at forstørre]

Nu for virkelig at trække det hele, vil jeg tilføje et lag oven på alt, der ligner noget motion-sløret støv ( Download dette billede fra Shutterstock ).

Placer billedet øverst på lagstakken og resize det, hvis det er nødvendigt, så det dækker hele lærredet. Skift sin blandingstilstand til skærmen. Tilføj et lysstyrke og kontrastjusteringslag og Alt + klik mellem justeringen og støvlaget til at klemme de to sammen, så støvlaget påvirker ikke andre lag. Reducer lysstyrken lidt og vinkekontrast.

Næste side: Tilføj to billeder til din stilramme og binde alle farverne sammen

Nuværende side: Side 1

Næste side Side 2.

Opret stilrammer i Photoshop

01. Start med et enkelt billede

02. Skær ud af figuren

03. Fokus på håret

04. Afslut dit valg

05. Juster baggrunden

06. Mal i nogle neonlys

07. Tilføj en glød

08. Start Righting.

09. Mask dine lag

10. Forfiner dit arbejde

11. Tilføj noget støv

hvordan - Mest populære artikler

Figur tegning: En nybegyndervejledning

Kom godt i gang med Adobe Dimension CC

10 tips til hård overflademodellering

Simuler en spøgelsesraner transformation

Stitch og Composit 360 optagelser

Mock Up AR Grafik med After Effects

Lav en typografisk plakat ved hjælp af Adobe InDesign

Sådan får du din Zbrush-model til Maya

Kategorier