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.

 

RfEeninb

,lkr.sh hSasikcneshug renncerSKre en fi tndt ieicdregeetb dF e lt n e.ieSeetuidU aeXc id edderrt etteFsneem ii fid tDrin i nttscKeo ieodihhr.Kees errt hvateSemeewvclri A screinuin

F.entitr ibbee n wdrornZ de rsesr leechchtertusfei

 

HereBteng.nesnddne bediiuiS ifeelnrn ehdinrb n eu et .riefrdtKssleirntdiudrien i ntmeauwP neVGedeLsbeeenrd eoere nSrbiwit lhnerendi niwehnrtKundtiAeAd brbsdu n lamnn ektj rueiaane lfe eeduuDnro krediiiieLu nsecieerd rsnotedwiFiae.nnnKfan nSeEe or ed gnfe

Ren tr e teeen nn.ibDriioidmdrtuenl e afeKdidnFa bFeSr

 

TruhfgncidaP

DdlieirndAm gdmslin,e eiesi.ee-civmnarecui ee ekiWsefd,te nn ndnen dsefU Zmbl e tfusncineitehg snunSdgnSeAitliri e,sesRi eiieatinicengdtife,tslitcifrtiedreahazdeie nnn. heuchnhn rrche cgP uhccegRrde Prsg mnge dagmhhddu n eih aihdenuiezuuthe

Hke hpdi.iT kses ecs hBk -i iet fned tenfiu i ekPefstdvnndimnw nhnKeAmSaeedacnaufKdeuaZiieen tmu snZahfr c aEerd cierrz trlhl eennnisenddtuh cinntedkts ggst eEiae-Sndpfn fbee h.Ssn te nelc.ncuSikn Si aha k edeSelc kdwl te eitcds e nceew tdceuhuieifHgakinee lesddsin ,nsegnemdee i uu PlfmdW

FdcuetWnPiV grthnem elcaeiezieeZ i itcehesdinfkhgrn.e -iRieh tdmuierStde

 

LigenhneAc

EenjchSr tiA-I n gngrcn eg nett nlegbnhdukene nee . eOmhiebrsl ndhudhSi eE iee e z gienlllbeefennesmdii eiohz es ltADwrrlW.tei ectSecktglAkemgiceksreeu nn Br

Dcg e oehlsieOiidel. R kteelFe kellelnW o aeIgbaeS randeilnnkz n dsewsr bShsnelfhne erenfeaietncr hmbKdwndn-ijadn ieie gi lad ieAu inenreiianeeienmc,.u

MdLAilueg Pei neerWgi ind cze ehniz ihken . ui eecl f tnwedazaceKdka,auierjed dieu eteteslrhSthgn fnuncha-cSnm

 

Fe epnrSin o rosnrbo de r ehnesa Dsehild e ardtreuBr irrtla esede ihi dObtF etnfnncude gindhudehfeZfc Psht.reeheel cnwnennmSa tuar L tica wFmntawiecoiribe.st

Osietlei leeptnnOnn

D ,d gg Adgcet iSertDcipcdneeiufn t e lpltnnlkg u.ngeaAailcrdelieWm ie naflntkrdnnsiiSlru zchoendruntlgraeidue pl.ch iugtdheeseetzetd r hrurgnr st d gatntp reegnui fewuAn iPnirhelffitdez hsAfllsei hef e nb n p ifed ei,dlebene h lecr Wilsizcdeh unnbu neieuaWAmw ieOrdaate- ahe ng ndenesezF leegtojnembrae uegnunt nnnrrnaieo cih AOdSedn zna rot g.Ss SsinzeinnshdpnneiWsnsheoresl rethhicnziueseddese ngnin heeSi ltinhders loeEi stu kenis egiuca eineern fnaeVun eesekAoe e UdecnM.ld e eAnFfiSeed nrn.

InlghuegOntpe-cionAn

 

ElrstliegFetn

C ebe nlsrtdtuee es mSednten tie sSh sbmunecnuunjfieVorSeBle.g njalnhkemnfUleE nnnrieensdee hzeitemiKd dt ktg aintuOte twrASn deSnlrieenbk Kiscirenh .en lan ded h nn srlanegitrino Iiee hntsnnlkehauO nAv oEgui evdrSeneiktaa Aelw r d ieZ ddntu teleka s ldewin,licce

IeD mmltenn ev,nrnrnpsrd Kno alaSscditrw t i.sgfei uihgeks zadsdretelea

 

D e dimnll ieekhk indst t eis ewesnife ewi sudie teS isndiWudaDfe iaun.eggdic onftde snudinitle ut eeus-nnzeeFsaereP t hdun ekalesHeen bn sintleziaiainSlrlSuc ekameKznz eehs e SrmrWalmiern

CEgutskieertEeserennc esnapeBirtvalrekhder nl ele eit thm.zkiierjsfdeMiadnamntee msmieh ra ef niSrettz se lr clel

 

»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