Share
Ontwerpers maken vaak lijnillustraties in Illustrator en brengen deze vervolgens naar Photoshop om kleur en effecten toe te voegen. In deze zelfstudie gebruiken we Photoshop om een retro-teksteffect en illustratie van tekens te maken met een aantal bestaande illustraties die u kunt verbergen met de bronbestanden van de zelfstudie. Laten we beginnen!
Open de 'psdtut_BASE.psd'. Binnen je lagen-tabblad moet er een 'cadet' -groepslaag zijn met alle verschillende illustratie-elementen. Zorg ervoor dat je jezelf kort kent met alle componenten. Laten we alle lagen verbergen die we nu niet nodig hebben, behalve voor cadet, kanonnen en achtergrond.
Selecteer de laag 'Achtergrond' en druk op Command / Ctrl + I om het om te keren.
Maak een groepsmap boven de laag 'darks' en verplaats de laag kanonlijnen in die groep. Command / Ctrl + klik op de laag 'cadet' om een selectiekader te selecteren. Klik op het hulpmiddel Laagmasker om eventuele kanonlijnen af te dekken die de cadetfiguur belemmeren.
Laten we beginnen met het inkleuren beginnend met de cadetfiguur. Klik op de aanpassingslagen onder aan het tabblad met lagen. Maak een verloopkaart en knip deze af op de cadetlaag door op ALT + Command / Ctrl + G te drukken. De schuifregelkleuren voor de verloopkaart zijn # 007ea2, # bef5ff.
We gaan de Clip Masked Gradient Map-techniek een beetje herhalen. We zullen ook Lagen-maskers gebruiken om de kleuring zacht te onthullen. Hiertoe selecteert u het laagmasker van de gradiëntkaart en keert u deze om, geeft u vervolgens de kaart weer met een zachte witte borstel, airbrush-instellingen aan. U kunt ook het verloopgereedschap gebruiken. De volgende reeks afbeeldingen bevat de hexadecimale kleurcodes van de verloopkaart en een weergave in de 'Snelle maskermodus' die wordt gebruikt als een gids om een idee te geven van hoeveel er wordt onthuld. Onthoud dat deze niet strikt moeten worden opgevolgd. Gebruik uw eigen beschrijving om te bepalen hoeveel of weinig gradiënttoewijzing u wilt onthullen. # 00569f, # fffbd8
# 290a59, # 528dcf
# 470070, # 0075a0
# 5000a1, # 087bb6
# 250031, # fe0675
Nu zullen we hetzelfde doen voor de kanonnenlaag.
# 0a3559, # e3fff9
# 290085, # 1d81ab
# 0a3f6b, # 7d1ad0
# 250031, # fe0675
* Opmerking * Vergeet niet om georganiseerd te blijven! Inmiddels zou je al behoorlijk wat lagen moeten verzamelen op het tabblad Lagen. Deze tutorial wordt drukker en drukker met inhoud terwijl je verder gaat, dus je kunt het beste je materiaal organiseren met de mappen Group en Sub Group wanneer dat nodig is. Gebruik het Reference PSD-bestand (psdtut_REF.psd) om een idee te krijgen van de manier waarop organisatie wordt aanbevolen.
Maak een gemaskeerde aanpassingslaag voor de afstelling van clips aan de laag 'donker'. We willen dat de arcering wat beter aansluit op ons kleurenpalet, dus laten we een donkerblauwe tint geven, # 0d4061.
Laten we wat hoogtepunten toevoegen. Maak enkele lagen en gebruik wat airbrushing om zachte highlights te creëren op de cadetfiguur. Speel rond met dekkings-, stroom- en hardheidspercentages om verschillende penseeleffecten te krijgen. Gebruik een zachte gom wanneer u denkt dat u het te lang heeft gedaan.
Doe hetzelfde voor de kanonnenlaag. Gebruik een klein penseel voor kleine spotlighting en pas de hoofddekking van je markeerlaag (en) aan naar 'scherm' of 'overlay'. U kunt ook een witte buitenste gloedlaagstijl toepassen om een glimmend uiterlijk verder te accentueren.
Zoek de laag 'cadet_lines_black'. Plaats het in een groepsmap genaamd 'gloeit'. Dupliceer de laag met Command / Ctrl + J en omkeren (Command / Ctrl + I). Breng als laatste een buitenste gloed aan met de standaardkleur. Volg de parameters aangegeven in de afbeelding hieronder.
Vervolgens passen we een omgekeerd laagmasker toe met ALT + door te klikken op het hulpmiddel voor laagmaskers onder aan het tabblad lagen. Openbaar met een zachte borstel. Nogmaals, een schermdop van de Quick Mask-modus wordt gebruikt als een gids om aan te geven hoeveel onthulling van de laag is gedaan. We zullen deze handleiding gebruiken wanneer laag masking tijdens deze tutorial getoond moet worden.
Herhaal dit proces deze keer met een buitenste gloedkleur # 00eaff
Laten we het glas op de helm een gloeiende contour geven. Gebruik het pengereedschap om de vorm te traceren (zorg ervoor dat deze in de modus 'paden' staat). Klik met de rechtermuisknop in het pad en selecteer 'Maak selectie'. Zorg ervoor dat u de onderstaande parameters volgt en klik op OK. Selecteer het selectiekader, klik met de rechtermuisknop en selecteer 'Lijn'. Breng als laatste een laagmasker aan.
Maak een nieuwe laag in de gloedmap. Zoek de laag cadet en Command / Ctrl + klik om de selectiekader te selecteren. Command / Ctrl + C om de laag te kopiëren en in de nieuwe laag te plakken die je hebt gemaakt.
Zet de laag Master Fill op 0% en geef deze een innerlijke glow-kleur, # c600f8. Volg de fx-parameters die hieronder worden getoond.
Vervolgens voegen we een laagmasker toe en verbergen met een zwarte borstel of gum. Maar voordat we dat doen, moeten we de binnenste gloeilaag afvlakken. Om dit te doen, laten we een nieuwe laag maken en de twee samenvoegen met Command / Ctrl + E. Zonder te veel in de feitelijke fysica ervan te doen, is de reden om dit te doen laagstijlen opnieuw aanpassen als de vorm van het object eenmaal gemanipuleerd is in op elke manier, of u nu een laagmasker wist of gebruikt. Door samen te voegen met een lege laag, wordt de laagstijl vlakker waardoor het voorgaande niet mogelijk is. Zet de mengmodus op 'Scherm'.
Pas een omgekeerd laagmasker toe en onthul dienovereenkomstig.
Nu herhalen we wat we in de stappen 17-19 hebben gedaan voor de groep kanonlijnen. Dupliceer de laag kanonlijnen, keer het duplicaat om en pas een buitenste gloedkleur toe, # aee9ff. Gebruik een laagmasker om het in verschillende gebieden te onthullen.
Herhaal met kleur # 00eaff.
Maak een nieuwe laag en noem die 'pinkoutline'. Zoek de 'kanonnenlaag' en Command / Ctrl + KLIK om een selectiekader te maken. Maak een lijn en geef deze een buitenste gloed, # ff00f0 en een kleuroverlay, # fee6ff.
Ga naar de 'interface'-groep en pas een buitenste gloed, # 22ffc3 en een kleuroverlay toe, # c7ffe8.
Je zou iets moeten hebben dat lijkt op de afbeelding hieronder. Neem alles wat je tot nu toe hebt gedaan en plaats ze in een groepsmap als je dat nog niet hebt gedaan. Maak een andere groepsmap met de naam 'takeshi'. Dit zal de groep zijn, die je typografiebehandeling zal bevatten.
In deze volgende fase zullen we in illustrator werken. Open het bestand 'psdtut_type.ai'. (Voor degenen onder u die geen Illustrator hebben, is er een PSD-bestand dat bestaat uit de lettertype-behandeling. Ga gewoon door naar stap 55)
Met de selectiegereedschap (V), ALT + klik + sleep het Japanse karakter om het te dupliceren.
Selecteer een van de tekens en maak het een lichtere grijstint, K-18%. (We gebruiken CMYK-kleurschuifregelaars voor deze oefening)
Selecteer het lichtgrijze karakter. Ga naar het topmenu en klik op Effecten> 3d> Extruderen & Bevelen. Volg de parameters in het onderstaande dialoogvenster.
Herhaal stap 33 voor het dubbele karakter, selecteer deze keer alleen 'Wireframe' in het vervolgkeuzemenu Surface.
Selecteer beide extrusies en klik op Object> Uiterlijk uitvouwen.
Stel de lijnkleur van het draadframe in op absoluut zwart, C, M, Y en K op 100% en maak alle lijnen 1 punt dik. Hernoem de groepslaag 'Wireframe'.
We moeten nu de solide extrusie opknappen. Selecteer het eerst en verwijder alle objecten (Shift + Command / Ctrl + G) totdat de lagen niet langer worden uitgevouwen.
Alles wat nu nog moet blijven, zijn een aantal clipmaskers die 'groep' worden genoemd. Vergrendel de Wireframe-groep. Selecteer nu alle lagen met de naam 'Groep'. Laat de clipmaskers los door op ALT + Command / Ctrl + 7 te drukken. Selecteer een van de lege padlagen. Klik in het hoofdmenu op Selecteren> Zelfde> Opvulkleur. Dit zou alle lege padlagen moeten selecteren. Druk op Verwijderen.
U zult merken dat sommige delen van de extrusie verschillende tinten kunnen zijn. Dit komt omdat ze allemaal hun eigen vorm hebben. Laten we de vormen combineren met de Unite-tool onder het tabblad Pathfinder. (Shift + Command / Ctrl + F9). Selecteer een van de gescheiden extrusies en verenig ze. Zie de onderstaande instructies voor meer informatie.
Doe nu hetzelfde voor de andere extrusies. Doe ze één voor één, we willen niet dat ze allemaal één, uniforme vorm zijn.
Nu zullen we eventuele onvolledige extrusies oplossen. Kies het gereedschap Direct selecteren en klik op + ankerpunten van de hoek slepen om de gaten op te vullen, zoals hieronder wordt weergegeven. Zorg dat Smart Guides aan staat (Command / Ctrl + U)
U kunt ook andere openingen repareren met behulp van het pengereedschap, zoals hieronder wordt weergegeven.
Nu voegen we wat hellingen toe. Kies een geëxtrudeerde vorm en selecteer het gereedschap Verloop. Zoek het Verloop tabblad en klik op de verloopschuifregelaar om het te activeren. Klik met het gereedschap voor het verloop en sleep om de hoek van de kleurgradatie naar wens te krijgen.
Doe hetzelfde voor de andere geëxtrudeerde vormen. Vergeet niet om het een voor een te doen en niet tegelijkertijd.
Selecteer de objecten van het geëxtrudeerde type en dupliceer ze (ALT + klik + slepen).
Groepeer en vergrendel het originele type. Selecteer alle verloopvormen in het duplicaat met Select> Same> Fill Color in het topmenu.
Ga naar het tabblad Pathfinder en Option + klik op het gereedschap Samenvoegen om ze samengestelde vormen te maken. Klik op Uitbreiden.
Selecteer nu opnieuw het hele type en deze keer Optie + klik op 'Minus voorkant' op het tabblad Pathfinder. Zorg ervoor dat je laagbestellingen correct zijn en dat je een resultaat moet krijgen zoals hieronder getoond. Vergeet niet om op 'Uitbreiden' te klikken.
Verwijder de kleurvulling en geef de vormen een zwarte contour van 1 pt.
Ontgrendel en demonteer het originele type. Groepeer de gradiëntextrusies samen. Selecteer het platte letterbeeld en vul het zwart in.
Met zwart typefilter nog steeds geselecteerd, ga je naar het hoofdmenu en klik je op Object> Pad> Offsetpad. Geef het een offset van ongeveer -20 px. Los eventuele oneven hoeken op met het ankerpunt verwijderen onder de opties van de Pen Tool.
Verwijder de kleurvulling in de offsetvorm en geef deze een witte lijn van 14 pt. Zet onder het tabblad Stroke de hoek op 'round join'.
Terwijl de offset nog steeds is geselecteerd, ga je naar Object> Pad> Contourlijn die het een vorm zal geven. Geef de nieuwe vorm een offset van -6 px en maak deze zwart.
U zou nu een complete 'set met onderdelen' moeten hebben om te beginnen met het maken van uw tekstmanipulatie in Photoshop. Plak alle onderdelen samen zoals hieronder getoond en plaats ze allemaal in afzonderlijke lagen. Er zouden er in totaal 6 moeten zijn. Ga naar Bestand> Exporteren. Exporteer het bestand als een PSD. Volg de onderstaande parameters in het dialoogvenster.
Open het Photoshop-bestand en selecteer alle lagen met Shift + klik. Sleep de geselecteerde lagen naar het illustratiebestand om ze in het canvas te plaatsen.
Zorg ervoor dat al het materiaal van het type zich in de map 'takeshi' bevindt en centreer ze op het canvas zoals weergegeven. Keer het draadframe en omtrekken wit om. Maak een witte 2 tot 3 px omtrek rond de 'type' laag in een aparte laag via selectiekader selectie, zoals getoond in stap 27. Noem het 'outline'.
We zullen nu een vergelijkbare kleurbehandeling doen die we eerder in deze zelfstudie met de eerste illustratie hebben gedaan. We gebruiken Gradient Maps en Layer Masking. Nogmaals, Quick Mask-modus wordt weergegeven als een gids voor hoeveel maskering is gedaan. Laten we beginnen met een verloopkaart van # ff00ba en # 1200ff.
# 000000, # 001df8
# 0054ff, # 89f0ff
Ga naar de wireframe-laag en geef deze een kleuroverlay, # faffa5 en een buitenste gloed, # fff500.
Breng wat laagmasker aan.
Selecteer de laag 'extrusie-omtrek' en geef deze een buitenste gloed, # f225ff, en pas een laagmaskering toe.
Dupliceer de contouren en herhaal stap 62 met een buitenste gloed van # 00ffe4. Plaats de gehele behandeling tot nu toe in een subgroep map genaamd 'extruderen'.
Selecteer de laag 'type'. Nu Command / Ctrl + klik om een selectiekader selectie te maken en vul deze met kleur, # fb0c67.
Maak een aanpassingslaag voor de verloopkaart en plak deze af (ALT + Command / Ctrl + G) naar de laag 'type'. Voeg een omgekeerd laagmasker toe om te onthullen met een zachte witte borstel. Hieronder heb ik ook een schermkap van het dialoogvenster Verloopbewerker toegevoegd om te zien hoe de schuifregelaars ook zijn beïnvloed.
Kleuren: # b2008e, # fffc00, # 00c0ff
Herhaal stap 65 met hexagonale kleuren # b3008b, # ff8a00, # 9cff00
Nu voegen we een verlooptintvulling toe met enige transparantie, door ongeveer 0% dekkingstops toe te voegen. Volg het dialoogvenster Verloopbewerker hieronder. Je kunt ook de verloopvulling rond het canvas verplaatsen, maar dit is alleen mogelijk als het dialoogvenster 'Opvulling met verloop' omhoog staat. Laat het vak Verloopbewerker NIET tegelijkertijd open. Hex-kleuren: # ffc989, #ffffff, # f7fb7e
Dupliceer de clip-maskerverloopkaart nog een paar keer en verplaats ze langs het letterbeeldoppervlak. Vergeet niet om het vakje Verloopvulling open te laten om rond het canvas te bewegen.
Laten we wat van die roze kleur terughalen die nu verloren is gegaan achter de gradiëntkaarten die we zojuist hebben gemaakt. Dupliceer de 'type' laag (Command / Ctrl + J). Verplaats de originele 'type' laag boven alle recent gemaakte Gradient Maps en pas een omgekeerd laagmasker toe om zacht zichtbaar te maken met een witte borstel (de Quick Mask-modus wordt hier opnieuw getoond). Als je klaar bent, geef je de laag een buitenste gloed, # ff0066.
Laten we de stappen 67 en 68 herhalen, maar met een radiale verloopvulling. Hex-kleuren: #ffffff, # ffd74c. Dit zorgt voor wat aandacht op het type oppervlak. Plaats al het werk op de typelaag in een map genaamd 'Kanji'.
Verberg de laag 'binnenste pijp'. Selecteer nu de 'pipe'-laag en voeg de volgende laagstijlen toe:
Kleuroverlay: # ff0006
Slagschaduw: # 3e0050
Innerlijke gloed: # 4c2200
Maak een nieuwe laag. Maak een witte omtrek van 1 px rond de pijp. Geef het een standaard buitenste gloed en gebruik een laagmasker om te verbergen / zichtbaar te maken.
Selecteer de laag 'binnenste pijp' en pas een buitenste gloed, #fffadc en kleuroverlay toe, # ff9899.
Dupliceer de 'pipe'-laag en geef hem dezelfde attributen als de' type 'laag in de stappen 64 en 69. Een vulling, # fb0c67, met een buitenste gloed, ## ff0066.
Dupliceer de laag 'binnenste pijp'. Wijzig de kleuroverlay in wit, #ffffff. Gebruik deze keer een laagmasker met een hardere borstel om sommige hoogtepunten te accentueren. Plaats al het werk op de pijpen en binnenste pijplagen in een groepsmap.
Selecteer de omtreklaag en geef deze een buitenste gloed, # f225ff. Voeg een omgekeerde laagmaskers toe en onthul met een zachte borstel.
Laten we wat highlights toevoegen aan de hoeken van sommige gebieden met een zachte airbrush.
Laten we nu een schaduw van de cadet en het kanon op het type maken. Zien de cadet-groep zichtbaar. Shift + Command / Ctrl + klik op de originele cadet- en kanonlagen om een gecombineerde selectiekader te maken.
Verberg de cadet-groep. Maak een nieuwe laag boven de submap 'kanji' en vul de selectiekader met zwart. Geef het een kleurenoverlay, # 6e0050.
Nu willen we de schaduw binnen de grenzen van het lettertype houden. Command / Ctrl + klik op de laag 'type' om een selectiekader te maken. Klik vervolgens op het hulpmiddel voor laagmaskers.
Dupliceer de schaduw en verwijder het laagmasker. Plaats het boven je pijpmap. Herhaal stap 80 om een schaduw te krijgen over de pijplaag. Gebruik de pijltjestoetsen op je toetsenbord om de schaduw een beetje aan te duwen. Dit zal een subtiele illusie van diepte creëren.
Laten we de tekst laten reflecteren op de Cadet-illustratie. Verberg alle lagen behalve de takeshi-groep. Vergeet ook de cadet-schaduwen niet te verbergen. Ga naar Bestand> Opslaan als en selecteer PNG als de extensie. Wanneer het vak PNG-opties verschijnt, verlaat u Interlace als 'Geen' en drukt u op OK.
Open het PNG-bestand en kopieer het + plak het in de PSD. Ga naar het hoofdmenu en klik op Filter> Uitvloeien (Shift + Command / Ctrl + X).
Klik in het dialoogvenster Uitvloeien klikken + slepen om het afgevlakte type te wijzigen. Gebruik de transparante afbeelding eronder als gids om deze te conformeren aan de cadet / kanonillustratie. Probeer een resultaat te bereiken dat vergelijkbaar is met dat hieronder.
Plaats de vloeibare tekst in een nieuwe groep. Zoals je in stap 78 hebt gedaan, maak je een selectiekader rond de illustratie cadet / kanon en maak je een laagmasker voor de groep.
Voeg een Clip Masked Gradient Map toe aan de vloeibare tekst, # 0054b2 en # 00fcff. Zet de mengmodus op het scherm en de masteropstelling op 81%.
Voeg een omgekeerd laagmasker toe aan de vloeibare tekstlaag en gebruik een zachte borstel om te onthullen.
Laten we nu wat sfeer creëren met een reeks Gradiet vulling aanpassingslagen. Maak een nieuwe map met de naam 'sfeer' en plaats deze achter al het andere. Volg de parameters in de afbeeldingen. Lineaire verloopvulling: # 10004a, # 10004a.
Radiale verloopvulling: # 00f0ff, # e400ff
Radiale verloopvulling: # 00ff90, # b9feff, # e200fd
Laten we een weerspiegeling van cadet maken om het grondvlak te benadrukken. Verberg alle groepen, behalve de groep 'cadet'. Herhaal stap 82 om een PNG te maken.
Open het PNG-bestand en kopieer en plak het in de PSD. Druk op Command / Ctrl + T om het transformatievak weer te geven, klik met de rechtermuisknop en selecteer 'Verticaal omdraaien'.
Verplaats de afgevlakte afbeelding naar de onderkant van het canvas zodat de zolen van de laarzen elkaar raken. Zet de laag mengmodus op scherm, geef het een kleuroverlay van # 00067b met de mengmodus: vermenigvuldig 29% en voeg een laagmasker toe om het onderaan uit te laten vervagen (hier wordt geen snelmaskermodus getoond).
Laten we nog een laag sfeer toevoegen. Maak een verloopaanpassingslaag boven al je andere lagen en selecteer het standaard transparante regenboogverloop. Pas de parameters naar wens aan.
Zet de mengmodus op Overlay en geef deze een hoofddekking tot 33%. Als u bepaalde gebieden wilt maskeren, gebruikt u de techniek die u eerst in stap 23 hebt weergegeven, anders verplaatst u de kleurindeling van het verloop terwijl u weg maskeert.
Waarom niet een beetje "bling" toevoegen aan deze illustratie. Om een sprankeling te creëren, gebruikt u eenvoudig de lijntool (Toggle Shift + U en stelt u in op 'Fill Pixels') om een 'X' in een nieuwe laag te maken. Vervaag de uiteinden met een zachte gum en voeg een buitenste gloed toe. Gebruik ten slotte een zachte borstel om wat schittering in het midden toe te voegen. Voeg deze spaarzaam toe aan je illustratie.
Accentsconagua