Hur man målar färgglada animationskonst i Photoshop

Sep 12, 2025

Hur

Under den här Photoshop-handledningen går jag över flera viktiga koncept som jag använder som illustratör. Jag pratar om grova koncept, ren linje arbete, färg, ljus och skugga, och några av de fallgropar som människor (inklusive mig själv) tenderar att falla i medan de arbetar genom en illustration.

Jag ska använda Photoshop för att ta dig steg-för-steg genom processen och prata om några av de verktyg som programmet har och hur de olika egenskaperna kan vara till hjälp.

Du kan också kolla in vår ta på de nya funktionerna Photoshop cc har att erbjuda i vår omfattande översyn av den senaste uppdateringen.

Få Adobe Creative Cloud

Klicka på ikonen längst upp till höger på bilden för att förstora den.

01. Skissa ett grovt koncept

Three early composition sketches — Tidiga skisser hjälper till att fastställa tonen i kompositionen

Varje bra ritning börjar med en solid grund. Generera miniatyrbilder och arbeta genom olika begrepp hjälper mig snabbt att rensa mitt sinne och hitta den bästa möjliga lösningen på alla uppdrag jag ges.

(Pröva dessa 20 Top Character Design Tips och Hur man skapar nya karaktärsdesign i Photoshop handledning för att komma igång).

02. Producera en raffinerad skiss

Rough sketch of girl with panda — Fokusera på den större bilden innan du blir specifik

Efter att jag har bestämt vilken riktning jag vill gå in, dyker jag in i detaljerna. Jag jobbar med ett separat lager från det jag har gjort tidigare, och jag försöker jobba - så gott jag kan - från stor till liten. Stora former till små former, allmänna idéer till detaljer. På det sättet tycker jag inte att jag ägnar mig för mycket tid till en svag ritning.

03. Ta med rena linjer

Girl with panda in ink — Inking behöver inte hålla sig strängt till riktlinjerna

Inking är en process som jag njuter. Jag försöker mitt bästa för att hålla linjen att känna sig fräsch genom att undvika fällan att spåra skissen under. Genom att göra ett medvetet försök att få det att känna att jag drar det här för första gången, kan jag behålla det liv som är inneboende i skissen. Jag använder skissen som en guide, men inte som en krycka.

04. Loga i plana färger

Girl with panda in colour — Plana färger är ett bra tillfälle att göra en harmonisk komposition

På ett lager under ren linje, lägger jag ner plana färger utan att tänka för mycket om formen. Detta är praktiskt när jag vill justera färgerna eller värdena separerade från varandra. Det är viktigt för mig att alla färger är harmoniska innan ljus och skuggan kommer in i ekvationen. Även om en ljuskälla kan hjälpa till att harmonisera en kombination av färger, finner jag att skapa en harmonisk färgpalett till att börja med gör mig till en bättre konstnär.

En kort lektion på färgteori

05. Kopiera och lås ett lager

I detta skede skapar jag ett annat lager som är identiskt med färgskiktet genom att dra mitt nuvarande färglager ner till den nya lagikonet längst ner på lagmenyn. Detta kan också göras genom att gå till Layer & GT; Duplikat lager. Jag låser sedan skiktets genomskinlighet genom att klicka på ikonen Chequerboard högst upp på lagmenyn.

06. Fyll med grå

Girl with panda in grey — Ett grått lager är användbart för att göra skuggor

När jag har två identiska färglager fyller jag den på toppen med ett medelvärde. Eftersom transparensen har låsats på skiktet fyller den gråa pixlarna som är ogenomskinliga, vilket ger mig en grå version av vad jag redan har målat. Detta är till nytta i nästa steg.

07. Skapa skuggor över siffrorna

Girl with panda in white, next to girl with panda in grey — Det grå lagret låter dig fokusera på formuläret

Jag duplicerar mitt färglager igen och fyller det den här gången med vitt, då ändrar jag lagret för att multiplicera. Multiplicy Layer-läget mörkar alla skikten under det. Vit visas inte på ett multiplicerat lager, men vilket värde som helst mörkare än vitt gör. Så här skapar jag mina skuggor separerade från mina färger. Det gråskiktet över färgskiktet gör det möjligt för mig att tänka rent om form utan distraktion av färgerna.

