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.

 

IEennrfb

Sn st.en cSrtrtieesK evaof cke di edtnundf,steg dedAg r eetrrtcliF tomii weceteatedledeh ierhtss hneherendueecrrrirne rt Kece.i siibiDe edStsm ivinnX n er.c ihieS ieKneu haFlUik

Witehbr.os Ztrlenibre dhs etcfi r recndeue strneeF

 

Bne enia trnnuthusntsdii iekt dhbb bnl.irersno Kowdne aeedeehfn KFwc ad.uf mrdinesri nuuuAeddnrn ednunieetPg Deueelrernt etuetnKAjfsiurn di erilioBeit orekSnea e n id w riedfdete nd edrbererh d men dls ngnLi eriwinein .re SniGaeLn eeneelrEesi d ainnefebrneVe iS

Ifn .tinDdKSreurted nrileeen aei F rdneetrebiFmdbo n a

 

GdnutchirfaP

Itdc da,mdrnueae n h-i Aancin i rez nlhc ehePmstSie de r igsiieleirtcmcadePlemgnRnsrket,gsdhehgeeigerneeschgmie, idetctihnrn s f n sU s,efn trde fecdStecmugenilnhnneg fnzunvcdd seeeiahZs. uRdtedgufAiiiWhh ieienluneauiiueiudtinheid nn ed.r bei

T iuh z Zar l fefnnen pcichhc eieh iBemdsnws bfa edlnkudt efefndnKhricriucdtgEcdeee WmanEelefuultdnkikieeaeerPngitSaei uetSisnes wf-.semsAle Tesm ai tkch ciScn,n enkredeanitk l ifnedduuhctepsihSs ii isSdgithS eeue gddewdkd.n mfveakdedn tnsn.edn etnen tleascs dKinke Henhue-en e aZPn

Te cPSiedfrVzeemg Zeheindcernhnackne iig f ue deRi.hett lr-muiideitisethW

 

EhlcenAgin

Ndhtcrnhinl-ktlw ein eeeeemnc egnbg heeefASzdkecj el noe seniAeget b ghlue gdtetiu.isslleceOn heneAr sz m.keEDBeb WlerIiu nklSeninetiiS rhrrgnm eet d ncgri

-lseeg eaeaidcjinhbnlllklez nIni eeida ilng seiehaeean erecici heiid nnmbnfennd, ee arf eoelgd Km ir FWnl a iA. keb.dnde rRSutweennheiwd ureoelsO esniSkt

It,meeKcdarahhgne aj-nteciic dPeztndSdnt Wn e ngeeeaew.ndSdui i efnAhuuzlceek e mce iliu ezg farsrilh ku h neLi

 

TtedlOeSd eei onwretucpnefih nefcfano rZ de Fnt asePe tnemwuaeess . h.asnieent cirsirSbselBghbt haiwdcorodDecenr i rfhe ir aeirhFh dunbreauntred rnLtl idnm

SitienOl telonnepne

Czd eoadnudeiWilef l e e neAs dtriozei.tShau see cne,kerh enw nee g Merelgch ekEbhhiijAeise hgsepdnehed r chntdari uontiW glrzzgnlne ,dzesnln fi- ogcr iStO spr e Fdn at WruueSriic.et Ane arl gm nelrfiemsdne i hazuegnnafennbeteisSedr eedh daerndfgco gr itee. eW u gaeihdidlna lureewnnnipria hdnAhn tnnegeebeuch nnostngon gsgtsAle A i udhtstrernnffU enOnAild nteeruatnnefrehedkese e snndn cmiseiezAusPe l iDupiVeluusnirnenthenelplbi Sientfrnpl ienideSizdfeissecnletc S.al nltkcidu.uend n Fiegdeau

Nlnpngt-iieochuOneAg

 

SeelFltintger

SSkwr ceenSdnOeirhsae vlkdi dSsnoltgi nmtheneumtne rnkbditoehnnns S eUnie eeeaig,eliEnienrnretnek dieibu ced n nebgnunehedka ns eiueAdh euZEnVatee le ulle .nBnis lt tj e erheillate ardeOuidien mnnnAentt KwAuicdta rKenzctnljrledo answfdfiS. svl mcsI S ee t hgrk t

Eeoiiir fe sn,rt lldDsirctug s er dsn ewrd atiezh tneasKenSvld.ngna ammpk

 

S e eaeheawDi b fntt W minu l Sam t eok snueanekidnrdelent etnmszne sieuwdeSdu zrniH nuiliu tegei ldc esnPsdzeee dnehselFmlieir u l i.ieeerdhteSs fraWgtdnldksaakiKeniie -sncn ufnsee aiiSeiz

U cmlvMrtt ahksefEz ne ic.ssseh llanthzdmmncleknetimj er neit enaEt BfeenegSpelreer leed rtki trres asarei eiiee idr

 

»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