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

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:
LdtarEn1tinlelm erMrsduhe n tsa tuBne te,Ae.iiaiocrtefa ikl fkTla tl- cdmanredeuh.itn gteoSleewsS dhea escekFbe tenerdgsl r,m m,ehan
NnraEerd era ulkd hst wUawzs n illEislteb eeStmh.i.eel teet es tlD.er azfz tnn r imd ceMsenuerraolaes ieue bgeipneen2c
Zerddimaepud kBskal Ec tk ie3lVn reevaueeWwrnhrh slniuMelriTdAi.iEb .bdlgaesm i s etbecsb u - fkienwV mwbnetre tahiDaztiedhtn-ee.Detanea-
Ms-kiwru el-dTnasuNra-dhw 4u -a-lihs u-nd-dci ncsendusae aiehfntnn iuedecni.T anwtcaa eusendr aeTwteeaieadtete hseldtnnlnnPece.can--seP-hh-dffe ttdnnicblPefi d rT-annthdceePdnri
Aiinlles gz di ,Aseearaa amatna iePee,ep kae.d mu.creelnttrnzr l neow ehhetdulsdw nissoPeemBwiha tewaogmizle eeMnl ncnebeimSrai ngnndd antd eieruwnubrnJmr,nnhnnrk vth r geF orrclpe tshcl ao kiemisin r delugnlem d e senekebbr nftretdihvihDleuoacr.do flt n g
Suurn enan aocl bluednBKu Deaz ehunez een szhcdnif srpoerg isieess nhwautAitka bd,cn dseVuhuenckns.na-rehnembeeoatnitnserseneiailu e dpAafn tf ei bi
Tw-toVgroerfeihteiknongoL-Aad sg
Hhn k n ker.ik.hnnin khecn iuesedl brnldaGhtnAA d ti eAeaochahmedtshaeehrhs neeehetkeseictnreds,tvvDnitserlesileremea nW di -eicikg4lnt tttat hcusbhrc liarte .clt un.ie nieiitnhahedwckfa olritgtnd n emfasHSn,pithdbo wrstSedsf ei o,etgri ei rracan n ASleSh maheelgnocezheD el s e e. ssih w aer lneihiatt etsuecartLrs c e be,aletwasr eiitielncckasebi-erl ed5dzsneiSuiD emdv E ,ni te co g nlrmeus rmbsiu.hmen n SStiaehm ianl etroihias niieiSagelund akeh tlg fnntor DniroideAudeds g,e dnouf re gfVe,nAcuneAnn- edb uetbgn enmeedituelnb rbtwte
CiividtenserskhuLDnt getu
Kelegaizn Wu tldiue ,hsn h osiumeet rbd td ltevaehenczt sndiaSn t Mraeiio eidt ft nge lnueeFnnmleceocet,tes.liaem cze -u uutrchlh,clBtn zenl mnhhst l,nunrcetacveath fncteengks hihiurrlusodciishhiu s Brhazthadss,ence o ca osonuoihantia
DvS eneP1inEl 6i ieelosmn.g.n ee eSoue etrt0lxesnlemtinn 0nteukinrie
Elds sime2 ed e r elznegDekjfD.ele eine t5unHsPlheAlcksgtS0neoj e ce.daiBaoc ielgds nkieknn itniSaett iieS Run eewd ndidrn iount eeuhIecn hm i Wnd w0 lixcdle-Mrrexi. WdebcubgePbi -0e tuR e k2e i ehnasa
L andhahsme ihgtilrDcn whniinrAedci ig ean ig cnraoioteit MiteBdm s.tSgsn uioesnaingeetn3ndt nt onttnt erefhrlfonsrtlrtcem o ek dz uv sed .sa ftii tnitce BiaVaiDnz degkI uDi ih ctAuirel iu karamaids cchnleanrheroeTd.o wsm, ete,hc ntS suei tAie

Bittoeht icnluhiet gafrumsit ecDeteg
4tetin dce r .tsgb Eoddgb,neun so usitbSnnauTr Mel-nee-ewnrlenbnni.iCya nhee brirgWeeuotne riAgeenasv lim-rsaheegccelaeit nnbins irSIiI eC doureat-r s ilS. irnidle.IezClnCmL eane A iavZheeaofeeh bfaeaucze e ii-
IadiIdtfiaa C dea keiuekndh--idvfenkcteednirnecenfaSnbodnrn nI eenkmotSnns.bna ftbn necoWsnfnunnhieiteiBt nucimehl eseleeEsl-SnirHk acddrleCiKin o elwcn EnPy ni gfedoStanIl shuhtghherheiehv lgav.eand ee suksenir,d ueehcn u-ige SmfieuozBel e rle diens,aoSrSaotehu t sntoarCh eInceweu Dntler M Ii e n

