Jump to content

[PS] Genesis signature tutorial


-Matthijs-

Recommended Posts

Genesis signature tutorial



In deze tutorial maken we de onderstaande signature:

post-7574-0-45476700-1357701263.png

Stap 1

First things first: een render. Uiteraard mag je deze zelf kiezen, maar houd er wel rekening mee dat de signature om de render is heen gebouwd. Niet elke render leent zich voor de 'schietende' oranje beams, dus zoek of een gelijkwaardige render of gebruik de Genesis render. Mijn gebruikte render vind je hier. Plak deze niet rechtstreeks in je signature, maar sla de afbeelding eerst op als .PNG op je computer.

Stap 2

We beginnen natuurlijk met het maken van een nieuw document. Ga naar File > New of gebruik de sneltoets CTL + N. Mijn signature wordt 500*180px, dat vind ik een prettige grootte om op te werken.

Selecteer de Paint Bucket Tool post-7574-0-50010200-1357523943.png en selecteer een donkergrijze kleur. Dit doe je door in je toolbox op het kleurenpalet te klikken.

post-7574-0-74461400-1357523833.png

Mijn exact gebruikte kleur is #131719.

post-7574-0-51939400-1357523837.png

Vul vervolgens de background layer met deze kleur.

post-7574-0-16172800-1357523830.png

Stap 3

Open via File > Open of sneltoets CTRL + O de render die je zojuist op je computer hebt opgeslagen (of al op je computer hebt staan). Mocht de layer van de render nog op slot staan, dubbelklik dan op de layer van de render en klik in het opvolgende scherm op OK.

Ga naar Select > All om je afbeelding te selecteren. Ga daarna naar Edit > Copy om je afbeelding te kopiëren. Ga terug naar je signature en ga naar Edit > Paste, zodat de render in je signature verschijnt.

Stap 4

De render is natuurlijk nog te groot om te gebruiken, dus we gaan deze verkleinen zodat deze in de signature past. Gebruik de Move Tool post-7574-0-80894600-1357523937.png om je render door de signature te slepen. Plaats de afbeelding ongeveer in het midden van je signature. Selecteer de layer van de render en ga naar Edit > Free Transform of gebruik de sneltoets CTRL + T. Er verschijnt nu een selectie om de render waarmee je de afbeelding kunt verkleinen.

post-7574-0-22896200-1357524029.png

Klik op het vierhoekje linksboven en houd deze vast. Houd daarnaast de Shifttoets ingedrukt en sleep je muis naar binnen toe. Zoals je kunt zien wordt de afbeelding verkleint. Verklein de render verder naar een geschikte grootte. Je kunt in het midden klikken om de render weer terug naar het midden te slepen. Mijn resultaat:

post-7574-0-61643100-1357524108.png

Stap 5

Duplicate de layer van de render. Dit doe je door er met je rechtermuisknop op te klikken en voor Duplicate Layer te kiezen. Een andere manier is om de layer van de render te selecteren en op CTRL + J te drukken. We gaan de render gebruiken om op te smudgen. Blauw speelt een hoofdrol op de achtergrond, dus we willen met name de blauwe deeltjes van de render gebruiken. Selecteer de gedupliceerde layer, druk op CTRL + T en draai de render een beetje zodat het blauw op de juiste plek terecht komt.

post-7574-0-15604300-1357526361.png

Stap 6

Selecteer de smudge tool. post-7574-0-75140000-1357526537.png Ga dan naar Windows > Brushes. In dit scherm kunnen we het gedrag aanpassen van de brush die we gebruiken bij het smudgen. Selecteer de brush Chalk 23 px. Dit is een standaard brush in Photoshop.

post-7574-0-12772400-1357526883.png

Neem vervolgens de onderstaande instellingen over:

post-7574-0-16653300-1357526942.pngpost-7574-0-47250500-1357526897.png

Begin in een diagonale richting te smudgen. Het blauwe smudge effect dat we voor ogen hebben loopt van de rechter onderhoek naar de linkerbovenhoek. Bij het smudgen zijn CTRL + Z (een stap terug) en CTRL + ALT + Z (meerdere stappen terug) je grootste vrienden, dus maak er goed gebruik van. Sleep na het smudgen de layer onder de render. Mijn resultaat:

post-7574-0-10627800-1357527218.png

Duplicate je smudge-layer en sleep met de Move Tool post-7574-0-80894600-1357523937.png de gedupliceerde layer iets naar boven. Zet vervolgens de blendmode op Color Dodge.

post-7574-0-36520400-1357527548.png

Mijn resultaat:

post-7574-0-13904800-1357527553.png

Het blauw begint al iets meer naar voren te komen, maar het 'popt' nog lang niet. Daarom herhalen we deze stap nog twee keer. Dupliceer de meest recente layer twee keer en controleer of beide layers op Color Dodge staan. Mijn resultaat:

