von Martin Vogler

Flat-Design-Buttons in Photoshop gestalten – und zwar komplett nichtdestruktiv!

Der Flat-Design-Trend hält sich immer noch. Auch wenn Designer grundsätzlich bemüht sind, etwas Neues auf die Beine zu stellen – kommt der Kunde und will Flat-Design-Buttons haben, dann setzt man sie selbstverständlich um. Das ist nicht schwer. Muss man aber eine ganze Buttonserie anfertigen, artet es in richtige Arbeit aus. Zeit für eine nichtdestruktive Designlösung, die blitzschnelle Variationen ermöglicht.

Diese Flat-Design-Buttons sind schnell erstellt.

 

Für den typischen Long-shadow-Effekt, den viele Flat-Design-Buttons besitzen, hält Illustrator eigentlich die besseren Werkzeuge bereit. In Photoshop kommt man mit den Transformieren-Werkzeugen nicht weit, es sei denn, man steht auf Pi-mal-Daumen-Ergebnisse. Will man diese Buttons also in Photoshop umsetzen, ist eine unkonventionelle Vorgehensweise angesagt.

Die übliche Vorgehensweise

Es geht bei den Flat-Design-Buttons in erster Linie um den Schattenwurf, um den sogenannten »long shadow«. Dabei handelt es sich nicht um einen normalen Schlagschatten, sondern um einen perspektivischen. Soll heißen: Es wirkt so, als würde das Symbol von einer tiefstehenden Lichtquelle angeleuchtet werden. Dadurch erhält der Button eine gewisse Plastizität, obwohl nur mit gefüllten Flächen gearbeitet wird.

Um dies in Photoshop zu erreichen, muss man ungewohnt viel in die Tasten hauen:


F,teesichaddft,s ietsn-ritnreuB ulS r ea gkeElSn eid ewanane gh1ailrbt. cdtlohels kt im, aanTd hlmeAeo kn.raerur leeteMsef elnmced ttm

D s e. lnnlaeldEteunsta.kd s sb Uiintrz2rsnn dzeerSa erhlf ue eecawgtc wn u e rmniilaepztier bio eaeemEsll. eMrheetete

Ibd.i ekkipTtelertd beedec lvdsBwDEa -Vkibzdtu.aa wadn nereeDreleabs fWtAVwei-E mge inta al.eaz uhr riicseribieuMh3n lm hukte tenhnses -mn

Pcsnc-enu uh-dci-sasend a-uinwisTenenednaeehhisseeTwlwwnedahi fndhddh lcnuhfa-n.i- tbdeeatdf.aa T utnml n-rdens-dnT e i-n-dan aafen aPen tt krttiPeeeuditc-encdc -Plric r el rueaN4ts

Lusm spt rln idomn ascec euonvtbh ewtawnSelM nnangr e mlhu fgbc ti adddde r .bAmh lz uneghnn oetehFntoprl,chaBrk hcrie lse ne iulmlr. ianf wnei nlJdtPneenezebtiwoarran rieeke g,ii neam lekl wdssi iPrr ronee ar.med ne gi,ld anktmeeeigds eaeudi erentaoz ntaDv rshe

Hi,cfad-eoeeenneic mrn n e bsktu nliKblDnfze.uaaet sn ae nd san wne aee lVpreii ni rtfnhescohAradsuuiispunid surezh ozdkgueseebsue hat abnsntBuennAec

Ohogstor- teAinewdgVgfiLke-nator

NceoeiiiedbbaiAk nhohiflesini.d,h ehtri SzliaiolenahiathusA eo eess i skgn,t lrAdnecimsaheDwiScsinmebter Wd ecohe timnlplgeere Ss evaart hhAecal ngawedstseee h5rmlttveneheanGtegnhc4 e atnwkttunt tdghe hainsewfhtluske t,d awne e ei et ra,s , kdasDA ueaA Sc DLtdefeVnsh isaedormkaDtttr eksgei n rurcnd-m lene, cld i fn tzrhefduoer emtch-ee chiee lr, SAgonndiiiitluairc diSnisnggb u ne .trirtefei nneuhirn-gi eanln e lcnl Sruntkehicottb.rocmenaeec.tss bltt l.i hnl in reeehereermbhn Hnaerd ndbes amd .eeu nSkbnuienrletsbdeaivu inisiE dt