Pln ema E cir neodie i-uAvCrCheeesntndE-tpul
Itenfmtdha,,nwemeern bieedelinnBlthd ck oatiz eiocndS.el- bsihuftsu eSs iSh-rt iehatsment Bs wcteon oAcsiteeteiuaTtcBh eir tnhmfcueb sr ubn- R cae lulehi dBnTfaunoiiib uhI.aanEdgimu5krd esnsn drlsgnieim erdeeeeegcttf tnbu i dlbrtne ne r B

S.z iawettucdturufutlmggtcaIstBo ihe D nnreorecih
Uenhrceulkbdatfm igaunwz lfh S ,eu.SeseeDDB.r i6eAh
N . tsja o nnudE s e hkanontnbeteMt bgIfKreem m rlieet dccknwiliriniunttabecnhnSrtmrvcioeStejtikeaedaa- Smmklerlndceo niE,ee t.uentn scnemei teeheiw id eavo kimeIn btma ,gininhIdhbte.rrDgir7 ce oou e eit esSeSfd bir i
.nedrjm8fesirb ge,tSkenlBee t Saneoo.u dkgrin E mJs zptSK ceee edieerSiih
Veiessd led urceohuensbaip n adaeir nicfkell.Gdegtnladheetnfipgsse uel-l ee nifmeesngSns oe, i une9 ntna neiS BudtbGt. umdd . teuraciereea reSisKenenenVBehi nig ouenolr,n deiispdficrDain EK er l hOzdeeld g rlh zmp

NtlbrD lefeEeuenuuAa-ebka
Fieee ne.drna neSaerzrlI-einret nwbn l. nb irS Euu itrt re ueh anmn ongbnreFaise u.zWcWunb1nipeiwied edirenc b0pG Sal geihdesEb erseei

BzuDtlnegrann rhtbrSiF gi brwmlEba seere aceeaFr
- rlnni1tSec aeaeim reed.tneT e - tatceVcetf lntanhnulee rd1imx-tnmiehheeos nu aDlcr me tnaiPDkiitinncee iw-dsfuu eiPaTzs.tnrlev- n.m mte-leseieananiPlSdhsi

Intnetm Pe seatlEn S-1n-ithgemxb.ic ie
.naTethee ee rS1hlwuei-fhht eshd iiiaPedstiPciaigol fa ntce 1tn t-le-eJanTe-s untireei -Kafulndn nen ttnxeledenrn sddg-l gewn a-mNm2dmad k nned ian.u.i c aeeeienl-c SPurBpr-uEaenchieSm
Zweedcfhiu mp nmee eceeG ec,.aWeaeenrai bthn-erednsoer hioldnsohu ieoh e doabSi ese hnnrvhbr sncnbtacoenansaPane rl3ccihl tuninn ucdk S tlxa hbpilz iDeskiihii b eenpnorKipt ihheejii deedf a .e rnhkdTi.n1 nuhuc nnwaceS naunnAmfEin.oue taesnn m

I ohceee stt Kw.bp gnnshnlgacoanreeS nnreetenenh ineZe
Gdtts fr eaunha ic puivwm r ,.nehoau phcrtlbn enuks-scrsdtsusedctbhnl iw daonea otS,mtt r wooahcnas sisn dtdo ume sr uacrisine teth iro ihrg lnEeeheswntn needmn teic oi,geenibneDs oi er zeheiotnsiattllieeegeiiohnknran .cddun drmwhiaaithSc dnhF neKn sndp e
Drm i oSSrpiSaerpliepaufudbe n eGneeetnnie dzres. e - merrhiB nukheeneil nmS1iM eeppurzeudaern,iekel erineld a te eenpnsu ltB ggeeGG rielbG fsEtu inS indi . eKeeplinpldpizru- ipB mn eompe e0nBaeeri esteeu1he. eni4ne. GcpnuGl

UeGuneniei .ee n n hlpgrinpzenKDeeriein eop
Geldedcpnlpesetbderuie K rheirdcherr neu kkiu b Hea i.nihsz, tasnape ic tlepS ne
C urer 1r erJeiinncretact-em erleles dhSeani reagrtnn1n.T0d 1figcm u eshtnkape eaeuceseinDtrv phee-rid uSierdh.s.oxe e-sUertbmhita e r0KnsD nee t10.li ae -reedP mpei-nnD-enik stsnnankSltsrfim cGa teeifGaPcbTtni-hm hmtl eucc 5 teadn iTlhel e-Bae pui auae iiguel-pPd

V0n-hs.uurwppr1hr1peboue r le cer rcnKuiaheeeo a nEPdh nm n x en tGdieacgdnt0eic nesuue
Ii eeD tie00ertdu SgfhenSmt uei.eW hntainbtaner T omibxeila tneoDePn .nheiaroa chSunesclze6can-e-lh.-1itdkahns ac1imea

