Gå med i EU.LuckyTemplates för att lära dig stegen för att förvandla vanliga foton till iögonfallande illustrationer med ljuseffekter och färgkorrigering i Adobe Photoshop CS6, inklusive PSD-filer i lager.
Börja med att skapa ett nytt dokument ( Ctrl+N ) i Adobe Photoshop CS6 med måtten 1000 x 1500px (RGB-färgläge) med en upplösning på 72 pixlar/tum . Använd verktyget Paint Bucket (G) för att fylla det nya bakgrundslagret med färg #030221 .

Hitta bilder i arkivet. Artikeln väljer en bild på en dansare som poserar i en studio, tagen från Shutterstock.
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Radera bakgrunden med dina favoritverktyg som pennverktyget (P) , Magic Wand Tool (W) , Magnetic Lasso (L) , även med ett enkelt Filter > Extrahera och infoga det i ett nytt lager i huvuddokumentet.
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Nu ska vi skapa ett lager under dansarbilden. Klicka på Penselverktyget (B) och välj en pensel med fin linje med färg #65b0c9 , ställ in Opaciteten till 40 % i alternativfältet och fyll sedan i bakgrundsfärgen som visas nedan. Ställ in blandningsläget för detta lager till Linear Dodge .
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Öppna sedan ett nytt lager och applicera samma penselstil med samma färg för att fylla bakgrunden. Ställ in blandningsläget för detta lager till Color Dodge .
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Öppna Adobe Illustrator och skapa en ny fil med måtten 1000 x 1500px. Rita sedan en blå rektangel med hjälp av rektangelverktyget (M) .
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Med hjälp av Ellipsverktyget ritar artikeln två ellipser.
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Den större ellipsen kommer att ha en Stroke på -1pt , den mindre kommer att ha -3pt .
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Den stora ellipsen kan justeras med hjälp av verktyget Konvertera ankarpunkt ( Shift+C ) som det visas i nästa bild.
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Välj båda ellipserna med markeringsverktyget (V) . Tryck på Shift- knappen .
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Använd nästa val på de markerade ellipserna: Objekt > Blandning > Blandningsalternativ . Ställ in specificerade steg till 20 .
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Tryck på följande tangentkombination Ctrl+Alt+B och du kommer att ha 20 mellanliggande komponenter som visas nedan.
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Använd samma metoder ovan för att rita en cirkel, med färre mellanliggande kopior inuti, bara 10 angivna steg .
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Använd linjesegmentverktyget och skapa 3 linjer markerade i rött, med Stroke – 3pt och Specificerade steg – 25 . Du kommer att ha följande bild:
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Välj rektangelverktyget (M) .
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Rita nu två parallella former med specificerade steg – 12 .
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Vi kommer att ha en form som består av trianglar genom att använda markeringsverktyget (V) och trycka på Ctrl+C för att kopiera dessa linjer. Öppna Adobe Photoshop och klicka på filen > klicka på Ctrl+V för att klistra in raderna som smart objekt i huvuddokumentet. Ställ in blandningsläget för detta lager till Mjukt ljus . Duplicera det lagret med Ctrl+J och vänd kopian horisontellt med kommandot Free Transform (Ctrl+T) . Placera det här lagret under dansarfotolagret, du får följande resultat:
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Skapa nu en kopia av ett av de skapade lagren och välj Free Transform (Ctrl+T) för att få resultatet som visas nedan:
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Välj Eraser Tool (E) och jämna ut kanterna på det senast skapade lagret.
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Placerad under ett annat lager bearbetar det först på samma sätt.
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Kombinera alla lager som innehåller linjer till samma grupp (tryck på Ctrl- knappen för att välja de nödvändiga lagren och håll nere vänster musknapp medan du drar de markerade lagren på ikonen Skapa en ny grupp från den nedre delen av panelen Lager ).
Använd en vektormask på den här nya gruppen och välj penselverktyget (B) för att dölja linjerna på överlägget på samma sätt så får vi följande bild:
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Lägg till några rader längst upp som visas nedan:
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Skapa ett nytt lager och välj den mjuka runda borsten med vit färg. Ställ in Flöde till 20 % i alternativfältet för att skapa en glanseffekt. Ställ in överlägg för detta lager i blandningsläge .
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Skapa ytterligare ett nytt lager och lägg till några streck som visas nedan med samma penselstil. Ställ in Normal för detta lager i blandningsläge .
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Använd en pensel på ett nytt lager och lägg till en lila glödeffekt (färgkod #9265C9 ) .
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Skapa ett nytt lager och applicera samma penselstil och färg som ovan men den här gången skapa en större glödeffekt längs kanterna som visas nedan. Ställ in Mjukt ljus för detta lager i blandningsläge.
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Gå tillbaka till Illustrator, markera cirklarna och tryck på Ctrl+C . Gå tillbaka till Adobe Photoshop och tryck på Ctrl+V för att klistra in som smart objekt . Ställ in Hårt ljus för blandningsläge.
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Gör sedan en kopia av denna stora cirkel:
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Dölj det från kanterna med hjälp av Eraser Tool .
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Infoga rektanglarna som skapats i Illustrator och förvräng dem på liknande sätt som visas nedan med kommandot Free Transform ( Ctrl +T ) .
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Dölj det med hjälp av Eraser- verktyget .
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Klicka på ikonen Lägg till ett lagerstil i den nedre delen av panelen Lager och välj Yttre glöd .
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Det rektangulära lagret kommer att vara ljust:
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Gör en kopia av detta lager och flytta det till horisontellt läge.
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Skapa nu en skugga på det nya lagret med Soft Round -borsten med Flow – 10% och lägg in ett självlysande lager på modellens axelparti.
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Skapa ett nytt lager, använd Paint Bucket Tool (G) för att fylla lagret med färgkod #5F2D50 . Ställ in Fyll på 60 % för detta lager och ändra färg till blandningsläge .
Håll ned Alt (Windows) eller Option (MacOS) -tangenten och klicka mellan det nya lagret med färgen på och lagret som innehåller mönstret i panelen Lager för att skapa en urklippsmask . Färgen kommer endast att appliceras på provlagret.
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Klicka på Skapa nytt fyllnings- eller justeringslager under panelen Lager > klicka på Kurvor för att justera kurvan för att ändra färgen något.
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Det ursprungliga malllagret kommer att kontrasteras mer mot denna förändring, vilket resulterar i:
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Nu måste vi göra botten av modellens ben mörkare genom att skapa ett nytt lager och kombinera det med modellen. Använd en mjuk rund borste med Flow - 10% och svart färg. Jämna ut modellens ben upp till knäområdet.
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Upprepa stegen ovan men välj den här gången den blå färgen #4164AA och justera nyansen på modellens hår, armar och höfter.
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Skapa nu ljuseffekten genom att öppna ett nytt lager och kombinera det med mönstret. Välj det efter att du har använt en vit borste och gör konturerna ljusare som visas nedan.
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Skapa ett nytt lager och fyll det med färgen #61BFBB . Ställ in Fill till 80 % för detta lager och ändra blandningsläget till Soft Light .
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Skapa ett lager och fyll det med färgen #ff6b00 . Ställ in Fyll på 14 % för detta lager och ändra blandningsläget till Färg .
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Skapa ett nytt lager, använd Soft Round för att måla dukens kanter med svart, Flow - 10 % .
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Klicka på Skapa nytt fyllnings- eller justeringslager längst ned på panelen Lager och klicka på Kurvor för att justera kurvformen som visas nedan för en liten färgkorrigering. Lägg till en överlagring (mask) på detta lager och tryck på Ctrl+I för att invertera färgen på överlägget.
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Välj nu den vita penseln och fyll justeringslagermasken med färg. Vid denna tidpunkt kommer vi att måla huvudområdet, den övre vänstra kanten och den lägsta högra kanten kommer att ha följande kontrasteffekt:
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Använd sedan en anpassad borste, välj Hård rund , gå till panelen Penslar (F5), välj Brush Tip Shape . Klicka och dra valfritt skjutreglage för att ändra storlek och mellanrum . Förhandsgranskningsfönstret visar de ändrade penseldragen.
Gå till Shape Dynamics och använd följande inställningar:
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Tillämpa överföring :
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Använd den anpassade penseln för att rita cirklar i frihandsritningsläge (penselflöde - 80 %) på det nya lagret. Ställ in blandningsläget för detta lager till Overlay .
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Skapa ett nytt lager och välj en mjuk rund borste med Flow - 30 % för ett ljusare utpekat område. Ställ in överlägg för detta lagers blandningsläge.
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Klicka på Skapa nytt fyllnings- eller justeringslager under panelen Lager och klicka på Exponering för att justera färgen genom att utföra beräkningar i linjär färgrymd. Ställ in nästa värden för Exponering , Offset och Gamma .
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Tryck på Ctrl+Skift+E för att slå samman alla lager till ett . Använd det här lagret på nästa filter: Filter > Skärpa > Oskarp mask .
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()
Det är gjort. Hoppas den här artikeln är användbar för dig!
![Hur man skapar digitala illustrationer i Adobe Photoshop CS6 Hur man skapar digitala illustrationer i Adobe Photoshop CS6]()