Maak een Sneaker Concept Illustratie in Vector

In de tutorial van vandaag laat ik je zien hoe je een conceptuele sneakerillustratie kunt maken met een commerciële uitstraling. Ik ben geïnspireerd door de kawaii-stijl, die je kunt zien in verschillende gebieden van populaire vectorkunstgemeenschappen. Ik heb een consistente vector innerlijke gloedstijl gebruikt via het deelvenster Uiterlijk dat je hier zult vinden.


Stap 1

Ik ga mijn nieuwe document instellen zoals ik gewoonlijk zou doen, met een laag voor de referentie afbeelding, een "BG" laag voor een witte vulling Rechthoek (M) ingesteld op 50% Dekking, met lagen voor "Lijntekening" en schetsen.



Stap 2

Ik ga het Klodderpenseel (Shift + B) gebruiken om mijn schetsen te maken, maar eerst ga ik de instellingen van het gereedschap aanpassen, zodat het gebruikmaakt van mijn grafisch tablet.

Dubbelklik hiervoor op het Blob Brush Tool-pictogram in de werkbalk om het Blob Brush Tool-opties dialoogvenster te openen. Ik heb de "Grootte" gewijzigd in 2pt en "Druk" geselecteerd in het vervolgkeuzemenu. Vervolgens heb ik de "Variatie" gewijzigd in 2pt. Klik op OK als je klaar bent.


Vervolgens schetste ik het basisconcept dat ik in gedachten had. Ik heb elk van de afzonderlijke elementen in een andere kleur getekend en vervolgens gegroepeerd (Command + G) om het gemakkelijker te maken ze te verplaatsen waar ik ze nodig had.



Stap 3

Nu om de lijntekeningen voor de sneaker te tekenen. Ik ga in de beginfase de zwarte streken gebruiken. Ik zal echter enkele lijnen als verschillende kleuren tonen, maar dit is alleen om u te laten zien welke lijnen en vormen afzonderlijk getekend zijn.

Ik begin met het tekenen van de algemene schets van de sneaker met een 2pt slaggewicht. Deze eerste vorm krijgt een witte vulling, terwijl de rest niet gevuld is.



Stap 4

Voor de inkepingen in de zool van de sneaker ga ik het gereedschap Lijnsegment (\) gebruiken om vier kleine lijnen te tekenen met een 4pt slaggewicht en afgeronde kappen. Ik ga ze vervolgens selecteren en ga naar Object> Uitvouwen om ze naar vormen te converteren.


Ik ga dan het Pathfinder-paneel naar Minus Front gebruiken, de vier ronde vormen van de grotere sneaker-vorm.



Stap 5

Nu om de rest van de lijnen van de sneaker te tekenen. Deze lijnen hebben een 0.75pt slaggewicht. Er zijn echter delen waar u de zijkant van het overlappende leer van de schoen kunt zien.

Hiermee heb ik 0,75pt slagen voor het bovenoppervlak van het leer gebruikt en daarna een 0,25pt slag gebruikt voor de onderkant van de zijkant van het oppervlak. Gebruik zoals altijd, om het gemakkelijker te maken bij het maken van lijntekeningen, slimme hulplijnen (Command + U) voor kruisende lijnen.


Nadat je de lijnen hebt getekend die de sneaker verdelen, zul je merken dat waar sommige lijnen elkaar kruisen, de hoeken mogelijk niet overeenkomen. U moet de lijnen verplaatsen van misschien enkele van de directe hoeken om een ​​lijn verder te gaan om de hoeken te laten overeenstemmen. Dit geeft het alleen maar een algeheel schoner uiterlijk aan de lijntekeningen.



Stap 6

Voor de vetergaten heb ik de Ellipse Tool (L) gebruikt. Eerst tekende ik de eerste vorm voor de buitenkant van het vetergat en vervolgens gebruikte ik het Vrije Transformatiegereedschap (E) om de ellips te roteren en aan te passen. Vervolgens heb ik de vorm gedupliceerd en de grootte ervan verkleind met het gereedschap Vrije transformatie (E). Deze lijnen zijn ingesteld op 0.75pt Stroke Weight.



Stap 7

De veters zelf kunnen een beetje onhandig zijn, maar door het volgen van het voorraadbeeld en het begrijpen welk stuk overlapt, zou je in staat moeten zijn om vormen te maken voor elk deel van het kruisende kant in het tonggebied. U zult opmerken dat ik een van de lijnen langs de rand van het tonggebied heb gemarkeerd. Dupliceer deze lijn en maak er een vorm van voor het volgende deel.


