Maak een draadloze muis en een pad met vectortexturen met Adobe Illustrator

In de tutorial van vandaag leren we hoe we een draadloze muis en muismat kunnen maken met behulp van basisvormen, penselen en verlopen in Adobe Illustrator. Je leert hoe je een verscheidenheid aan Blend Art-penselen kunt maken, evenals het effect van vreemde texturen. Dus laten we beginnen!


Stap 1

Om te beginnen moet u de hoofdgeometrieschets van de muis maken die in het onderstaande diagram wordt getoond. We gaan dit eerste plan maken om vanuit te werken, daar kunnen we hooglichten en schaduwen toevoegen om het er minder vlak uit te laten zien. Als je weet hoe je de hoofdlijnen van het object en de elementen ervan kunt bereiken, ga dan naar stap 8. Zo niet, lees dan de volgende stappen zorgvuldig door.


Stap 2

Gebruik de Ellips-tool (L) om de lijnkleur te wijzigen in null en de vulkleur in oranje en het pad te illustreren dat de vorm van de muis aangeeft.

Draai met de Rotate Tool (R) de ellips tot ongeveer 45 graden.

Wijzig met het gereedschap Direct selecteren (A) de ankerhendels van het pad om de volgende weergave te vormen.


Stap 3

Teken met behulp van het pengereedschap (P) een duimgroef zoals hieronder in het grijs wordt getoond.

Selecteer het oranje pad, kopiëren en plakken vooraan (Command + C en Command + F).

Selecteer de dubbele oranje vorm en grijs, ga vervolgens naar het deelvenster Pathfinder en klik daar op de knop Kruispunt. U kunt hiervoor ook het Shape Builder Tool (Shift + M) gebruiken als u versie CS5 of CS6 gebruikt.


Stap 4

Het blauwe pad is op dezelfde manier gemaakt.


Stap 5

Maak een violet pad hieronder weergegeven bovenaan het blauwe pad met behulp van de Pen Tool (P).

Dit deel vertegenwoordigt twee muisknoppen. Teken een lijn die de vorm verdeelt met behulp van de Pen Tool (P).

Er moet een klein streepje in het midden van de regel staan ​​om de scrollwielknop te plaatsen.


Stap 6

Selecteer daarna beide: deze lijn en het paarse pad en klik op de knop Verdeel in het deelvenster Pathfinder.

Ga vervolgens naar Object> Groep opheffen en de opvulkleur van een muisknop wijzigen.


Stap 7

Maak de weergegeven wielholte met bruine vorm ...

... en het wiel zelf met een gele vorm.

Teken een zwarte knop in de onderste delen van de muisknoppen en je schets van de hoofdgeometrie is voltooid.


Stap 8

Selecteer het oranje pad, kopiëren en plakken vooraan (Command + C en Command + F). Noem de kopie "Hoofdpad", maak deze onzichtbaar en vergrendel hem in het deelvenster Lagen.

Selecteer vervolgens opnieuw het oranje pad, ga naar Object> Gradiëntmaas maken en stel de waarden in die u kunt zien in het onderstaande dialoogvenster.

Met het maaswerktuig (U) of het gereedschap voor directe selectie (A) en verander de knopen van de zichtbare mazen in overeenstemming met het principe van de lichtverdeling.


Stap 9

Laten we een structuur op het oppervlak van de muis plaatsen dat met mesh wordt gepresenteerd.

Weet jij hoe je dit kunt bereiken? Teken eerst twee witte hellende lijnen zoals in de afbeelding hieronder wordt getoond met het gereedschap Lijnsegment (\).

Ga naar Effect> Vervormen & transformeren> Opruwen en stel de weergegeven waarden in het geopende dialoogvenster in.


Stap 10

Ga naar Object> Meng> Mengopties, stel de Afstand in op Gespecificeerde stappen en het aantal stappen op ongeveer 80.

Ga naar Object> Blend> Make (Command + Alt + B).

Verlaag de dekking van de overvloeiing.

