Snabbtips Hur man skapar en 3D-markör i Adobe Illustrator

Vad du ska skapa

I följande steg lär du dig att skapa en 3D-markörsymbol i Adobe Illustrator. Till att börja med lär du dig att skapa ett enkelt rutnät och hur du skapar din huvudform med hjälp av grundläggande verktyg tillsammans med funktionen Snap to Grid. Därefter ger du det en 3D-känsla med hjälp av 3D Extrude & Bevel-effekten. Att flytta på dig kommer att lära dig hur man lägger till färg, skuggning och höjdpunkter med hjälp av Utseendepanelen och några grundläggande blandningstekniker. Slutligen kommer du att lära dig hur du enkelt kan lita på hela din markör med bara en form.

1. Skapa ett nytt dokument och skapa ett rutnät

Träffa Kontroll-N att skapa ett nytt dokument Välj pixlar från Enheter rullgardinsmenyn, skriv in 600 i rutorna bredd och höjd och klicka sedan på Avancerad knapp. Välj RGB, Skärm (72ppi) och se till att Justera nya objekt till pixelnätet rutan är avmarkerad innan du klickar ok.

Aktivera Rutnät (Visa> Visa rutnät) och den Snap to Grid (Visa> Snap to Grid). Du behöver ett rutnät varje 1 px, så helt enkelt gå till Redigera> Inställningar> Guider> Grid, och skriv in 1 i Gridline varje lådan och 1 i underavdelningar låda. Försök att inte bli avskräckta av allt det där nätet - det kommer att göra ditt arbete enklare och tänk på att du enkelt kan aktivera eller inaktivera den med hjälp av Kontrollera-" tangentbordsgenväg.

Du borde också öppna Info panel (Fönster> Info) för en levande förhandsgranskning med storleken och positionen på dina former. Glöm inte att ställa in måttenheten till pixlar från Redigera> Inställningar> Enheter> Allmänt. Alla dessa alternativ ökar din arbetshastighet avsevärt.

2. Skapa pilformen

Steg 1

Välj Rektangelverktyg (M) och fokusera på din verktygsfält. Ta bort färgen från stroke och välj sedan fyllningen och sätt dess färg till R = 209 G = 211 B = 212. Flytta till din tavla och helt enkelt skapa en 42 x 41 px rektangel-the Snap to Grid bör göra ditt arbete enklare.

Se till att denna rektangel stannar vald och gå till Objekt> Sti> Lägg till Anchor Points. Byt till Ta bort Anchor Point Tool (-) och klicka helt enkelt på de fyra ankarpunkterna som markeras i den första bilden för att ta bort dem. Detta bör göra din rektangel till en triangel, som visas i den andra bilden. Fokusera på undersidan av din triangel och ta tag i Direktmarkeringsverktyg (A). Välj mittpunkten och dra den 6 px till höger. Än en gång, nätet och Snap to Grid funktionen kommer att vara till nytta.

Steg 2

Se till att din triangel hålls vald, fortsätt fokusera på undersidan, ta tag i Lägg till Anchor Point Tool (+) och lägg till en ny ankarpunkt som visas i den första bilden. Byt till Direktmarkeringsverktyg (A), välj de två ankarpunkterna som markeras i den andra bilden och dra dem helt enkelt 6 px upp. I slutet skulle sakerna se ut i den tredje bilden.

Steg 3

Använda Rektangelverktyg (M), skapa en 12 x 22px forma och placera det exakt som det visas i den första bilden. Välj den här nya rektangeln tillsammans med den andra formen, öppna Stigfinnare panel (Fönster> Pathfinder) och klicka på Förena knapp.

Steg 4

Se till att din form är vald och gå till Effekt> 3D> Extrude & Bevel. Ange alla attribut som visas i följande bild, kolla på Rita dolda ansikten rutan och klicka sedan på ok.

Steg 5

Återställ din form och gå till Objekt> Expand Utseende. Se till att den resulterande gruppen är vald och enkelt träffad Skift-Control-G två gånger till Dela upp Det.

Använda Urvalsverktyg (V) och den Flytta knappen, välj endast de synliga formerna (markerad i den första bilden) och klicka helt enkelt på Kontroll-G till Grupp dem. Håll fokus på Skikten panel och stäng av din grupps synlighet så att du kan titta på de former som ligger bakom.

Bli av med de mörkare grå formerna och välj sedan den återstående och ersätt den befintliga fyllfärgen med en enkel svart (R = 0 G = 0 B = 0). När du är klar kan du återvända till Skikten panelen, vänd tillbaka synligheten för din grupp och välj sedan och sedan Dela upp det använder detsamma Skift-Control-G tangentbordsgenväg.

3. Lägg till färg och subtila höjdpunkter

Steg 1

Välj de fem formerna som utgör sidorna på markören och gör kopior framför (Control-C> Control-F). Se till att endast dessa kopior är markerade, klicka på Förena knapp från Stigfinnare panel och tryck sedan på Kontroll-8 Tangentbordsgenväg för att vända dina valda former till en enkel sammansatt sökväg. Se till att din sammansatta sökväg är vald och helt enkelt ersätta den befintliga fyllfärgen med R = 39 G = 170 B = 225.

Flytta till Skikten panel, välj din svarta form, gör en kopia framförControl-C> Control-F) och ta det framåt (Skift-Control-]). Se till att kopian är vald och fokusera på Utseende panel. Ta bort färgen från fyllningen och fokusera sedan på stroke. Lägg till R = 247 G = 148 B = 30 för färgen och öka Vikt till 2 px. Med den här orange banan fortfarande vald, gå till Objekt> Path> Outline Stroke.