post-7574-0-00807200-1357527558.png

Stap 7

Dit smudge effect gaan we ook op de rest van de background toepassen. In het kort:

Duplicate de render en zet deze in de gewenste positie:

post-7574-0-28989900-1357528220.png

Smudge de render:

post-7574-0-97046200-1357528573.png

Duplicate de smudge layer, verplaats deze iets naar boven en zet de blendmode op Color Dodge:

post-7574-0-71681700-1357528582.png

Dupliceer die layer weer twee keer (en zet de blendmode op Color Dodge):

post-7574-0-25533700-1357528588.png

Stap 8

Voeg een Color Balance toe. Dit doe je door op het zwart/witte bolletje onderaan je layerpalet te klikken en in het schermpje dat uitrolt te kiezen voor Color Balance. Zorg dat deze adjustment onder de render staat, maar boven de smudgelayers!

post-7574-0-62728900-1357528931.png

Neem de onderstaande instellingen over:

post-7574-0-39226900-1357529150.png

Shadows en Highlights hoeven niet ingesteld te worden. Mijn resultaat:

post-7574-0-77984500-1357529169.png

Stap 9

Maak een nieuwe layer (CTRL + SHIFT + N) boven de Color Balance. Zorg wel dat deze onder de render blijft! Zet de blendmode van de layer op Overlay.

post-7574-0-84990100-1357529969.png

Selecteer de Brush Tool post-7574-0-66579500-1357530179.png en kies een soft brush van zo'n 75px:

post-7574-0-35825400-1357530049.png

Zet de foregroundcolor op de kleur #5f99b5:

post-7574-0-80108700-1357529984.png

Brush nu licht over de gesmudgde stukken heen. Mijn resultaat:

post-7574-0-57076300-1357530115.png

Stap 10

Hoogste tijd om de render meer bij de background te betrekken. Je kunt ervoor kiezen om de smudge-technieken van net te gebruiken om de render in te blenden, maar ik heb ervoor gekozen om dat met een aparte afbeelding te doen. Open deze afbeelding in je signature en gebruik de sneltoets CTRL + SHIFT + U om 'm zwart-wit te maken. Zet daarna de blendmode op Screen. Er blijven nu een hoop witte vegen over die je kunt gebruiken voor het inblenden. Dit is even een kwestie van passen en meten: kijk vooral hoe de witte vegen ogen op de armen. De rest is niet belangrijk, dat gummen we toch weg. Voor het gemak heb ik alle onderliggende effecten even weggehaald zodat je kunt zien hoe de C4D op mijn signature ligt:

post-7574-0-07935800-1357612251.png

Zodra je tevreden bent met de positionering gum je alle onnodige stukken weg met een soft brush. Selecteer daarna de Smudge Tool post-7574-0-75140000-1357526537.png en smudge (met de instellingen die we net ook voor de background gebruikt hebben) licht over de C4D-render heen. Houd rekening met de 'flow', dus smudge met de arm mee. Mijn resultaat (voor de duidelijkheid nog steeds even zonder de background):

post-7574-0-26597900-1357612500.png

Voeg een Color Balance toe. Zorg dat deze boven de gesmudgede layer staat. Klik vervolgens met je rechtermuisknop op deze Color Balance en kies voor Create Clipping Mask.

post-7574-0-28174700-1357612910.png

Op je layerpalet zul je een pijltje moeten zien dat wijst van de Color Balance naar de gesmudgede layer. Op deze manier worden de instellingen van de Color Balance uitsluitend op deze specifieke layer toegepast. Neem voor de Color Balance de onderstaande instellingen over:

post-7574-0-55878000-1357613183.pngpost-7574-0-46198400-1357613188.pngpost-7574-0-45024300-1357613193.png

Mijn resultaat:

post-7574-0-03031000-1357613200.png

Ik ben nog niet helemaal tevreden, dus ik heb deze stap ook toegepast aan de achterkant van de render en boven bij het wapen:

post-7574-0-64378600-1357614234.png

Stap 11

Voeg een Curves toe (via het zwart-witte bolletje onderaan je layerpalet) en neem de onderstaande instelling over:

post-7574-0-24592800-1357614358.png

Mijn resultaat:

post-7574-0-36442300-1357614364.png

Stap 12

Open deze C4D-render in je signatue en zorg dat deze helemaal bovenaan staat. Druk op CTRL + T en draai de render zodat deze past in de flow van de blauwe achtergrond.

post-7574-0-32706500-1357615523.png

Zet de C4D-render vervolgens op blendmode Screen.

post-7574-0-75826300-1357615644.png