En verander de lijndikte van de paden die zijn opgenomen in de blend.


Stap 11

Selecteer daarna het "Hoofdpad", Kopieer en plak vooraan (Command + C en Command + F).

Selecteer de overvloeiing en ga naar Object> Knipmasker> Make (Command + 7).


Stap 12

Het duimbos van de muis wordt op dezelfde manier gedaan, met behulp van een verloopnet.


Stap 13

Gebruik het ellipstool (L) om een ​​horizontaal elliptisch pad te tekenen. Vul het met wit en verander de lijnkleur naar nul.

Selecteer met het gereedschap Direct selecteren (A) het meest juiste ankerpunt ...

... en druk op de Delete-knop op uw toetsenbord.

Ga naar Object> Pad> Verbinden (Command + J) om het open pad te sluiten.


Stap 14

Selecteer de twee meest rechtse ankerpunten met het gereedschap Direct selecteren (A) ...

... en converteer ze naar een vloeiende overgang.

Trek met de geselecteerde punten naar rechts om een ​​lange, slanke vorm te creëren.


Stap 15

Ga naar Object> Transformeren> Schalen, stel de weergegeven waarden in het dialoogvenster in en klik op de knop Kopiëren.

Verplaats de kopie van het pad naar links zoals weergegeven in het onderstaande schema.


Stap 16

Wijzig de dekking van het grootste pad in 0%.

Maak vervolgens een blend van beide traanvormige paden.


Stap 17

Versleep en sleep dan deze overvloeiing naar het deelvenster Penselen en kies de optie Kunstpenseel in het geopende dialoogvenster.

Geef het penseel een naam als het witte penseel en klik op OK.


Stap 18

Maak met een vergelijkbare methode een ander tekenpenseel van Blends and Ellipses (L).

Wijzig de kleurmethode echter in Kleurexpressie om de penseelkleur effectiever te beheren.


Stap 19

Creëer een lichtpuntje op de muis door een lijn te tekenen met het gereedschap Pen (P) en vervolgens het "witte penseel" erop aan te brengen.

Verander de lijndikte van het pad.


Stap 20

Vul het blauwe pad met een wit tot grijs radiaal verloop. Gebruik het gereedschap Verloop (G) om de bron van het verloop te verplaatsen.

Kopieer dit pad en plak het op de voorgrond (Command + C en Command + F), verander de verloopvulling in een lineaire haakse.

Wijzig de overvloeimodus in Kleur branden in het deelvenster Transparantie.


Stap 21

De eerder gemaakte lichtvlek moet worden voortgezet over het grijze gedeelte van de muis om te voldoen aan het principe van de lichtverdeling.

Selecteer dus het grijze pad, kopieer het en plak vooraan (Command + C en Command + F), neem het Schaargereedschap (C) en knip het pad.

Pas de zwarte penseel toe, verander de lijnkleur in wit en wijzig de dekking van het pad.

En snijd dit bij met het bijbehorende knipmasker (Command + 7).


Stap 22

Beide knoppen van de muis (karmozijnrode en violette) zijn gevuld met schuine lineaire hellingen zoals weergegeven in de volgende afbeeldingen.

De bruine holte voor het wiel is ook gevuld met een gebogen lineaire helling.


Stap 23

Laten we eens kijken naar de geschaalde afbeelding. Er is hier iets mis. Weet je wat?

Ja je hebt gelijk! De knoppen zijn samengevoegd met elkaar en met andere paden van de muis. Om dit probleem op te lossen, moet u de "Zwarte penseel" toepassen op de randen van de knoppen. Wijzig vervolgens de Opacities, de Lijnkleuren en de Lijndiktes van de paden waarop de "Zwarte borstel" wordt toegepast. Zie de afbeelding hieronder voor referentie.

Maar zo niet, kopieer de linkermuisknop en plak deze in Front (Command + C en Command + F). Wijzig beide: de vulkleur en de lijnkleur in Geen, gebruik het schaargereedschap (C) en klik in het aangegeven ankerpunt.