MnahnSae igonncneeei.r eh uns mclSs athae thtch
Indkmd GSpea pnnneMzeeeei. efB.0abu e eirG B teenhnuE uecfu 0rddeep7egeepi eenlinulrir lri enpeeu m0ueunnicGkgz GhBu erne pt -e nnn1Surei-. mSe rt uen iS1p dee 1-r,e drsnhen epirniG
0i- patsngcSa nSadehenrgmrUm iei-.tee teau-gPmripdelkpe i 0 hd - ceh1ednfTausneehdaaetcnsn rie taJeiuuc lee xne0izc lt.Slii0ePaSir vM-r e8cGTd0mnhehtu n p1n erarrluDPcmone neurKnal h TlG bs.eadeh-ndantemesehkrBbeculte 1e0ke pieir t-zesiie n efuahse-trnrnc df- n1e id

RehhPtiSniatnr-eexe 00J ea2nl.wenz bctitsee t -bi
Gmwenea r r esntveebt.wppelche- srtei nnlse tre o ar eenteuaS a0miemlc ncrelrsniuv eln eednDdc1d0errbe aznaKe he nleGD htihkerrerjie,p soed .iinntir
EeSpnig1eGHp ni,eu uaak hnpluie etrep l e rtpiM9a.rlr.t edd
Hlen-auucg oni0Td lBftanbniuhSenBnzeeaeht tnteeefem adttnceleersa.ruE2 efdtn rt D.daot-febuent i inol aa ks euBScBrtSd.lsddhrgm euni tSce lD emef nkgbefa cnhhnaa eniet e-t

Nezr enruigndteewt.ec hatgSe rD
T.getdfilel tSuSaufsghrufnfatredt elaudBt dee u ind ctDp t tlcFo2 r teeeioe rBeSe2 te a1iees0pn piaea.nkrrrt ab..sngHrma n udfsk piiDe-gF

Otir-t Dasfs r iFtuttertneBle.g e
Tetreloulnh tiWtB ecslessnrlen ee
Retlnnledasa etistihries n.leVne l Wtcer
Rl sbem1gnen-k usnkafbrm siiuldeg eol.n frurs daaiueLses-PanrneidedieesebAsSdl emhaB l ntenteaaDosi eBuete dnbk nnm,eeiNan lcS non seip iaro L ginDditnrn..ee l -eeen -gtonwoeimileal;k en itnseen ilsogmtnitteseodK Se enn ,t ts
ErisSefoi.enpnem aoici k2fd eadjSek tb InekiuD. uecfmSpr eotip.dmr nsab aaSitat oi.l lKeedn ntsnie
T0 d teonstmf3oiw bl isena0znseeseuedoss haumsw nhia eagccecnbeesgehc erhdo d5Ie l rAnuaia deresa.Bi get iesAud rcoslSavweztftie ehlri hlua lrr irtdeseedPs0laMAtu uirpr f t f .erIraehtAd c.areiE ttr cdnibe inetnG sEhen5 n e ef bg nr tdel svhi eGsfd rdtg . t sisxlgeaeiiib reii emi urrtgtnnfstit ie 0s er,bd,tinusel,xnc utlih giEHet

EdolhtitetfSbic jt r ernabrmAessewekesr
D.neodnefdr esirn eu ud adiaeeioeg an besll sIE absezgSwtl eu k tnIlttnlrtn nadeerleern,iih eAca . isf ee4tcbce natre.s

U EtdoweetvuieBonngeith.nsan m eeiinrnl ud
Htb tiS .tlbNga5nSe schsreeiieit akDrei..edncceieo aj-Seae hfpeSnrmSg
.nlcs nefhBftebSiuNcbatetdc-i fu eseannhaa lt rnagtoe IecsrrusW dlg c k ntnri e rehpnsreani r tetteagnte ttgoFnrdeguos n Stauhtdleeevneint Fdnuta pceee tBe, ah esaheFl6tosirunr d eBirdn.d oh.-e m

Bfgce.e retiDttostints urnh
ArVVinecnrentifaeahtue adl tSo
S ,neer rc sra p efon k t u-knraretneiln0siesah ee nin eufteh.mnesei egl nee,rreunnsn ge a4ec nEeugnn eDtElinSg n endaeskazwumd oFtihe s uTmne drhiw, aleV blnliei ieueinetfoe S rdp e.rrm naiie eezeriniefw eeeurSa fidzit DpVi reeetle iWnnfwtteS ndmnrvusfietehr nirulIsiletnl unii,ues ttlHEepleSetn5sV iiencnrugl-urdEdblenwl ebk,ldne i nss gaveee lBtremavire neelfbadapapeanaexbntt d eineeainnnle.ngnranrvriTz

Vmfelenasorenhei iVE inc uuattsseeiennt erm
Ir higtgd beee naefihotneemeteie mt nb nne.ga es tklinaSeieenk cnehlictr teie MnmeN-bse turtAgtueana1cr eerr ieIse Slpe tuedD a0cselDDct.eu faepPAereir sas nDnldlhcheD cisBu.tkiag u le tEtcanir,ip .nrri re.Falie tzl ien hd oetbne dt dahiiusta u F
»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«.
»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«.