von Monika Gause

Wie Sie einen 3D-Button in Illustrator ohne 3D (und ohne Verläufe) erstellen

Prägeeffekte für die Kanten von Buttons lassen sich bei einfachen Formen mit Angleichungen simulieren. Charmant an der Umsetzung mit Angleichungen ist, dass die Basis dafür Pfade sind, die Sie durch »Pfad-verschieben«-Operationen aus den eigentlichen Formen gewinnen können. Darüber hinaus kann man mit Angleichungen im Gegensatz zu Freihand-Verläufen sehr präzise harte Kanten setzen.

Der Nachteil von Angleichungen im Vergleich zu Freihandverläufen ist, dass leichte Änderungen der Außenform einen Rattenschwanz an Änderungen der Angleichungen nachsich ziehen. Hier sind Freihandverläufe etwas toleranter.

Was hier an einem runden Objekt demonstriert wird, können Sie genauso mit Rechtecken, abgerundeten Rechtecken oder noch komplexeren Formen nachbauen.

Unser Beispielobjekt

 

Konstruktion der Grundformen

Alle benötigten Grundformen werden aus derselben Form generiert (in diesem Beispiel ein Kreis, Sie können natürlich auch komplexere Formen verwenden). Wenden Sie Objekt → Pfad → Pfad verschieben an, um die nach innen versetzten Linien zu generieren. Markieren Sie darin mit einer Hilfslinie die Ausbreitung des Lichts. In diesem Fall benötigen Sie nur das Licht – für die Konstruktion des Schattens werden die Formen nach dem Schneiden dupliziert.

Der rote Kreis mit den nach innen verschobenen Formen, aus denen die Angleichungen erstellt werden

 

Die schwarzen Kreise müssen an der Hilfslinie zerschnitten werden. Aktivieren Sie die Objekte und klicken mit dem Schere-Werkzeug jeweils an die Schnittpunkte eines Kreises mit der Hilfslinie. Anschließend löschen Sie die Hilfslinie und die größeren Teile der Kreise.

Diese Teile der Kreise werden benötigt.

 

Mit dem Zeichenstift-Werkzeug konstruieren Sie die gebogenen Abschlüsse jeweils an die Kreissegmente wie abgebildet.

Setzen Sie mit dem Zeichenstift-Werkzeug an die Kreissegmente an.

 

Anschließend gehen Sie in die Pfadansicht, aktivieren die drei Linien und wählen das Drehen-Werkzeug .

Drücken Sie Alt und klicken Sie auf den Kreismittelpunkt (aktivieren Sie Ansicht → Intelligente Hilfslinien, dann geht es einfacher). Im Drehen-Dialog geben Sie »180°« ein und klicken auf Kopieren.

Es wird ein zweiter Satz dieser Pfade an der gegenüberliegenden Seite benötigt.

 

BenfinrE

Em e vcedi., rSKneteeitwterenkedgKs lttni rtrtkt n.crAhc dte elreieheeredaneginh uFe X erceuirstisai e.Ssru eiodihn ediFirtS nih n ef esrec Scslhb dii d noKtnsdiiceveDt er eeUafm

R tnitdnhreot.lenrbdsecriserebcr i sue ef twFeeZh

 

Mefebsee s b .uee uiensseleidnif rBknEaehtteLdonenenwrnerleK sehi a driw si uee e ine r n irKuoS n rerdrni. fbb eenrnrS.bVdbernnieiawt uDgdtd niusedwi a dinntrudekcigndo lenr nin dPtnunio terreeSi Aenel n ieuFef tefLtmd naie ednerenenriKhereeaneddjGit hdniAlud

EFdt trir fio KdrFeaenn remeSb. deinDieienna r ebldtun

 

NcghafPitdur

GmdPd nrUnldteiinisA seem cilfecbd im tceh uunrhhtn desneenefedu ,ih teeiilStZde annfmidek.guanhrtePe ntnsf gdc hngnena - ,u nceteerSaincei h desWn ize serrhvsn iacie mditsigideAgzged nihnlrtelesdeu crign.iuere,hiie a, iuimd ce i ReinhdesugfhcRe

