Share
Deze tutorial zal zich richten op de mogelijkheden van Photoshop als een renderingtool om je vectorillustraties tot leven te brengen met behulp van rastereffecten. Met slechts een paar kleurtechnieken, namelijk aanpassingslagen, laagmaskers en laagstijlen; je zult merken dat het proces behoorlijk repetitief kan worden, waardoor het een redelijk intuïtieve en efficiënte workflow wordt. Laten we beginnen!
Open spacecadetBASE.psd vanuit de bronmap van uw download. Hierin ontdek je meerlaagse groepen die vanuit Illustrator zijn binnengebracht door simpelweg verschillende vectorelementen één voor één te kopiëren en in een leeg Photoshop-bestand te plakken. Dit bestand zou uit het volgende moeten bestaan:
Voeg een aanpassingslaag direct boven de groep 'cadet' toe. Het menu met aanpassingslagen bevindt zich onder aan het tabblad 'Lagen'. Klik op het tabblad Aanpassingen op de verloopbalk om de Verloopbewerker te openen. Selecteer de "Blauwe, Rode, Gele" standaard verloopkaart onder de presets.
Voeg nog een verloopkaart toe boven de groep 'robot backdrop'. Laten we deze nieuwe verloopkaartlaag 'red atmos' hernoemen. Ga naar de Verloopbewerker en selecteer de 'Rode, Groene' standaardkaart. Als uw afbeelding lijkt omgekeerd, schakelt u de rode en groene stops naar de tegenovergestelde uiteinden van de track in de Verloop-editor. Dubbelklik nu op de groene stop en verander de kleur in meer van een donkerbruine kleur (# 2f1900).
Selecteer de laag 'hoogtepunten' onder de groep 'cadet'. Pas een laagmasker toe. Selecteer het penseel en stel het in op 0% Hardheid met een diameter van 30px. Zet je voorgrondkleur op zwart en begin de hoogtepunten enigszins te verbergen, zoals hieronder te zien is. U kunt ook het percentage 'Dekking' en 'Stroom' van het penseel aanpassen om de sterkte te regelen. Schakel ook de 'airbrush'-instelling in.
Laten we proberen wat meer schaduw toe te voegen aan onze cadetfiguur. Selecteer 'Laag 1 kopie 4'. Ga naar het menu aanpassingslagen en selecteer 'Niveaus'. Druk op 'Cmd / Ctrl + Alt + G' om het masker naar de cadet-laag te knippen. Pas het hooglichtuitvoerniveau aan tot ongeveer 127. Klik op het laagmasker en kies het verloopgereedschap. Klik met een lineaire gradiëntinstelling op + vasthouden en slepen van de bovenste schouder naar de lagere dij van de cadet. Zorg ervoor dat zwart de voorkleur is, wit de achtergrond in uw kleuren.
Voeg nu een tweede aanpassingslaag 'Niveaus' toe, knip het masker weg en verander het invoerniveau voor hooglichten in ongeveer 230.
Dupliceer de laag 'hoogtepunten'. Verplaats het onder het origineel en knip het af.'Cmd / Ctrl + KLIK 'op de laag om die' marcherende mieren 'of een selectiekader te maken. Ga naar het hoofdmenu en selecteer Filter> Vervagen> Gaussiaans vervagen. Stel de straal in op ongeveer 4.4 of zo. Druk op Cmd / Ctrl + D om de selectie ongedaan te maken.
Dupliceer de 'red atmos'-aanpassingslaag die u in stap 2 hebt gemaakt door erop te klikken en Cmd / Ctrl + J in te drukken. Verplaats de kopie boven de laag met hoogtepunten en kopieer deze. Tot dusverre hebben we aangenomen dat de hoofdlichtbron van linksboven komt. Volg die logica terwijl je wegmaskert met een zachte zwarte borstel, waardoor bepaalde punten iets lichter worden.
Nu is het de beurt aan de robot. Selecteer de robotlaag in de groep (laag 2 kopie). Voeg een niveau-aanpassingslaag toe, knip het masker weg (Cmd / Ctrl + Alt + G) en stel het hooglichtuitvoerniveau in op 105. Masker weg met een zachte borstel in verhouding tot de richting van uw lichtbron. Maak een tweede niveauregelingslaag, knip het af en stel het in te stellen invoerniveau in op ongeveer 233 of zo.
Kopieer de cadet-laag (laag 1, kopie 4) en plak deze in de robotgroep. Hernoem de laag 'schaduw' en druk op CTRL + L om een niveau-venster te openen. Stel het uitvoerniveau van het hoogtepunt in op 0. Zet het vervolgens vast en plaats de overvloeimodus op 'Overlay' en verminder de hoofddekking naar 60%.
Zoek en dupliceer de 'rode atmos' gradiëntkaartlaag en plaats deze boven de 'schaduwlaag'. Clip het masker en gebruik een zachte zwarte borstel om weg te maskeren volgens de oorsprong van uw lichtbron zoals eerder.
Selecteer de rode atmos-laagkopie en dupliceer deze. Hernoem de laag 'blauwe overlay'. Knip het af en verander de stopkleuren in de verloopeditor naar donkerblauw (# 1f03af) en lichtblauw (# 02fffe). Schuif de donkerblauwe stop over het spoor naar ongeveer 15%.
Voeg een aanpassingslaag voor 'Kleurvulling' toe, maak deze rood (# ff0000) en knip deze af. Selecteer nu het laagmasker en druk op Cmd / Ctrl + I om het masker in zwart te veranderen. Begin met een zachte witte borstel om een deel van het rood langs de onderkant van de robot te onthullen. Dit is om het visueel te laten reageren op de effecten die we nu in de volgende stappen aan de vloer toevoegen.
Selecteer de panelenlaag en Cmd / Ctrl + klik erop om een selectiekader te selecteren. Selecteer het verloopgereedschap en stel het in op een radiale gradiëntmodus. Klik + houd vanuit het midden van de selectie en sleep naar buiten om het op de vloer toe te passen. Deselecteer de laag.
Dupliceer de 'rode atmos'-gradiëntkaart en knip deze af op de rasterlaag. Gebruik het verloopgereedschap om een radiale verloopmaskering toe te passen. Zwart moet de centrale schaduw zijn.
Laten we nu een gloed op het rooster toepassen. Klik op het menu 'fx' onderaan het tabblad van de laag en kies de buitenste gloed. Kopieer de onderstaande instellingen.
Pas een omgekeerd laagmasker toe op de rasterlaag (houd Alt + klik op laagmasker optie). Zet de achtergrondkleur op wit en onthul het raster met een zachte gum deze keer (als je het penseel wilt gebruiken, stel dan de voorgrondkleur in op wit). U kunt de wisserinstellingen gebruiken die in de onderstaande afbeelding worden getoond. Zorg ervoor dat de airbrush-instelling is ingeschakeld.
Voeg een aanpassingslaag met gemaskeerde niveaus toe aan 'Laag 5' in de groep 'Robotachtergronden'. Stel het hooglicht-uitgangsniveau in op 93. U kunt bepaalde gebieden enigszins maskeren als u dat ook wilt.
Maak een nieuwe laag binnen de groep. Cmd / Ctrl + klik op laag 5 om een selectiekader te selecteren. Selecteer het selectiekader en klik met de rechtermuisknop. Selecteer Lijn en pas een breedte van 1,5 px op het midden toe. Voeg een buitenste gloed toe met een geel (# fff145). Zorg ervoor dat je kleur wit is. Gebruik de instellingen voor de laagstijl hieronder.
Voeg nu een laagmasker toe (Alt + klik). Onthul de gloeiingen zoals hieronder weergegeven, met een zachte witte borstel.
Selecteer Laag 6 in de robotachtergrondlaag. Pas een met clip gemaskeerde niveauregeling toe met een hooglichtuitvoerniveau van ongeveer 40. Masker weg om wat licht het object te laten raken.
Laten we nu terugkeren naar onze cadet en een beetje meer "flits" toepassen op haar uiterlijk. Ga naar de subgroep 'gloeiingen'> 'cadetglows'. Voeg een nieuwe laag toe en noem deze 'rode contour'. Cmd / Ctrl + klik op de 'layer 1 copy 4' onder de 'cadet'-groep om een selectiekader te selecteren. Breng een 2px-streek aan in het midden van de laag 'rode contour'.
Voeg een buitenste gloed (# ff4242) en een kleuroverlay (# ff7376) toe aan de streek.
Breng een omgekeerd laagmasker aan en laat enkele gebieden zien met een zachte witte borstel of gum.
Laag zichtbaar maken 9. Een buitenste gloed aanbrengen (# ff2099)
Herhaal stap 22
Dupliceer Laag 9 (Cmd / Ctrl + J) herhaal stap 22. Dit is om bepaalde gebieden verder te accentueren.
Maak Laag 10 zichtbaar en maak een dubbele laag (Cmd / Ctrl + J). Verberg het duplicaat.
Selecteer laag 10 en breng een buitenste gloed aan (# ff3636) en een kleuroverlay (# ff000c). Maak een omgekeerd laagmasker en onthul met een zachte witte borstel langs de onderkant van de laarzen.
Maak 'layer 10 copy' zichtbaar en voeg een buitenste gloed (# ffbf36) en een kleuroverlay toe (# feabf9)
Voeg een laagmasker toe en begin met bepaalde delen te verbergen met een zachte zwarte gom om de materialiteit er iets minder plat uit te laten zien.
Op laag 13, laten we daar ook wat laagstijl aan toevoegen. (buitenste gloed: # ff15cb, kleuroverlay: #fffbbf). Pas een omgekeerd laagmasker toe en begin te onthullen met een zachte witte borstel.
Voeg op laag 21 een buitenste gloed en kleuroverlay toe (beide # 3ae1ff).
Laten we nu de rode omtreklaag dupliceren die u in stap 20 hebt gemaakt en de naam 'magenta outline' wijzigen. Selecteer het laagmasker en druk op Cmd / Ctrl + L en pas het schaduwuitvoerniveau aan op 255 om het volledig wit te maken, alles onthullend. De buitenste gloedkleur wijzigen (# fd64ff)
Cmd / Ctrl + klik op Laag 10 om een selectiekader te selecteren. Kies het selectiekader en stel de aftrekmodus in. Klik en sleep over het hele cijfer te selecteren met uitzondering van de helm. Alleen de fietsselectie moet blijven zoals hieronder getoond. Breng nu een 2px-slag in het midden aan.
Keer het laagmasker (Cmd / Ctrl + I) om en onthul in overeenstemming met waar u waarneemt dat uw lichtbron afkomstig is van.
Laten we nu wat sprankeling toevoegen. Maak een nieuwe laag en label het 'sprankelt'. Kies het lijngereedschap (druk op U) en stel het in op de modus "Pixels vullen". Teken twee, 2px diagonale lijnen die elkaar in het midden snijden. Gebruik vervolgens een zachte borstel van 46px met een instelling voor doorstroom en dekking binnen het bereik van 60% en breng deze met een paar klikken in het midden aan. Tenslotte, ga binnen met een zachte 48px wisser en wis de uiteinden van beide lijnsegmenten.
Selecteer het verplaatsgereedschap (V) en houd Alt ingedrukt. De muisaanwijzer moet een dubbele witte / zwarte aanwijspijl zijn. Blijf Alt ingedrukt houden en klik en sleep de laag met glitters helemaal over de cadetfiguur. Houd Shift ingedrukt en selecteer alle dubbele lagen en voeg samen in Cmd / Ctrl + E in.
Schakel alle lagen in de groep 'robotglows' in. Cmd / Ctrl + klik op 'layer 1 copy 4' (onder cadet-groep). Selecteer de map robotglows en Alt + klik op de optie laagmasker. Hiermee wordt alles wat visueel de cadetfiguur in deze groep belemmerd, verborgen.
Verberg alle lagen onder de groep met uitzondering van laag 12. Breng een buitenste gloed aan (# 7dfbf7) en een cover-overlay (#fffcaa).
Pas een masker met omgekeerde laag toe en onthul met een zachte borstel.
Maak een nieuwe laag en hernoem het 'outline'. Cmd / Ctrl + klik op 'Layer 2 copy' onder de robotgroep om een selectiekader te selecteren. Breng een 2px-streek in het midden aan.
Breng een buitenste gloed aan (# c0f8fc), voeg een omgekeerd masker toe en onthul met een zachte borstel.
Dupliceer nu de laag, hernoem de 'rode contour' en verander de gloedkleur (# ff3c3c). Stel het masker in op zwart en toon een deel van de omtrek langs de basis van de robot.
Schakel Laag 20 in. Breng een buitenste gloed aan (# 49ffa3).
Herhaal stap 43 voor laag 23. Maskeer het gebied dat de voorgrondrobotillustratie overlapt, zoals hieronder wordt weergegeven.
Tijd om meer details aan de achtergrond toe te voegen. Laten we een nieuwe map maken direct onder de 'lazerz'-groep en noem deze' starfield '. Maak een nieuwe laag en noem deze 'sterren'. Selecteer het penseel en stel het in op 7px 100% Hardheid, Dekking en Flow. Klik rond om een aantal punten te maken.
Dupliceer nu die laag (Cmd / Ctrl + J) en druk op Cmd / Ctrl + T om het transformatievak te openen. Verklein de laag tot een kleiner formaat en druk op enter om te bevestigen.
Met de verplaatsingstool geselecteerd, houd Alt + klik en sleep de laag om meerdere kopieën te maken.
Selecteer alle sterlagen en Cmd / Ctrl + E om ze samen te voegen. Voeg een laagmasker toe en begin weg te maskeren op bepaalde gebieden om enige variantie in helderheid en diepte te creëren. Klik met de rechtermuisknop op het laagmasker en klik op 'Pas masker toe'.
Herhaal stap 46
Herhaal de stappen 45-49 totdat u een resultaat krijgt dat vergelijkbaar is met dat hieronder
Maak een nieuwe laag en noem die 'vallende sterren'. Teken een witte diagonale 2px-lijn. Een buitenste gloed (# fc2cff) en kleuroverlay toepassen (# ffeb8c).
Gebruik een zachte gum om het ene uiteinde van de lijn te vervagen.
Blijf nog een paar regels tekenen op deze manier.
Ons sterrenveld belemmert momenteel onze robot-achtergrondgroep. Laten we dit oplossen door Shift + Cmd / Ctrl + te klikken op de achtergrondlagen van de robot (lagen 5 & 6) en een laagmasker toe te voegen aan de starfield-groep door Alt + te klikken op de optie laagmasker.
Schakel de 'lazerz'-groep in. Een buitenste gloed (# bc53ff), binnenste gloed (# 06fff6) en kleuroverlays (# fcd7e2) op beide lagen binnen de groep toepassen.
Pas een laagmasker toe op beide lagen en maskeer het verdwijnpunt naar buiten, zoals hieronder wordt getoond.
Herhaal wat je hebt gedaan in stap 54 voor de lazerz-groep.
Het is nu tijd om enkele atmosferische effecten toe te passen, van subtiel tot substantieel. Let in de volgende reeks afbeeldingen goed op de verschillende overvloeimodi, hoofddekking en andere instellingen. Laten we beginnen met het creëren van een 'atmosfeer'-groep direct onder de' tekst'-groep. Voeg een verloopaanpassingslaag toe, stel deze in op een radiale stijl en maak een aangepast driekleurenpalet van # d5fff5, # 9076ff, # 03f0ff (van links naar rechts). Zet de dekkingstop voor # 03f0ff op 0%. Als u een derde stop wilt maken, klikt u eenvoudig ergens onder de kleurtrack in de verloopeditor.
Maak een nieuwe laag en selecteer het penseel. Stel de diameter in op 1000px of zo met een stroominstelling van 27%. Klik een paar keer op de romp van de figuur.
Pas de overvloeimodus van de laag, dekking en opvulling aan. Pas een omgekeerd masker toe en begin te onthullen. Nu kunnen atmosferische effecten vrij subtiel zijn, dus er is voldoende ruimte voor variantie. Vanaf hier zie je enkele voorbeelden van mijn eigen maskerdichtheid.
Voeg een andere aanpassingslaag voor verloop toe met twee stopkleuren (# ff7676, # ae00ff) en in een radiale stijl. Zet de stop-ondoorzichtigheid voor # ae00ff op 0%. Druk op ok in de Verloop-editor. Verplaats het verloop in het venster Verloopvulling nog steeds naar de onderkant van het canvas over de vloer. U hoeft hiervoor niet het verplaatsgereedschap te selecteren.
Voeg een niveau-aanpassingslaag toe. Stel de highlight-uitvoer in op 76 en pas een laagmasker toe. Dit helpt om wat focus in het stuk te accentueren.
Voeg een nieuwe laag voor laagaanpassing bij 3 stops toe en stel de eindkleuren in op # c1f7ff, # a3fffc, # c6fff0 (van links naar rechts). Klik boven het kleurspoor om een dekkingsstop in het midden toe te voegen. Zet de dekkingsstops aan beide uiteinden van het nummer op 0%.
Dupliceer de lichtblauwe verloopvulling en pas een laagmasker toe met een radiaal verloop.
Nu voor de finishing touch. Open de 'tekst'-groep. Dupliceer de laag '10000LYIS' en behandel beide lagen zoals weergegeven in de afbeelding hieronder. Het lettertype dat voor de tekst wordt gebruikt, kan hier worden gedownload: Star Jedi
Maak een 2px-omtreklijn in een nieuwe laag. Voeg een buitenste gloed toe (# ffd257) en pas een masker toe.
Plaats de extrusielaag in een nieuwe groep. Met de nieuwe map nog steeds geselecteerd, Cmd / Ctrl + klik op de 10000LYIS-laag en Alt + klik op de laagmasker optie.
Voeg een nieuwe laag met gradiëntkaarten toe en knip deze maskeren (Cmd / Ctrl + Alt + G) naar de extrusielaag. Stel de stopkleuren in op # ff0000 en # fffc00.
Voeg nog een clip gemaskeerde gradiëntkaart toe met de stopkleuren # d800ff en # 00f6ff. Keer het laagmasker (Cmd / Ctrl + I) om en masker dienovereenkomstig.
Maak een 2px-omtreklijnlaag van de extrusie in een nieuwe laag en voeg een gloed toe (# 57fff5)
Zoek het groepsmasker 'lazerz' en maskeer het gedeelte dat de weergave van de tekst belemmert, zoals weergegeven.
Voeg wat sprankeling toe zoals we deden in stappen 35 en 36.
Ten slotte moeten we de figuur een beetje 'aarden', dus laten we een eenvoudige reflectie maken. Zoek de laag met het cijfer, kopieer en plak deze. Laten we het 'reflectie' noemen. Cmd / Ctrl + T, klik met de rechtermuisknop en selecteer 'Verticaal omdraaien'. Verplaats het naar de onderkant van het canvas onder de voeten van de cadet zoals weergegeven. Raak Cmd / Ctrl + I aan om de reflectielaag om te keren.
Verplaats de laag naar de onderkant van de groep en pas de laaginstellingen toe die hieronder worden aangegeven.
Accentsconagua