Ontwerp een Sin City-stijlposter

Sin City was echt een toffe film, althans visueel. Ik hield echt van de stijlvolle scènes en kleuren. Een paar maanden geleden zag ik een poster van een andere Frank Miller-film genaamd 'The Spirit'. Op de poster staat 'My City Screams'. Het trok echt mijn aandacht vanwege de manier waarop het ontwerp met typografie speelde om gebouwen opnieuw te maken. Ook was het perspectief echt goed gedaan.

In deze zelfstudie laat ik je zien hoe je dat effect kunt maken in Photoshop, maar deze keer gebruiken we Illustrator om de perspectieven en tekst te maken. Ik zal door het proces van het creëren van het effect lopen; Het is echter altijd goed als je speelt en verschillende instellingen test om te zien hoe het werkt. Dat is voor mij de beste manier om te leren.

Final Image Preview

Laten we eerst eens kijken naar de afbeelding die we gaan maken. Zoals altijd is het gelaagde Photoshop-bestand beschikbaar via ons Psdtuts + Plus-lidmaatschap.

Stap 1

Maak een nieuw document in Photoshop, gebruik 1000 pixels bij 1300 pixels. Vul de achtergrondlaag met zwart en we zijn klaar om onze handen vuil te maken.

Stap 2

We zullen Illustrator gebruiken om de tekst in het juiste perspectief te maken. Het is beter omdat we een enorm gebied nodig hebben om de verdwijnpunten te plaatsen. Plaats de afbeelding van het gebouw in Illustrator in het document. Je kunt het vinden op deze link. Selecteer vervolgens het gereedschap Lijnsegment (\) en maak een lijn volgens het perspectief van het gebouw. We zullen twee lijnen nodig hebben, omdat wanneer ze elkaar kruisen, ons verdwijnpunt zal worden gevonden.

Stap 3

Nu we het verdwijnpunt hebben, is het eenvoudig om meer lijnen te maken. U kunt dit één voor één doen of de Blend-tool gebruiken. Ik heb de Blend Tool gebruikt. Draai gewoon de bovenste lijn en houd het draaipunt op het verdwijnpunt. Maak het veel hoger dan het gebouw omdat er tekst bovenaan staat. Herhaal daarna dezelfde procedure om een ​​ander verdwijnpunt te vinden, het verticale. Je hebt deze twee alleen nodig. Als u wilt, kunt u echter de derde vinden, die aan de rechterkant.

Stap 4

Met ons raster gereed, is het eenvoudig om het juiste perspectief op alles toe te passen wat u maar wilt. Laten we de tekst "PSD" typen en deze boven op het gebouw plaatsen. Ga vervolgens naar Object> Omhullen vervormen> Maken met gaas. Wijzig vervolgens de Envelop Mesh-instellingen in 1 rij en kolom. Verplaats vervolgens de hoekpunten 1-4 met behulp van het raster ter referentie. Het net zal bochten maken, om te voorkomen dat de bewegingen ook worden verplaatst om het raster te volgen.

Stap 5

Selecteer de tekst "PSD" en ga naar Object> Uitbreiden en klik op OK. Dupliceer de tekst "PSD" en verplaats deze naar rechtsonder, zoals in de onderstaande afbeelding. Selecteer vervolgens het menggereedschap (W) en pas het toe op de twee "PSD" -teksten. Gebruik voor de Mengopties de opgegeven afstand voor de afstand met 4pt.

Stap 6

Typ nu "TUTS". Ga vervolgens naar Effect> 3D> Extrude & Bevel Options. Deze tekst moet in de tegenovergestelde richting van de tekst "PSD" gaan. In plaats van de verdwijnlijnen te gebruiken, gebruiken we het 3D-filter. Gebruik de instellingen uit de onderstaande afbeelding. Merk op dat de waarden zijn: X = 6º, Y = -35º, Z = -3º, Perspectief 51º, en de Extrude Depth is 288pt.

Stap 7

