Share
In deze zelfstudie maken we getrokken elementen, gebruiken ontwerpborstels, brengen ze naar Photoshop en voegen ze samen tot een unieke postercompositie die handgemaakt, stilistisch uniform en gepersonaliseerd aanvoelt. De technieken hier zijn gericht op het creëren van een originele artistieke illustratie. Laten we eens kijken hoe dit posterontwerp is gemaakt.
Voordat we aan de slag gaan, laten we eens kijken naar de afbeelding die we gaan maken. Zoals altijd is het gelaagde Photoshop-bestand beschikbaar via ons Psdtuts + Plus-lidmaatschap. U kunt het uiteindelijke afbeeldingsvoorbeeld hieronder bekijken of een grotere versie hier bekijken.
Ik heb de laatste tijd tijd besteed aan het ontwikkelen van een stijl en techniek voor mezelf, en zou het graag met je willen delen. Je kunt alle ontwerpen in mijn Behance-portfolio zien. We zullen leren hoe we de eerste kunnen maken, door een paar kunst- en Photoshop-technieken te gebruiken. Maar in plaats van u aan te moedigen om mijn werk te reproduceren, raad ik u aan uw persoonlijke talent te verfijnen en originaliteit te ontwikkelen binnen uw ontwerp.
De naam van het spel hier is experimenteren. En om iets van deze stijl te kunnen maken, moet u ook een manier vinden om daar te komen met uw eigen middelen. Gebruik deze tutorial dus als een referentie om iets te maken dat u en uw stijl vertegenwoordigt. Ook kunt u meer lezen over het creëren van originaliteit in uw ontwerp- en illustratiewerk.
Het eerste wat u moet doen is de huidige trends erkennen die u bewondert en die u inspireren. Maak een bladwijzer van alles en begin het te analyseren. Ik heb mijn blik op het doodling gericht, een leuke en opwindende manier om te tekenen. Ik raad doodlage aan als een geweldige en leuke plek om inspiratie op dit gebied te zoeken. Voor een bespreking van Doodlage, en een interview met de site-editors, zie de post Inspiration - Doodlage. Toen ik eenmaal wist wat ik wilde, zocht ik borstels en sneed externe bronnen af toen ik begon te experimenteren. Misschien wil je eens kijken naar de post die laat zien met welke andere leden van de Psdtuts + ook wordt geëxperimenteerd. Het toont ook enkele van mijn oudere doodles.
Laten we beginnen met het bekijken hoe deze "Draw" -poster gemaakt moet worden. Dan is het eerste dat we doen de grootte, inhoud en kleuren plannen. Ik heb de mijne gemaakt voor een poster op A3-formaat, 420 mm bij 297 mm, of 4961 px x 3508 px, ingesteld op 300 ppi. Het voordeel van een groot formaat maken is het vermogen om het later aan te passen aan een afdrukbare full-size poster, tijdschriftillustraties, designkleding zoals t-shirts, of webontwerpcontent. Welke maat u ook kiest, houd er rekening mee dat ik instructies zal geven op basis van een A3-doek op 300 ppi.
De inhoud zal draaien rond het thema tekenen, met behulp van verschillende technieken: aquarel, doodling en inktpen illustratie. We tekenen de doodles met een gewone stift en papier, en maak je geen zorgen als je tekenvaardigheden niet werken, ik zal het proces uitleggen. De inktpen ziet er vooral uit door de inktachtige paarse kleur en verfspatten.
Als kleurenschema ben ik begonnen met het kiezen van een neutrale achtergrondkleur: e4c99f. De volgende is de donkerdere paarse kleur die diepte en contrast kan toevoegen aan het ontwerp: 2d3043. De tweede hoofdkleur kwam uit de achtergrond: e49549. Dus waarom twee tinten oranje en paars? Nou, je hebt meestal een donkere kleur nodig die als een chromatisch anker fungeert. Ik koos paars omdat het op inkt lijkt. Er zijn veel kleuren die je kunt kiezen met paars, zoals limoengroen of geel, maar ik wilde iets dat warmte zou toevoegen.
Nou, genoeg gebabbel, laten we onze handen vies maken! Maak uw canvas op een A3-formaat ingesteld op 300 dpi. Vul de achtergrondkleur met deze kleur: e4c99f. Ik heb een eenvoudige lay-out met donkere lijnen gemaakt.
Het eerste element dat we zullen maken is een schetsboek. Het zal nauwelijks merkbaar en alleen suggestief zijn. Om het te maken, hebt u de twee binnenste covers van deze Bittbox-freebie nodig. Gebruik nummer 3 en 10 in de downloadlijst. Nadat je Photoshop hebt geplaatst, ga je naar Filter> Uitpakken en schilder je het overeenkomstig om het uit te knippen. Gebruik een borstel die groot genoeg is om de draden te behouden.
Na het uitpakken, drukt u op Command + T om het te transformeren en naar zijn nieuwe positie te verschuiven.
Dubbelklik op de laag om een laagstijl toe te voegen. Voeg een kleuroverlay toe en selecteer een kleur paars.
Dupliceer de laag (Command + J) en verplaats deze een beetje om de dekkingsdikte te geven. Verander zijn kleur in de achtergrondkleur.
Herhaal hetzelfde proces met de tweede foto, behalve de kleur van de buitenste omslag in oranje veranderen.
Het is tijd voor wat krabbels 101. Hieronder zie je hoe ik de bomen heb gemaakt. Mijn persoonlijke tip is om te beginnen door kleine stapjes te maken. Maak eenvoudige vormen en observeer welke functies u leuk of niet leuk vindt. Vanaf het allereerste begin heb ik besloten dat mijn bomen op de bodem overdreven eenvoudig moeten zijn, complex aan de bovenkant, en dat ze gewoon een illustratie zouden zijn, geen representatie. Het is meer een karikatuur van een boom dan een echte schets.
Dus ga je gang en pak een pen en een stuk papier. Ik heb een Ultra Fine Point Sharpie Marker gebruikt, die prima werkt op standaard Xerox-papier. Ik heb geen ruw papier gebruikt, omdat ik wilde dat de randen van de lijnen zacht waren. Misschien wil je dat ook proberen. Zodra u uw bomen hebt gemaakt, scant u ze en voegt u ze in een afzonderlijk Photoshop-project in.
Opmerking: houd er bij het tekenen rekening mee dat de elementen proportioneel in grootte moeten worden gebalanceerd.
Plaats de nieuwe boom op de bovenste laag in je bestand en maak een witte achtergrond waarvan er één een laag eronder is. Zodra u de gescande structuur in een laag hebt, dupliceert u deze (Command + J) en stelt u de overvloeimodus van de laag in op vermenigvuldigen. Dat zal het verduisteren.
Ga naar Selecteren> Kleurbereik en selecteer Schaduwen in het vervolgkeuzemenu. Hiermee selecteert u alleen het zwart uit de afbeelding.
Nadat u de selectie hebt gemaakt, klikt u met de rechtermuisknop in het canvas terwijl het selectiekader actief is en selecteert u vervolgens Werkpad maken. Voer 1,5 pixels in het volgende menu in. Minder pixels zorgen voor een wreder resultaat en meer lijnen maken de lijnen vloeiender en strakker. Probeer een balans te vinden, omdat te veel pixels de kunst te geometrisch maken.
Ga naar Laag> Nieuwe opvullaag> Effen kleur en vul de selectie met ons paars.
Ik ben vaak begonnen met het traceren van iets met het pengereedschap, denkend dat ik een vorm aan het creëren was, hoewel ik eigenlijk in de padmodus was. In het geval dit jou overkomt, is er een manier om eruit te komen. Beëindig het traceren en ga naar Laag> Nieuwe opvullaag> Effen kleur. Selecteer een kleur en je hebt een vectorvorm. Soms vult Photoshop echter de buitenkant en niet de binnenkant als je het probeert te vullen.
Als u dit wilt corrigeren, klikt u met de rechtermuisknop in het canvas terwijl u het selectiekader hebt geselecteerd en gaat u naar "Selectie maken" nadat u het in de padmodus hebt getraceerd. U zult merken dat de selectie wordt omgekeerd. Dus druk gewoon op Command + Shift + I om de selectie om te keren. Daarna zet je het terug in een pad en vult het.
Laten we teruggaan naar onze boom. We moeten de achtergrond creëren. Het enige dat we nu hebben is het overzicht. Dus pak de "Pen Tool" en begin er een achtergrond voor te maken. Vanwege de stijl zou ik niet voorzichtig zijn om het precies te traceren. Vul het met de lichtoranje achtergrondkleur in uw project. Dat is het.
Nu je de techniek kent, kun je een andere boom (of meer) en wat wolken maken. Speel rond met de lay-out, maar probeer geen elementen te overlappen die niet samen zijn getekend (elkaar raken in de eigenlijke doodle). En vermijd rommel. Houd het ontwerp op afstand met voldoende witte ruimte om het de ruimte te geven om te ademen.
Opmerking: Houd de breedte van de elementen gelijk. Vergroot of krimp elementen proportioneel en allemaal samen, anders krijg je verschillende soorten lijndikte. U wilt dat ze allemaal dezelfde lijndikte hebben.
Op dit punt voegen we de tekst toe. Download dit lettertype: Weigeren. Typ de letter "D" in uw project. Zorg ervoor dat het op de bovenste laag staat (boven alles). Maak onder deze laag een nieuwe laag en vul het hele canvas met wit.
Plaats de nieuw getypte letters in uw ontwerp. Simuleer diepte door meerdere letters te vergroten. Vermijd symmetrisch paren door letters te groeperen in 2-2- of 3-3-indeling. Ik stop de mijne in 2-1-1, wat een dynamischer gevoel geeft. Lichte hellingen zijn welkom, maar overdrijf niet - onthoud dat dit een enigszins stationaire scène is, dus de letters moeten eruit zien alsof ze zweven. Zie de vierde versie in mijn Behance-serie "Tekenen" met de titel "Kleur" om een rangschikking van letters te zien die een snelle beweging simuleert..
Ga naar de letter "D" en Command + klik op het laagpictogram om het te selecteren met het selectiekader. Ga daarna naar Selecteer> Wijzigen> Contract. Dit is het lastige gedeelte. We moeten de dikte van de contouren aanpassen aan de dikte van de boom en wolkenlijnen. Trek de selectie aan, denkend dat het selectiekader dat u ziet de werkelijke dikte van de omtrek is. Ik heb de mijne 10 pixels kleiner gemaakt, omdat ik zo de boom kon matchen.
Klik met de rechtermuisknop in het canvas terwijl u het selectiekader hebt geselecteerd en druk vervolgens op Maak werkpad en gebruik 1,5 pixels.
Tot dusverre hebben we het gevectoriseerd in dezelfde techniek als de boom met een kleine aanpassing van de dikte. Het is tijd om weer iets anders te doen. Gebruik het gereedschap Direct selecteren (A) om delen van het nieuw gemaakte pad te verwijderen die op gaten lijken. Je kunt ervoor kiezen om wat in te laten als je wilt, zoals ik deed, maar verwijder de kleine gaatjes.
Zodra je het pad opruimt, ga je naar Laag> Nieuwe opvullaag> Effen kleur.
Pak het gereedschap Pen en traceer de achtergrond van de letter. Wijzig ook de kleur van de contour in de licht oranje en pas getraceerde achtergrondvorm in paars. Dit geeft een meer uniek effect, wordt omgekeerd. Nogmaals, wees opzettelijk onnauwkeurig, maar overdrijf niet.
Herhaal hetzelfde proces met elke letter en pas constant aan hoeveel u de selectiekader selecteert tot de huidige dikte van de bomen en wolken.
Nu is het tijd om wat plezier te hebben met de gratis borsteltjes van bittbox. Download deze penseelsets: Watercolor, Watercolor II en Grungy Watercolor. Begin met het toevoegen van de achtergrondwaterverf. Gebruik onze paarse kleur en houd uw lay-out bij! (Onthoud stap 1).
Voeg wat meer paars toe en voeg oranje toe.
Ga door met het toevoegen van wat oranje en zelfs een paar hinten donker oranje: c6592e.
Laten we nu splatters toevoegen. Download dit pakket, opnieuw uit de prachtige Bittbox freebie-verzameling: Splatters. Begin door de illusie te creëren dat de inkt op de letters op het canvas wordt geplooid. Om diepte aan de splatter toe te voegen, plaatst u eerst een normale splatter op één laag. Dupliceer het zodat het een sterkere kleur en dekking heeft (hoe vaak ook). Selecteer vervolgens de eerste laag die u hebt gemaakt en sleep deze naar beneden.
Begin creatief met het toevoegen van de splatter. Laat ze naar buiten spetteren.
Meer spetteren, maar deze keer met de achtergrondkleur (licht oranje) en van buiten naar binnen.
Bijna daar! Het beeld heeft nog steeds wat meer diepte nodig. Selecteer de paarse die u gebruikt als voorgrondkleur en ga naar Selecteren> Kleurbereik. Gebruik naar eigen goeddunken vaagheid of volg mijn 120-bedrag en druk op Enter. Je zou een selectie van de paarse in de hele afbeelding moeten krijgen.
Maak een nieuwe laag en begin licht te schilderen met een donkerdere tint paars: 1b1d30. Dat zou het noodzakelijke contrast en de diepte moeten toevoegen.
Zoom in en zoek naar problemen. Let op splatters die buiten het canvasgebied vallen en accenten die te sterk zijn verzachten. Hier is een close-up van mij. (Hoek van letter "D").
Wel, we zijn klaar! Hopelijk heb je genoten van deze tutorial en vond je het inspirerend en nuttig. Fijne dag! U kunt de uiteindelijke afbeelding hieronder bekijken of een grotere versie hier bekijken.
Accentsconagua