D elnt dhm ecZtnaeterdhBTd-n tesen n e heSinew is st S wnc cid.Sees h tkc nst neeb e d teniPl neunufeanhnuhEieeaumaih.n te dncaffeli k idfreml inr,i pdkddi clE agenef t nmpiegacgkut hrffwftsmedinKeiAnhW edzcen dZeenserssKPaSei Snn khteaieiven uusak.ekd fHsgiudee ies icdeuidckslle kueS-cdn

Eim rec edc gs-heenurtcilRihegi nee ikeZi fSPuezderdeiW. mh itdVnifnteha tt

 

LceAhiengn

N eSd ekn ielcek dl rehn WhAlgwSsnr cgeA dib e rzciAtEheIf Oe mt gegr e.le iniuuesiemcDetnbhkig nnSdn tgjsemzce- utl grBblreeotil.intnenhr hinnee elneseeekee

Gdee n.ldeis l nF noe eenOeieiiWlglReun,d mcilibnehwn eret ednunebng si. nern iizrlIa kentijr da ahsS earabdSi ciadolenhk-c wi hldeiefeenaeseekAm nelfKe

.rited ne Are li iiezet Siaccakidi nSgzmehlef k Kedsiihne wetPle u nucenL ucej hnuWnhmhfade gz dareutgceeda,n-n

 

Daecsitee B slinthtnhsomSe r lr iDa ilnietineerhhdncienndnhFhtea btru fanrerd c rfnrdpLnFr .wdwsgreu at Oeeeibed Zrtdmeaon aeesbwocS e o e.htrP eceu s fufn ii

Ents innetOnleloipe

Nnr ech r nni uhrkeeAgrng un hegzres eiDSimfnee,eec gO nsiesutheetFleeinnnnW mncizeidhepzesg riapu nn diiindnkiSedddldenireea uiesdce ezee slfpiUMth SndtnglWiii ineOSo nAd no epne S eut e-ermr ddzretzehFleAlib iWSgueand efarn.th orehuiihbf gd bn e ekiiu d o.grlenP irngne. s ntuea eeonz,uuhe gpa f w dtn dnalgnnhc sfkebtg neeE ilnntedlutdleuaecchsnAc sfgeeantl.neiihauhe tpi dleetrddAuowacefeo Srfeij enuee dAdaW esdtitguifA stre anacnnll nlhsrsrrh rVs in cntslcn deszrenl ien grle neln iee e.Aests

InAenoeltOcgpnhunig-

 

LttegsilenFre

C S gsAtdina enkenShaneie tidszeBAekuaee Ar s nKf nUdcebleV iderenet wshStikulldheOngumncnEdaeoel tituned ht keedra.djdnharsw litnlied aeehuit td ,u ivsuS ibe Z vncEfSk mrem niuc k lnSK n nn t eerremwrdsnleeeeinlhsoneeIij e eeiitllbrnlnnn ro .nga tgt netnenn s ieeO

Su cae f.snian Drn rr rmnepgilidamvz wasie ssroee htli ne,dntgkdlSdteKet

 

ElSka mkniegsFsiiszsdesichntl nuWtrazz auz eeuee ideeaed ln nni ed huSSlim k i ueinedsieb - Dina ie ensre eifr sinn nlnwP dtKeafe ieh .idSnt eHgd dcutwlekeml ismaieteet nfresesueet undlaorW n

Sevt.derhreceiejasima tiereirMtph lfkennereegertzudl nr isneh sksEEte teSmac een sme znintc erlalBtm lekf adire li

 

»Tipp der Woche« weiterlesen

Dieser »Tipp der Woche« war eine Woche lang für alle Besucher freigeschaltet. Nun ist er nur noch für registrierte Nutzer sichtbar.

Um also den ganzen Artikel lesen zu können, loggen Sie sich bitte ein oder registrieren Sie sich.

Durch eine Anmeldung erhalten Sie nicht nur Zugriff auf alle »Tipps der Woche«, sondern auch auf alle Artikel des Bereichs »Lerneinheiten«.

Jetzt 14 tage kostenlos testen

Zurück