08. Skapa höjdpunkter med hjälp av skärmskikt

Girl with panda in black next to girl with panda in grey — Höjdpunkter skapas på ett liknande sätt som skuggorna i föregående steg

Jag skapar på samma sätt som skuggorna, utan istället för att använda ett multiplicerat lager, skapar jag ett dubblettskikt och ställer in det i skärmläge. Skärmsläget gör exakt motsatsen till multiplikalskiktet. Något lättare än svart kommer att lätta några värden på lager som är under det.

09. Tänk på ytor

Bild 1 av 3

Different surfaces have unique reactions to light — Olika ytor har unika reaktioner på ljuset

Bild 2 av 3

The panda's fur diffuses the light — Pandas päls diffunderar ljuset

Bild 3 av 3

The silk dress reflects the light — Silkklänningen återspeglar ljuset

När jag överväger höjdpunkterna och skuggorna i denna bit, tänker jag också på hur ljuset reagerar på de olika ytorna. Silkklänningen har de starkaste höjdpunkterna och skarpa skuggor, medan pälsen av panda diffunderar ljuset så att höjdpunkterna och skuggorna är mycket mjukare.

10. Skapa mönster

Chinese textile pattern — Ett traditionellt kinesiskt textilmönster hjälper till att bryta upp texturerna

Vid denna tidning lider illustrationen av brist på visuell konsistens. Flickans hår ger lite paus från de fasta blocken av färg, men inte tillräckligt. Så jag designar mönster för att lägga till flickans kläder, baserat på vad jag har sett av traditionella kinesiska textilier.

11. Forma mönstret till formuläret

För mig ska den svåraste delen av att designa kostymera mönster eller grafik som behöver linda runt vikar och veck i tyg. Lyckligtvis har Photoshop det mycket praktiska varpverktyget. För att använda verktyget gör jag ett urval och slår sedan ( Cmd + t ) och högerklicka och välj Varp i rullgardinsmenyn. Alternativt kan du gå till Redigera och GT; Transform & GT; Varp. Genom att dra ditt val runt kan du anpassa det till alla slags former. Vanligtvis gör jag val baserat på var det finns raster eller veck i tyget.

12. Skapa en bakgrund

Girl with panda on bamboo background — En enkel grön bakgrund ger hela kompositionen tillsammans

Miljöer är min minst favorit sak att göra.Det är främst för att jag inte är som praktiserad med dem och jag är inte så bekväm att skapa dem som jag är med andra saker.I det här fallet är bakgrunden välsignat enkel och den gröna i det är lätt att ta fram i karaktärerna för att hjälpa till att harmonisera hela bilden.

Denna artikel publicerades ursprungligen i fråga 154 av Imaginefx , världens bästsäljande tidning för digitala konstnärer. Prenumerera på Imaginefx .

Relaterade artiklar:

De 61 bästa gratis Photoshop-borstarna
De bästa teckningstabletterna just nu
Oscar film affischer Få en popkonst makeover

Hur man målar färgglada animationskonst i Photoshop

01. Skissa ett grovt koncept

02. Producera en raffinerad skiss

03. Ta med rena linjer

04. Loga i plana färger

05. Kopiera och lås ett lager

06. Fyll med grå

07. Skapa skuggor över siffrorna

08. Skapa höjdpunkter med hjälp av skärmskikt

09. Tänk på ytor

10. Skapa mönster

11. Forma mönstret till formuläret

12. Skapa en bakgrund

Hur - Mest populära artiklar

Hur man vänder ett lager i Photoshop: En komplett guide

Hur man använder reagera våren för att animera komponenter

Kom igång med Redux Thunk

5 Heta nya CSS-funktioner och hur man använder dem

Hur man målar en traditionell brittisk byplats

Hur man skulpterar i Cinema 4D

Måla ett porträtt i oljor

Master User Experience Strategy

Kategorier