Maak je geen zorgen over overlappende veters, dit kan worden verholpen door de zojuist vormgegeven vorm te gebruiken en deze te gebruiken naar Pathfinder> Minus vooraan over de relevante vormen. Wees voorzichtig wanneer je dit doet, ik moet toegeven dat het me een paar pogingen kostte om ervoor te zorgen dat ik de juiste kanten secties kreeg! Onthoud altijd dat u in geval van twijfel moet bewerken> Ongedaan maken (Command + Z) of zelfs dubbele vormen. Ik heb Undo zelfs geprogrammeerd in een van de knoppen van mijn eigenlijke stylus.


Vervolgens trok ik langs de zijkant van de veters met een 0.25pt slag voor extra detaillering.



Stap 8

Aan de hand van de schets tekende ik het kant met een witte vulling en een 0.75pt zwarte lijn met het pengereedschap (P). Vervolgens heb ik met het gereedschap Breedte (Shift + W) de breedte van de lijn aan de onderkant vergroot tot 2pt. Vervolgens heb ik de 0.75pt Lijndikte constant gehouden vanaf het midden van het kant naar de bovenkant, dus vanaf het midden van de kant naar de onderkant zal het langzaam toenemen naar 2pt.



Stap 9

Ik heb het veter achter de schoen toegevoegd, met een 0.75pt Stroke Weight en vervolgens 0.25pt stroke voor detaillering.



Stap 10

Trek een witte vulling even cirkel met het ellipsgereedschap (L) en voeg een 0.75pt zwarte lijn toe. Ga naar Effect> Vervormen & transformeren> Opruwen en gebruik de onderstaande waarden. Hiermee wordt het basiseffect voor een boom in cartoonstijl gecreëerd.


Ik heb vervolgens het gereedschap Vrije transformatie (E) en het gereedschap Direct selecteren (A) gebruikt om de vorm van de boom aan te passen, zoals hieronder wordt weergegeven. Ten slotte heb ik een gewijzigde rechthoek (M) toegevoegd met een gebogen onderkant voor de stam onder de bladeren.



Stap 11

Ik heb de twee elementen voor de boom gegroepeerd (Command + G) en vervolgens gedupliceerd. Ik heb toen het Vrije Transformatiegereedschap (E) gebruikt om de schaal van de boom aan te passen. Het Ruwer-effect, dat zich aan de bovenkant / bladeren van de boom bevindt, past zich automatisch aan met het aanpassen van de schaal; daarom zal het helpen de bomen er anders uit te laten zien. Het herschalen van de bomen heeft ook bijgedragen aan het creëren van een illusie van perspectief en deed het eruit zien alsof we een enorme sneaker hebben.



Stap 12

Voor de achtergrond heb ik drie Ellipses (L) toegevoegd met een witte vulling en een 2pt zwarte lijn. Daarna leg ik een witte vulling rechthoek (M) over de top met een nul slag.



Stap 13

Ik heb de tekenreekstool (Shift + O) gebruikt om de afmetingen van het tekengebied te wijzigen. In de illustratie zou ik het tekengebied verbergen en weergeven door naar Beeld> Artboard tonen / verbergen te gaan.

Terwijl ik een illustratie samenstel, probeer ik niet beperkt te worden door de afmetingen en veel vrijer te werken met de canvasruimte. Daarna zal ik het tekengebied aanpassen en zichtbaar maken om me een goed idee te geven van hoe de uiteindelijke compositie kan worden samengesteld.



Stap 14

De wolken zijn opgebouwd uit verschillende cirkels die ik heb gemaakt met de Ellipse Tool (L). Vervolgens heb ik Align> Vertical Align Bottom en vervolgens Pathfinder> Unite gebruikt om één vorm te maken. Met het gereedschap Pen (P) heb ik vervolgens punten verwijderd langs de onderkant van de wolkvorm.


Ik heb verschillende van deze cloudvormen gemaakt om ze meer willekeurig te maken, ze vervolgens te dupliceren en gegroepeerd met andere cloudvormen (Command + G). Als je klaar bent, plaats je ze rond de hemel met een witte vulling en een 0.75pt zwarte lijn.



Stap 15

Voor de weg heb ik een snelle onderbroken lijn gemaakt. Ik heb de optie met onderbroken lijn niet gebruikt in het deelvenster Lijn, omdat dit niet overeenkomt met het perspectief van de weg. Ik tekende een 10pt lijn lijn met het profiel "Width Profile 4" bevestigd om het tapering effect te creëren.


Ga vervolgens naar Object> Uitvouwen om de lijn uit te vouwen tot een vorm. Geef het een witte vulling en een 0.25pt zwarte lijn.


Vervolgens gebruikte ik het gereedschap Gum (Shift + E) om delen van de lijn te verwijderen om het streepje te maken. Je moet ervoor zorgen dat alle andere vormen zijn vergrendeld, anders zul je uiteindelijk brokken van die vormen wissen!



Stap 16