Zoals je ziet, valt de zwarte background weg en houd je de oranje delen over. Die gaan we gebruiken voor de 'schietende' oranje beams. Beweeg de C4D-render met de Move Tool post-7574-0-80894600-1357523937.png door je signature en kijk naar geschikte plekken die je kunt gebruiken. Mijn oogt valt op het bovenste topje:

post-7574-0-43454600-1357616316.png

post-7574-0-41380500-1357616323.png

Plaats de beam op een geschikte plek en ga naar Filter > Blur > Motion Blur. Ik heb de onderstaande instellingen gebruikt:

post-7574-0-67319100-1357616437.png

Let op: Bepaal voor jezelf de juiste angle. Zorg dat de beam wel 'scherp' genoeg blijft. Speel met de angle tot je tevreden bent. Mijn resultaat:

post-7574-0-72277500-1357616578.png

Gum met een soft brush de overbodige delen weg:

post-7574-0-79239100-1357616585.png

Stap 13

Voeg een Color Balance toe boven de layer van de oranje beam. Klik met je rechtermuisknop op de Color Balance en kies voor Create Clipping Mask. Neem daarna de onderstaande instelling over:

post-7574-0-55005900-1357617251.png

Mijn resultaat:

post-7574-0-97432300-1357617425.png

Houd CTRL ingedrukt en klik op de layer van de oranje beam en de Color Balance. Klik vervolgens op je rechtermuisknop en kies voor Duplicate Layer. Beide layers worden gedupliceerd en het effect wordt versterkt. Mijn resultaat:

post-7574-0-62812400-1357617432.png

Ik heb de beam en de Color Balance beide nog twee keer gedupliceerd en vervolgens iets kleiner gemaakt. Met dit stukje heb ik de beam wat verlengt:

post-7574-0-12626100-1357684886.png

Stap 14

Open deze C4D-render in je signature en zet de blendmode op Color Dodge. Er blijft weinig over van de C4D-render, maar we hebben ook maar klein stukje nodig: een strakke lijn. Het stukje dat ik gebruikt heb, heb ik met een rode pijl aangegeven.

post-7574-0-30171800-1357685227.png

Plaats deze lijn in de beam en duplicate de C4D-render een twee of drie keer. Verdeel deze lijnen over de beam. Zet de blendmode op Color Dodge en gum onnodige stukjes weg met een soft brush. Mijn resultaat:

post-7574-0-34567100-1357685399.png

Stap 15

Open deze C4D-render in je signature en zet de blendmode op Linear Dodge (Add). Voeg boven deze render een Photo Filter toe. Klik met je rechtermuisknop op de Photo Filter en kies voor Create Clipping Mask. Neem vervolgens deze instellingen over:

post-7574-0-53680900-1357685729.png

Kleurcode: #ec8a00

Mijn C4D-render ziet er alsvolgt uit:

post-7574-0-93859900-1357685966.png

Voeg boven de Photo Filter een Color Balance toe. Klik met je rechtermuisknop op de Color Balance en kies voor Create Clipping Mask. Neem daarna de volgende instellingen over:

post-7574-0-83077800-1357686184.pngpost-7574-0-74691400-1357686191.png

Mijn C4D-render ziet er alsvolgt uit:

post-7574-0-49392200-1357686089.png

Stap 16

We hebben alleen de miniscule deeltjes van deze C4D-render nodig. Die zetten we op de beams voor het 'sparkling' effect. Ik heb met rood omcirkelt op welke delen ik met name doel:

post-7574-0-55987200-1357686432.png

Houd CTRL ingedrukt en selecteer de C4D-render, Photo Filter en Color Balance. Klik vervolgens met je rechtermuisknop op de selectie en kies voor Duplicate Layer. Doe dit twee of drie keer en sleep met de Move Tool post-7574-0-80894600-1357523937.png de gedupliceerde stukjes naar een ander deel van de beam. Verklein de render als de stukjes wat te groot zijn. Gum alle onnodige restjes weg met een soft brush (ook op de gedupliceerde layers!). Mijn resultaat:

post-7574-0-71962200-1357686553.png

Stap 17

Voeg meerdere beams toe zoals beschreven staat in stap 12 t/m 16. In het kort:

Kies een geschikte beam en blur deze met een Motion Blur (let daarbij telkens goed op de angle):

post-7574-0-14370500-1357694040.png

Voeg een strakke lijn toe van de C4D-render uit stap 14 om de beam wat meer power te geven:

post-7574-0-21239800-1357694047.png

En voeg tot slot enkele 'sparkling' effects toe:

post-7574-0-97578600-1357694055.png

Mijn eindresultaat:

post-7574-0-19288400-1357694254.png

Stap 18

Maak een nieuwe layer boven alle andere layers en selecteer de Brush Tool post-7574-0-66579500-1357530179.png. Kies een soft brush van zo'n 400px.