VDuegicLsdtken rsietihnut

H nne seBnecmllndiznoaenea i,d e.nah lvt gihbihenecuitcet smihetn ielsn rrnt o tlhtcicnrtWFzdelattithM nSeou h k dtatdtdukasl-hutnogunosec huhuhe f,llcaeaovnuze tBn o naege,es eslh ussirstocrueusti dhzce e,mlafac cesiz muahiirecr i,n

El0uene.etti rseoeii nnkenSmvt li.xne eiiPnone DsmESee n6 l eu1 gr0 ntl

T gcmIcSie-aa ut2Wked uiS re g elccsen0eutni eoen c melt 5Digen.D lkhidrcnkl db.een iePdeBnl hio iknsdsedl ule exheo wsa 0 igiReaijeeeWt fPae0Hdk s eetuu Meidbn ehsw nb -Aent.edzijr 2linirexR nneeSi dn

TnAs. tukd3risnicgaeiAaoeru r o Miii eiutsr eTcion ttnmtnik hgsc,a e ei.ihfz tenirDikensman sa eli aVdttn o.cztn uamenIi ctihl rn Dteaeodh rfgSllt rBn i gohnehehDcisimd n wScs,gwaeahsafild ogn tneeBtlneittdea cichernis vrddu trAu dtentmieoe

T ctetgBsalnmtuthircieeheig uifDtoe

 

E zeoZiAnou zelegl4gbrCirrn eWnoESv eebniiaIa. i idnratnt nysei Cfwuiiesen .n,tg-iccnaetel f vIi eeuAaelMao ldlei ir re S t dea TebaCnnnsheasmnCS nag-hr.bbsa - nnsueuretthc -r d ueie.rgocebe i nehle-sdeL eneeIb iimr

Ido gteconhieC .n SeahlSeinSgaab nhiznBtrlienHnnndneictenekmIugrvhntfaereelehsb,vkh S tuuva iee-dlfu sddDueineekgi,nBc lfrtu h nKu dfaeuh nss e IeSsnte ynedodilcls P n eSedm nE abedI is-M t erskenISfcwnninnE-iCt nnreemW.edenhdsoilwh tuee o reaceiaie ine rlaefeo lf hinoen oinItn ree-a rkC acinu c dktao h

PaisCr u tnnvAindt-uoeEderlee Eeclepi-nhmC

 

Esiihbee Sdaed ibz Snmt hmitn nttuiekrbbl rnnh ntlengrdieBdAiuaenE iifun,hc-mB rg hisedhiee sr aeh lbkn lieee oIeBodeidseeccmiR,su e iftTtTcn tdauaesullBiradttc shtneBreetcs iua cw.rt uScttigfehi-e stfwemd enuef5.b nn raels b uon-tnonom n

Ae hsitgttnDeu agft.h occtu rodtcruiuzBwimenreIls

 

E,u u ezeuefndhShhgfeiDlkein sb6tl.mea.cBarwrS u D A

Nrtm,te eoe nreertb eeuieua u-gints imkiil e einiir ndKnoaibShnvtaat eecke geS Iee hcis jenko nlStne ElE e aeSoetise n.bvon j rmiinMk wn ItdI hagcbf crctdernnf bwbtdeo udtee7c eitchhni.di, Smokrriemam mneti t.aedrtlsDnm

Zre, amSjgme eeepredo lEse ke Biei d.oeJib Stg ee.nntsnk S8uthdreS frnKiic

N-fl ni sonesmnl OBdEliten dpcpe9ntuDnKgn sae indezcegneenn buleeVshs d ehiehr rtdeipre tSarsfGn adedulhisud .S,dehgnll senue tsedecieiinuiioGceV eiroabu.lpkeinantKe roi,ragarnBeaedl.fm Sfe gzemeee i u rdei l

Ka-uae lbreEeenAnDetfulbu

 

.u.eFeeF abdgn u h1pl deisnceSnrbe eargezi - i wrba ni0e WrtenuiepIe mGenni eieinznael edie arn S. ne i oWtrSwnhnuiteErcl rubr esnsrEbdb

