Hur man illustrerar en Auktionsgavel Icon

Detta arbete är ett gemensamt projekt skapat tillsammans med Iaroslav Lazunov och Oleksandr Iegupov. Vi har använt 3D-modellering, Gradienter, Blandningar och Gradient Meshes för att skapa den här bilden. Låt oss börja!


Steg 1

Ta pennverktyget (P) och rita vägen som du ser i diagrammet nedan.

Ta ellipsverktyget (L) och dra en cirkel i den övre delen av banan. Ställ in cirkelens slag i Ingen. Se bilden nedan för referens.


Steg 2

Ta tag i Direct Selection Tool (A) och välj cirkelns högra ankarpunkt. Tryck sedan på Delete-knappen.

Låsa halvcirkeln i paletten Lager. Välj den röda vägen, använd saxverktyget (C) och klicka på skärningspunkterna för de röda och gröna banorna. Dessa punkter visas med pilar i diagrammet nedan.

Välj nu den inre röda banan och radera den.


Steg 3

Använd Direct Selection Tool (A) för att välja ankarpunkterna för båda: de röda och gröna banorna i par och gå till Objekt> Path> Join (Command + J). Du måste göra dessa åtgärder två gånger för att få följande diagram.

Gå till Objekt> Transformera> Reflektera. I fönstret för reflektionsalternativ ställer du in Horisontell axel och klickar på knappen Kopiera.

Nu borde vi känna till dimensionerna i Bounding-rutan. Gå till paletten Transformera och se W-värde och H-värde. Gå sedan till Objekt> Transformera> Flytta och sätt H-värdet i fönstret Vertikalt läge i fönstret. Använd bilden nedan som en referens.

Gå till Objekt> Path> Join (Command + J).


Steg 4

Gå nu till Effect> 3D> Revolve och sätt nollvärden, som du kan se i diagrammet nedan.

Det är den ursprungliga vyn av gaveln och den måste redigeras.


Steg 5

Därefter konvertera sökvägen och 3D-alternativen för att reproducera en vacker gavel. Använd bilden nedan som en referens.

Ta pennverktyget (P) och dra en vertikal liten bana. Öka strokevikt för det och ändra streckfärgen.

Gå nu till Stroke-paletten och sätt Round Cap på banan.

Gå till Objekt> Expand. Gå sedan till Objekt> Ungroup.

Därefter går du till Effect> 3D> Extrude & Command, och ställer in de värden som du kan se i diagrammet nedan. Var uppmärksam på värdet av perspektivvinkeln.


Steg 6

Placera därefter handtaget under gaveln. För att placera det exakt, minska temporärt gäckets opacitet.

Välj handtaget och gå till paletten Utseende. Klicka där på kommandot 3D Revolve och ändra reningsstilen till "No Shading" (Se den första delen av diagrammet nedan).

Du måste göra detta för att minska mängden olika expanderade vägar i nästa åtgärd. Välj sedan handtaget och gå till Objekt> Expand Utseende. Gå till Objekt> Ungroup tre gånger. Välj de vägar som visas nedan (se den andra delen av diagrammet), gå till paletten Pathfinder och klicka på Unite-knappen där.

Fyll den med linjär gradient fyllning. Se bilden nedan för referens.


Steg 7

Välj den övre delen av handtaget, fyll den med en mörkbrun färg, placera den över gaveln själv i paletten Lager.

Ställ opaciteten på gavelhuvudet till 100%. Kopiera sedan den övre delen av handtaget och klistra in det framför (Kommando + C då Kommando + F). Flytta den några pixlar till höger och fyll den med den vinklade linjära gradientfyllningen.


Steg 8

Kopiera den övre delen av handtaget och klistra in det framför igen (Kommando + C då Kommando + F). Flytta den några pixlar till höger och fyll i den med en annan linjär gradient fyllning.


Steg 9

Den visuella effekten av den övre delen av axeln som slås samman med hummeren ser dålig ut. Se diagrammet nedan.

För att fixa det, välj alla vägar som bildar axelns övre del och flytta den något.


Steg 10