post-7574-0-14601900-1357694363.png

Zet je foreground-color naar #ff9a1d.

post-7574-0-37542900-1357694513.png

Brush nu eenmalig in de rechteronderhoek. Zorg dat ongeveer de helft van de brush buiten de signature valt. Mijn resultaat:

post-7574-0-48876300-1357694650.png

Zet de blendmode op Screen. Mijn resultaat:

post-7574-0-60484400-1357694658.png

Stap 19

Voeg boven de layer van de render een Gradient Map toe (via het zwart-witte bolletje onderaan je layerpalet) en neem daar de onderstaande gradient voor over:

post-7574-0-93939100-1357694899.png

Van #475461 naar #8092a1.

Klik met je rechtermuisknop op de Gradient Map en kies Create Clipping Mask. Zet de blendmode vervolgens op Color. Mijn resultaat:

post-7574-0-89689900-1357694993.png

Stap 20

Voeg boven de Gradient Map van net een een nieuwe layer toe (CTRL + SHIFT + N). Klik met je rechtermuisknop op de layer en kies voor Create Clipping Mask. Selecteer de Brush Tool post-7574-0-66579500-1357530179.png en brush met een oranje kleur over de voorkant van de render (gezicht, borst, rechter voorarm en linker onderarm) varieer met verschillende tinten oranje en brushsizes (30-50px). Onderstaand een inzicht in de door mijn gebruikte kleuren op de verschillende lichaamsdelen:

post-7574-0-58712100-1357695454.png

Zet de blendmode op Soft Light en de opacity op 80%.

post-7574-0-50290800-1357695645.png

Mijn resultaat:

post-7574-0-81679800-1357695652.png

Stap 21

Voeg een nieuwe layer toe boven je recenste layer (van de vorige stap). Klik hier met je rechtermuisknop op en kies opnieuw Create Clipping Mask. Herhaal de vorige stap. Dit zijn mijn gebruikte kleuren:

post-7574-0-59153700-1357696033.png

Zet de blendmode op Overlay en de opacity op 60%. Mijn resultaat:

post-7574-0-72406400-1357696053.png

Stap 22

Maak boven alle andere layers een nieuwe layer en ga naar Image > Apply Image. Ga vervolgens naar Filter > Sharpen > Sharpen en zet de opacity van deze layer op 40%. Resultaat:

post-7574-0-95928700-1357696442.png

En dat is het wel zo'n beetje... Het eindresultaat verschilt iets met het origineel, want ik heb niet alle (kleine) adjustments meer kunnen achterhalen. Ik hoop dat de tutorial goed bevallen is en verwacht natuurlijk een aantal mooie uitkomsten van jullie! Mocht je nog vragen of opmerkingen hebben over de tutorial, schroom dan vooral niet om hier een reactie achter te laten!

Link to comment
Delen op andere websites

  • 1 year later...

Deze tutorial is echt geen makkie voor een beginner. Ik gebruik photoshop nu al een paar jaar maar heb nooit echt progressie geboekt. Nu met deze tutorial heb ik wel écht wat bijgeleerd, waarvoor ik jou bedank, Matthijs! Echt top :)

Nu, ik heb niet de hele tutorial kunnen volgen aangezien de link waar de render stond dood is. Vanaf die stap koos ik dus maar voor een Messi-render. Het resultaat vind je in mijn showtopic.

Jammer dat er nog geen respons is geweest op deze tut want hij is echt geweldig :tu:

KUTGW!

Link to comment
Delen op andere websites

  • 6 maanden later...

Was het de manier waarop het uitgelegd werd of kon je dingen niet vinden? Ik wil je best een handje helpen hoor. smile3.gif

Het is geweldig uitgelegd hoor!

Maar ik denk dat het door de render komt, ik heb die van Bas gebruikt omdat Render link broken was.

Daarom kreeg ik met het smudgen ofzo al problemen, dat de uitkomst niet het zelfde was.

Maar ik heb de stappen gevolgd.

Ik ben echter wel tevreden met het resultaat!

Link to comment
Delen op andere websites

Een reactie plaatsen

Je kan nu een reactie plaatsen en pas achteraf registreren. Als je al lid bent, log eerst in om met je eigen account een reactie te plaatsen.

Gast
Op dit onderwerp reageren...

×   Je hebt text geplaatst met opmaak.   Opmaak verwijderen

  Only 75 emoji are allowed.

×   Je link is automatisch ingevoegd.   In plaats daarvan weergeven als link

×   Je vorige bewerkingen zijn hersteld.   Alles verwijderen

×   You cannot paste images directly. Upload or insert images from URL.

  • Recent actief   0 leden

    • Er zijn hier geen geregistreerde gebruikers aanwezig.
×
×
  • Create New...