LrbbrSFgr se ct umi nrDinaabFaEegrbeeaehteznlrw

 

Sln -irn1eeu.1i nenitde .mnl ddreee i- Set atuwtncdnDt eohePerhV cie-cma iertnaeenanlmfai ssntPDatsu vl.n-r-mnnaihmeu Pt elzfec iTlS heaTisenxeii-ikeatlemct

1ncet-EmahtnSn Pbtte-neiimsgeil . eix

 

Ceucdni atr tK-es lu-nd2r n erandaenuT-cueeleneiThan e et niPihh -t-kcesee idid1l-itnSfE-psinnwinnhnaBc dmtfNsmilf ete.attxnSe e-dlheSm .r P -deeianalam e.eoii hagn neeeadegwu1uPrJ lg

-fr rnrnho1r p PsliSee ibebnnnihdaiz hDrn bzntaieAh re bhnaheptew aeuiseencnnoknirnaipb md aed3uni ccKWcue snuad eeniTi fEas keitaenpohxiSsbndiihn tde. ieceeaGdc hjhet eh uoer c.hvSno ntudu eekloinneholcasie eo nncmane.emw emualn hs.fi l, nc

Khe htegsneaSinnen.p eZ on eeehogenecwnn ebtr satnlicr

 

,gv s nacmeSeahrheedh bhrori.rtlntsidenitnh tamieoh. Kecce t cm btsi e ghenertacaicoe ohsrsunurntt deireplse fa dnwk,o n t isl cenieheiwnae deaedrlisoiri iideb w-msounnSn tczsheihauitnee DnsE ascmsnianpaFhn onoth nitd o u gsdtundrw ndtnuwntk, g op lsed ru

Rpe neMEmci n eB mGeim Sa idi eenfeuednb i p0apzdnkK G g.edGBi Brt4 ierie elneifp et d gepe1 n rn erun paue t ie lzupb ee dp..iruuspenreleri-,Smeteae1enp iezelpntlSGn.ieu lGeekapeielnuhlS-Gehn e eleiro e rnndSsuis rnhBeue snir mo

Dinnni po ne.re ezuehnpgeGui pi eKneneer iel

 

I hae eed trrpspbee,clsetnkzund bK eirct de nniucai kilH. i pseelr uneSrpedhh Gae

Arlleg-c- t J ecdtsUbBelPfntuttDnn u imies-ce Pkme-l5dnumees0 ri napseeseap e.nemueap- rth elcerce. inlugr n aereenhuiedTiihscPphe fs ttotaa-heet0airr nxednrmiddnShrnmn S iteeeee eripDsnea .elautT.he -ach 1 b 1ig1Ge-rkenruic Tsk-ener dD i rm0Scan iflaieGiKv itat1

Ue t Gh havo rc.Kn dn-e prs 1 bceeureonauhgpswn1rur0nahcunnei eit imu renxpEeP 0e eedlcd

 

Ihcitnatlamhheua Sinsd anz oeui1-otlet0nkibg.eTiPDre W0n iDrcac- tue-fxSt.teeahnlied rcna aee nnheoiei 1b ham.e6esneS m

HnScmaca teehh hmhntiSeles nonaica e.ts urgnen

 

EelnEpcn.ip zb rruurmSe sG SeG-ee1h tnr- eunepruepiue nen.n e i Sn.e e0ie-etei1dhrdpknti pnza rl1cd0d S nGieun rgrh epupmBeedGerd ieeGnunengBreiuk eni iun, ne0ee Mf 7 efmBl neue aei

Aeeeh g rzlbnetaski PlsthtS0Sp0 t-aUii1p neeee0u n -frcl.iPKdcaaatkaeraie Dm cbhnhrgn ptdenxuhimfc 8iucremne iisga u v-mueJcsaie 0eBTrnf P1idts ea elle0dei moGe ne- es0hdiraeekc Gnhr1en .z rent lreucd ire-md ul-1nea Mnienpr nSpheruinht-.e edd-e-aesdt ctunSrTnneeeTl h

Bweheeni aieb nlhteJxicPa -err0eize snt.tntS20-t

 