Aangezien ik voor een zeer cartoon kijkende illustratie ga, ga ik een goedkope zon in kawaiistijl toevoegen. Om dit te doen, ga ik een witte vulling, 0.75pt zwarte lijncirkel met het Ellipsgereedschap (L) tekenen en vervolgens twee zwarte vullingen voor de ogen en een halve ellips voor de mond toevoegen. Voor de Kawaii-look zijn de ogen en de mond allemaal langs dezelfde horizontale lijn en ten zuiden van het midden van de vorm.


Ik heb de halfcirkelmonding gedupliceerd en Pathfinder> Doorsnijden met een afgeronde rechthoek gebruikt om de tong te produceren. Dit heeft een 0.75pt zwarte lijn en een witte vulling.



Stap 17

Voor de lichtstralen van de zon heb ik een horizontale lijn getekend met het lijnsegment gereedschap (\) met een 80pt slaggewicht en breedte profiel 4. Ik ging toen naar Object> Uitvouwen om er een vorm van te maken en gaf het een witte vulling en een zwarte slag van 0,25 p.


Met Effect> Distort & Transform> Transform, heb ik het 17 keer in een hoek van 20 graden vanuit het midden links gedupliceerd en op OK geklikt.



Stap 18

Om onze lijntekeningen af ​​te werken, voeg ik een stippellijn toe rond de sneaker voor het naaien.



Stap 19

Ik begon de lijntekeningen in te kleuren. Voor de sneaker heb ik een groep van alle lijnen gemaakt (Command + G) en vervolgens de Live Paint Bucket (K) gebruikt om kleuren aan de sneaker toe te voegen. Voor de rest van de illustratie heb ik zojuist het gereedschap Direct selecteren (A) gebruikt en de witte vullingen vervangen. Voor de lichtstralen gaf ik het een witte vulling en verminderde ik de dekking naar 50%.



Stap 20

Voor elk deel van de illustratie ga ik vergelijkbare arcering toevoegen via het deelvenster Vormgeving. Ik zal een vector-binnengloed toevoegen, vergelijkbaar met de vector-slagschaduw die ik in deze zelfstudie heb gemaakt. Het dupliceert een aan de binnenkant uitgelijnde lijn en verhoogt geleidelijk het slaggewicht, terwijl u de mengmodus vermenigvuldigt en een lagere dekking gebruikt. Besteed aandacht aan de screenshots omdat sommige elementen verschillende opaciteitspercentages zullen gebruiken.

De boom / bladeren zullen de onderstaande paneelinstellingen van het Uiterlijk gebruiken:


En dan de kofferbak:



Stap 21

Voor een effect met details van bladeren in de boom, heb ik het Klodderpenseel (Shift + B) gebruikt om gekromde lijnen over de vorm te voegen met een lichtgroene vulling en een dekking van 50%.



Stap 22

Voor de zon heb ik een 2pt gele, van binnenuit uitgelijnde lijn gebruikt bovenop een magenta tot geel radiaal verloop.


De tong die ik heb gebruikt een vergelijkbare stijl, dit keer met een wit tot paars radiaal verloop.



Stap 23

Voor de wolken maakte ik gebruik van het vectorbinnengloedeffect met drie gedupliceerde, dekking 10%, met overvloeimodus vermenigvuldigen en aan de binnenkant uitgelijnde streken van 1pt, 2pt en 3pt. Ik heb een subtiel wit tot lichtblauw radiaal verloop gebruikt om een ​​licht blauw effect aan de vulling van de wolken toe te voegen.



Stap 24

Ik heb hetzelfde effect gebruikt met de heuvels met een kleine verandering. Ik werd binnen de uitgelijnde lijnen gedupliceerd voor 2pt, 3pt, 4pt en 5pt ingesteld op de mengmodus Vermenigvuldigen met een dekking van 10%. Vervolgens worden twee verdere lijnen bij 7pt en 9pt slaggewicht ingesteld op de vermenigvuldigingsmodus vermenigvuldigd met een dekking van 5% om een ​​zachtere rand aan het binnengloedeffect te geven.


Voor de heuvel aan de achterkant heb ik een extra vulling van een wit naar donkergroen radiaal verloop toegevoegd die is ingesteld op Mengmodus Vermenigvuldigen en Laagdekking 40%.



Stap 25

Ik heb het vector-binnengloedproces voor de kant / weg gebruikt en ook het patroon "USGS 21 ingewikkelde oppervlak" gebruikt om het een subtiele textuur te geven. U kunt dit vinden door in het vervolgkeuzemenu in het deelvenster Staal te gaan en vervolgens Staalbibliotheek openen> Patronen> Standaardafbeeldingen> Standaardafbeeldingen_Texturen.



Stap 26

