Share
In deze tutorial gaan we een soort ouderwetse compositie maken met een kompas en gebruik maken van een aantal geweldige vectorillustraties van Arsenal. Zoals altijd staat er onderaan de tutorial een PSD-bestand. In dit geval raad ik aan het te downloaden omdat dit een vrij complexe compositie is. Wees gewaarschuwd dat dit een lange handleiding is!
Oh en voor het geval je je dit afvraagt, inspiratie komt van een hele nette set boeken, waarvan er één het Gouden Kompas wordt genoemd (eigenlijk maken ze nu de boekenreeks een film!).
Om dit te doen, hebben we een aantal middelen nodig om mee te werken. Ik gebruik enkele vectorvormen uit de Freebie-sectie van GoMedia / Arsenal. Arsenal is een verzameling vectorpakketten die u koopt en die in Illustrator of Photoshop kan worden gebruikt. In dit geval omdat ik goedkoop ben, ging ik gewoon naar de sectie 'Freebie' en downloadde ik alles daar!
Daarnaast had ik een kompasafbeelding nodig die ik van iStockPhoto kreeg voor $ 1. Ik gebruik ook het lettertype Nuptial Script. Ik kan niet voor het leven van me onthouden waar ik dit lettertype heb of dat het gratis is of niet. In ieder geval, als je dat specifieke lettertype niet hebt, kun je waarschijnlijk iets soortgelijks vinden.
Ik heb deze tutorial opgesplitst in twee delen en aan het einde brengen we ze samen om de uiteindelijke afbeelding te vormen. Je moet de PSD downloaden en er doorheen kijken. Deze afbeelding is echt behoorlijk ingewikkeld en het zal logischer zijn als je naar de lagen kijkt!
Dus eerst en vooral beginnen we met een achtergrondverloop. Zoals altijd gebruik ik een radiaal verloop en enkele donkere blauwachtige kleuren.
Voorgrondkleur - # 35444b
Achtergrondkleur - # 1a2023
Nu is het volgende dat je moet doen, plakken in de eerste van onze vectorafbeeldingen. Dit is een soort banier.
Er zijn twee manieren om dit te doen. Nadat u naar de GoMedia-site bent gegaan, klikt u op het gedeelte Freebie en downloadt u een EPS-document. Deze documenten hebben de vorm van een vector en idealiter kunt u ze openen in Illustrator en vervolgens de vector kopiëren en plakken naar Photoshop. Als u het op deze manier doet, krijgt u een Smart Vector-object dat u kunt wijzigen zonder de kwaliteit te verliezen. Als u dit doet, moet u mogelijk later met de rechtermuisknop op de laag klikken en op Laag raster maken, omdat we er iets aan moeten doen.
Als u geen Illustrator heeft / gebruikt, kunt u ook het EPS-bestand openen in Photoshop. Het zal je vragen hoe groot je wilt om te rasteren. Ik kies gewoon een aantal willekeurige waarden en voer deze een paar keer opnieuw uit totdat ik de juiste maat heb. Merk op dat zodra het gerasterd is, je informatie verliest in de afbeelding wanneer je het formaat wijzigt, dus het is het beste om het slechts één keer te doen.
Hoe dan ook, hier is de banner:
Pak nu de Magic Wand Selection Tool (W) en klik op het bovenste deel van de banner, maak dan een nieuwe laag en vul deze met een beige kleur (# dfd6b8)
Herhaal het proces met de twee delen van de banner op de achtergrond (zoals hieronder weergegeven).
Vervolgens willen we het een beetje opruwen, wat we kunnen doen met de Burn Tool (O). In het geval dat u nog nooit de Dodge- en Burn-tools hebt gebruikt, in feite verdonkeren of verlichten ze een voorwerp. Je gebruikt ze door te schilderen met een penseel en het zijn mooie gereedschappen. Een handige tip is dat als je eenmaal hebt gekozen, het gereedschap Verplaatsen zegt, dan kun je Alt ingedrukt houden en het zal naar Dodge schakelen (en omgekeerd), zodat je niet naar de werkbalk hoeft te gaan en daar te veranderen.
Omdat we nu een heel korrelige look willen, loont het om een korrelig penseel te gebruiken. In dit geval heb ik een penseel gebruikt dat ik opnieuw heb gedownload van de Freebie-sectie van de GoMedia-site. Je download ze gewoon en open vervolgens het palet Penseel, klik op de kleine pijl naar rechts en kies Penseel laden en ze moeten allemaal onderaan verschijnen.
Zodra je een mooie grungy borstel hebt, begin je gewoon met het verbranden van de rechterkant zoals getoond. Doe het in korte blobs, zodat je een mooie ruwe textuur krijgt.
Herhaal dit proces aan de andere kant en gebruik dan een beetje Dodge in het midden. Herhaal dan nogmaals aan de achterkant, zodat de stukjes naar het midden donker worden en de buitenzijden lichter worden.
Merk op dat we hier proberen licht te simuleren met de lichtbron van de dood voor ons. Dus de reden waarom we het zo doen is dat de bits aan beide kanten donker moeten zijn omdat die delen zich van de kijker afwenden. Aan de achterkant vallen de delen in het midden in vouwen zodat ze in de schaduw staan. Natuurlijk is dit slechts een vage benadering, maar het helpt bij het algemene beeld.
Houd nu Ctrl ingedrukt en klik op de laag met het bovenste beige gedeelte om het te selecteren. Druk vervolgens een paar keer op de pijl-omhoog. Schakel vervolgens terug naar de originele bannervectorlaag en druk op Verwijderen.
Kortom, we verwijderen de bovenste zwarte lijn.
Vul nu in een nieuwe laag de selectie in met een donkerblauwe achtergrond (# 283438)
Ga weer naar de oude 'Burn Tool' en begin deze laag wat textuur te geven. Net als eerder wilt u dat de randen iets donkerder zijn dan het midden, maar maak het effect niet te uitgesproken.
Dupliceer nu de beige laag van achteren en beweeg deze iets omhoog en dan naar links zoals getoond. Dit geeft onze banner een off-center look die het superbad maakt!
Vervolgens gaan we de rest van het vectorzwarte deel vervangen door donkerblauw en opnieuw wat textuur geven. Houd dus Ctrl ingedrukt en klik op die laag om deze te selecteren. Vul het dan met een donkerblauwe kleur.
Ga opnieuw door en gebruik het gereedschap Branden om schaduwen toe te voegen aan de delen die de vouwen ingaan om het een beetje driedimensionaal te maken.
Leg in een nieuwe laag wat tekst op. Ik heb hier wat willekeurige woorden geschreven. Gebruik een beige kleur en kies een leuk lettertype. In dit geval gebruik ik het Nuptial Script.
Klik nu op het gereedschap Tekst (T) en klik bovenaan op die T met de pijl eronder om de opties Tekst verdraaien te openen. Hier gebruiken we Arc en geven het een bocht van ongeveer 43%.
Houd er rekening mee dat als u een illustrator-gebruiker bent, u een tekst op een pad in Illustrator kunt doen en deze vervolgens kunt kopiëren en mogelijk minder vervorming op de letters heeft. Maar aangezien dit een tutorial voor Photoshop is en geen Illustrator-versie, houden we ons aan PS :-)
Vervolgens heb ik een aantal laagstijlen toegevoegd om de tekst er goudkleurig uit te laten zien. U kunt de PSD aan het einde van deze zelfstudie openen en de laagstijl kopiëren door met de rechtermuisknop op de laag te klikken en Laagstijl kopiëren te selecteren. Ik ben dol op laagstijlen zoals je ongetwijfeld zult merken als je genoeg van mijn tutorials leest. Het beste wat je kunt doen bij het gebruik van laagstijlen, is spelen met elke instelling, er zijn zoveel coole dingen die je kunt doen.
Dus je zou iets moeten hebben dat lijkt op de afbeelding hieronder! Vervolgens gaan we de achtergrond en kleur maken. Dus schakel de zichtbaarheid van deze lagen uit en laat u beginnen met de achtergrond.
In dit gedeelte gaan we alle andere delen van de afbeelding maken. Dit soort dingen doen wat we al hebben gedaan - de beste manier om de volgorde van de lagen te zien, is door naar het Photoshop-bestand te kijken.
Dus schakel al je huidige lagen uit behalve de achtergrond.
Nu gaan we een beetje textuur toevoegen aan de achtergrond. Hiervoor gebruik ik een voorbeeld textuur, wederom van GoMedia / Arsenal's Freebie Section
Deze heet "Rust11.jpg." Plak het in en verkleinen het op maat. Zet het dan op Overlay, zodat het interageert met de donkere blues van onze achtergrond.
Omdat ik dacht dat dat er niet donker genoeg uitzag, voegde ik een laag bovenop donkergrijs toe en stelde dat in op Vermenigvuldigen en 35%.
Ik moet erop wijzen dat met een ingewikkeld beeld, je een beetje moet experimenteren en dingen met het oog doen. Zo vaak zou ik ergens naar kijken en denken, dit moet donkerder zijn, of dat werkt niet en neemt dingen eruit of brengt dingen in. Zeker toen ik met dit beeld kwam, heb ik deze stappen in deze volgorde niet doorlopen. Het is gewoon een handige manier om de informatie aan u door te geven. Dus denk niet dat je een geweldig plan in gedachten moet hebben wanneer je afbeeldingen maakt, doe gewoon wat goed voelt. Hoe meer je doet, hoe meer je geoefend wordt om te bepalen of iets goed is of niet.
Nu heb ik wat meer van de vectoren uit het gratis GoMedia-pakket geplakt. Ik koos een aantal oud uitziende standbeeldvectoren en plaatste ze allemaal op Vermenigvuldigen. Omdat ik er niet genoeg van had, knipte ik een paar om de hele pagina te bedekken zonder eruit te zien alsof ik het gewoon steeds opnieuw herhaalde!
Vervolgens plak ik de voorlaatste van onze vectoren van GoMedia. Dit is blijkbaar een halftoon ding. Het lijkt in ieder geval op luiken en we gaan het gebruiken voor verlichting. Ten eerste omdat de vector zwart was, heb ik op Ctrl-I gedrukt om de kleur in wit om te keren. Je zou het net zo gemakkelijk kunnen vullen met wit, kleur-overlays met wit of selecteer de pixels en maak een nieuwe laag en vul die met wit. Echt waar, er zijn vaak veel manieren om hetzelfde te doen in Photoshop: ik denk dat dat het is wat het zo'n geweldig programma maakt!
Vervolgens raken we Ctrl + T om de vector te transformeren en draaien en uit te rekken om groter te worden.
Zet die laag op Overlay en zorg ervoor dat deze mooi en groot is (zoals hieronder getoond). Zoals je ziet lijkt het een beetje op licht dat binnenstroomt vanuit een paar open luiken. Je zult niet veel kunnen zien in de uiteindelijke afbeelding, maar details zoals deze vormen uiteindelijk een mooie complexe compositie.
Ook omdat licht zelden mooi en scherp is, is het een goed idee om naar Filters> Vervagen> Gaussiaans vervagen te gaan en een vervaging toe te passen met een straal van zeg 1 px om het een beetje wazig te maken.
Maak vervolgens een nieuwe laag en gebruik een radiaal verloop van beige (# b58d4e) naar niets, teken vanuit het midden naar buiten om een kleurpatch te maken, zoals hieronder te zien is. Stel de overvloeimodus van deze laag in op Scherm. Dit gaat weer een beetje licht worden.
Dupliceer nu die laatste laag opnieuw en we gaan er nu een paar keer een golffilter overheen draaien om de verlichting dynamischer te maken. U doet dit door naar Filter> Vervormen> Golf te gaan.
Ik moet toegeven dat ik niet echt begrijp hoe het Wave-filter werkt, dus verplaats ik meestal een paar schuifregelaars een beetje en druk op Randomize totdat ik een mooie vervorming krijg - wetenschappelijk weet ik het :-)
Hoe dan ook, als je dat eenmaal hebt gedaan, zul je zien dat je klodder een beetje golvend wordt. Druk een paar keer op Ctrl + F om het te maken werkelijk vervormd en je zou een interessant effect moeten krijgen.
Nadat je dat hebt gedaan, zou je dit kunnen doen als je het proces herhaalt en een tweede lichtklodder op de pagina hebt.
Nu heb ik weer een andere vector aan de afbeelding toegevoegd, opnieuw uit de gratis sectie van GoMedia. Dit lijkt op wat ruw vuil, en ik heb het net toegevoegd en de overvloeimodus gewijzigd in Overlay en 40%.
Vervolgens ging ik naar een willekeurige webpagina over de Bijbel en kopieerde een willekeurige tekst en plakte die telkens opnieuw. Terugkijkend, deed ik een beetje waardeloos werk met het houden van de regels, zelfs als ik ze dupliceerde, maar dat doet er eigenlijk niet toe, denk ik. Het belangrijkste is om veel tekst te krijgen en de lagen samen te voegen.
Stel vervolgens de mengmodus in op Hard licht en 40%.
Tot dusverre hadden we eigenlijk ACHTER de oorspronkelijke lagen uit Deel 1 moeten zijn. Maak nu een laag BOVEN de banner van Deel 1. En kies een grote, dikke, zachte borstel (zeg 200-300) en met zwart als je voorgrondkleur, schilder je gewoon langs de randen zoals weergegeven. Wanneer u klaar bent, wijzigt u de overvloeimodus in Overlay.
Kies in een nieuwe laag deze kleuren als je voorgrond en achtergrond:
Voorgrondkleur - deb883
Achtergrondkleur - 745222
en ga dan naar Filter> Renderen> Wolken. Dat zou je wat wolken moeten geven, maar om meer te krijgen dynamisch renderen, druk op Ctrl + Alt + F. Ik weet niet zeker wat dit eigenlijk is in de menu's, maar ik weet dat het wolken oplevert met een zwaarder verschil, wat we willen. Je zou wat wolken moeten zien die er als volgt uitzien.
Zet de overvloeimodus op Overlay en 65%. Deze laag zal ons het grootste deel van onze kleuring geven.
OK, nu bijna daar!
Je moet een paar lagen aan de bovenkant hebben, een aantal achtergrondlagen onderaan, en dan de lagen uit deel 1 ergens in het midden.
Vervolgens gaan we het kompas toevoegen. Dit moet in het midden van de lagen uit Deel 1 gaan omdat het met hen zal communiceren. U kunt de exacte volgorde bekijken door het PSD-bestand te downloaden onder aan deze zelfstudie.
Dus met behulp van de Circle Selection Tool knip ik het kompas uit de oorspronkelijke achtergrond (onthoud dat ik dit kompas van iStockPhoto heb). Het ziet er gelig uit, want we hebben die wolkenlaag ergens daarboven.
Het kompas ziet er een beetje duidelijk uit zoals het is, dus we gaan de kleuren wat opfleuren. Om dit te doen, dupliceert u de kompaslaag en drukt u op Ctrl + Shift + U om het te desatureren (dus maak het zwart en wit)
Stel de zwart-witlaag in op Overlay. Dit geeft een hoger contrastbeeld. (Eigenlijk kun je op een paar andere manieren hetzelfde effect bereiken.)
Ga vervolgens weer naar de Burn Tool en ga naar de originele kompaslaag om hem een beetje verstandige verbranding aan de onderkant en zijkanten te geven. Nu begint ons kompas er aardig en warm uit te zien.
Dan in een laag beneden kompas, maak een zwarte cirkel van dezelfde grootte als het kompas. U kunt dit doen door op Ctrl te drukken en op de kompaslaag te klikken en vervolgens terug te gaan naar de onderliggende laag en deze met zwart te vullen.
Ga vervolgens naar Filter> Blur> Gaussian Blur en geef het een vervaging van 10 px of zo. Dit is de schaduw voor ons kompas.
Ten slotte plaatsen we de kompas + achtergrond + banner samen om de uiteindelijke afbeelding te vormen!
Merk op dat er een paar lagen waren die ik wegliet om deze tutorial kort te houden (hoe dan ook korter). Je kunt de PSD downloaden om de rest te zien! Ik hoop dat je die tutorial leuk vond, het was een beetje een monster!
Accentsconagua