Hur man illustrerar en knapp som sys i en trasa

Medan du läser denna handledning och skapar ditt eget konstverk, lär du dig de viktiga teknikerna i Adobe Illustrator. Det kommer utan tvivel att leda dig till att förbättra dina färdigheter i att göra illustrationer och mönster. Här lär du dig hur du skapar en knapp som sys i en bit tyg. Låt oss börja!


Steg 1

Först och främst behöver du gå till den personliga sidan av Iaroslav Lazunov, och ladda ner gratis Mesh Tormentor plugin. Vi använder en funktion från den här Illustrator-plugin-modulen när vi går till steg 4. Naturligtvis kan du försöka gå utan det och använda de vanliga verktygen i Adobe Illustrator för att slutföra steg 4, men det enklaste sättet är att använd den plugin-modulen.

Efter att ha hämtat, plocka ut det mottagna arkivet, stäng Adobe Illustrator och kopiera filen "YemZMeshTormentorEng.aip" till mappen "Extensions" på din lokala installationsskiva. (Till exempel är det C: \ Program \ Adobe \ Adobe Illustrator CS5 \ Plug-ins \ Extensions mapp på min dator.) Öppna Adobe Illustrator igen. Gå till Window> Mesh Tormentor.


Steg 2

Ta rektangelverktyget (M) och skissera en väg som underlag för att skapa ett tygduk. Fyll det med vilken som helst färg och sätt Stroke to None.

Gå till Objekt> Skapa gradientnät och ställ in värdena för nätalternativen enligt nedan.

Ta maskverktyget (U) och lägg till maskslinjer, vilket kommer att representera böjerna på din trasa vidare.


Steg 3

Dubbelklicka på ikonen Warp Tool i paletten Verktyg för att öppna dialogrutan för verktygets alternativ och ange följande värden nedan:

Ta tag i Warp Tool (Shift + R) och dra musen över nätet medan du håller musknappen nere.

Därefter ändras färgerna på Mesh noderna.


Steg 4

Observera här, att maskelinjerna visar inte bara ljusfördelningen, men även formen av ditt tygstycke. För att kunna använda detta formulär och skapa ett nätliknande mönster ytterligare i den här handledningen bör du konvertera maskinjerna till en uppsättning av de vanliga banorna.

Det enklaste sättet att göra detta är att använda plug-in Mesh Tormentor. Välj ditt nät, gå till Mesh Tormentor-paletten och klicka på den första knappen där "Konvertera nätet till uppsättning av banor." Se diagrammet nedan för referens.

Detta är allt ditt arbete med plugin-modulen Mesh Tormentor i denna handledning. Men efter denna enkla operation får du gruppen som heter "MeshGridTL" i paletten Lager.


Steg 5

Markera gränslinjerna i "MeshGridTL" -gruppen, kopiera dem och klistra in på framsidan (Kommandot + C sedan Command + F) och skapa en gränsväg genom att gå till Objekt> Path> Join (Command + J). Namn den här sökvägen "Huvudväg".

Fokusera din uppmärksamhet på att spara de ursprungliga gränslinjerna i "MeshGridTL" -gruppen.


Steg 6

Låt oss nu skapa ett nätliknande mönster över din bit av tyg. Gå till Objekt> Blanda> Blandningsalternativ och ange de värden som du kan se i diagrammet nedan.

Välj de två första banorna i gruppen "MeshGridTL", ...

... och gå till Objekt> Blanda> Gör (Command + Alt + B).

Välj sedan den andra sökvägen i blandningen, ...

... kopiera den och klistra in framför (Command + C sedan Command + F), ...

... och dra vägen kopia under blandningen själv i paletten Lager.


Steg 7

Upprepa dessa manipuleringar med de följande två vägarna.

Gör detsamma med de andra vägarna.


Steg 8

Gör detsamma med de horisontella banorna.

Här har vi de onödiga delarna av blandningarna som visas med grön i diagrammet nedan.

