Share
I denna handledning lär vi oss hur man skapar en stiliserad ihålig 3D-dörr. I stället för att ha vanliga prickar på ytan kommer vi att skapa hål. Tja inte egentliga hål, men vi kommer säkert att få dem att se ut som hål. Under hela skapande processen finns det något vi inte bör glömma - perspektiv. Perspektiv är en av de viktigaste sakerna vi måste vara medvetna om när vi skapar ett 3D-objekt. Om vi lämnar perspektivet kommer vi att sluta med förvrängda objekt. Så låt oss flytta från ord till handling.
Vi börjar med att skapa symboler för varje enskild sida av munstycket. Det betyder att vi behöver 6 rundade rektanglar med olika antal prickar. Dessa symboler kommer att appliceras på vår 3D-dö. Ta det runda rektangelverktyget från verktygspanelen och klicka någonstans på Artboard. I rutan Avrundad rektangel anger du parametrarna som visas på bilden nedan. Fyllfärg är inte viktig.
Ta nu ellipsverktyget (L) från Verktygspanelen och skapa en perfekt cirkel (för perfekt cirkel håll Shift-tangenten på ditt tangentbord). Välj båda formerna och under Justera-panelen välj horisontellt och vertikalt inriktningscenter.
För sidan av munstycket med två prickar skapa en annan rundad rektangel, gör en två kopior (Ctrl / Command + C, Ctrl / Command + V) av den gula pricken från föregående steg och ordna dem som det visas på bilden nedan. Se till att de gula punkterna ordnas korrekt genom att använda Horisontell Align Center på panelen Justera. Gruppera dem (Ctrl / Command + G) och anpassa båda punkterna med den avrundade rektangeln med hjälp av Horisontellt och vertikalt inriktningscentrum under panelen Justera.
Välj båda punkterna och under Objekt välj Transformera> Rotera. Ställ vinkeln på 45˚ och tryck på OK-knappen.
För dyssidan med tre prickar skapa en annan rundad rektangel, skapa en kopia (Ctrl / Command + C, Ctrl / Command + V) med två punkter från föregående steg. Ta tillbaka dem till horisontellt läge och placera en ny punkt i mitten. För att säkerställa samma avstånd mellan prickar välj dem alla och tryck på knappen Horisontell fördelningsutrymme under Justera panelen. Grupp (Ctrl / Command + G) gula prickar och under objektet välj Transform> Reflektera. Ställ vinkeln på 45˚. Du borde sluta med något så här.
För att skapa en sida av munstycket med fyra punkter, duplicera element från steg 4. Det bästa sättet att göra det är att välja rundad rektangel och två gula prickar, håll Alt / Option-tangenten på ditt tangentbord och klicka och valda valda former på sidan . Välj nu bara gula prickar och under Objekt välj Transform> Reflektera. Välj Vertikal för axel och tryck på knappen Kopiera. Det kommer att skapa en reflekterad bild av valda element och vi kommer att sluta med fyra istället för två prickar.
Skapa kopian av hela sidan med fyra punkter (håll Alt / Opt-tangenten på ditt tangentbord och klicka och dra formerna). Placera en ny prick i mitten. Se till att alla element anpassas så att de passar perfekt. För att göra det, grupp (Ctrl / Command + G) fyra punkter vi redan hade. Välj sedan alla element som utgör "5 prickar" -sidan av munstycket och under raden Justera panelen träffas Horisontellt och vertikalt inriktningscenter.
Som du antagligen antar, för 6-prickssidan av dynan behöver vi skapa en kopia av "3 prickar" -sidan. Upprepa det bekanta Alt / Opt + klicka och dra åtgärden för att skapa kopian. Placera tre gula prickar i horisontellt läge, duplicera dem (Ctrl / Command + C, Ctrl / Command + F) och placera dem som det visas på bilden nedan.
Du borde sluta med något så här.
Vi har alla sex sidor redo för vår dö och vi kommer att förvandla dem till symbolerna. På så sätt kommer vi att kunna tillämpa dem på vår 3D-dörr. Se till att grupp (Ctrl / Command + G) alla element som utgör varje enskild sida av munstycket. Ta varje sida av munstycket, dra och släpp det i Symbolpanelen. När fönstret Symbolalternativ öppnas väljer du Grafik i rullgardinsmenyn Typ. Se till att du också sätter på andra sidor av munstycket i symbolerna.
Nu är vi alla redo att arbeta med utseendet på vår 3D-dörr. Det finns många olika positioner av den dö som vi kan skapa, flyga i luften, rulla på bordet osv ... men vi kommer att skapa en stillbild på den vanliga ytan. På så sätt får vi chansen att leka med ljuset och skapa sköna skuggor. Så låt oss börja.
Välj Rektangelverktyget (M) från Verktygspanelen och klicka någonstans på Artboard. Det kommer att föra upp fönstret Rektangelalternativ. Ange dimensioner till 200 x 200. Fyllfärg är inte viktig.
Under Effecten väljer du 3D> Extrude & Bevel. Ställ djupet på 200 pt och perspektivet till 97˚. Kom ihåg, utan Perspektiv kommer din dörr att se snedvriden. Vi vill verkligen inte det. Vi kommer också att ställa in orienteringen så att den ser ut som att munstycket sitter på den vanliga ytan. Känn dig fri att experimentera med orientering genom att rotera kuben i fönstret 3D Extrude & Bevel Options (se till att tjocka förhandsgranskningsalternativet för att kunna övervaka skapa processen). Det här är den inställning vi ska använda i denna handledning.
Gör en kopia (Ctrl / Command + C, Ctrl / Command + V) av vår dö. Placera den på sidan och lås den i lagpanelen (vi ska använda den här kopian senare).
Nu kan vi börja med att tilldela symboler till varje enskild sida av munstycket. För att göra det måste vi ange kartkonstalternativ.
Växla mellan sidor av munstycket under ytan och välj symbolerna under symbolmenyn.
Upprepa detta steg endast för synliga sidor av munstycket. Vi kommer att slutföra andra sidor av döden senare. Du borde sluta med något så här.
Grundläggande utseendet på vår dörr är gjort men du måste erkänna det ser inte bra ut. Nu är det dags att göra lite polering. Först och främst kommer vi att vända vår dör i den redigerbara formen. För att göra det enkelt väljer du die och under Objekt väljer du Visa utseende. Efter att vi har utvidgat munstycket måste vi ta upp det (Skift + Ctrl / Command + G) och se till att separera alla de element som utgör vår dö. Var beredd att göra det flera gånger tills alla former är oberoende. Efter att du har uppgraderat kan du hitta några värdelösa delar av dynan (de kan tas bort från panelen Layer).
Vi behöver ändra varje sida av munstycket lite. För att göra det använder vi funktionen för offset-banan. Det kommer att tillåta oss att krympa varje avrundad sida av munstycket en bit. Välj bara den rosa formen på varje sida och under objektmarkeringsvägen> Förskjutningsväg. Ställ in värdet för Offset till -1 pixlar och tryck på OK-knappen.
Se till att ta bort den större, ursprungliga rosa formen och lämna den mindre som vi just skapat.
Upprepa föregående steg för andra sidor av munstycket också. Du borde ha något så här.
Markera alla tre bruna rektanglarna och välj Unite-knappen under panelen Pathfinder. Denna åtgärd kommer att vända tre former till bara en. Du kommer antagligen att behöva skicka den nya formen vi just skapat till Tillbaka (Shift + Ctrl / Command + [).
Låt oss ändra vår nya form något. Välj den bruna formen och under Effekter välj Stylize> Round Corners. I denna handledning ställer vi Radius till 15 pixlar. Tjocka förhandsgranskningsrutan för att kunna se vad som är bäst för dig. Det kommer att ge våra dörrar trevliga och runda hörn.
Nu måste vi expandera den bruna formen och förbereda matrisen för mer intressant stegfärgning. Se till att den bruna formen väljs och under objektet välj Expand Utseende.
Vi kommer att knyta varje enskild rosa form till en pixel närmare kanten. Detta kommer att stödja perspektivet lite mer. Du borde sluta med något så här.
Om du inte är helt nöjd med storleken på prickarna kan du öka storleken. Låt visa hur.
Markera alla gula prickar och under Objekt välj sökvägen> Förskjutningsväg. Ställ in förskjutningen som din önskan (glöm inte att kolla förhandsgranskningsrutan för att kunna se vad du gör). Vi ställer in värdet för Offset till 2 pixlar. Vi förenar båda punkterna (små och stora) till en genom att välja Unite under panelen Pathfinder.
Du kanske märker att varje gul punkt innehåller många ankarpunkter. För att undvika någon form av ofullkomlighet försöker vi minska antalet ankarpunkter. För att göra det väljer du Objekt> Sti> Förenkla. Se till att du ställer in kurv precisionen till 100% och vinkelgränsen till 0%. Du borde sluta med något så här.
Vår dörr är redo att få några fina färggraderingar. Så, låt oss börja.
Som du kan se har vi gjort vissa förbättringar men uppenbarligen behöver vi göra mycket mer för vår dö än att tillämpa enkel färggradient. Låt oss vrida våra prickar i hålen. Välj dem alla och duplicera dem (Ctrl / Command + C, Ctrl / Command + F) två gånger. Vi kommer att nudge blåa kopior som det visas på bilden nedan. (Ställ in fyllningsfärgen på kopiorna överst till blått). Ungroup (Shift + Ctrl / Command + G) ny uppsättning prickar.
Välj en gul kopia och en blå kopia och under Pathfinder-panelen träffa knappen Minus Front. Du borde sluta med något så här.
Upprepa tidigare steg för de andra prickarna också.
Med få förändringar kommer vi att göra dessa prickar att se ut som hål. Först kommer vi att applicera fin mörkröd färggradient till "inre" sidan av munstycket. Det betyder att vi kommer att applicera gradient till de gula prickarna.
Vi kommer att tillämpa samma linjära gradient till de andra gula prickarna också.
Låt oss ändra färgen på de former som representerar tjockleken på formväggarna (sidor). Vi kommer att använda röd linjär gradient med få ljusa nyanser av rött för att betona ljusets inflytande.
Det finns något annat vi kan göra för att vi ska se ännu bättre ut. Kom ihåg döden vi har kvar på sidan för senare? Vi ska använda den nu.
Som du kommer ihåg är detta vårt grundläggande torg som vi har använt i början. Eftersom vi redan har tillämpat 3D-effekten Extrude & Bevel ändrar vi bara utseendet på döet. Vi försöker faktiskt få formen, storleken och positionen på prickarna / hålen på osynliga sidor av munstycket. Men låt oss börja, saker kommer att bli tydliga.
Under Utseendepanelen (om det inte är synligt kan du hitta panelen Utseende under Fönstret) på 3D Extrude & Command (Mapped). Det kommer att föra fram fönstret Extrude & Bevel Options. Vi kommer att göra några förändringar.
Lämna allt som det är. Ändra inte kubens rotation eller dess perspektiv. Vi behöver exakt samma kub som vi arbetar på genom denna handledning. Men vi kommer att göra några ändringar under alternativen Kartkonst. Vi kommer att tilldela symboler för osynliga sidor av munstycket. Eftersom vi redan har sidor med 1,2 och 4 prickar / hål, måste vi skapa sidor med 3,5 och 6 prickar / hål.
För att kunna se osynliga sidor av munstycket tjocka den osynliga geometriska rutan längst ner i fönstret Map Art Options och tryck på OK-knappen. Du borde sluta med något så här.
Under Objekt väljer du Expand och vrid vår kvadrat i den redigerbara formen.
Ungroup (Shift + Ctrl / Command + G) den form som vi just har skapat (du måste repetera det flera gånger) och ta bort alla element bredvid gula prickar.
Nu måste vi minska antalet ankarpunkter. Välj Objekt> Ban> Förenkla.
Ställ in kurv precisionen till 100% och vinkelgränsen till 0% och tryck på OK-knappen.
Det finns ytterligare en sak vi behöver göra innan vi använder nya prickar på vår dör. Du får inte glömma att vi har förstorat prickarna på vår dörr. Det betyder att vi måste göra samma sak med dessa prickar också (alla hål måste vara lika stora). Först, Ungroup (Shift + Ctrl / Command + G) de gula prickarna. Välj Objekt> Path> Offset Path. Ställ in värdet till 2 pixlar (precis som vi gjorde tidigare) och tryck på OK-knappen.
På så sätt har vi skapat större prickar. Vi förenar dem med mindre prickar genom att välja Unite under Pathfinder-panelen.
Nu är våra prickar redo för döden. Placera dem som det visas på bilden nedan. Detta är ungefärligt läge hos hålen på de osynliga platserna hos munstycket.
Först kommer vi att ta bort gula prickar som kommer att förbli osynliga. Du borde sluta med något så här.
Vi kommer att kombinera de gula prickarna med mörka ellipser som representerar hålen. För varje gul prick som skär hålet skapar du en kopia av den mörka ellipsen. Välj den kopia som vi just skapat och den gula punkten och under panelen Pathfinder träffar Intersect-knappen.
Se till att Fyllfärgen på den nya formen sättes till vit (#FFFFFF) och placera den under den form som representerar tjockleken på dynväggen (sidan). Du borde sluta med något så här.
Se till att du också upprepar föregående steg för de andra gula prickarna.
Låt oss skapa några intressanta detaljer som förbättrar vår illustration.
Vi ska skapa en fin tunn kant för varje sida av munstycket. För att göra det dupliceras (Ctrl / Command + C, Ctrl / Command + F) två gånger den avrundade rektangeln. Nudge för 1 pixel nedåt en av kopiorna. Välj båda kopiorna och klicka på knappen Minus Front under panelen Pathfinder.
Applicera röd radial gradient som den visar på bilden nedan.
Det kan tyckas att det finns alltför många nyanser av röd färg i denna radiella gradient, men faktiskt finns det inte. Om du zoomar in kan du se att vi har skapat en fin höjdpunkt för det avrundade hörnet längst ner på munstycket.
Upprepa föregående steg till vänster på dynan. Använd gärna samma radialgradient.
För höjdpunkten på toppen av munstycket kan du använda en lite enklare radialgradient.
Låt oss skapa höjdpunkten för hålen. Detta kommer att bli en tunn linje som följer hålets form. För att göra det kommer vi att duplicera (Ctrl / Command + C. Ctrl / Command + F) ellipsen som representerar hålet. Under högerklicka väljer du Isolera vald sökväg. På så sätt kommer vi att kunna ändra ellips utan att röra upp resten av illustrationen.
Ta direkt valverktyget (A) från Verktygspanelen, välj ankarpunkterna som det visas på bilden nedan och ta bort dem genom att trycka på Delete-tangenten på ditt tangentbord.
Ta bort Fyllfärgen och sätt Stroke-färgen till # FFB59C. Under Stroke-panelen ställer du in bredden till 0.75 och profilen till breddsprofilen 1. Du borde sluta med något så här.
Upprepa det föregående steget för de andra hålen också. Gärna ändra streckfärgen för andra höjdpunkter för att få bra resultat.
Med samma teknik skapas få kanthöjdpunkter för avrundade rektanglar på varje sida av munstycket.
Låt oss skapa en fin ljusreflektion på den ena sidan av vår dörr. Välj Ellipse Tool (L) från Verktygspanelen och skapa en ellips.
Duplicera (Ctrl / Command + C, Ctrl / Command + F) den rundade rektangeln under den gula ellipsen. Välj den kopia som vi just har skapat och den gula rektangeln och under Pathfinder-panelen träffar Intersect-knappen.
Vi kommer att applicera en mörk linjär gradient.
Under panelen Transparens ställer du in blandningsläge till skärm. Se till att placera hejformen under ellipsen som representerar hål. Eftersom vi har många olika former är det bästa sättet att göra det under lagpanelen. Var noga med att placera vår reflektion under ellipser.
Nu behöver vi skapa en fin skugga som matchar vår ljuskälla. Som du kan märka kommer ljuset från läget framifrån (tittaren). Det betyder att skuggan ska ligga bakom kuben.
Ta tag i pennverktyget (P) från Verktygspanelen och dra rektangeln som det visas på bilden nedan.
Under objektet väljer du Sökväg> Förskjutningsväg. Ställ in värdet för Offset till -20 pixlar och tryck på OK-knappen.
Justera positionen för den nya formen lite. Du kan också använda Direct Selection Tool (A) för att justera ankarpunkterna. Du borde sluta med något så här.
Ställ in fyllfärgen på den stora formen till vit (#FFFFFF) och fyllfärgen i den mindre formen till # D1D3D4. Välj båda formerna och under Objekt välj Blandning. Det kommer att skapa en fin övergång mellan vit och grå färg.
Se till att placera skuggan under munstycket (Shift + Ctrl / Command + [).
Genom att använda exakt samma teknik skapar du skuggan på höger sida av vår dörr. Och vi är färdiga!
Idag fick vi möjlighet att skapa en unik 3D-dö. Vi har lärt oss hur vi respekterar perspektivet för att uppnå ett fint halvrealistiskt utseende av munstycket. Vi har också lärt oss ett litet knep hur vi gör en enkel ellips till ett hål. Ibland finns det få olika tekniker som du kan använda för att skapa en specifik illustration. Det viktigaste är att hitta rätt för dig. En teknik som inte kommer att bli för komplicerad och det ger dig en ren vektorfil som är redo för utskrift eller för webbpublicering. Fortsätt att försöka och utforska, det finns alltid utrymme för förbättringar.
Jag hoppas att du njöt av att läsa den här handledningen så mycket som jag tyckte om att skapa den. Tack för att du följer med.
Accentsconagua