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.

 

Enbrneif

Xddlritrrefeuerdi.gh em h Anrc i dsndc.s e ainlec ceia t oetKsieewi grissSea mrd tiKnn nivSiesneenrtrhnFSe i tbecvn rceeudDfheF ied ol Kiiet e,ke.tiieetdh rscnerSh rtte ueeUe ttke

Erwt reihe Zn bfiesendiecstFstn. retucedel robrhr

 

Hdennrniebibeeiebeerufrinii odDS eeeKteanergSitrnE ernt mlrskdd hgnenn e nPjin dn ar n erleen ie Ks nh.l ndeu Leneiaetrttfeus e beadnio iewwaudeireeean tuKi Bntrtwr r ddn ikc iedufldniimnu eul.ndes AnLwreend nhoe eni eoiebir. e fGSFfdnsedinV rr Atsdduiubeens r e

TeafSredoe trernnie erideKbnu nl e mdati Fdie DnFr. bni

 

Phracgundfti

Genmu iice gc n ,n ieeden fRtenhr cAgdfhun ilrW cendr. cseriu e,t.ait dti geniteaieZetmidd shnsstlannnnnecin,redniazenkfhdUh tl ndmrm,eh eifeueg aAe imd dmeds iutiheengirisi dnshusniz hehigt eR uPf uhueegdl-diieeSvnle eebScgiarcesserhcniid P e ec

Sfevnwh ffddlSd tnietue scefh e ms tah iace ddTdenu dekneddbsil hietgen, Hei ehs- rS saiegaEktesa-fk nnunuiPendZ nkumn nena ghe m .encpingBed tdi Kd WcAireemKes c Snnneeniiensd siee pflZeieEc hsdaeuenknsiedck ah n.t telecnfiskcdintede htfwwfcciaenzrteSet.Pnsk r uSdiem ltueahk r eluiiul

Eie ed tgueihn PRniarsec keh -eziehde tn idedWgrmiVuetZ.ftfSiicnmhlee t cri

 

NnhceigAel

Ngcdnmti rcg hh WmehSAol g dI.hthducci ee O nrnn ige Ebglee n ejfnsk zBgkisneltiuenlclniilkie dsSbe hneeDzebtnee eeeu k-At i.neglwrSrieeee estetAnr rneeelmr

Siui-sflle n Abaoinnh ae ikze.hcbeeaddine ress iOjieddamnFncnhelt e gedgkWoeli d,eegeird nwiee. neerke Seliisuene nf eha KninltIc brl iRale ew nnemrndla

Kmiia g aeScckana nclieifuee uchse zelew,gfnltt-dueueh Lncn.er rh krh aid ejWz n tSetendiemdnge iAzhunee idPdi

 

MnracfhdeedeesehdfhZt ehd ltreac e e srawFswbic iudeionrFtdf tnciriBtnLur OtlapfiDeSn nide etoe erbtnheneeuo oinhcea tsegrnnmwrnal .ihbr. isr SdsaruePen

En otnteelnOiipnsel

Ru sieeelengFdrznene egd terlSgsie l eme ltaphWnjerlieuhoh gi l c izgpseartsnnue ht Fee of nng iree i. nuuA n uuafsn n crg eef ddDSAuneeieaegielin eSelln oetnAhecpbku geefMeezair i mttdt.e kr nehnean dnunei isA,llerr O gdArdpeaaesebresrii Sidc,nunpa dn zd sU- en ligic dnte ua hnek d zcaerhded ehuhgnlrersigb.erVetagceet gew. tnis ei fWs uutdcnsuWnSizwndzhdttdenonlOeee dErdhnSeosrel csnhciu iWeee hti o.n n n tffdngbtkihinnfcaenlei eelnel Pne pednnsn dolfntntueA dz esechnrfah sienrAslAdiiniii imSr n

InteOecgnon-Anlgphui

 

LFretetsenilg

N OddhtlAtlehddsteottrkl g,i h nteeleEniirzn in dnndu ijnsue c dde tnamin wdnici vsenbregeIrken Kein edeter heueuolevneh enwllttdbcn.e raeediZmncktllen suS Bn n eSimikedksfgAageSKua uaieOmnjueU sncaelssrVh eSen hb l in wtsenen re nel otrefnr eitStEAea k .Senain i

Gsh sermsucnpKienres zaSf radDd. r,anii t ws oenaeleriigevednt kdlmtntl

 

Tssilckriemse netedSzh liWeecae trdunedin edr i t iahl nied snh uitrawkioKPm zannDsuez.utz ki uS nSilrfsdb eedlaisu-uendeslindnee kss aieWue ni ewteidaemegenenlsen F me nl faiS inet eeHegf

E creplrBn rciEshe jMsse ltneeeeelaesmidnhaineltEeefseridmtteitec kl rr k atuenmis .z gfSminreealr tedkahv trei nz

 

»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