För att beskära dem ska du skapa en kopia av "Huvudvägen" och göra en urklippsbana från den genom att gå till Objekt> Clipping Mask> Make (Command + 7).


Steg 9

Gillar du ditt tygresultat hittills? Om inte, låt oss fortsätta förbättra det. Korsningarna mellan blandningar måste vara mjuka i färg. För att nå ett sådant resultat, välj den andra blandningen och gå till Objekt> Blandning> Blandningsalternativ.

Ändra kvantiteten av de angivna stegen till ungefärliga sammanslagna blandningarna.

Upprepa dessa åtgärder för de andra blandningarna.


Steg 10

Stegen för blandningarna som valts i bilden nedan är för tjocka.

För att göra dem tunnare, gör osynliga varje andra väg i blandningarna. Ta inte bort banorna! Gör dem osynliga bara. Se bilderna nedan för referens.

Gör detsamma med de andra blandningarna.


Steg 11

Välj nu alla blandningar, ändra strokevikt, strokefärg och opacitet av blandningarna om du vill.

Mönsterlinjerna slås samman med varandra i den nedskalade bilden nedan (visas med grön).

Vi måste fixa det här problemet. Välj den första blandningen (längst upp på paletten Lager), kopiera den och klistra in framför (Kommando + C då Command + F).

Dra den horisontella riktlinjen från linjalerna i ditt konstverk och släpp det som visas nedan. Låsa riktlinjen i paletten Lager.


Steg 12

Temporärt synliggöra de andra vägarna i de två första blandningarna, lås sedan den tredje blandningen. Låsa nu båda "Huvudvägarna": de vanliga och klippande. Följ det hjälpsamma diagrammet nedan.

Ta saxverktyget (C) och klicka på två punkter som visas

Håll bara de bästa valda sökvägarna i den första blandningen.

De andra två banorna ...

... ska raderas.

Upprepa manipuleringarna genom att klippa med den andra blandningen.


Steg 13

Med den andra blandningen vald, gå till Objekt> Blanda> Blandningsalternativ och ändra mängden Specificerade steg.

Därefter gör du osynliga de andra vägarna i de två första blandningarna och lås upp alla objekt.


Steg 14

Välj "Huvudvägen" (inte klippningen) och ändra streckfärgen till svart, ...

Gå nu till Objekt> Transformera> Skala och sätt in de angivna värdena.

Gå till paletten Stroke och skapa en streckad linje från den här sökvägen.

Du bör uppnå resultatet som representerar ett sydd tygstycke.


Steg 15

Låt oss rita en knapp i det övre vänstra hörnet av tyget. Först illustrera en sammansatt väg som representerar en cirkel med hål, som visas på bilden nedan. Fyll den nu med brun. Du kan skapa det genom att använda Ellipse Tool (L).

Därefter illustrerar nästa sammansatta väg, och fyll den med en radiell gradient. Hålen i den andra förenade banan måste sammanfalla med motsvarande hål i den första sammansatta banan.

För att nå en sådan effekt kan du släppa kopian av den första sammansatta sökvägen genom att gå till Objekt> Sammansatt sökväg> Släpp (Kommando + Skift + Alt + 8), Objekt> Transformera> Skala och sedan Objekt> Sammansatt sökväg> Gör (Command + 8).

Kopiera den andra sammansatta sökvägen och klistra in den i bakåt (Kommando + C då Kommando + B). Flytta den något nedåt och fyll den med mörkbrun. Detta lägger till en volym till vår knapp. Se bilden nedan.


Steg 16

Skapa ett ljusspel på knappen. Använd Art penslarna och blandar för detta. I början börjar Ellipse Tool (L) och illustrera en långsträckt elliptisk bana fylld med svart.

Gå till Objekt> Transformera> Skala och klicka på Kopiera i dialogrutan efter att ha minskat skalvärdet.

Ändra opaciteten av den största ellipsen till noll.

Gå till Objekt> Blanda> Blandningsalternativ och ange de värden som visas.