Steg 2

Återmarkera din blåa sammansatta väg längs med den orange formen och klicka på Korsas knapp från Stigfinnare panel. Se till att den resulterande gruppen av former väljs och vrid den till en ny sammansatt sökväg med samma sak Kontroll-8 tangentbordsgenväg.

Håll fokus på den här orange banan, ta tag i Ta bort Anchor Point Tool (-) och ta helt enkelt bort de sex ankarpunkter som markeras i den andra bilden. I slutet ska din orange sammansatta väg se ut i den tredje bilden.

Steg 3

Se till att din orange sammansatta sökväg fortfarande är vald och flytta till Utseende panel. Byt ut den befintliga fyllfärgen med en enkel svart och klicka sedan på "Opacitet"textstycke för att öppna Genomskinlighet utflödespanel. Sänka Opacitet till 20% och ändra Blandningsläge till Mjukt ljus.

Steg 4

Välj de fem formerna som bildar sidorna på markören en efter en och ersätt helt enkelt de befintliga fyllfärgerna med de linjära gradienterna som anges i följande bild.

Steg 5

Välj den form som utgör den övre sidan av markören och ersätt helt enkelt den befintliga fyllfärgen med den linjära gradienten som visas i följande bild.

Steg 6

Återmarkera den form som utgör markörens övre sida och fokusera på Utseende panel.

Välj befintlig stroke, ändra dess Blandningsläge till Mjukt ljus och lägg till den linjära gradienten som visas i följande bild. Tänk på att de blå siffrorna från Lutning bildstativ för Plats procent medan de gula står för Opacitet procentsats. Återgå till Utseende panelen och klicka på "Stroke"textstycke för att öppna Stroke fly-out-menyn. Se till att Vikt är inställd på 1 px och kontrollera sedan Avrundat och den Rikta in streck på insidan knappar.

4. Lägg till en subtil kontur längs kanterna på dina former

Steg 1

Återmarkera de sex former som utgör markörernas synliga sidor och duplicera dem (Control-C> Control-F). Se till att endast dessa kopior är valda, ersätt de befintliga fyllningsattributen med två slumpmässiga nyanser av blått som visas i den andra bilden och glöm inte att ta bort strecket som används för de bästa formerna.

Steg 2

Välj den blå formen som utgör den högra sidan av markören och gör en kopia framförControl-C> Control-F). Välj den här kopian tillsammans med den mörkare blå formen markerad i den första bilden och klicka på Minus Front knapp från Stigfinnare panel.

Steg 3

Återmarkera alla dina blå former och fokusera på Utseende panel. Ta bort fyllfärgerna och lägg till en 1 px svart slag. När du är klar, Grupp dessa former (Kontroll-G).

Steg 4

Se till att din grupp fortfarande är vald och gör en kopia framförControl-C> Control-F). Välj den här kopian och klicka på Förena knapp från Stigfinnare panel. Fokusera på den resulterande formen, sätt fyllfärgen på vit, bli av med den svarta stroken och använd sedan Ta bort Anchor Point Tool (-) för att ta bort ankarpunkten markerad i den andra bilden. I slutet skulle sakerna se ut i den tredje bilden.

Steg 5

Återmarkera den vita formen som gjordes i föregående steg tillsammans med din enda grupp, öppna Genomskinlighet panel (Fönster> Genomskinlighet) och klicka på Gör mask knappen, och saker ska se ut i den andra bilden. Håll fokus på Genomskinlighet panel, ändra Blandningsläge till Mjukt ljus och sänka Opacitet till 30%.

Steg 6

Fokusera på Skikten panel, välj den svarta formen som utgör markörens undersida och flytta till Utseende panel. Välj den befintliga stroke, gör den svart, sänk den Opacitet till 5% och öppna sedan det Stroke utflödespanel. Se till att Vikt är inställd på 1 px och kontrollera sedan Round Join och Justera streck till utsidan knappar.

Steg 7

Återmarkera den svarta formen som utgör markörens undersida, återgå till Utseende panelen, se till att hela banan är vald (klicka bara på "Väg"textstycke från överst på panelen) och gå till Effekt> Stylize> Drop Shadow. Ange attributen som visas i det övre vänstra fönstret (i följande bild), klicka ok och lägg sedan till de andra tre Drop Shadow effekter som visas i följande bild.

5. Lägg till skuggning och recolor din markör

Steg 1

Återmarkera din maskerade grupp och gör en kopia framförControl-C> Control-F). Se till att den stannar och välj den Förena knapp från Stigfinnare panel. Nu kan du använda den här nya formen för att enkelt lita på hela din markör. Se till att den stannar valda och fokusera på Utseende panel. Ställ in fyllfärgen på R = 28 G = 117 B = 188 och ändra sedan Blandningsläge till Mjukt ljus.

Steg 2

Använd gärna ett annat blandningsmodus för den här formen som återkallar hela din markör.

Steg 3

Du kan alltid justera opacitetsprocenten för att öka / minska färgintensiteten för formen som lägger till färg för markören.

Steg 4

Du kan också försöka kombinera två olika blandningslägen.

Steg 5

Tveka inte att experimentera med olika färger.

grattis! Du är klar!

Så här ska det se ut. Jag hoppas att du har haft den här handledningen och kan tillämpa dessa tekniker i dina framtida projekt.