Plaats dezelfde afbeelding in ons Photoshop-document. Daarna selecteer en verwijder je met de Toverstaf-tool (W) de blauwe lucht. Laten we met de veelhoekige lasso-tool (L) een deel van het gebouw knippen, zodat het dezelfde breedte heeft als de tekst "PSD".

Stap 8

Kopieer de "PSD" -mix van Illustrator. Plak het vervolgens op de bovenkant en achterkant van het gebouw. Maak vervolgens een nieuwe laag en selecteer het gereedschap Kloonstempel (S). Voor de stempelopties wijzigt u de lagen Monster naar Alle, zodat u van alle lagen naar de nieuwe kunt klonen. We willen echter alleen het stenengedeelte klonen. Je moet de tekst 'PSD' vullen met stenen.

Stap 9

Selecteer met het toverstaf-gereedschap (W) het donkere deel van de "PSD" -mengeling en verwijder deze. Laat alleen de voorkant van de blend achter.

Stap 10

Laten we hier de kleuren van de stenen aanpassen. Selecteer de laag "stenen". Ga vervolgens naar Laag> Nieuwe opvullaag> Effen kleur. Gebruik # 715b1f voor de kleur en wijzig de mengmodus in kleur. Ga vervolgens naar Laag> Knipmasker maken. Ga daarna naar Laag> Nieuwe aanpassingslaag> Tint & verzadiging. Maak opnieuw een knipmasker. Wijzig vervolgens de waarden van Kleurtoon en verzadiging in Kleurtoon 0, Verzadiging -85 en Lichtheid -1.

Stap 11

Herhaal nu dezelfde procedure voor de bouwlaag, gebruik echter een andere waarde voor Tint & Verzadiging, gebruik Hue 0, Saturation -65, Lightness -43.

Stap 12

Selecteer het gereedschap Pen (P) en maak een vorm om de zijkant van het gebouw te bedekken. Gebruik de vormlagen voor de Pen-tooloptie, zodat u een laag met een vulkleur kunt maken. Gebruik zwart voor de vulling en verander de mengmodus naar kleur branden. Ga vervolgens naar Laag> Laagmasker> Alles onthullen. Selecteer vervolgens het penseel (B) met een gewone borstel met hardheid 0. Schilder vervolgens het masker met zwart, zodat u de vensters zichtbaar maakt.

Stap 13

Plak de tekst "TUTS" vanuit Illustrator. Krijg dan een bakstenen textuur, je kunt de ene afbeelding die ik heb gebruikt downloaden. Kortom, dupliceer de textuur, draai deze horizontaal om en verplaats deze naar rechts. Herhaal dat om een ​​grote rechthoek te maken. Ga daarna naar Bewerken> Transformeren> Vervormen. Verplaats de hoekpunten om een ​​perspectief toe te voegen. gebruik de tekst "TUTS" als een referentie.

Stap 14

Selecteer met het Magic Want-gereedschap (W) alleen de voorkant van de laag en het woord "TUTS". Ga vervolgens met de stenenlaag geselecteerd naar Laag> Masker> Selectie onthullen. Ga daarna naar Afbeelding> Aanpassingen> Tint & verzadiging. Gebruik voor de instellingen Hue 0, Saturation -89 en Lightness -19.

Ga nu naar Laag> Nieuwe vullaag> Effen kleur, gebruik # 16150b voor de kleur. Wijzig vervolgens de mengmodus in Overlay met een dekking van 22%. Het laatste wat hier is, selecteert u het woord> TUTS>, niet de stenen laag en gaat u naar Afbeelding> Aanpassing> Niveaus. Gebruik 86, 1 en 255 voor de instellingen.

Stap 15

Maak een nieuwe laag achter de laag> TUTS>. Selecteer vervolgens het penseel (B). Kies zwart voor de kleur en een penseel met 0% hardheid. Schilder vervolgens een schaduw, zoals in de onderstaande afbeelding. Wijzig ook de laagdekking in 90%.

Stap 16