Breng de zwarte penseel erop aan met de zwarte lijnkleur.

Wijzig de lijndikte en de dekking van het pad om het volgende resultaat te bereiken.

Breng de "Zwarte borstel" met de witte lijnkleur op het analoge pad over de rechterknop. Wijzig de lijndikte en de dekking daarvan op dezelfde manier.

Nadat alle paden zijn voltooid ...

... snijd ze allemaal bij met een bijbehorend knipmasker. Zie de afbeelding hieronder.


Stap 24

Het gele pad van het wiel moet worden opgevuld met een wit tot zwart radiaal verloop.

Vervolgens moet het worden gekopieerd en geplakt aan de voorkant (Command + C en Command + F) en worden gevuld met een lineair verloop.

Stel de overvloeimodus van de kopie in op Scherm via het paneel Transparantie.


Stap 25

De zachte schaduw van het wiel wordt geïllustreerd met behulp van de "Zwarte borstel".

Teken een lichte plek op het wiel en snijd het bij met een uitknippad (Command + 7) en het wiel van de muis wordt voltooid.


Stap 26

De kleine knop van de muis is op dezelfde manier gekleurd. Pas de technieken toe die je eerder in de tutorial hebt geleerd, en doe het zelf. Gebruik de afbeeldingen hieronder voor uw referentie.


Stap 27

Plaats de muis op de pad. Teken met behulp van het gereedschap Pen (P) het weergegeven pad en vul het met een gebogen lineair verloop.

De pad is geen 2D-figuur, maar een 3D-figuur, hoewel de dikte klein is. Dus, Kopieer de pad en plak deze in Back (Command + C en Command + B), verplaats hem iets naar beneden en vul de kopie met een lineair verloop zoals getoond in het onderstaande schema.


Stap 28

Teken met het gereedschap Lijnsegment (\) een grijze helling zoals hieronder wordt weergegeven.

Versleep het naar het deelvenster Penselen en kies de optie Spatelpenseel in het geopende dialoogvenster.

Kies de getoonde waarden voor de opties in het dialoogvenster en klik vervolgens op OK.


Stap 29

Gebruik het gereedschap Penseel (B) en terwijl dit scatterpenseel is geselecteerd in het palet Penselen, tekent u het onderstaande pad.


Stap 30

Ga naar Object> Uiterlijk uitbreiden, ...

... verwijder de onnodige paden en wijzig de overvloeimodus in Overlay in het deelvenster Transparantie voor de overgebleven paden.

Snijd de paden bij met een uitknipmasker (Command + 7).


Stap 31

Dubbelklik op het Rechthoekige raster op de werkbalk en geef de weergegeven opties op in het dialoogvenster. Verander de lijnkleur naar grijs en de lijndikte als dit nodig is in uw eigen illustraties.


Stap 32

Selecteer met de Lasso-tool (Q) de bovenste ankerpunten van het raster ...

... ga naar Object> Transformeren> Schalen om de niet-uniforme schaal te verkleinen om perspectief te creëren.

Draai vervolgens het raster lichtjes als het nodig is in uw illustraties met behulp van het gereedschap Roteren (R).

Voeg het raster toe aan de eerder gemaakte groep Clipping Mask.


Stap 33

Maak een cirkelvormige zwarte blend met de Ellipse Tool (L). De buitenste cirkel heeft een dekkracht van 0% en een binnendekking van 100% nodig. In Mengopties definieert u de Afstand als "Opgegeven stappen" met de waarde 50. Klik op OK als u klaar bent.

Verlaag de kleurintensiteit door de dekking van de paden in de overvloeiing te wijzigen.

Maak een soortgelijke blend, maar nu met een witte vulling.


Stap 34

De schaduw van de muis wordt gemaakt met de "Zwarte penseel".


Conclusie

Gebruik de technieken die je hier hebt geleerd in je eigen kunstwerken. Ik hoop dat je deze tutorial leuk vond.