Share
Vad du ska skapaIsometrisk konst är en mycket trendig stil som har blivit utbredd och används av designers för reklam, webbdesign, spel och på många andra områden.
Det kan verka som en utmaning att skapa ett isometriskt objekt, eftersom du behöver bygga ett galler och följa objektens geometri, placera linjerna på rätt sätt. Men tillräckligt med detta! I den här handledningen ser vi hur man gör ett isometriskt objekt med några få klick med hjälp av de inbyggda Adobe Illustrator-funktionerna, utformade speciellt för att skapa en isometrisk vy. Låt oss börja!
Låt oss börja med att göra en ljusgul cirkel av 100 x 100 px storlek. Enkelt klick med Ellipsverktyg (L) var som helst på din Artboard och ställa in storleken i alternativfönstret. Lägg till en mindre cirkel (75 x 75 px) ovanpå den första, fyller den med mörkare orange.
Nu när vi har basen på vårt mynt, låt oss göra det till ett isometriskt mynt! Välj båda cirklarna och gå till Effekt> 3D> Extrude & Bevel och du får se popup-fönstret. Öppna rullgardinsmenyn Placera menyn ovanpå alternativfönstret och välj Isometrisk vänster.
Ställ in Extrude Depth till 10 pt. Som du kan se har vårt mynt blivit tredimensionellt och det ser bra ut, även om vi inte behöver alla de "realistiska" skuggorna och höjdpunkterna när vi vill göra en platta färgning. Så låt oss sätta Yta till Ingen skuggning.
När du har applicerat 3D effekten, duplicera myntet och behåll kopia någonstans i närheten som du kanske behöver det senare. På så sätt kan du alltid återvända till 3D Extrude & Bevel Options för att redigera inställningarna om du bestämmer dig för att ändra Position, Extrude Depth, använda sig av Karta Art eller några andra parametrar. Du kan göra det om några klick genom att nå den applicerade effekten i Utseende panel och klickatill Redigera Effekt.
Objekt> Expand Utseende av det första myntet (det vi ska jobba på), så att det blir en uppsättning separata element.
Välj kanten på myntet och gör det Fylla färg lite lättare. Om kanten är uppdelad i flera delar efter dig Bygga ut det, välj sedan alla bitar och Förena dem i Stigfinnare.
Om du öppnar Skikten panel och titta igenom föremålen, kanske du märker att det finns många "skräp" bitar kvar. Dessa är dolda bakom den främre delen av vårt mynt och vi behöver inte dem själva. Välj dessa bitar och ta bort dem, och lämna endast den främre delen av myntet, fälgen och den ljusgula kanten.
Låt oss lägga till en dollar symbol för vårt mynt. Jag har använt Uni Sans Free-teckensnittet för att skapa en djärv symbol och sedan applicerad samma Extrude & Bevel inställningar för vårt mynt. För att göra det, gå bara till Effekt> Applicera Extrude & Bevel. På så sätt applicerar du den tidigare använda effekten bara med ett klick. Objekt> Expand Utseende av symbolen och fyll den främre delen med ljusare gul.
Nu kan vi kombinera mynt- och dollarnsymbolen genom att placera den över varandra. Gruppera objekten och duplicera gruppen flera gånger för att skapa en stapel mynt.
Först och främst, låt oss bilda basen på vårt kort från en 80 x 110 px ljusgrå rektangel med hjälp av Rektangelverktyg (M). Använd Levande hörn egenskap av Adobe Illustrator CC för att göra kortens hörn rundade med 10 px hörn Radius. Välj det här kortet med Direktmarkeringsverktyg (A) (alla hörnförankringspunkter måste väljas) och dra in den lilla cirkelindikatorn bredvid något hörn närmare mittpunkten på kortet, vilket gör hörnet smidigt.
Om du använder en tidigare version av Adobe Illustrator kan du uppnå samma effekt genom att använda Effekter> Stylize> Round Corners, ställa in önskat Hörnradie av rektangeln från popup-menyn.
Låt oss nu utgöra en symbol för hjärtat kostym för kortet. Börja göra ett hjärta från en röd cirkel av 30 x 30 px storlek. Välj den nedre ankarpunkten i vår cirkel och konvertera den till ett skarpt hörn genom att klicka på lämplig knapp (Konvertera valda ankarpunkter till hörn) i den översta kontrollpanelen eller genom att enkelt klicka på själva ankarpunkten med Anchor Point Tool (Shift-C).
Nu squash formen lite genom att flytta dess övre ankarpunkt ner med pil nedåt, och använd Anchor Point Tool (Shift-C) igen för att dra handtag på ankarpunkten, som visas på skärmdumpen nedan. Håll ner Flytta nyckel och dra för att flytta handtagen till 45 grader vinkel.
Om du inte kan göra båda delarna av hjärtformen lika med att du flyttar handtagen, använd följande enkla trick: ta Eraser Tool (Shift-E), håll Alt nyckel och dra, gör en vit rektangel som täcker den högra halvan av din hjärtform. Släpp musknappen och ta bort biten. Välj det kvarvarande stycket och använd Reflekteringsverktyg (R) att vända formen över Vertikal axel. Slutligen klickar du på Kopia knappen för att skapa en symmetrisk reflekterad kopia och placera den i rätt läge, bilda ett jämnt hjärta. Använd Förena funktion av Stigfinnare att slå samman halvorna i en enda form.
Dra ned den nedre ankarpunkten en bit och extrudera hjärtformen.
Låt oss gå vidare till spadesdräktssymbolen. Gör en kopia av hjärtat och rotera det 180 grader med Urvalsverktyg (V), sätta det upp och ner och byta Fylla färg till svart. Ta Polygon Tool, enkelt-klicka på Artboard för att ringa popup-alternativfönstret och ställa in Sidor värde till 3. Skapa en liten triangel och Justera det horisontellt med den svarta formen som vi har skapat.
Ta Kurvverktyg (Shift-') och böja vänstra sidan av triangeln genom att dra ner den mellersta delen, vilket gör en jämn båge. Upprepa detsamma med andra sidan, bilda spadesignalen.
Diamant kostym tecknet är enkelt: bild ett jämnt torg med Rektangelverktyg (M) och rotera den till 45 grader, antingen genom att använda Rotera verktyg (O) eller genom att hålla ner Flytta nyckeln och dra formen med Urvalsverktyg (V).
Håll formen vald, gå till Effekt> Förvräng & Transformera> Pucker & Bloat och flytta skjutreglaget åt vänster, sätt det till -20% pucker värde. Objekt> Expand formen, som bildar diamantdräktsymbolen.
Vår sista symbol är klubbens kostym. Den består av tre jämn cirklar av 15 x 15 px storlek, placerad som en pyramid-två cirklar i botten och en på toppen. Ta triangelelementet från spadesymbolen för att bilda bottendelen och slutföra klubbarna symbolen.
Gör bokstaven A för Essen, med samma Uni Sans Free-typsnitt (eller någon annan som du vill) och Objekt> Expand formen.
Placera hjärtatsymbolen under bokstaven A och justera dess storlek så att den passar kortets skala. Grupp (Control-G) formerna. Använd Reflekteringsverktyg (R) att vända formerna över Horisontell axel. Nu måste vi byta symbolerna och sätta dem på rätt plats. För det första, gå till Justera panel, med kortbasen som Nyckelobjekt (håll Alt nyckel och klicka på kortbasen) för att hålla figurerna i hörnen av kortbasen.
Välj den övre gruppen röda symboler och tryck på Stiga på nyckeln för att ringa popupen Flytta alternativfönstret och ställ in Horisontell och Vertikal position värden till 10 px varje. Upprepa samma åtgärd med den nedre gruppen av röda symboler, men denna gång ställer du in Placera värden till -10 px varje.
Formulera den slutliga bilden av hjärtan och gör den kompletta uppsättningen ess med samma teknik.
Låt oss nu vända våra platta kort till isometriska föremål! Välj ett kort med alla dess element och gå till Effekt> 3D> Extrude & Bevel. Ställ in Placera till Isometrisk vänster, de Extrude Depth till 3 pt (eftersom kortet är tunnare än föregående objekt som vi gjort) och Yta till Ingen skuggning.
Kom ihåg att behålla kopia av kortet med 3D effekt appliceras i fallet om du vill ändra några av inställningarna senare. Objekt> Expand Utseende av kortet och Förena dess kantdelar i Stigfinnare. Fyll sedan kanten med lite mörkare färg för att göra kortet mer tredimensionellt.
Använd Direktmarkeringsverktyg (A) för att välja de svarta formerna på framsidan. Efter dig Grupp (Control-G) dem och gömma dem (tillsammans kortbasen) genom att klicka på ögonikonen i Skikten panelen kan du märka att det finns gott om onödiga bitar kvar, vilka är osynliga under kortet. Du kan ta bort dessa bitar för att göra ditt arbete mer snyggt och organiserat.
Använd samma teknik för att bilda en stapel ess.
Låt oss först och främst bilda en bas av dominoplattan från en lång rektangel av 60 x 110 px storlek. Gör en liten svart cirkel av 11 x 11 px och placera den i domino kakelns övre högra hörn. Välj cirkeln, tryck på Stiga på nyckeln och använd Flytta funktion, inställning av Horisontell position till -5 px och Vertikal position till 5 px, så att vår cirkel inte håller sig fast vid kakelens kanter.
Håll ner båda Flytta och Alt, och dra cirkeln ner och till vänster längs den imaginära diagonala linjen och bilda en kopia. Tryck Kontroll-D att upprepa den sista åtgärden och bilda en annan kopia. På så sätt har vi tre svarta prickar i dominoplattans övre del.
Låt oss nu bilda delaren mellan två halvor av dominoplattan. Kopiera den grundläggande delen av plattan och placera den ovanpå basen (Control-C> Control-F). Gör det halva höjden på den ursprungliga formen, sätt storleken på 60 x 55 px, och sedan squash formen genom att dra ner den nedre sidan och göra en tunn linje, dela domino kakel i två halvor.
Använd Reflekteringsverktyg (R) att vända kopia av prickarna över Horisontell axel, placera den speglade kopian i den undre delen av plattan. Placera en annan speglad kopia på samma plats och bilda en grupp med fem punkter.
Formulera några fler kombinationer av prickar för våra framtida dominoplattor och lägg dem på samma rektangelbas. På så sätt har vi tre baser redo. Nu kan vi gå till Effekt och bara Applicera Extrude & Bevel från början av rullgardinsmenyn, tillämpa samma 3D inställning som vi hade för spelkorten.
Vi börjar med att bilda basen av vår roulette från en brun 200 x 200 px cirkel. Lägg sedan till en mindre gul cirkel ovanpå den första och till sist en mindre grön cirkel ovanpå de föregående två. Ta Linjesegmentverktyg (\) och placera en rak vertikal linje över cirklarna, anpassa den till mitten. Lägg till en horisontell linje och bild ett kors ovanpå cirklarna.
Välj de linjer som vi har skapat, dubbelklicka på Rotera verktyg (R) för att visa alternativmenyn och ställa in Vinkel värde till 18 grader. tryck på Kopia knappen och sedan Kontroll-D flera gånger för att göra fler kopior av linjerna.
Duplicera den gula cirkeln två gånger, välj en av kopiorna tillsammans med linjerna och använd Dela upp funktion av Stigfinnare panel för att skära den gula cirkeln i bitar, som en paj.
Fyll sektorerna i den uppdelade cirkeln med rött och svart och fyll en av bitarna med grön. Ordna om formerna så att vi har den gröna cirkeln ovanpå (Skift-Control-]) igen. Byt fyllning och stroke av den gröna cirkeln, vrid den till en linje och skapa en annan mindre grön cirkel inuti den.
Välj den skisserade cirkeln och sektorerna och använd Dela upp funktion av Stigfinnare igen. Nu har du mindre segment närmare roulettens centrum. Välj dem och lägg till en tunn vit Stroke till dem. Slutligen lägg till en vit Stroke till den centrala gröna cirkeln, som också ligger på toppen.
Vi har fortfarande den gula cirkeln på botten, kom ihåg? Låt oss välja de skapade segmenten tillsammans med den centrala delen och göra denna grupp av former lite mindre och avslöja den gula fälgen vid segmentets kant. Växla också färgen på den centrala delen till gul och gör den Stroke tjockare, vilket gör roulettens design mer harmonisk.
Låt oss vända den centrala delen av rouletten till en Nytt symbol genom att dra och släppa den på symboler panel.
Fortsätt och välj den roulette bruna basen och gör den tredimensionell med Effekt> 3D> Extrude & Bevel. Ställ in Placera till Isometrisk vänster, Extrude Depth till 10 pt och den Yta till Ingen skuggning.
Medan alternativfönstret fortfarande är öppet klickar du på Karta Art knappen längst ner.
Här, i popupen Karta Art fönster, välj den främre delen av vår roulette från Yta lista (det kommer att markeras med en röd skiss) och tillämpa vår "textur" genom att välja den symbol som vi har skapat i Symbol rullgardinsmenyn. Klick ok att tillämpa effekten och behåll en kopia av den oexpanderade rouletten om du vill ändra något senare.
Objekt> Expand Utseende av rouletten och tweak den lite genom att välja kanten (Förena det i Stigfinnare om det behövs) och fyller det med mörkare brun färg för att lägga till dimension.
Nu måste vi bilda handtaget på vår roulette. Börja med att placera en ljusgrå cirkel av 84 x 84 px storlek och lägg till två korslinjer under den av en mörkare grå färg. Lägg till mindre cirklar på spetsen av varje handtag och gör byggnadscentret mer detaljerat genom att placera en extra cirkel där.
Applicera 3D Extrude och Bevel effekt med samma inställningar som tidigare, och Objekt> Expand Utseende av handtaget.
Skapa en annan uppsättning cirklar för handtagsbasen och gör den större cirkeln 84 x 84 px i storlek. Applicera 3D Extrude & Bevel effekt med tidigare inställningar och fortsätt till nästa detalj. Bild ett mindre 30 x 30 px cirkel och tillämpa 3D Extrude & Bevel effekt med 50 pt Extrude Depth.
Låt oss göra några sista slag här. Objekt> Expand Utseende av handtagets delar och göra kanterna mörkare, skapa en mild skugga och göra den mer tredimensionell. Kombinera delarna av handtaget tillsammans och ändra storlek på den fulla konstruktionen, skalar ner den och gör den passande till rouletten. Fäst handtaget i mitten av rouletten och gör hela objektet klar.
Börja med a 50 x 50 px jämn cirkel, och använd Rektangelverktyg (M) för att bilda en blå vertikal rand som passerar cirkeln. Om du håller marken markerad, dubbelklicka på Rotera verktyg (O) och ställa in Vinkel värde till 360/8, så att Adobe Illustrator automatiskt beräknar rätt vinkelgrad för åtta kopior. Klicka på Kopia knappen och tryck sedan på Kontroll-D flera gånger, skapa åtta roterade kopior av vår rand.
Välj de skapade blåa randarna och Förena dem i Stigfinnare, bildar en enda form. Duplicera cirkelns cirkelbas, välj både kopian och den sammanslagna blå formen och använd Korsas funktion av Stigfinnare att skära av de oönskade delarna av ränderna, så att de passar in i chipbasen. Placera en mindre blå cirkel ovanpå chipet.
Skapa tre exemplar av chipet och fyll deras element med olika färger: grönt, svart och rött, vilket definierar olika värden på chipsen. Du kan lägga till några fler dekorativa element, som den skisserade vita cirkeln i mitten av chipet. Använd Uni Sans Free-teckensnittet för att lägga till nummer till våra marker (25, 50, 100, 500) och vrid varje chip till en symbol genom att dra och släppa den på symboler panel.
Kopiera den tomma chipbasen (the 50 x 50 px cirkel) och gå till Effekt> Applicera Extrude och Bevel eller Effekt> 3D> Extrude & Bevel med följande inställningar: ställa in Placera till Isometrisk vänster, Extrude Depth till 10 pt och den Yta till Ingen skuggning.
Klicka på Karta Art knappen och applicera chipsymbolen på framsidan. Håll kopian av oexpanderade chip för att göra fler av dem med olika färger.
Gör fler marker med samma teknik och Objekt> Expand Utseende av formen, fyller kanterna med mörkare färger.
Låt oss först och främst bilda tärningens bas. Gör en svart jämn kvadrat av 50 x 50 px storlek. Sätt a 9,5 x 9,5 px vit cirkel ovanpå och Justera det med torget, placera det rätt i mitten. Gör sex exemplar av torget för var och en av de sex sidorna av vår framtida tärning.
Formulera prickens mönster från 1 till 6 som visas i skärmdumpen nedan. Använd Smart Guides (Visa> Smart Guides) och den Justera panel för att göra det enklare att placera prickarna i rätt läge.
Vrid de skapade formerna till symboler. Nedan är tärningssystemet, vilket visar vilka ytor som är angränsande och vilka är motsatta varandra när tärningarna bildas.
Låt oss nu göra en tredimensionell bas av tärningarna! Skapa en större kvadrat av 70 x 70 px storlek och gå till Effekt> 3D> Extrude & Bevel. Den här gången ställer du in Extrude Depth till 70 pt för att göra formen ens.
Gå till Karta Art Alternativ för våra tärningar (kom ihåg att du alltid kan gå tillbaka till 3D Extrude & Bevel alternativfönster från Utseende panelen innan du utökar formen).
Applicera de skapade symbolerna på våra tärningar, enligt planen. Till exempel, som du kan se nedan, ligger trepunktsytan på höger sida bredvid enpunktsytan ovanpå. Håll en kopia av den oexpanderade tärningsformen för att ändra positionen på ytorna för nästa tärning, vilket gör uppsättningen mer mångsidig.
Gör ytterligare två kopior av tärningen, ändra positionen på prickytorna. Objekt> Expand Utseende av objekten och spela med färger. Först och främst redigerar du den svarta tärningen, gör den övre sidan lättast, fyller den med ljusare grå färg och vänster sida är den mörkaste, fyller den med svart färg.
Fyll de två andra tärningarna med vit och röd.
Bra! Vi har den kompletta uppsättningen spelobjekt som vi behövde. Nu kan vi flytta dem runt Artboard, göra fler kopior och bygga olika kompositioner.
Rotera några av föremålen, placera dem horisontellt för att göra kompositionen mer dynamisk. Vi kan också lägga till lite ljus bakgrund och kopplingselement, till exempel linjer eller streckade banor, gjorda med Penverktyg (P). Använd Stroke panelen för att redigera utseendet på banorna.
Bra jobb, grabben! Jag hoppas att du har haft den här handledningen och upptäckt några nya tips och tricks om att skapa isometriska objekt på ett enkelt sätt, med hjälp av Adobe Illustrators inbyggda funktioner. Dessa tekniker kan användas för att göra andra föremål och tillgångar, till exempel byggnader, fordon och många fler. Lycka till med din konst!
Accentsconagua