Share
Denna handledning kommer att fokusera på Photoshops möjligheter som ett återgivningsverktyg för att få dina vektorillustrationer till liv med rastereffekter. Med bara några färgtekniker, nämligen justeringslager, lagermasker och lagerformat; du kommer märka att processen kan bli ganska repetitiv vilket gör det till ett ganska intuitivt och effektivt arbetsflöde. Låt oss börja!
Öppna spacecadetBASE.psd från källkatalogen för din nedladdning. I det kommer du att upptäcka flera lagergrupper som har tagits in från Illustrator genom att helt enkelt kopiera och klistra in olika vektorelement en i taget i en tom Photoshop-fil. Den här filen ska bestå av följande:
Lägg till ett justeringslager direkt ovanför "cadet" -gruppen. Inställningsskiktmenyn finns längst ner på fliken "Lager". På fliken Justeringar klickar du på lutningsfältet för att få fram Gradient Editor. Välj "Blå, Röd, Gul" standardgradientkarta under förinställningarna.
Lägg till en annan lutningskarta ovanför gruppen "robotbakgrund". Låt oss byta namn på det här nya lutningsskiktet "Red Atmos". Gå till Gradient Editor och välj "Red, Green" standardkarta. Om din bild ser inverterad, växla de röda och gröna stoppen till motsatta ändar av spåret i Gradient-redigeraren. Dubbelklicka nu på det gröna stoppet och ändra det till mer av en mörkbrun (# 2f1900).
Välj "Highlights" -lagret under "Cadet" -gruppen. Applicera en lagmaske. Välj borstverktyget och ställ det till 0% Hårdhet med en diameter på 30px. Ställ in förgrundsfärgen till svart och börja dölja höjdpunkterna något som visas nedan. Du kan också justera "Opacity" och "Flow" -procenten av borsten för att styra styrkan. Slå också på "airbrush" -inställningen.
Låt oss försöka lägga till lite mer skugga på vår kadettfigur. Välj 'Layer 1 copy 4'. Gå till justeringslagermenyn och välj "Nivåer". Tryck på 'Cmd / Ctrl + Alt + G' för att klippa masken på kadettskiktet. Justera utmatningsutmatningsnivån till ca 127. Klicka på lagermasken och välj gradientverktyget. Med en linjär gradientinställning klickar + håll och dra från övre axeln till kadets nedre lår. Se till att svart är den främre nyansen, vit är bakgrunden i dina färger.
Lägg nu till ett andra justeringslager för nivåer, klipp maskera det och ändra inmatningsnivå för höjd till cirka 230.
Duplicera skiktet "höjdpunkter". Flytta den under original- och klippmaskan. 'Cmd / Ctrl + CLICK' på skiktet för att skapa de 'marschermyror' eller ett markeringsval. Gå till toppmenyn och välj Filter> Blur> Gaussian Blur. Ställ in radie till ca 4,4 eller så. Tryck Cmd / Ctrl + D för att avmarkera.
Duplicera det "red atmos" -justeringsskiktet du gjorde i steg 2 genom att klicka på det och trycka på Cmd / Ctrl + J. Flytta kopian ovanför "Highlights copy" -lagret och klipp masken det. Hittills har vi antagit att huvudljuskällan kommer från övre vänstra. Följ den logiken när du maskerar bort med en mjuk svart borste som gör vissa punkter lite ljusare.
Nu är det robotens tur. Välj robotlagret i gruppen (lager 2 kopia). Lägg till ett nivåjusteringslager, klippmask det (Cmd / Ctrl + Alt + G) och ställ in dess utmatningsnivå till 105. Mask bort med en mjuk borste i förhållande till riktningen för din ljuskälla. Gör ett andra nivåjusteringslager, klipp maskera det och ställ in det är markeringsinmatningsnivå till cirka 233 eller så.
Kopiera kadettskiktet (lager 1 kopia 4) och klistra in det inom robotargruppen. Byt namn på skuggskiktet och tryck på CTRL + L för att få fram ett nivåfönster. Ställ in det högsta utmatningsnivån till 0. Nästa, klipp masken och ställ in blandningsläge till "Överlagring" och sänka dess huvudsäkerhet till 60%.
Hitta och duplicera "röd atmos" -gradientkortskiktet och placera det ovanför skuggskiktet. Klämma maskera den och och använd en mjuk svart borste för att maskera bort enligt ursprunget till din ljuskälla som tidigare.
Välj den röda atmosfärskopia och duplicera den. Byt namn på skiktet "blå överlagring". Klipp maskera det och ändra det är stoppfärger i gradientredigeraren till mörkblå (# 1f03af) och ljusblå (# 02fffe). Skjut det mörkblå stoppet över banan till ca 15%.
Lägg till ett "Color Fill" Adjustment lager, gör det rött (# ff0000) och klipp maskera det. Välj nu skiktmasken och tryck Cmd / Ctrl + I för att invertera masken till svart. Med en mjuk vit borste börjar man avslöja några av de röda längs botten av roboten. Det här gör det visuellt att reagera på de effekter som vi nu lägger till i golvet i följande steg.
Välj panellagret och Cmd / Ctrl + klicka på det för att göra ett markeringsval. Välj gradientverktyget och ställ det till ett radialt gradientläge. Klicka på + håll i mitten av urvalet och dra utåt för att applicera det på golvet. Avmarkera lagret.
Duplicera "röd atmos" -gradientkartan och klipp masken till gridskiktet. Använd gradientverktyget för att applicera en radial gradientmaskering. Svart bör vara den centrala nyansen.
Låt oss nu tillämpa en glöd på gallret. Klicka på "fx" -menyn längst ner på lagfliken och välj yttre glöd. Kopiera de inställningar som visas nedan.
Applicera en inverterad lagermask till gallret (håll Alt + klicka på lagmaskalternativ). Ställ bakgrundsfärgen till vit och avslöja rutnätet med en mjuk suddgummi denna gång (om du vill använda borsten ställer du bara in förgrundsfärgen till vit). Du kan använda raderingsinställningarna som visas i bilden nedan. Kontrollera att airbrush-inställningen är på.
Lägg till ett klippmaskat nivåjusteringslager till "Layer 5" i gruppen "robotbakgrund". Ställ in utmatningsutmatningsnivån till 93. Du kan lätt maska bort vissa områden om du vill.
Skapa ett nytt lager i gruppen. Cmd / Ctrl + klicka på lager 5 för att skapa ett markeringsval. Välj markeringsverktyget och högerklicka. Välj Stroke och använd en bredd på 1.5px i mitten. Lägg till en yttre glöd med en gul (# fff145). Se till att din färg är vit. Använd inställningarna för Layer Style nedan.
Lägg nu till en lagmaske (Alt + klicka). Visa glödena som visas nedan med en mjuk vit borste.
Välj lag 6 i robotlagrets lager. Applicera en klippmaskad nivåjustering med en utmatningsnivå på cirka 40. Mask bort för att få lite ljus på objektet.
Låt oss nu återvända till vår kadett och börja tillämpa lite mer "flash" för hennes utseende. Gå till gruppen "glödande"> "cadetglows" undergrupp. Lägg till ett nytt lager och namnge det "röd kontur". Cmd / Ctrl + klicka på "lager 1 kopia 4" under "cadet" -gruppen för att göra ett markeringsval. Applicera en 2px slag i centrum i "röd kontur" lager.
Lägg till ett yttre glöd (# ff4242) och ett färgöverlägg (# ff7376) till stroke.
Applicera en inverterad lagermask och avslöja vissa områden med en mjuk vit borste eller suddgummi.
Unhide Layer 9. Applicera ett yttre glöd (# ff2099)
Upprepa steg 22
Duplicate Layer 9 (Cmd / Ctrl + J) upprepa steg 22. Detta är för att ytterligare accentuera vissa områden.
Ta bort lag 10 och gör ett duplikatlager (Cmd / Ctrl + J). Dölj dubbletten.
Välj lag 10 och använd ett yttre glöd (# ff3636) och ett färgöverlägg (# ff000c). Gör en inverterad lagermask och avslöja med en mjuk vit pensel längs kängans undersida.
Unhide "layer 10 copy" och lägg till ett yttre glöd (# ffbf36) och ett färgöverlägg (# feabf9)
Lägg till en skiktmaske och börja gömma bort på vissa områden med en mjuk svart suddgummi för att få materialet att se lite mindre platt ut.
På Layer 13, låt oss lägga till lite lagstil till det också. (yttre glöd: # ff15cb, färgöverlagring: #fffbbf). Applicera en inverterad lagermask och börja avslöja med en mjuk vit pensel.
På Layer 21 lägger du till ett yttre glöd och färgöverlägg (båda # 3ae1ff).
Låt oss nu kopiera det röda kontorslagret du gjorde i steg 20 och byta namn på det "magenta outline". Välj sin skiktmaske och tryck Cmd / Ctrl + L och justera skuggutgångsnivån till 255 för att göra den helt vit och avslöja allt. Ändra dess yttre glödfärg (# fd64ff)
Cmd / Ctrl + Klicka på Layer 10 för att skapa ett markeringsval. Välj markeringsverktyget och sätt till subtraktionsläge. Klicka och dra över hela bilden välj utom hjälmen. Endast hjälmvalet ska förbli som visas nedan. Applicera nu en 2px slag i centrum.
Invertera lagmasken (Cmd / Ctrl + I) och avslöja i enlighet med var du uppfattar din ljuskälla kommer från.
Låt oss nu lägga till lite gnista. Gör ett nytt lager och märk det "sparkles". Välj linjeværktyget (tryck på U) och ställ det till "fill pixels" -läget. Rita två, 2px diagonala linjer som skär i mitten. Använd sedan en 46px mjuk borste med en flödes- och opacitetskonfiguration inom 60% -intervallet och applicera i mitten med några få klick. Slutligen gå in med en mjuk 48px suddgummi och radera spetsändarna på båda linjesegmenten.
Välj flyktverktyget (V) och håll Alt. Din muspekare ska bli en dubbel vit / svart pekare pil. Fortsätt hålla Alt och klicka och dra gnistskiktet över kadettfiguren. Håll skift och välj alla dubbla lager och slå samman genom att trycka på Cmd / Ctrl + E.
Slå på alla lager i "robotglows" -gruppen. Cmd / Ctrl + Klicka på 'lager 1 kopia 4' (under kadettgrupp). Välj robotglödemappen och Alt + Klicka på alternativet för lagermask. Detta kommer att gömma allt som visuellt hindrar kadettfiguren i denna grupp.
Dölj alla lager under gruppen, förutom lag 12. Applicera ett yttre glöd (# 7dfbf7) och ett överlag (#fffcaa).
Applicera en inverterad lagermask och avslöja med en mjuk borste.
Skapa ett nytt lager och byt namn på det "skiss". Cmd / Ctrl + klicka på 'Layer 2 copy' under robotgruppen för att skapa ett markeringsval. Applicera en 2px slag i centrum.
Applicera en yttre glöd (# c0f8fc), lägg till en inverterad mask och avslöja med en mjuk borste.
Kopiera nu skiktet, byt namn på det "röda kontur" och ändra dess glödfärg (# ff3c3c). Ställ in masken för att slutföra svart och avslöja en del av konturen längs robotens botten.
Slå på lag 20. Applicera ett yttre glöd (# 49ffa3).
Upprepa steg 43 för lager 23. Mask området som överlappar förgrundsrobotillustrationen som visas nedan.
Tid att lägga till mer detaljer i bakgrunden. Låt oss skapa en ny mapp direkt under gruppen "lazerz" och namnge den "starfield". Gör ett nytt lager och namnge det "stjärnor". Välj borstverktyget och ställ det till 7px 100% Hårdhet, Opacitet och Flöde. Klicka runt för att göra en massa poäng.
Kopiera nu det lagret (Cmd / Ctrl + J) och tryck på Cmd / Ctrl + T för att hämta transformationsrutan. Krymp skiktet till en mindre storlek och tryck på enter för att bekräfta.
Med flyttverktyget valt håll Alt + Klicka och dra lagret för att skapa flera kopior.
Välj alla stjärnlagret och Cmd / Ctrl + E för att slå samman dem. Lägg till en lagermask och börja maska bort i vissa områden för att skapa viss variation i ljusstyrka och djup. Högerklicka på lagermask och klicka på 'Apply Layer Mask'.
Upprepa steg 46
Upprepa steg 45-49 tills du har ett resultat som liknar det nedan
Skapa ett nytt lager och namnge det "shooting stars". Rita en vit diagonal 2px linje. Applicera ett yttre glöd (# fc2cff) och färgöverlagring (# ffeb8c).
Använd en mjuk suddgummi för att blekna den ena änden av linjen.
Fortsätt att dra några fler linjer på detta sätt.
Vårt stjärnfält hindrar för närvarande vår robotbakgrundsgrupp. Låt oss fixa det med Shift + Cmd / Ctrl + klicka på robotens bakgrundsskikt (lager 5 och 6) och lägg till en skiktmask till stjärnfältgruppen genom Alt + klicka på alternativet skiktmask.
Slå på gruppen "lazerz". Applicera ett yttre glöd (# bc53ff), inre glöd (# 06fff6) och färgöverlagringar (# fcd7e2) till båda lagren inom gruppen.
Applicera en lagmask på båda lagren och maskera från försvinnningspunkten utåt som visas nedan.
Upprepa vad du gjorde i steg 54 för Lazerz-gruppen.
Det är dags att tillämpa några atmosfäriska påverkningar från det subtila till det väsentliga. I nästa serie bilder ska du vara uppmärksam på de olika blandningslägena, mästarnas opacitet och andra inställningar. Låt oss börja med att skapa en "atmosfär" grupp direkt under "text" gruppen. Lägg till ett graderingsjusteringslager ställ det i en radial stil och skapa en anpassad tricolorpalett av # d5fff5, # 9076ff, # 03f0ff (från vänster till höger). Ställ opacitetstoppet för # 03f0ff till 0%. För att skapa ett tredje stopp klickar du bara på var som helst under färgspåret i gradientredigeraren.
Skapa ett nytt lager och välj borstverktyget. Ställ in diametern till 1000px eller så med en flödesinställning på 27%. Klicka på figurens torso några gånger.
Justera lagrets blandningsläge, opacitet och fyllning. Applicera en inverterad mask och börja avslöja. Nu atmosfäriska påverkan kan vara ganska subtil, så det finns gott om utrymme för varians. Härifrån kommer du att se några exempel på min egen maskningstäthet.
Lägg till ett annat graderingsjusteringslager med två stoppfärger (# ff7676, # ae00ff) och i radial stil. Ställ in stoppets opacitet för # ae00ff till 0%. Tryck ok i Gradient Editor. Med fönstret "Gradient Fill" ändå, flyttar du lutningen till botten av duken över golvet. Du behöver inte välja flyttverktyget för att göra detta.
Lägg till ett nivåjusteringslager. Ställ in utmatningsutmatningen till 76 och använd en lagmaske. Det här hjälper till att accentuera lite fokus i stycket.
Lägg till ett nytt 3-stegs gradientjusteringslager och sätt ändfärgerna till # c1f7ff, # a3fffc, # c6fff0 (från vänster till höger). Klicka ovanför färgspåret för att lägga till ett opacitetstopp i mitten. Ställ opacitetsstoppet vid vardera änden av spåret till 0%.
Duplicera ljusblå gradientfyllningen och applicera en lagermask med en radiell gradient.
Nu för slutbehandling. Öppna "text" -gruppen. Duplicera "10000LYIS" -skiktet och behandla båda skikten som visas i motsvarande bild nedan. Stilsorten som används för texten kan laddas ner här: Star Jedi
Skapa en 2px skiss i ett nytt lager. Lägg till ett yttre glöd (# ffd257) och applicera en mask.
Placera extruderingsskiktet i en ny grupp. Med den nya mappen som fortfarande valts, Cmd / Ctrl + klickar på 10000LYIS-skiktet och Alt + klickar på lagmaskalternativet.
Lägg till ett nytt lutningskartslag och klippmask det (Cmd / Ctrl + Alt + G) till extrusionsskiktet. Ställ stoppfärgen till # ff0000 och # fffc00.
Lägg till en annan klippmaskad gradientkarta med stoppfärgerna # d800ff och # 00f6ff. Invertera lagmasken (Cmd / Ctrl + I) och maskera därefter.
Skapa ett 2px konturslagslag av extrusion i ett nytt lager och lägg till ett glöd (# 57fff5)
Hitta "lazerz" gruppmask och maskera den del som hindrar texten i texten som visas.
Lägg till lite gnist när vi kom tillbaka i steg 35 och 36.
Slutligen måste vi "slipa" figuren lite, så låt oss skapa en enkel reflektion. Hitta skiktet som har figuren, kopiera och klistra in det. Låt oss byta namn på "reflektion". Cmd / Ctrl + T, högerklicka och välj "Flip Vertical". Flytta den till undersidan av duken under kadettens fötter enligt bilden. Hit Cmd / Ctrl + I för att invertera reflektionsskiktet.
Flytta skiktet till botten av gruppen och använd de lagringsinställningar som anges nedan.
Accentsconagua