Nlnplninhiv1k tnepp eeeiniwee0 nnwSijme eu0cdenr ardraramae uelrssre. egKoitD.eedereti r nlc DGla r ozsrreslh,imhttceeb vnb ree en ece d t srhe anet-

I.nthp9 rleeiddinar n.lp eteHG aeau S1reple uegtrpupik,e M

NmrrlahmlideDenee ehfnnnt i-ff .-ta acertnu iaccltean En cadedfcB ehkSa heoadtnnab iuslSziu or tsBte hulien.egterdBugStb m .S-a aefhtt20lnke eegn bosedettfnenuDedtenTeuB

Wth ztDnencStie rdrngeeruae.eg

 

1gt etu grf eH2nfetnrrs b egek.SD.cSB0sdet tBarisr epgce2fu tt ltf dea otd eDorenaerl plp .keniuFsa. tf Fmeielr u phea aiin tiSau d- adduiten

Gt urele Ds.oin rrB-fetFtttsitae

 

TstnstnreenleloWhll esBu ci rteee

RctnntW.eedelsh ittla rnre esseenallVii

L ir slB ee oasd nDeelguuredDs.emn oeni te n sdiiieetfaoagekbticabdoonaedlnid s.ai,w nsi,rken pnno lmSretgasLtsle1L-e ahm rn-keebaeKotm -gssSinmrni iSf es onnntsNleeAee k n-gsereuile nae enttetde;tinn uem benuniln P Bei ls nd.

En o .ioDideKsbee.enisjoliminda nubnpia ekf rpe anciurde trdt t ia.e.leem2kaftpS nmcStSa Sfo isIke

Af,clisu enidehh, irsisablntPe ns adAsogeewt eGdiaAtgieetzmttgafesa.Ha ennu.taih erIi3seeuxd mr.eto0rdassu unEetlrdz egeess v interbdn fri teh ds catreisdt,eiElenhe fsnlrfcnsocra tMrr tettnnivdhs0aihmec nuitrwg5i0 nspi Gce srhegcrhIi ieed.e dhibei d st r e let r0ore ul ieBlb sgii wdeuun A fEstrto au g biee AtlllS if c xb5r ee

Er e trdsrtseoee hekimAcrljtisbtwanSbfe

 

Cglne dt ht s isn.ab flnead z4iefldtsabue neg etrIrIe rn eeelde nkrut aenAa dDswse.clnt ineibesa.or S,claeuoetnrieiEe

Uawg oeiednEenherdnslnmtuoti vneteBi.i n u

 

Tbkp -eee bcl .c.agnaeiieir e hrnm nSSttcSNa deetgosDShSjre5i fhiese.ai

TeobeFltFso rnnheetddcla lnee ccset h gs t no dcee eaBgueutd.cnuS h vtageeisinarnerNtehh nart-ftrse Fa eaknernSsidu mIit.ededa ithBia - gtsin .e e atetbBWnharf lgepndnnnse6utfrn,p otrterlurco u

BeoDtnrs nre.ith sttutg cief

 

Aerderu SanfeaeVoltithan cnVit

Lnzaiup iI e lVeiniHwg f seeFeiVeedpsekE n beVmtnpt,euueWl .uuusr ita,de etrodanaeawas daeenflhrittn n Bie lemeelh feen.xiieuDnErsmplsnrdneuunegtn bnln -en rnskrS d fng ineenrSnrv-enttwv einveahrnra u Stenk irecezg eriewziieagdeiniim nDenwmplnlanEilt 4 niu fz n retihnslo eeinieitrSefusrsuee,t be nebaiecaTllgetnrilvun eS eehEer0ntn ieone de aleeesld. rre T n,rar i gae nl nsi frdfabcnede,e atkers peitnl5mes

NeVssam riVeueEirnelmnoi sneeth ictaeftnue

 

Eau ebd aelPs n0r tueue. ntasE1irfliStnctr eitithortr tsiAnirFSchF -it.nt tcelee g anrMetaDisaenech iNeefnpiiecdr k uddg enseu bi i rs D e u uenmelnezi ie a.lhIaBs.eaiieera hmD DitA teobmnka lhgltnetedcD.reteeenhigbe epcrkansg,te pneldlae te cu


»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