Ontwerp een door een raket aangedreven retrofuturistische digitale illustratie

Retrofuturisme is een onderwerp dat me altijd heeft gefascineerd. In deze zelfstudie doorlopen we de stappen om mijn eigen experiment in deze stijl opnieuw te maken. Na het maken van de 3D-typografie in Illustrator, zullen we Photoshop gebruiken om een ​​niet-alledaagse digitale illustratie te maken over ruimteverkenning..

Invoering

Zoals Wikipedia het uitdrukt: "Retrofuturistisch ontwerp is een terugkeer naar en een enthousiasme voor de toekomstbeelden die in het verleden zijn geproduceerd (meestal in de jaren 1920 tot 1960), zowel in sciencefiction als in non-fictie futurisme van die tijd, die vaak schijnen gedateerd door moderne normen. " ik hou van verouderd!

Dit is wat we doen; een retro-interpretatie van de toekomst op basis van het thema ruimteverkenning. De gebruikelijke verdachten in dit opzicht zijn retroraketten en slanke satellieten. Hoe kun je in elk geval een retroruimtescène ontwerpen zonder een funky raket? Om het nog beter te maken, voegen we de beroemde Sputnik 1-satelliet toe.

Video-instructies

Onze video-editor Gavin Steele heeft deze video-tutorial gemaakt om deze tutorial voor tekst en beeld te complimenteren.

Stap 1

Open Illustrator, start een nieuw webdocument en krijg dit lettertype, Airstream genaamd. Het is een retro lettertype dat goed werkt met de gewenste stijl. Het is belangrijk om te begrijpen dat het vrij moeilijk is om een ​​identiek 3D-resultaat bij het mijne te krijgen. Typen in dezelfde nummers werkt mogelijk niet goed genoeg, dus u moet misschien zelf aanpassingen doen. Mijn lettergrootte is ongeveer 700 pt, wat zorgt voor meer accurate resultaten in de 3D-modus (groter is beter). Houd er echter rekening mee dat dit uw systeem kan belasten. De letterkleur is 5d2239.

Stap 2

Het is tijd om het 3D-effect toe te voegen. Ga naar Effect> 3D> Extrude & Bevel. Gebruik ongeveer dezelfde instellingen als hieronder weergegeven. Voer indien nodig aanpassingen uit en kopieer de letter (Command + C). Sluit het Illustrator-bestand nog niet.

Stap 3

Start Photoshop en ontvang deze melkwegfoto. Ik heb de maximale grootte gedownload, zodat de projectgrootte van Photoshop overeenkomt met het XL-formaat van deze afbeelding. Ga naar Laag> Nieuwe aanpassingslaag> Verloopkaart en pas een kaart met drie kleuren toe: roze (ab6984), blauw (253039) en zwart.

Stap 4

Plak de letter (Command + V) en maak met behulp van het toverstaf-gereedschap (W) een selectie van het vlak van de letter. Ga naar Selecteren> Wijzigen> Inkrimpen. Gebruik een waarde van 10 pixels om de selectie kleiner te maken.

Stap 5

Vul de selectie met wit in een nieuwe laag en pas een afschuining- en reliëflaagstijl toe. Gebruik de hieronder getoonde instellingen.

Stap 6

Als een uitknipmasker toegepast op het nieuw gemaakte witte gezicht, plak dan een gedupliceerde versie van de achtergrond (met de verloopkaart inbegrepen). Wijzig de laagdekking van de afbeelding in 50%. Dat zal de indruk wekken van semitransparant glas.

Stap 7

Ga terug naar Illustrator en selecteer de letter E. Open uw Uiterlijkpaneel en wijzig de 3D-instellingen door te dubbelklikken op het 3D-effect in het menu. Verander gewoon de dop naar de tweede optie: zet dop uit. Dit imiteert een doorschijnend effect. Kopieer het opnieuw (Command + C) en sluit ter wille van uw RAM Illustrator.

Stap 8

Plak het als een knipmasker, zoals in stap 6. Verander de laagdekking naar 40%.

Stap 9

Maak nog een Knipmaskerlaag en schilder met een grote, zachte borstel een witte reflectie. Natuurlijk deed ik dit na het maken van de raket, maar omwille van het afmaken van de brief in de tutorial, zullen we daar nu voor zorgen. Houd hierbij de positie van de raketten in het achterhoofd.

Stap 10

Maak een selectie (met de Command-klik op de laag) van de hele letter en maak een nieuwe laag bovenop alle andere lagen, zonder te worden afgekapt. Teken een subtiele schaduw met een donkere kleur aan de andere kant van de reflectie.

Stap 11

Herhaal dit slopende proces voor de rest van de letters ...

Stap 12

