{"id":257926,"date":"2024-05-01T15:02:00","date_gmt":"2024-05-01T12:02:00","guid":{"rendered":"https:\/\/inform.click\/illustrator-veiledning-hvordan-lage-en-realistisk-3d-kalkulator\/"},"modified":"2024-05-01T15:02:00","modified_gmt":"2024-05-01T12:02:00","slug":"illustrator-veiledning-hvordan-lage-en-realistisk-3d-kalkulator","status":"publish","type":"post","link":"https:\/\/inform.click\/no\/illustrator-veiledning-hvordan-lage-en-realistisk-3d-kalkulator\/","title":{"rendered":"Illustrator-veiledning: Hvordan lage en realistisk 3D-kalkulator"},"content":{"rendered":"

\n \u00c5 gj\u00f8re noe i Adobe Illustrator tar virkelig to ganger lengre tid, da det kan v\u00e6re litt vanskelig \u00e5 f\u00e5 tak i. I den f\u00f8lgende oppl\u00e6ringen l\u00e6rer du hvordan du lager realistisk 3D-kalkulator i Adobe Illustrator<\/strong>.\n<\/p>\n

\n I den f\u00f8lgende oppl\u00e6ringen l\u00e6rer du hvordan du lager en realistisk 3D-kalkulator ved \u00e5 bruke noen grunnleggende verkt\u00f8y, Pathfinder-paletten, gradienter, dupliserte former og 3D-effekt. S\u00e5 la oss begynne.\n<\/p>\n

\n Endelig resultat\n<\/p>\n

\n La oss se hva du skal lage i denne oppl\u00e6ringen.\n<\/p>\n

\n Lag en realistisk 3D-kalkulator i Illustrator
\n<\/h3>\n
\n Opprett et nytt dokument
\n<\/h5>\n

\n 1 Start Illustrator og trykk deretter (Ctrl + N<\/strong>) for \u00e5 lage et nytt<\/strong> dokument. Velg Piksler<\/strong> fra rullegardinmenyen Enheter, skriv inn<\/strong> 680<\/strong> i breddeboksen og 570<\/strong> i h\u00f8ydeboksen og klikk deretter p\u00e5 Avansert-<\/strong> knappen. Velg RGB<\/strong>, Skjerm (72ppi)<\/strong> og s\u00f8rg for at  boksen Juster nye objekter til Pixel Grid<\/strong> ikke er merket av f\u00f8r du klikker OK<\/strong>.\n<\/p>\n

\"\"<\/a><\/p>\n

\n Lag hovedformene
\n<\/h5>\n

\n 2 Begynn med \u00e5 tegne to objekter (576 x 336px<\/strong> og 576 x 112px<\/strong>) ved \u00e5 bruke rektangelverkt\u00f8yet (M)<\/strong>. Plasser deretter to nyopprettede objekter til de riktige posisjonene som vist i det andre bildet.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 3 Velg Direct Selection Tool (A)<\/strong> og bruk dette verkt\u00f8yet til \u00e5 velge to venstre ankerpunkter uthevet med magenta, og flytt dem 94px<\/strong> til h\u00f8yre. Velg deretter to h\u00f8yre ankerpunkter uthevet med magenta og flytt dem 94px<\/strong> til venstre. Fortsett med Direct Selection Tool (A)<\/strong>, velg det venstre \u00f8verste ankerpunktet til det mindre objektet og flytt det 116px<\/strong> til h\u00f8yre. Velg deretter forankringspunktet \u00f8verst til h\u00f8yre og flytt det 116 px<\/strong> til venstre. Til slutt skal objektene dine se ut som det tredje bildet som vises.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 4 Velg n\u00e5 to nyopprettede objekter, dupliser (Ctrl + C, Ctrl + F<\/strong>) dem \u00e9n gang og skjul deretter (Ctrl +3<\/strong>) kopiene. Lag to horisontale linjer ved hjelp av linjesegmentverkt\u00f8yet()<\/strong> og plasser dem til posisjonene som du ser p\u00e5 bildet, og l\u00e5s deretter disse linjene (Ctrl +2<\/strong> ). Velg deretter verkt\u00f8yet Legg til ankerpunkter (+)<\/strong> og legg til fire ankerpunkter i punktene uthevet med magenta. Etter at du er ferdig med \u00e5 legge til ankerpunktene, trykker du p\u00e5 (Ctrl + Alt +2<\/strong>) for \u00e5 l\u00e5se opp de horisontale linjene og deretter fjerne dem.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 5 Trykk p\u00e5 (Ctrl+Alt+3<\/strong>) for \u00e5 vise to objekter skjult i trinn 4<\/strong>. Velg det mindre objektet p\u00e5 nytt og g\u00e5 til Effekt > Styliser > Runde hj\u00f8rner<\/strong> … Angi en radius p\u00e5 11 px<\/strong> og klikk deretter OK<\/strong>. Velg deretter det st\u00f8rre objektet p\u00e5 nytt og g\u00e5 til Effekt > Styliser > Runde hj\u00f8rner<\/strong> … Skriv inn en radius p\u00e5 21 piksler<\/strong> og klikk deretter OK<\/strong>. Til slutt velger du to r\u00f8de objekter p\u00e5 nytt og g\u00e5r til Objekt > Utvid utseende<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 6 Lag en vertikal linje med linjesegmentverkt\u00f8yet ()<\/strong> og plasser den i posisjonen som du ser p\u00e5 bildet, og l\u00e5s deretter denne linjen (Ctrl +2<\/strong> ). Velg deretter verkt\u00f8yet Legg til ankerpunkter (+)<\/strong> og legg til et ankerpunkt i punktet som er uthevet med magenta. Etter at du er ferdig med \u00e5 legge til ankerpunktene, trykker du p\u00e5 (Ctrl + Alt +2<\/strong>) for \u00e5 l\u00e5se opp den vertikale linjen og deretter fjerne den. Velg n\u00e5 det nyopprettede ankerpunktet og flytt det 7px<\/strong> ned. S\u00f8rg for at det nyopprettede ankerpunktet fortsatt er valgt, klikk p\u00e5 » Konverter valgte ankerpunkter til glatte<\/strong> «-knappen fra egenskapslinjen<\/strong>. Velg deretter Direct Selection Tool (A)<\/strong>, hold nedeSkift-<\/strong> tasten, klikk deretter p\u00e5 h\u00f8yre h\u00e5ndtak p\u00e5 det nyopprettede ankerpunktet og flytt det til h\u00f8yre for \u00e5 \u00f8ke lengden p\u00e5 dette h\u00e5ndtaket. Hold deretter nede Shift-<\/strong> tasten, klikk deretter p\u00e5 venstre h\u00e5ndtak og flytt den til venstre.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 7 Velg to r\u00f8de objekter og l\u00e5s (Ctrl + 2<\/strong>) dem. Velg deretter fire ankerpunkter for de svarte objektene uthevet med bl\u00e5tt og fjern dem. F\u00f8r du fortsetter, trykk p\u00e5 (Ctrl + Alt + 2<\/strong>) for \u00e5 l\u00e5se opp to r\u00f8de objekter. Velg n\u00e5 det st\u00f8rre svarte objektet og det st\u00f8rre r\u00f8de objektet, \u00e5pne Pathfinder-<\/strong> paletten (Vindu > Pathfinder<\/strong>) og klikk p\u00e5 Unite-<\/strong> knappen. Velg til slutt to gjenv\u00e6rende objekter og klikk p\u00e5 Forene-<\/strong> knappen. Til slutt skal de nye objektene dine se ut som det femte bildet som vises.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 8 Fyll det mindre objektet med R=92, G=92, B=88<\/strong>. Fyll deretter gjenv\u00e6rende objekt med R=193, G=198, B=200<\/strong>. Velg n\u00e5 den st\u00f8rre formen, dupliser (Ctrl + C, Ctrl + F, Ctrl + F<\/strong>) den to ganger og skjul en kopi (Ctrl +3<\/strong> ). Velg den gjenv\u00e6rende kopien og erstatt den eksisterende fargen p\u00e5 den med R=107, G=113, B=113<\/strong>. Flytt deretter den nyopprettede formen 20px<\/strong> ned og send den deretter tilbake (Ctrl +Shift + Venstre firkantbrakett<\/strong> ). Hold denne formen valgt, g\u00e5 til Objekt > Transform > Skaler<\/strong> … I dialogboksen Skaler, merk av for<\/strong> Ikke-uniform<\/strong> og skriv inn en 95<\/strong> i horisontal<\/strong>boksen, og klikk deretter OK<\/strong>. Velg n\u00e5 to store former p\u00e5 nytt og g\u00e5 til Objekt > Blanding > Blandingsalternativer<\/strong> … F\u00f8lg dataene som vist i det fjerde bildet og klikk deretter OK<\/strong>. G\u00e5 deretter til Objekt > Bland > Lag (Ctrl + Alt + B)<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 9 Trykk p\u00e5 (Ctrl + Alt +3<\/strong>) for \u00e5 vise formen skjult i trinn 8<\/strong>, og erstatt deretter den eksisterende fargen p\u00e5 den med den line\u00e6re gradienten som vist nedenfor.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 10 Vi skal begynne \u00e5 lage h\u00f8ylys og skygger p\u00e5 hovedformene for \u00e5 gi dem et mer 3D-utseende. Bruk f\u00f8rst linjesegmentverkt\u00f8yet ()<\/strong> for \u00e5 lage en horisontal linje, med en 2px<\/strong> strek (R=0, G=0, B=0<\/strong>) og uten fyll. Velg deretter pennverkt\u00f8yet (P)<\/strong> og bruk dette verkt\u00f8yet til \u00e5 lage tre baner som du ser i det tredje bildet nedenfor. N\u00e5r banene dine er tegnet, velg to r\u00f8de baner, fyll dem med ingen og legg til en 2px<\/strong> strek (R=129, G=129, B=130<\/strong> ), og bruk deretter breddeprofilen 4<\/strong> for resultatet. Hold de resulterende objektene valgt, g\u00e5 til Effekt > Uskarphet > Gaussisk uskarphet<\/strong> … Skriv inn en radius p\u00e5 3 px<\/strong> og klikk deretter OK<\/strong>. Velg n\u00e5 den bl\u00e5 banen, fyll den med ingen og legg til en 3px<\/strong> strek (R=242, G=246, B=246<\/strong> ). Bruk deretter Width Profile 1<\/strong> og en 4px Gaussian Blur-<\/strong> effekt for det resulterende objektet. Fortsett \u00e5 lage en buet bane med pennverkt\u00f8yet (P)<\/strong> som i det sjette bildet nedenfor. N\u00e5r banen din er tegnet, fyll den med ingen og legg til et 2px-<\/strong> str\u00f8k (bruk den line\u00e6re gradienten over streken), og bruk deretter breddeprofilen 3<\/strong> for resultatet.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 11 Dobbeltklikk p\u00e5 det blandede objektet som ble opprettet i trinn 8<\/strong>, velg den m\u00f8rkere formen og trykk (Ctrl + C<\/strong>) for \u00e5 kopiere den. Dobbeltklikk deretter p\u00e5 hvor som helst utenfor det blandede objektet, og trykk deretter (Ctrl + F<\/strong>) for \u00e5 lime inn kopien foran. Bytt ut den eksisterende fargen p\u00e5 denne kopien med R=0, G=0, B=0<\/strong>, reduser opasiteten<\/strong> til 80 %<\/strong> og bruk deretter en 3px Gaussian Blur-<\/strong> effekt for den resulterende formen. Send til slutt denne nye formen til baksiden (Ctrl +Shift + Venstre firkantbrakett<\/strong> ).\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n Lag tastaturet
\n<\/h5>\n

\n 12 Lag et 60 x 60 px<\/strong> objekt med rektangelverkt\u00f8yet (M)<\/strong>. S\u00f8rg for at det nyopprettede objektet fortsatt er valgt, g\u00e5 til Effekt > Styliser > Runde hj\u00f8rner<\/strong> … Skriv inn en radius p\u00e5 5 px<\/strong> og klikk OK<\/strong>, og g\u00e5 deretter til Objekt > Utvid utseende<\/strong>. Fyll det nye objektet med R=101, G=105, B=97<\/strong>, dupliser den resulterende formen \u00e9n gang og erstatt den eksisterende fargen p\u00e5 kopien med R=43, G=43, B=39<\/strong>. Flytt deretter den resulterende formen 5px<\/strong> ned og 2px<\/strong> til h\u00f8yre, og send den deretter bakover (Ctrl + Venstre firkant parentes<\/strong> ).\n<\/p>\n

\"\"<\/a><\/p>\n

\n 13 Velg den nyopprettede formen som ble opprettet i trinn 12<\/strong> p\u00e5 nytt, g\u00e5 til Objekt > Bane > Forskyvningsbane<\/strong> … Skriv inn en 1px-forskyvning<\/strong> og klikk deretter OK<\/strong>. Flytt den nye formen 1px<\/strong> ned og 1px<\/strong> til h\u00f8yre og erstatt den eksisterende fargen med R=0, G=0, B=0<\/strong>.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 14 Velg den lettere formen som ble opprettet i trinn 12<\/strong>, g\u00e5 til Objekt > Bane > Forskyvningsbane<\/strong> … Skriv inn en -1px Offset<\/strong> og klikk OK<\/strong>, og skjul deretter denne nye formen. Velg to former opprettet i trinn 12<\/strong> p\u00e5 nytt og lag en blanding mellom dem. Trykk n\u00e5 (Ctrl + Alt +3<\/strong>) for \u00e5 vise formen som er skjult i dette trinnet, erstatt den eksisterende fargen til denne formen med R=72, G=73, B=66<\/strong> og g\u00e5 til Effekt > Styliser > Fj\u00e6r<\/strong> \u2026 Skriv inn en 8px<\/strong> Radius<\/strong> og klikk OK<\/strong>, flytt deretter den resulterende formen 1px<\/strong> opp. Velg og grupper til slutt (Ctrl + G<\/strong>) alle former opprettet fra begynnelsen av trinn 12<\/strong> til dette tidspunktet, og navngi denne gruppen «button_01».\n<\/p>\n

\"\"<\/a><\/p>\n

\n 15 Deretter kommer den andre knappen. Lag et 60 x 60 px<\/strong> objekt med rektangelverkt\u00f8yet (M)<\/strong>. S\u00f8rg for at det nyopprettede objektet fortsatt er valgt, g\u00e5 til Effekt > Styliser > Runde hj\u00f8rner<\/strong> … Skriv inn en radius p\u00e5 5 px<\/strong> og klikk OK<\/strong>, og g\u00e5 deretter til Objekt > Utvid utseende<\/strong>. Fyll det nye objektet med R=76, G=78, B=77<\/strong>, dupliser den resulterende formen \u00e9n gang og erstatt den eksisterende fargen p\u00e5 kopien med R=43, G=43, B=39<\/strong>. Flytt deretter den resulterende formen 5px<\/strong> ned og 1px<\/strong> til h\u00f8yre, og send den deretter bakover (Ctrl + Venstre firkantparentes<\/strong>). S\u00f8rg for at den nyopprettede formen fortsatt er valgt, g\u00e5 til Objekt > Bane > Forskyvningsbane<\/strong> … Angi en 1px-forskyvning<\/strong> og klikk deretter OK<\/strong>. Flytt den nye formen 1px<\/strong> ned og 1px<\/strong> til h\u00f8yre og erstatt den eksisterende fargen med R=0, G=0, B=0<\/strong>.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 16 Velg «1»-formen som ble opprettet i trinn 15<\/strong>, g\u00e5 til Objekt > Bane > Forskyvningsbane<\/strong> … Skriv inn en -1px-forskyvning<\/strong> og klikk OK<\/strong>, og skjul deretter denne nye formen. Velg to former («1» og «2») som ble opprettet i trinn 15 p\u00e5 nytt<\/strong>, og lag en blanding mellom dem. Trykk n\u00e5 (Ctrl + Alt +3<\/strong>) for \u00e5 vise formen som er skjult i dette trinnet, erstatt den eksisterende fargen p\u00e5 denne formen med R=50, G=53, B=49<\/strong> og g\u00e5 til Effekt > Styliser > Fj\u00e6r<\/strong> \u2026 Skriv inn en 8px Radius<\/strong> og klikk OK<\/strong>, flytt deretter den resulterende formen 1px<\/strong> opp. Velg og grupper til slutt (Ctrl + G<\/strong>) alle former opprettet fra begynnelsen av trinn 15<\/strong> til dette tidspunktet, og navngi denne gruppen «button_02».\n<\/p>\n

\"\"<\/a><\/p>\n

\n 17 For \u00e5 lage den tredje knappen, velg f\u00f8rst gruppen «button_02» og lag en kopi av denne gruppen (Ctrl +C, Ctrl +V<\/strong> ). Dobbeltklikk p\u00e5 den nyopprettede gruppen og dobbeltklikk deretter p\u00e5 det blandede objektet. Velg den m\u00f8rkere formen og flytt den 1px<\/strong> til venstre, dobbeltklikk p\u00e5 hvor som helst utenfor det blandede objektet. Dobbeltklikk deretter p\u00e5 gruppen igjen, velg det svarte objektet og flytt det 2px<\/strong> til venstre, og dobbeltklikk deretter hvor som helst utenfor gruppen som nettopp er redigert. Gi denne nye gruppen navnet «button_03».\n<\/p>\n

\"\"<\/a><\/p>\n

\n 18 Velg tre nyopprettede grupper, \u00e5pne Juster-<\/strong> paletten (Window\/ Align<\/strong>) og klikk p\u00e5 » Horisontal Align Left<\/strong> «-knappen, og klikk deretter p\u00e5 » Vertical Align Top<\/strong> «-knappen. Velg gruppen «button_03» og flytt den 170px<\/strong> til h\u00f8yre. Velg deretter gruppen «button_02» og flytt den 92px<\/strong> til h\u00f8yre.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 19 \u00c5pne Tegnpaletten<\/strong> (Vindu > Type > Tegn<\/strong>) og angi dataene som vist nedenfor. Velg deretter Type Tool (T)<\/strong>, klikk ganske enkelt p\u00e5 tegnebrettet og legg til «0»-tallet. Lag to kopier av dette nummeret og plasser dem deretter i riktig posisjon som vist nedenfor.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 20 Velg tre nyopprettede knapper og g\u00e5 til Objekt > Transformer > Flytt<\/strong>. F\u00f8lg dataene som vist nedenfor, og klikk deretter p\u00e5 Kopier<\/strong>. Trykk deretter (Ctrl + D<\/strong>) tre ganger for \u00e5 f\u00e5 resultatene som du ser p\u00e5 bildet nedenfor. Velg n\u00e5 tre \u00f8verste knapper (bortsett fra «0»-tallene) og g\u00e5 til Objekt > Transformer > Transformer hver<\/strong> \u2026 Skriv inn en 80<\/strong> i vertikalboksen<\/strong> og klikk deretter OK<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 21 Vis linjalene<\/strong> (Vis > Vis linjaler > Vis linjaler<\/strong>) eller (Ctrl + R<\/strong> ). Dra deretter en vertikal hjelpelinje fra linjalene (hvis hjelpelinjene er l\u00e5st, g\u00e5 til Vis > Hjelpelinjer > L\u00e5s hjelpelinjer<\/strong>) eller (Ctrl + Alt + ;<\/strong> ). Velg n\u00e5 en knapp i den tredje kolonnen, hold nede Shift,<\/strong> klikk p\u00e5 den nyopprettede guiden, slipp Shift og<\/strong> klikk deretter p\u00e5 knappen igjen (for \u00e5 fikse posisjonen). \u00c5pne deretter Juster-<\/strong> paletten (Vindu > Juster<\/strong>) og klikk p\u00e5 » Horisontal justering senter<\/strong> «-knappen. Velg n\u00e5 to knappekolonner som du ser p\u00e5 bildet nedenfor, velg Reflekteringsverkt\u00f8yet (O)<\/strong>, hold nede Alt<\/strong> og klikk p\u00e5 den nyopprettede guiden. Merk av for Vertikal<\/strong> i Reflekter-<\/strong> boksen og klikk deretter p\u00e5 Kopier<\/strong>. Velg deretter alle «0»-tallene for to nyopprettede kolonner og g\u00e5 til Objekt > Transformer > Transformer hver<\/strong> \u2026 I Transformer hver-<\/strong> dialogboksen, merk av for Reflekter X<\/strong> og klikk deretter OK<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 22 Velg den nederste knappen i den andre kolonnen (unntatt «0»-tallet) og g\u00e5 til Objekt > Transformer > Transformer hver<\/strong> \u2026 F\u00f8lg dataene som vist nedenfor og klikk deretter OK<\/strong>.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 23 F\u00f8lg bildesekvensen og erstatt «0»-tallene med andre tall, bokstaver og symboler. Velg n\u00e5 alle tall, bokstaver, symboler og g\u00e5 deretter til Objekt > Utvid utseende<\/strong>. G\u00e5 deretter til Objekt > Utvid<\/strong> og klikk OK<\/strong> n\u00e5r Utvid-<\/strong> boksen vises.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 24 Velg og grupper (Ctrl + G<\/strong>) alle former opprettet fra begynnelsen av trinn 12<\/strong> til dette tidspunktet. Mens den nyopprettede gruppen er valgt, g\u00e5 til Effekt > 3D > Roter<\/strong> \u2026 F\u00f8lg dataene som vist nedenfor og klikk deretter OK<\/strong>. Plasser til slutt resultatet til riktig posisjon som du ser p\u00e5 det endelige bildet.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n Lag to brytere
\n<\/h5>\n

\n 25 Lag et objekt p\u00e5 72 x 12 px<\/strong> ved hjelp av rektangelverkt\u00f8yet (M)<\/strong>. Hold det nyopprettede objektet valgt, g\u00e5 til Effekt > Styliser > Runde hj\u00f8rner<\/strong> … Skriv inn en radius p\u00e5 8 px<\/strong> og klikk OK<\/strong>, og g\u00e5 deretter til Objekt > Utvid utseende<\/strong>. S\u00f8rg for at det resulterende objektet fortsatt er valgt, g\u00e5 til Objekt > Transform > Skala<\/strong> … Merk av for Ikke-uniform<\/strong>, skriv inn en 150<\/strong> i Horisontal-<\/strong> boksen og skriv inn en 120<\/strong> i Vertikal-<\/strong> boksen, og klikk deretter p\u00e5 Kopier<\/strong>. Flytt deretter det nye objektet 10px<\/strong>til h\u00f8yre og g\u00e5 til Objekt > Transformer > Skaler<\/strong> … Skriv inn en 90<\/strong> i Skaler-<\/strong> boksen og klikk deretter p\u00e5 Kopier<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 26 Fokuser p\u00e5 h\u00f8yre side av to r\u00f8de objekter, velg fire ankerpunkter uthevet med bl\u00e5tt og klikk p\u00e5 knappen » Klipp bane ved valgte ankerpunkter<\/strong> » fra egenskapslinjen<\/strong>. Fjern deretter to sm\u00e5 r\u00f8de gjenstander.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 27 Bruk Direct Selection Tool (A)<\/strong> klikk p\u00e5 det \u00f8verste ankerpunktet uthevet med bl\u00e5tt og flytt det opp til punktet som er uthevet med gr\u00f8nt. Velg deretter det nederste ankerpunktet uthevet med bl\u00e5tt og flytt det ned til punktet som er uthevet med gr\u00f8nt. Bruk n\u00e5 Direct Selection Tool (A),<\/strong> velg to ankerpunkter uthevet med svart og klikk deretter p\u00e5 knappen » Koble til valgte endepunkter<\/strong> » fra egenskapslinjen<\/strong>. Gjenta det samme for to ankerpunkter uthevet med magenta.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 28 Velg ankerpunktet uthevet med magenta og flytt det 20px<\/strong> til venstre. Velg n\u00e5 det r\u00f8de objektet p\u00e5 nytt og fyll det med den line\u00e6re gradienten. Velg deretter det svarte objektet og fyll det med den radielle gradienten.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 29 Lag en kopi av den m\u00f8rkere formen (Ctrl + C, Ctrl + F<\/strong> ). Mens denne kopien er valgt og g\u00e5 til Objekt > Bane > Forskyvningsbane<\/strong> … Skriv inn en -1px Offset<\/strong> og klikk OK<\/strong>, flytt deretter den resulterende formen 1px<\/strong> ned. Velg deretter to nyopprettede former, \u00e5pne Pathfinder-<\/strong> paletten (Vindu > Pathfinder<\/strong>) og klikk p\u00e5 Minus Front<\/strong> -knappen, og erstatt deretter den eksisterende fargen til den resulterende formen med R=50, G=53, B=49.<\/strong>\n<\/p>\n

\"\"<\/a><\/p>\n

\n 30 Fortsett, velg den m\u00f8rkere formen som ble opprettet i trinn 28<\/strong>, og g\u00e5 til Objekt > Transformer > Transformer hver<\/strong> \u2026 Skriv inn dataene som vist nedenfor, og klikk deretter p\u00e5 Kopier<\/strong>. Erstatt deretter den eksisterende fargen p\u00e5 den nye formen med den line\u00e6re gradienten. Hold den resulterende formen valgt og g\u00e5 til Objekt > Transformer > Skaler<\/strong> … Skriv inn en 98<\/strong> i Skaler-<\/strong> boksen og klikk deretter OK<\/strong>. Bytt deretter ut den eksisterende fargen p\u00e5 den nye formen med R=133, G=139, B=139<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 31 Med Ellipseverkt\u00f8yet (L)<\/strong> lag et 16 x 12px<\/strong> objekt og fyll det med R=40, G=44, B=44<\/strong>. Mens den resulterende formen er valgt, g\u00e5r du til Objekt > Transformer > Skaler<\/strong> … Skriv inn en 92<\/strong> i Skaler-<\/strong> boksen og klikk deretter OK<\/strong>. Erstatt deretter den eksisterende fargen p\u00e5 den nye formen med R=58, G=60, B=62<\/strong>. Hold den nye formen valgt, dupliser den \u00e9n gang, flytt kopien 6px<\/strong> opp og erstatt den eksisterende fargen med R=128, G=130, B=133<\/strong>. Pass p\u00e5 at den resulterende formen fortsatt er valgt, dupliser den \u00e9n gang og skjul deretter kopien. Velg n\u00e5 to nyopprettede ellipser og lag en blanding mellom dem. Vis deretter formen som er skjult i dette trinnet, og g\u00e5 til Objekt > Transform > Skala<\/strong> … Skriv inn en 85<\/strong> i Skaler-<\/strong> boksen og klikk deretter OK<\/strong>. Erstatt den eksisterende fyllfargen til den nye formen med den line\u00e6re gradienten, legg til et 2px-<\/strong> str\u00f8k (R=118, G=120, B=128<\/strong>) og bruk deretter Breddeprofil 2<\/strong> for resultatet.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 32 Velg og grupper (Ctrl + G<\/strong>) alle former opprettet fra begynnelsen av trinn 30<\/strong> til dette tidspunktet. Velg deretter den m\u00f8rkere formen som ble opprettet i trinn 28<\/strong> igjen, dupliser den en gang og f\u00f8r den deretter foran (Ctrl +Shift +H\u00f8yre firkantbrakett<\/strong> ). Velg to toppankerpunkter i den nye formen og flytt dem 10 piksler<\/strong> opp. Velg n\u00e5 den nyopprettede formen og den nyopprettede gruppen p\u00e5 nytt, og g\u00e5 deretter til Objekt > Utklippsmaske > Lag (Ctrl +7)<\/strong>. Velg og grupper til slutt alle figurer som er opprettet fra begynnelsen av trinn 25<\/strong> til dette tidspunktet.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 33 Velg den nye gruppen p\u00e5 nytt og g\u00e5 til Objekt > Transformer > Reflekter<\/strong> … Sjekk vertikalen<\/strong> og klikk deretter Kopier<\/strong>. Dobbeltklikk p\u00e5 den nye gruppen, velg deretter formen som du ser i det tredje bildet og fjern den. Velg deretter formen som vist i det femte bildet og erstatt den eksisterende fargen p\u00e5 den med R=174, G=180, B=182<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 34 Fortsett velg formen som du ser i det f\u00f8rste bildet nedenfor, og erstatt deretter den eksisterende fargen p\u00e5 den med den radielle gradienten. Bruk deretter Direct Selection Tool (A)<\/strong> og velg alle ankerpunkter p\u00e5 venstre side av to m\u00f8rke former og flytt dem 15px<\/strong> til venstre. Velg n\u00e5 alle former som vist i det fjerde bildet og flytt dem deretter til posisjonen som vist i det endelige bildet nedenfor. Til slutt, dobbeltklikk p\u00e5 hvor som helst utenfor gruppen som nettopp er redigert.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 35 Plasser to nyopprettede grupper til de riktige posisjonene som vist nedenfor.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 36 For \u00e5 legge til noen detaljer, lag f\u00f8rst syv ellipser (R=92, G=92, B=88<\/strong> ). \u00c5pne deretter Tegnpaletten<\/strong> (Vindu > Type > Tegn<\/strong>) og angi dataene som vist i det andre bildet nedenfor. Velg deretter Typeverkt\u00f8yet (T)<\/strong>, klikk ganske enkelt p\u00e5 tegnebrettet ditt og legg til noen tall og bokstaver, og plasser dem i riktig posisjon som vist nedenfor. Velg n\u00e5 alle nye tall og bokstaver p\u00e5 nytt, og g\u00e5 deretter til Objekt > Utvid utseende<\/strong>. Mens resultatene er valgt, g\u00e5 til Objekt > Transform > Skj\u00e6r<\/strong> \u2026 F\u00f8lg dataene som vist i det tredje bildet og klikk deretter OK<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 37 Gjenta den samme prosessen for \u00e5 legge til disse detaljene p\u00e5 venstre side av kalkulatoren. P\u00e5 dette tidspunktet skal kalkulatoren se ut som i det andre bildet nedenfor.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n Lag skjermbildet
\n<\/h5>\n

\n 38 Med rektangelverkt\u00f8yet (M)<\/strong> lag et 358 x 60px<\/strong> objekt som nedenfor. Velg ankerpunktet til venstre \u00f8verst til det nye objektet og flytt det 10 px<\/strong> til h\u00f8yre. Velg deretter ankerpunktet \u00f8verst til h\u00f8yre og flytt det 10 px<\/strong> til venstre. Velg n\u00e5 det nye objektet p\u00e5 nytt og g\u00e5 til Effekt > Styliser > Runde hj\u00f8rner<\/strong> … Skriv inn en radius p\u00e5 10 px<\/strong> og klikk deretter OK<\/strong>. Fyll til slutt det resulterende objektet med R=213, G=218, B=221<\/strong> og legg til en 1px-strek (R=65, G=64, B=66<\/strong> ).\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 39 Velg den nyopprettede formen p\u00e5 nytt og g\u00e5 til Objekt > Transformer > Skala<\/strong> … Merk av for Ikke-uniform<\/strong>, skriv inn en 95<\/strong> i Horisontal-<\/strong> boksen og skriv inn en 83<\/strong> i Vertikal-<\/strong> boksen, og klikk deretter p\u00e5 Kopier<\/strong>. Bytt ut den eksisterende fargen p\u00e5 den nye formen med R=159, G=188, B=167<\/strong>. Hold den resulterende formen valgt, \u00e5pne paletten Utseende<\/strong> (Vindu > Utseende<\/strong>) og klikk p\u00e5 delen Runde hj\u00f8rner<\/strong>. I dialogboksen Runde hj\u00f8rner<\/strong> skriver du inn en radius p\u00e5 5 px<\/strong> og klikker OK<\/strong>. Pass p\u00e5 at den resulterende formen fortsatt er valgt, g\u00e5 til Effekt > Styliser > Innergl\u00f8d<\/strong>. F\u00f8lg dataene som vist i det andre bildet, og klikk deretter OK<\/strong>.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 40 \u00c5pne Tegnpaletten<\/strong> (Vindu > Type > Tegn<\/strong>) og still inn dataene som vist nedenfor. Velg deretter Type Tool (T)<\/strong>, klikk ganske enkelt p\u00e5 tegnebrettet og legg til «8»-tallet. Velg «8»-tallet p\u00e5 nytt og g\u00e5 til Objekt > Transform > Flytt<\/strong>. Skriv inn en 24<\/strong> i en horisontal<\/strong> boks og klikk p\u00e5 Kopier<\/strong>, og trykk deretter p\u00e5 (Ctrl + D<\/strong>) ti ganger. Velg alle nyopprettede «8»-numre p\u00e5 nytt, grupper dem og reduser opasiteten<\/strong> til denne gruppen til 20 %<\/strong>, og gi den navnet «twelve_eights». Lag n\u00e5 en kopi (Ctrl + C, Ctrl + V<\/strong>) av den nye gruppen og endre opasiteten<\/strong>av kopien til 100 %<\/strong>. Erstatt «8»-numrene til den nye gruppen med andre tall, og legg deretter til noen detaljer som du ser i det endelige bildet. Velg og grupper til slutt (Ctrl + G<\/strong>) den nye gruppen og disse nyopprettede detaljene, og gi den navnet «numre».\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 41 Velg «twelve_eights»-gruppen p\u00e5 nytt og g\u00e5 til Effekt > Forvreng og transformer > Fri forvreng<\/strong> … I boksen Fri forvreng<\/strong> drar du h\u00e5ndtaket \u00f8verst til h\u00f8yre p\u00e5 avgrensningsrammen til venstre, og klikker deretter OK<\/strong>.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 42 Velg «tall»-gruppen p\u00e5 nytt og g\u00e5 til Effekt > Forvreng og transformer > Fri forvreng<\/strong> … I boksen Fri forvreng<\/strong> drar du h\u00e5ndtaket \u00f8verst til h\u00f8yre p\u00e5 avgrensningsrammen til venstre, og klikker deretter OK<\/strong>.\n<\/p>\n

\"\"<\/a><\/p>\n

\n 43 F\u00f8r du fortsetter, velg og fjern to \u00e5ttere fra «tall»-gruppen. Velg deretter to nyopprettede grupper p\u00e5 nytt, \u00e5pne Juster-<\/strong> paletten (Vindu > Juster<\/strong> ), klikk p\u00e5 » Horisontal Align H\u00f8yre<\/strong> t»-knappen og klikk deretter p\u00e5 » Vertical Align Bottom<\/strong> «-knappen. Plasser til slutt disse gruppene til riktig posisjon som vist p\u00e5 det endelige bildet nedenfor.\n<\/p>\n

\"\"<\/a>\"\"<\/a><\/p>\n

\n 44 \u00c5pne Tegnpaletten<\/strong> (Vindu > Type > Tegn<\/strong>) og still inn dataene som vist nedenfor. Velg deretter Typeverkt\u00f8yet (T)<\/strong>, klikk p\u00e5 tegnebrettet og legg til teksten «Kalkulator». Velg den nye teksten p\u00e5 nytt og g\u00e5 til Effekt > Forvreng og transformer > Fri forvreng<\/strong> … I boksen Fri forvreng<\/strong> drar du h\u00e5ndtaket \u00f8verst til venstre p\u00e5 avgrensningsrammen til h\u00f8yre, og klikker deretter OK<\/strong>. Resultatet skal se ut som det endelige bildet nedenfor.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n 45 For \u00e5 legge til noen detaljer, velg f\u00f8rst rektangelverkt\u00f8yet (M)<\/strong> og bruk dette verkt\u00f8yet til \u00e5 lage et 26 x 23px<\/strong> objekt, og fyll deretter det nye objektet med den line\u00e6re gradienten. Hold den resulterende formen valgt, g\u00e5 til Objekt > Transformer > Flytt<\/strong>. Skriv inn en 26<\/strong> i den horisontale<\/strong> boksen og klikk p\u00e5 Kopier<\/strong>, og trykk deretter p\u00e5 (Ctrl + D<\/strong>) to ganger. Velg deretter linjesegmentverkt\u00f8yet ()<\/strong> og tegn tre vertikale baner som vist nedenfor. N\u00e5r banene dine er tegnet, fyll dem med ingen og legg til et 1px<\/strong> -str\u00f8k (R=49, G=39, B=40<\/strong> ). Velg n\u00e5 alle objekter som er opprettet i dette trinnet og grupper (Ctrl + G<\/strong>) dem. Fortsett \u00e5 lage en annen form (110 x 25px<\/strong>) med rektangelverkt\u00f8yet (M)<\/strong> og fyll den med R=35, G=31, B=32<\/strong>. Hold den resulterende formen valgt, hold nede Shift<\/strong> og klikk p\u00e5 den nyopprettede gruppen. \u00c5pne Juster-<\/strong> paletten (Vindu > Juster<\/strong> ), klikk p\u00e5 » Horisontal juster senter<\/strong> «-knappen og klikk p\u00e5 » Vertikal juster bunn<\/strong> «-knappen, og g\u00e5 deretter til Effekt > Forvreng og transformer > Gratis forvrengning<\/strong>. I Free Distort-<\/strong> boksen drar du h\u00e5ndtaket \u00f8verst til h\u00f8yre p\u00e5 avgrensningsboksen til venstre, og klikker deretter OK<\/strong>. Plasser til slutt resultatet til posisjonen som vist p\u00e5 det endelige bildet nedenfor.\n<\/p>\n

\"\"<\/a>\"\"<\/a>
\n\"\"<\/a><\/p>\n

\n Endelig resultat
\n<\/h4>\n

\n Slik ser det ferdige designet ut. H\u00e5per du liker denne oppl\u00e6ringen.\n<\/p>\n

\n Gratulerer! Du har fullf\u00f8rt leksjonen. Jeg h\u00e5per du har oppdaget noen nyttige ting i denne oppl\u00e6ringen. Det endelige resultatbildet er nedenfor. Nyt!\n<\/p>\n

\"\"<\/a><\/p>\n

\n Konklusjon
\n<\/h4>\n

\n S\u00e5 vanskelig som det ser ut, er jeg veldig sikker p\u00e5 at hvis du f\u00f8lger veiledningen min, vil du finne mye hjelp til \u00e5 bruke dine ferdigheter og bilder til \u00e5 lage din egen kreasjon! En gang til Takk for at du bruker veiledningen v\u00e5r, vi svarer veldig gjerne p\u00e5 alle sp\u00f8rsm\u00e5l du m\u00e5tte ha. Du kan bare legge igjen en tilbakemelding og eller en kommentar nedenfor.\n<\/p>\n

\n Last ned resultatkildefiler
\n<\/h3>\n
    \n
  • \n Last ned .ai-kildefil (.zip, 1,93 MB)\n <\/li>\n<\/ul>\n
    \n Opptakskilde: instantshift.com\n<\/div>\n","protected":false},"excerpt":{"rendered":"

    \u00c5 gj\u00f8re noe i Adobe Illustrator tar virkelig to ganger lengre tid, da det kan v\u00e6re litt vanskelig \u00e5 f\u00e5 tak i. I den f\u00f8lgende oppl\u00e6ringen l\u00e6rer du hvordan du lager realistisk 3D-kalkulator i Adobe Illustrator. I den f\u00f8lgende oppl\u00e6ringen l\u00e6rer du hvordan du lager en realistisk 3D-kalkulator ved \u00e5 bruke noen grunnleggende verkt\u00f8y, Pathfinder-paletten, gradienter, dupliserte former og 3D-effekt. S\u00e5 la oss begynne. Endelig resultat La oss se hva du skal lage i denne oppl\u00e6ringen. Lag en realistisk 3D-kalkulator i Illustrator Opprett et nytt dokument 1. Start Illustrator og trykk deretter (Ctrl + \u2026<\/p>\n","protected":false},"author":1,"featured_media":130877,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"footnotes":"","_wp_rev_ctl_limit":""},"categories":[226,707,603,57],"tags":[],"class_list":["post-257926","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-laereboker","category-programvare","category-teknologi-og-mer","category-web-og-wordpress"],"_links":{"self":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts\/257926","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/comments?post=257926"}],"version-history":[{"count":0,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/posts\/257926\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/media\/130877"}],"wp:attachment":[{"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/media?parent=257926"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/categories?post=257926"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/inform.click\/no\/wp-json\/wp\/v2\/tags?post=257926"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}