Välj handtaget, kopiera det och klistra in framför (Kommando + C då Kommando + F). Ta ellipsverktyget (L) och skapa följande ellips.

Välj nu båda: den här ellipsen och handtagets kopia, gå till paletten Pathfinder och klicka på knappen "Minus fram".

Gå nu till Objekt> Ungroup och ta bort handtagets nedåtgående bana (visas valt i diagrammet nedan).

Placera axelns övre del under handtaget och fyll det med en radial gradientfyllning där opaciteten för vänster gradientstopp är lika med noll.


Steg 11

Välj handtaget och gå till paletten Utseende. Klicka där på kommandot 3D Revolve och ändra reningsstilen till "No Shading" (Du har redan gjort det i steg 6).

Välj handtaget och gå till Objekt> Expand Utseende. Gå sedan till Objekt> Ungroup. Förena nu nödvändiga vägar genom att använda paletten Pathfinder. Alla resulterade nödvändiga banor är färgade med olika färger i diagrammet nedan.

Var uppmärksam på att det finns tre vägar under den gröna vägen. Det finns också tre vägar över gräsbevuxen vägen. Och det finns en violett väg mellan gräsbevuxen väg och den ljusblå vägen som gjorts med hjälp av Pen Tool (P) efter att ha förenat.


Steg 12

Välj den första (översta) sökvägen och fyll den med linjär gradientfyllning.

Välj nu den andra sökvägen och fyll den med Linjär gradient också.

Upprepa dessa åtgärder. Följande linjära gradienter visas i diagrammen nedan.


Steg 13

Ta pennverktyget (P) och skapa en kant. Fyll den med en glänsande linjär gradient.

Upprepa dessa åtgärder.


Steg 14

Välj den blå vägen och fyll den med linjär gradient fyllning.

Därefter expandera denna gradientfyllning till gradientnät genom att gå till Objekt> Expand.

Och gå till Objekt> Ungroup.

Då behöver du konvertera gradientnätet för att representera en konisk yta. Ta maskverktyget (U) och dra ankarpunkterna i nätet för att få följande diagram.

Upprepa detta steg med den gula banan.


Steg 15

Ta pennverktyget (P) och skapa en ljuspunkt på den övre delen av gavelhuvudet. Fyll den med en linjär gradient fyllning.

Skapa nästa triangulära bana med böjda sidor. Fyll den med en brun nyans och sätt in den till Ingen.

Kopiera den och klistra in framför (Kommando + C då Kommando + F), gå till Objekt> Transformera> Skala och minska dimensionerna för denna kopia. Fyll sedan det med en linjär gradient fyllning.

Välj den stora triangulära sökvägen och ställ in opaciteten av den till noll. Gå sedan till Objekt> Blanda> Blandningsalternativ och ange Spacing till specificerade steg och antalet steg till tio eller mer. Välj sedan båda triangulära sökvägarna och gå till Objekt> Blanda> Gör (Command + Alt + B).


Steg 16

Låt oss nu skapa en tallrik för gaveln. Ta först Ellipse Tool (L) och dra en ellips. Ställ in sträcken på Ingen, och fyll i den med linjär gradientfyllning. Placera ellipsen under gaveln.

Kopiera den här ellipsen och klistra in den i bakåt (Kommando + C då Kommando + B). Nu flytta den lite ner och fyll den med vilken färg som helst.

Ta saxverktyget (C) och klicka på de halvaxliga förankringspunkterna som pekas med pilarna på diagrammet. Ta sedan bort den övre halvan av ellipsen. Ta pennverktyget (P) och stäng vägen. Se diagrammen.

Fyll vägen med en linjär gradient fyllning.


Steg 17

Skapa en annan ellips fylld med en linjär gradient fyllning.

Skapa sidans yta genom att använda samma åtgärder som du just använt.

Kopiera nu den nya ellipsen och klistra in den bakåt (Kommando + C då Kommando + B). Minska det genom att gå till Objekt> Transformera> Skala. Flytta denna ellips (original) något nere och fyll den med en linjär gradient.


Steg 18

Kopiera original ellipsen och klistra in den i bakåt (Kommando + C sedan Kommando + B). Fyll den med en mörkbrun färg (fyllningen är osynlig i diagrammet nedan).