Skapa nu en blandning mellan de två ellipserna, genom att gå till Objekt> Blanda> Gör (Command + Alt + B).


Steg 17

Dra och släpp nu den här blandningen i paletten Penslar. Välj alternativet Art brush i dialogrutan.

Benämna penseln som "svart pensel".

Producera en "vit pensel" på samma sätt.


Steg 18

Låt oss producera en skugga från knappen. Rita vägen som visas nedan och använd "Black brush" till den. Skicka sedan den här sökvägen bakåt för att hitta den under knappen.

Gör skuggan mjukare genom att minska sträckvikt och opacitet på banan.


Steg 19

Applicera "White and Black brushes" till knappens gränser.

Och skörda dem med en urklippsbana.

Skapa skuggorna under knapphålen.


Steg 20

Lägg till ljus och skugga som skapats med knappgränserna på knappen själv.

Framställ en blandning från vita cirklar, som visas nedan.

Minska opaciteten av den.

Kopiera den här blandningen och klistra in på framsidan (Kommandot + C sedan Kommando + F), ändra sedan måtten på det genom att gå till Objekt> Transformera> Skala.

Var uppmärksam på att blandningarna måste beskäras med en klippningsprofil som visas i den hjälpsamma bilden nedan.


Steg 21

För att sy knäppningen på tyget måste vi först dra en vanlig ellips med en svart stroke som ligger mellan två hål.

Illustrera sedan en mindre kopia av denna ellips som visat.

Upprepa dessa manipuleringar så många gånger du vill.

Kopiera dessa banor och klistra in dem på de två andra knapphålen.

Ser dessa ellipsgrupper ut som tråden i upp till 1200% bild? Nej?

Du vet att varje vektorbild kan skalas så mycket som du önskar. Men ändå förbereder varje grafisk designer bilderna till en viss dimension. Jag har förberett min till 100% skalning. Och du kan se i 100% bilden nedan att våra ellipser liknar trådar.


Steg 22

Nu ska vi illustrera en stift. Första skissen en cirkel.

Lägg sedan till två vägar till den.

Och producera följande väg i stiftets nedre ände.


Steg 23

Applicera "Black brush" till följande banor enligt bilden.

Applicera sedan den "vita borsten" på nästa väg.

Och gräva banorna med en urklippsbana.


Steg 24

Applicera den "vita borsten" på de tunna metalldelarna av stiftet och gräva också banorna med en urklippsbana.

Skapa skuggor från stiftet med "Black brush" enligt diagrammet nedan.

Sätt på stiftet på tygstycket genom att använda den sammanlagda klippningen som visas nedan.


Steg 25

Nålen illustreras på samma sätt som stiftet. Först dra en grund för en nål - den visade sammansatta banan med ett hål och fyll den med grått.

Applicera nu "Black brush" på banorna beskurna med en komprimerad klippmask.

Upprepa dessa manipuleringar för "Vit pensel".

För att illustrera en skugga från nålen, skissera vägen som visas nedan.

Och fyll i den med följande linjära gradient.

Du ska få följande skugga.


Steg 26

Ta blyertsverktyget (N) och rita en väg som representerar en tråd.

Illustrera skuggan från tråden med en vinklad linjär gradient.


Steg 27

Låt oss spränga vårt konstverk. Var uppmärksam på nästa diagram.

Något är fel här. Vet du vad? Vår tråd måste gå igenom nålhålet. För att uppnå detta kan du använda en urklippsbana. Men jag tror att det är ett mer intressant och effektivt sätt att använda saxverktyget (C). Ta saxverktyget (C) och klicka med det i den punkt som visas nedan.

Och skicka den andra delen av tråden bakåt.


Slutsats

Den slutliga bilden är nedan. Du kan illustrera ditt eget konstverk med hjälp av de beskrivna teknikerna och länka till dina resultat i kommentarerna nedan, eller posta resultaten i vår Facebook-grupp.