Laten we een andere afbeelding gebruiken, deze afbeelding downloaden en deze achter alle lagen in het document plaatsen. Het zal de achtergrond zijn. Grijp vervolgens de veelhoekige lasso-tool (L) en selecteer dat gebied met vensters bovenaan de afbeelding en verwijder deze. Ga vervolgens naar Afbeelding> Aanpassingen> Tint / verzadiging. Gebruik voor de instellingen Hue 0, Saturation -63 en Lightness -83. Ga daarna naar Afbeelding> Ontzadigd.

Stap 17

Laten we nu de lucht toevoegen. Je kunt een afbeelding downloaden die ik heb gemaakt. Plaats het onder alle lagen. Verander vervolgens de mengmodus in hard licht met 55%. Ga daarna naar Afbeelding> Aanpassingen> Niveaus. Gebruik voor de instellingen 16, 1,00 en 255. Ga vervolgens naar Laag> Nieuwe opvulkleur> Effen kleur. Gebruik # 0f0d08 voor de kleur en verander de mengmodus naar kleur.

Stap 18

Download een lampafbeelding. Verwijder de achtergrond met de Lasso-tool. Ga vervolgens naar Afbeelding> Aanpassing> Ontzadigd. Maak vervolgens met het penseel (B) een nieuwe laag en schilder een schaduw zoals in de onderstaande afbeelding. Wijzig de dekking op 60% en gebruik Kleur branden voor de mengmodus.

Stap 19

Plaats de afbeelding van de lamp die we zojuist hebben bewerkt. Selecteer vervolgens het gereedschap Pen (P) en maak een driehoek (afbeelding 1). Ga vervolgens naar Filter> Vervagen> Gaussiaans vervagen. Gebruik 3,5 voor het bedrag. Dupliceer vervolgens de laag. Draai het een beetje en verplaats het naar rechts (afbeelding 2). Dupliceer daarna de laag opnieuw. Plaats het tussen de twee lagen. Ga naar Filter> Blur> Gaussian Blur en gebruik deze keer voor het bedrag 4.

Groepeer de drie lagen en hernoem de groep in "Stralen". Ga vervolgens naar Laag> Laagmasker> Alles onthullen. Selecteer het gereedschap Verloop (G) en gebruik zwart-wit voor de kleuren. Gebruik het gereedschap Verloop om het licht weg te laten (afbeelding 3)

Stap 20

Groepeer de laag "Lamp" met de groep "Roggen". Hernoem dan de nieuwe groep naar "Lamp". Dupliceer vervolgens de groep twee keer met formaat wijzigen en plaats ze zodat we er een hebben op de "D", andere op de "S" en de laatste op de "P."

Stap 21

Ga bovenop de andere lagen naar Laag> Nieuwe vullaag> Effen kleur. Gebruik # 292615 en verander de mengmodus in Verzadiging.

Stap 22

Voeg een nieuwe laag toe, opnieuw bovenop de anderen. Zorg dat je zwart en wit hebt voor de kleuren en ga naar Filter> Renderen> Wolken. Wijzig de mengmodus in Overlay en de dekking op 90%. Ga daarna naar Afbeelding> Aanpassingen> Tint / verzadiging. Selecteer de optie Colorize en gebruik voor de waarden: Hue 53, Saturation 29 en Lightness -12.

Stap 23

Voeg nog een nieuwe laag toe en vul deze met zwart. Ga vervolgens naar Filter> Ruis> Ruis toevoegen. Gebruik 10% voor het bedrag en Gauss voor distributie. Verander daarna de mengmodus in zacht licht en de dekking op 35%.

Stap 24

Nu kunt u meer details aan de afbeelding toevoegen, zoals sommige graffiti of tekens, het is aan u. Vergeet niet om te spelen met de mengmodi en de volgorde van de lagen.

Conclusie

In deze zelfstudie hebben we gekeken naar verschillende technieken om 3D-tekst te maken en deze te vermengen met foto's. We hebben ook een aantal texturen gemaakt met behulp van de Stamp Tool. Het belangrijkste in deze tutorial zijn de beeldaanpassingen. Het is erg belangrijk wanneer u een ontwerp maakt om verschillende afbeeldingen van verschillende kleuren te manipuleren. Ik hoop dat je deze tutorial net zo leuk vindt als ik het heb gemaakt.