Met de sneaker dupliceer je de groep Live Paint en vervolgens Object> Expand (maak stroke vrij). Je hebt een groep die twee groepen bevat, de ene is de lijntekeningen en de andere de gevulde vormen.

Dupliceer de groep met gevulde vormen en verwijder vervolgens de vormen voor de zool van de schoen. In het deelvenster Uiterlijk voeg ik twee opvullingen toe met het patroon "Jute", dat je net als eerder in de galerie Basic Graphics_Texture kunt vinden. Met een van de vullingen ga ik het patroon enigszins verplaatsen met Object> Transformeren> Verplaatsen en de onderstaande instellingen gebruiken.


De reden dat ik dit doe, is dat één vulling wordt ingesteld op Overvloeimodusscherm met dekking van 20% en de andere moet worden ingesteld op Blending vermenigvuldigen met dekking van 10%. Als ze elkaar zouden overlappen (zonder de verplaatsing te gebruiken), zou het effect dat ik wil creëren, verdwijnen.



Stap 27

Gebruikmakend van het effect van de vector innerlijke gloed, zal ik dit toepassen op elk van de gekleurde vormen van de sneaker. Gebruik het gereedschap Direct selecteren (A) om eerst de kleur te selecteren en ga vervolgens naar Selecteren> Zelfde> Vulkleur om alle vormen te krijgen die deze vulkleur hebben. Hieronder ziet u de paneelinstellingen van Uiterlijk voor elke kleur:





Stap 28

De binnenkant van de sneaker heeft hetzelfde proces, maar nu met een extra grijs transparante radiale gradiënt naar de onderkant van de vorm om schaduw toe te voegen.


Hetzelfde verloop wordt gebruikt voor de binnenkant van het tonggebied van de schoen.



Stap 29

De overgebleven veters gebruiken het effect van de interne binnengloed.



Stap 30

Ik heb het stikwerk aan de sneaker aangepast door de lijnkleur in wit te veranderen. Ik voegde echter een subtiele contour toe rond het stiksel. Ik heb dit gedaan door de lijn te dupliceren en een grijze slag van 2pt ronde dop achter een witte lijn van 0,75pt ronde dop te hebben. Beide slagen zijn als een 3pt stippellijn.

Je moet dan de groep met gestippelde lijnen slepen en neerzetten in de groep van de sneaker-vormen. Het moet onder de lijntekeningen en boven de gestructureerde vormen van de jute zitten.



Stap 31

Ik heb de lijnkleur rond de sneaker veranderd in een donkergrijs. Ik wil nog steeds dat de schoen boven alles uitsteekt, maar ik vond dat de zwarte contour een beetje te krachtig was voor de hele schoen. Ik heb de zwarte streek aan de veters en de weg / kant behouden.



Stap 32

Ik heb een grijs transparant radiaal verloop gebruikt als opvulling in een ellips (L) om subtiele schaduwen onder de bomen toe te voegen. Deze zijn ingesteld op Mengmodus Vermenigvuldigen en Dekking 50%.


Ik gebruikte dezelfde hellingen voor de schaduw onder de teen van de schoen en de schaduw die door de veter werd geworpen. Deze zijn ingesteld op Mengmodus Vermenigvuldigen met dekking 80%.



Stap 33

Ik ging terug naar het gebruik van de Artboard Tool (Shift + O) en veranderde de afmetingen in een A4-breedtebeeld. Ik wilde de hoogte van 600pt behouden, dus ik moest uitzoeken wat de breedte zou moeten zijn.

Omdat ik dit niet uit de hand weet, heb ik de papiergrootte gegoogled, die 210 x 297 in millimeters was. 297 gedeeld door 210 is 1.4. Daarom geeft 600 gedeeld door 1.4 me de vereiste breedte ... 428 die ik heb ingevoerd in de breedtewaarde. Vervolgens heb ik de tekenreekstool (Shift + O) rond het canvas verplaatst naar de uitsnede die ik het beste vind.



Stap 34

Met het nieuwe bijsnijden ga ik de plaatsing van sommige elementen wijzigen. Dit omvat de zon ...


Toen heb ik wat meer bomen aan de omliggende gebieden toegevoegd ...


En toen paste ik de plaatsing van de wolken aan.



Stap 35

Ten slotte heb ik een subtiel blauw, omgekeerd, transparant radiaal verloop toegevoegd dat is ingesteld op Mengmodus Vermenigvuldigen om een ​​lichte kleurvariatie toe te voegen.



Conclusie

Ik hoop dat je hebt genoten van de Premium-zelfstudie van vandaag om deze conceptuele illustratie te maken. Ik heb veel plezier gehad met het maken ervan en merkte dat ik meer geïnteresseerd was in het uitproberen van een kawaii-stijl van grafische afbeeldingen ... misschien kunnen we daar later nog een paar tutorials van zien!