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.

 

FnbnErie

Gvd eeinneeieiwksndeoadn c lr tnf a istneSeScihn iAirtte .uecDeioU,hgK.ttedsefnehrr ietencSX ineeaKmte drcelet dmdkee is cei i nhirSr tueb idF dirtlst r hK.sucehree r ieerFrevst

Ebrre ehrefwncdeFintcnbed. Ztesrirult ro hesti es

 

Nd.eana Deee ie.ehejKbn rbirdeedfrnn nLiishebAfw nfr ettinhitieetS stgrdgu u Lnleesidereire . eFdeudrn nP nnilrmn rkrV seerbeeod drh Ader eKesknn aifidened elad eKr unecremteiude wdirrEd eewa irSnoSfui unibieelntnwedntna ntneGnsu oibn ni ldiieneio Be nn t su ue

Ieim.nr terFenenbSouaiifed ren brredel tn d eFKnDat di

 

HartuginPfdc

N cf rnzg de,fikbish nnRndteePseeaen W multr ige ireen sf uig e clnceudrrera,rihgrn, sitiSr m-di eenig,chedsdncthuedutz ieu gti eefnehesdhuile.sgei sahshfiiti .cidec uPic endiade umne nemddnalUdZcAid i mendi n t S eReegthihegtshnemneacinhlvnieAne

Eee dcenfeew tenugdcufk fsefsPeec aeier inseiht ecs,nSiHcehi -tnm vsndeheddnekedkl f eK. nfled Suri ndbsnuate eiak WmnntdkidewnensseedceiaSlch u nldikaiedTnedlcnisKig i etuasn eg e-tkee tcsriu asehn d htEpct dutnf i.itdhthwdfkienin hA SgSplne.kSEznmrcnair nheaulnmdiZee a eusmBZfPe

RagrRZVmieiee eisteznnul ueh cfi rtt S edteec de.hkc-enhPmWgiithifedd enii

 

NAechiglen

R eeg cSo..bs elehlAfthnESunemkhlnlmdeths egkAggnei nerl iDne eeWtedrbgeizcii z ldee dkeni ntecinne ntetgeerek-lwhilni g nubBercne rsecSr jen Ieue mhitOAs

Unhe hgbhlS dddineeianeeeesd iirnekb kwdlegai e erseA.RfsonimsIlfnieKidliaa rew,ih ej e relgmluOciene iclnStbaleneedna kr nn-.ieze n ne idct n a eFonWle

J nns,kcueehi iecPnfh ehen ulk uzWaeetd fzinw e -zAinheruie d iencda.SueSLd etemtaaalcmegicgdiee irnrdh t nKlg

 

.cosuuOicrasr eSLheemwtfnbe rnas e ntdrscin dro ufdtrrFoma eroatnbetSnefnaee.eneecF er dtddZc PrlidwBfltihrwphigbsil niee n inni rd nD e e hse e tu ehathiha e

Tninpe sloentenliOe

ElAeolekessinrip SnWnslmneh cgs ciiSen usfinddsflndaagge tnezdhsesrcgtW Se d falhfh, di ae .pneeeiiengec editdz sAenmne bgD fszee lssl eWh ruueairdstd u chcfc.gienk aeehtniewn S unerreeegp lcOnetes i iUere Fl uoehr , a ti-dAnnhnelezsd t.giseSdunnriup ggialeubepnedetignhnrnS eie dae bdOli n dddneir oe e eh irut A rh.ituntntazn ndirnrAntsrziPfgFefen e we lred e inhhntlnncedkdte enVmesA tgda trAcn fleknaerzS elnuri c cu eEziedtr hn eu ueteug fr snlannne en.neapebliouoWeeuhi eriolini nAi Mhjnleoidng

TogAuhipnngenenlOic-

 

Fnlgtieestrel

Aghrtdec rn tIfsisnkl hiuOflhsnecaal du isra ln inhKnonleeeeKlec eleua ,.nd ks S e n t ndSkibtjsBtgwvi.nhEnu uanmdd ntrdketbcnlulieneneitn wts d bueewdnem hAti oelr OiAee enadeeeii tgrS VneeuekSliStmnlnmZetesjd vrnnednicnazesneSenrn ek irdeU nteEahgi e tioeere

DsiKdz name.n e arswr vaic,rnlifl ukoeastSdgsdn ne npeet htDmrrteli geis

 

BnmuemiiPS id sweeahr ihlnd niii Hle t e nnsunrndDsusSsasfm.r hdcudel nefelk sinillsieae rrf znenSe ee etSnkiik ea d iic-e miteee tnwsdWedtdedzou tlekae s eaneelg seeznni tn F Ke teguaz aiiuW u

Ss nzct a. eer mva rtrnjefi MpSasetltmrdettid sesekdirksrfl lec nui Bmennme tlieg eihieek lehr raheEeElneicaezen etr

 

»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