Ik gebruik vrij vaak een kanaalmixer. Het is een geweldige manier om bepaalde effecten te bereiken en de kleuren in je ontwerp te manipuleren. In dit ontwerp gebruiken we het om dynamische intensiteit te geven aan heldere kleuren. Witte waarden gaan nu gloeien en geven de indruk van warmte. Verhoog de rode en groene waarden om een ​​kleuroverschot van bijna 200 en 145 procent te creëren.

Afgezien van het creëren van een vuureffect, gebruiken we dit om het ontwerp een authentiek vintage gevoel te geven. Een belangrijk onderdeel is de afwezigheid van puur zwart.

Ga naar Laag> Nieuwe aanpassingslaag> Kanaalmixer. Wijzig de waarden rood en groen. Vanaf nu blijven we blauwe en violette kleuren gebruiken die door de kanaalmixer zullen veranderen. Wanneer u kleuren kiest met de kleurenkiezer, moet u de zichtbaarheid van de kanaalmixer uitschakelen.

Stap 13

Werk hand in hand met de kanaalmixer (verander zichtbaar / onzichtbaar), maak de stroom van de raket. Om dit te doen, heb ik een pentablet gebruikt waarmee ik penendruk kan gebruiken. Met een grote, zachte borstel en pen-druk ingeschakeld, verf een stroom. Begin bovenaan met een zachte aanraking en sleep met één snelle slag en geleidelijk meer druk de rest van het lichaam van de stroom. Fade uit het einde met de Eraser Tool (E). Ga door met het kleuren van kleuren in de scène met de kanaalmixer uitgeschakeld, in dit geval blauw (4a6d82).

Als alternatief kunt u deze met een gestreept pad maken. Maak een pad dat het dubbele van de gewenste lengte heeft met het gereedschap Pen (P). Selecteer een grote zachte borstel en stel de penseelgrootte in op basis van het dikste gedeelte van de stream. Strijk het vervolgens door met de rechtermuisknop op het canvas te klikken en Stroke Path te selecteren. Vink het vak Simulate Pressure aan en streel het. Wis nu de extra helft met het gummetje (E) vanaf het dikste punt. Het is niet precies hetzelfde resultaat, maar vergelijkbaar.

Stap 14

Het mooie van deze aanpassingslaag is dat deze een geheel nieuwe intensiteit geeft aan witte waarden. Het voegt een gloed toe en creëert de indruk van warmte. Maak nog twee streams met wit en violet (66445b).

Stap 15

Meer blauw om het een beetje af te koelen en zelfs een lichtere blauwe tint.

Stap 16

En de laatste aanraking, meer wit.

Stap 17

Krijg nu deze foto van een retro raket. Ga naar Laag> Nieuwe aanpassingslaag> Selectieve kleur en wijzig de rode waarden zodat de kleuren van de raket overeenkomen met de tint van het ontwerp. Maak er een knipmasker van, dus de aanpassingen hebben alleen invloed op de raket.

OPMERKING: De foto bevat een knipmasker. Open gewoon de gedownloade foto en controleer uw padmenu. Selecteer het en transformeer het in een selectie met behulp van het pictogram met de stippellijn. Gelukkig maakt dat het knippen een stuk eenvoudiger. Deze paden gemaakt door de auteur zijn meestal te vinden in geïsoleerde objecten geplaatst op een witte achtergrond, zoals deze.

Stap 18

En dat is het voor de raket. Het zou er ongeveer zo uit moeten zien als hieronder. Ik heb het halverwege de volgorde van de lagen geplaatst, zodat sommige van de streams de rand bedekken.

Stap 19

Voeg nu een vergelijkbare versie aan de bovenkant toe, die de indruk wekt van een tweede reizende raket.

Stap 20

Het laatste element om toe te voegen is deze Sputnik 1 satelliet 3D-replica.

Stap 21

Om het een soortgelijk kleurenschema te geven, heb ik een paar vectorvormen gemaakt met het gereedschap Pen (P) en deze ingesteld op Color Dodge en ongeveer 60% dekking.

Stap 22

Dupliceer de achtergrondlaag en de verloopkaart die u erop hebt toegepast. Leg ze op alle lagen behalve de kanaalmixer. Zet de mengmodus op het scherm en 70% dekking. Wijzig de verloopkaart zodat deze alleen donkerblauw is en geen violet meer.

Stap 23

Download deze papiertextuur van BittBox en vergroot het contrast aanzienlijk met een Curves-effect (Command + M). Zet de dekking op 80% en desatureer het (Command + Shift + U). De foto is kleiner dan de projectgrootte, maar door deze te spiegelen en in de andere af te faden, wordt dit gecorrigeerd.

Stap 24

Zet de laag op zacht licht.

Laatste afbeelding

Nou, dat is het dan! Compositorisch is het geen gecompliceerd stuk, maar het is de aandacht voor detail die het compleet maakt. Ik hoop dat je er net zo van genoten hebt als ik!

Abonneer u op de Psdtuts + RSS-feed voor de beste Photoshop-tuts en -artikelen op internet.