Dra nu en större ellips under den här och fyll den med en ljusbrun färg.

Ställ opaciteten hos den större ellipsen till noll. Välj dessa två ellipser och gå till Objekt> Blanda> Gör (Kommando + Alt + B).

Och du har skapat skuggan på topplattan.


Steg 19

Skapa en skugga av alla ställen med samma metod. Se bilden nedan för referens.

Skapa nu en skugga från gaveln på stativet. Använd bilden nedan som en referens.

Rita en skugga från handtagets ände.

Och rita en ryggskugga på gavelhuvudet.

Kan luft reflektera något med nyanser? Eller kan skuggor falla i luften? Vad tror du? Du har rätt. Skuggor kan inte falla på luften. Så du måste skära bort oönskad del av denna nyans. Välj toppens ellips på plåten. Kopiera den och klistra in framför (Kommando + C då Kommando + F). Välj sedan båda: kopia av denna ellips och blandningen som representerar en nyans.

Och gå till Objekt> Clipping Mask> Make (Command + 7).


Steg 20

Låt oss nu skapa kort. Ta det rundade verktyget och skapa följande formulär.

Ta nu ellipsverktyget (L) och skapa en cirkel i den övre delen av den avrundade rektangeln. Låt oss kalla det "Big circle." Kopiera den och klistra in framför (Kommando + C då Kommando + F). Låt oss kalla det "Big circle copy." Välj cirkeln och rektangeln, gå till paletten Justera och justera cirkeln horisontellt till rektangeln.

Därefter, i hörnet pekad av en pil i diagrammet ovan, skapar du nästa cirkel som rör både: "Stor cirkel" och rektangel. Ta sedan saxverktyget (C) och klicka den här lilla cirkeln två gånger i punkterna där den rör. Ta bort de onödiga delarna som visas i diagrammet.


Steg 21

Med hjälp av saxverktyget raderas de onödiga delarna av den avrundade rektangeln och den stora cirkeln, som visas i diagrammen nedan.

Därefter måste du ta emot tre vägar.

Välj alla och gå till Objekt> Sti> Gå med (Command + J).

Gå till Objekt> Transformera> Reflektera. Ställ in följande värden som du kan se i diagrammet och klicka på knappen Kopiera.

Flytta nu kopian till vänster för att göra ett kortformulär.

Välj allt kort och gå till Objekt> Path> Join (Command + J).


Steg 22

Välj nu "Stor cirkelkopia", gå till Objekt> Transformera> Skala och minska dess dimensioner. Färga kortet och sätt alla strängar av det till None.

Ta nu rektangelverktyget (M) och rita en rektangel över kortet.

Välj båda: den här rektangeln och "Stor cirkelkopia". Gå till paletten Pathfinder och klicka på knappen Minus Front där.


Steg 23

Ta typverktyget (T) och skriv ett värde "200" på kortet. Och gå till Typ> Skapa konturer (Command + Shift + O).

Fyll kortet med en linjär gradient fyllning.

Gå till Objekt> Transformera> Rotera och rotera kortet.

Fyll den röda banan med en linjär gradient fyllning.


Steg 24

Placera nu detta kort under gaveln.

Därefter väljer du kortets yttre bana, kopierar den och klistrar in den på baksidan (Kommando + C då Kommando + B), flytta den något och fylla den med en mörkgrön färg.


Steg 25

Skapa nu det andra kortet på samma sätt. Var uppmärksam här vid Radialgradient fyllning av kortets lätta del. Du måste göra detta för att representera en nyans från det första kortet.


Steg 26

Nu behöver du skapa en bakgrund. Först, skapa en rektangel, fyll i den med en vit färg, sätt Stroke to None och ta den tillbaka.

Gå nu till Objekt> Skapa Gradient Mesh och ställ in följande värden:

Ta maskverktyget (U) och ändra färgerna på ankarpunkterna. Se diagrammet nedan. Lämna de yttre ankarpunkterna vita.


Slutsats

Nu kan du använda denna gavel för att sälja och köpa varor på auktionerna.