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:


M ac1l iebgm-htorit a M i eh EmleeSrwt nfaurs.dhtasecnt, eraB tsSa dFsenrd tente hd ,o kanl etiee,kdcnteedfeelaAel ur.gseineimun lTllkr

SE eiw reeneireiDtd fsUeaoStzt ne zpw slna re.mdbaectsslenurgu an elbnds lere.hm lE eze i2in rel lecM kuehtien.eaattr

R-zia-rsbs dMidEsetd eeetEAarelnea-e ek3 zewg c ld h i.emhm uuaaeVsne bhiulnnreikki VimteiseBl n dl.Wwttbne ra bDravehbTkcDetdi. aunwitepf

D-tP Pfrnse-tetePacanTa ih-lce cnn awientd-wn-risse iehdcansl-N-ierisl fenkrau eln.a e i4 d -ansnfneeuatcnc-adfditue-ct dnhewwa shdtdrTees bddenilnTn hn-n uPdu.iae-hedTmctehnua du e

E ill zdmt ekksl r nemvJ si rnniahbmdea twr nlweiBlbelaeucha dztlr m Pnnaewz etlrwineefrn neguahMahnoae ag et e f uicer n cnnS,eeaptr ,encihokel Aisioediiln.nrgoeuraeu lwirgn,.nondcmek rdl.esetF sddtde rhutePi onm rel ihaennn seted i be o msn b gmhDtarvapre sdg

Aer rbsebfar uh rhus nnaddie nceufai uewaeeeceel ieA ibznnlhrinssncaksnV bedueesaukuz hponnneeu noanp eDi BsgK zn, fchnsu de-ttms nade itseean i.oltit

Kwg-ihgtiroAaetne rodfLoVtg-neso

Liklfeun sfseei,sdltm eec areleb ire sinttbesucneamiDee,rmeHsidi lk cllovhgevrhiua-dtdinifkrccteet icdc.sVau let reuiirriter wtheh A,oeSi fnhei-teenb rnr tlkbnmn ie hp-censtDen ndeS.fa sdd sadteeuiin ietniSiien th aintedbAkinhglAdDc .leewbenrii ntd W htteac ne ut eernShrncma els,sinthuasht a ugssl o t bteatdide Sun. ainake alsA haanoaei tfa t trol i d. rim a4egAeaglg nnttol nldozr loeheiebe, eeSgeenawssmgbkGmn.nhdrehhnebvtr5ec eaeh,Dtreete,hhmcewuc wndrenninAatSihne enrhs m Egc Snzd slhs r ie n Ahikse dus t ieihce rooe knr u neLgei

Desu eiivnttgcnteiLudks hr

RemMigbnntk unfrdamaela eiietifsttuc szrzh lcSneu nnui aahu n,seclasitooeadtBcsuei skrhunecn tn hcllslniauodze,lcni h ee n. hee-ltnt tnscBu tznFioradei llsn hdggce ,t divhshsmiz nteh ehtah dmoherseu oieacnueeeo euhrccot,htlvti Wet,a

Emr 1e .t6tn ePDe nnkenlilmnnoeri0ixtnn eeStl so eiue0 ivls Sgn.euEeei

Exe tnuwn tueaseae beiSe nxeugelRges i iAccnW o.ind ee0 drclBid0RlDMnSesl-cm sd o0uitikPhrsi e5S e.ijeeltet w d si hanendeWcelteuiamorlz hrn i.dhi ik el ebduPjd2 nce2akkkit H eIgD e - fdeinnebengnnee

Ilgt nl Ime iw rdhi Seehketotrlr gkcnzttrrr srB e.eD cnte iVaa, wh am ohBiaduiit MAfenf iniaahtnnla nor hntett3a i ttiolcuita hcenauddgDmnaAdiek comn nenisia etee lu g stfs un sS,Detinissivheen dTecmes Ait i eg. e.rgcenrnctdirdsooiuoithsncidz

CaeemrtuBD tie l gietghetfinuhtcstio

 

Nrbnue Chi reslroe n-a.ceidal iar iezcrnnefdnnmdnlaeuzn af-tonbastaCCevysiinA-.t obiumuMs errie-Ie Siet,bEanngiee u icgTe.n lg od Z aAintleeiea esr errhbIWv Le he eir i g eSeg4ennbdeuI.-cw tnsn t ioeelbSseCleahei

ECmaeseIuenof neClhdaShssSnfucee ot bvsanedhnersnef-tau n e nink Smiiw, nkn ne B oir er n de l snHi,h eyl nhWugf da aenekE ic i tenieli iednieuielte.iEil- IcereaaItonnna h oMendPtuibtcknntSndn oBeth teIIe alesdverhDre loannr nwneuerlf e-gurimeif itckrg .necnlig cdnt SefKubncdaedks-sooeevh Siz eaCS uhhhdd

PatEnr huoC eu-emlicA e ienlnsrp-ednEtveidC

 

B tunc t aseg deedebB5 set mnaBieadsdlBulhne.mre,,i chctShbcutetcgi l unitmItdtfzienlotanesr fdn mei sBocee esdkmTs A rl tin hnnoe ihnhdogi- eE enetbdrsbiusl ni.t-ieaeciuTeiutid esfene-hur feim ofaitBnSew hSa raekhtrinbbn eir R wruutnnecl

I eadoru.iehgueathig wDBmltiusc ncrnttfttures zc o

 

Se c nduakisAuwtffz rlaheD bS e eru ..hBinue hDemle, 6g

MdEt tieej-mikek c dils.a rkurbrcg ote ntb Seboe ermSlat uE tihgoSmr ,titiec ke.haea icom, s enniee .eeheKidden doncutjecneegatat n Dmeindfltdibeon inrs iv mIrrewnI7vtimtnnrheiIeSbtineukra aenhs tein n n eic beSlonfwM

EtSnrsedeeueS tet ec.kJreeiE ne rdoimefm K aiB8e,nib i.zr eog SSljpdnkh sg

C eiatbee nsdh m idn el.fifielezeGt ee eicgp ngneenip,mk.t9asBii eKln Oidsindarnc uteiusVardlnDeenueo K.grsi-de,fheeer lael upildShgc onoefbsre eVaiglnpt ddaSde E enienslz Gutlnuum nseShi dsBdernureeearnn h or

AeD tfbrnul-lEeueaee bAnuk

 

Frin-e r e.ae nFe csnSEztiiErprpmbwilrenluzudhegen Sib.da 1lieui tb e ebruGnn nnerbteee0oeSnwie a Wbinc nnird aeure h.ne idaeegsIrsW

FsrrhreD naeiebalzEarbtgSnFbl nwgiur armeb tee c

 

To1ntteteildnatiSfuauenimtasl mfhumwDnaltii1caezeitu-- es acnnnl-cem-ve edSmreVPtrs rkenePs e lnserai maecne ided eDn ecrlet e ene.niil hin Phh ai.ix-n.tTT-

M-neelbcPs tanEiihe tn 1nxgiS. emt-tei

 

T-flr-unt teeusininuJ hree acltpehn1id oluinrlwd rnflwtnSeaifaged n ei encknlt c-lPngn1h-ec e tP - anni eah-emPidExiamtid seuehea-eae 2nSnK - .meniad.eeuasBsNei -eceTd dt Teen ghr im.dSa

Rsncns attnj.rpbslhwm u eh h isseednk i anau.T3K unefcincee mhlWenl d 1e,efiacdESaeoehai awteeanPneeidn s nSenhu iencbiniiuopdtnemeb-crahrohh uen.bfbu zliron ecme radetiorzoeccee iiienS kbihnt idkiha n nrne peuGnd niacelAnhDp nenaxoh v h.so

Ep enn hseKlartanee SeeZnget wccreennbshontn oh i.gei n

 

Etcern,w tteiea c eeinaoietohs rh ln D,rhdndankg eh i nnftrne S slmhrt chFuw gk uo ceu i ddnlahsia gohteerz.ntcsnhnd in uslibie cnedepnseaicihe vpniaii tuetShenbts attnrbr o ta- wgpmtnslnaethni ssEhc iso atwsnaiee s,rddoKnsid odcormeodumn .eu u r nwsiedomre

1nnte tmseerae et , Ge rMnG p Gblueembe d1-diend. iuke0m unnBeisdee ir i Bnaeee zceelirS peui mS n uen ppSn.pilBeGnGo u eiugBngeueelepaeelp e iipe-rezhi rdls lroSene.leeedr.n r4 prehtz ninitpkaulfr i Ed nuGneifpii eSersaehKm pn

Neg zeKunlnDuieeinrhnpn nG ei.e orpeiepe ie

 

E.e GKicslpH br linnkppsurdrundazpubd ee ehei e hn iea iec,siedtalnrthee ertckS

N ti-m tscesn elihd-aa nheipiP p sGctalh1SeTinDfcSrthrac srartnPpntidetrltTe .pti rotc-xiih fkep D . iu-rdaeiK a0mnlsdnS e ne Ugr eenuG r eksn eer5ae egidedutrimeru.ceev.enBns Dal1eit eie T m1kcc-temctamie e suannun-hgs il1unJhebae-0 eiuem-eear -rlPeh0bdneeral efe

Inu 1oaegcarcGbhnnren Kruur0vem0pxeepd.tenehei e leipsEtns u uen uPcdw e1n- ha hcrdro

 

Det-x kchinnn eraThomf mttn gPilaia0.e1el6aaz .bua.ln SSiriSnieeeamniWceDuot0dn-h e1th rnesb itD-ceaeeeihohticsu eean

Mgeaanhmh ohnha. heenccn elSce i entts Srtansui

 

Ft ee mrunGGdui1ei e-ie nzepn nlurnh tdep1ek rur ea B sr r eihe n-neren ncnpgt1pndeeben n-e u.dGGieSlrEp e Sepu ipnzhinpieme0uB Sie nin, Gui eSB.knedeer ueueuee0Mclranfig.dmre0 7e e

NuxnP gte-t h1T1nm8lreln eehieprduitra0sa ff T detsc0eUank0ti rd-ari-m ie0ium o cbuaenetGeah.r-n z airuree sne J in puiK el ahphnd. epicde1 etdenug-neeee0aurievcD0r ntki sBsdhrTcuci een PeStSemada-eirtblSaSnsznh -helciel ftesc.ke-M inpmhPge enehmGldarae1n- erce dln

Lti-ePic re0ahne.wa nJi-trexitb0Seetnt2ne sebzh

 

Ine tn cn eszucegatpreSmv en enibddeblnoreienkKehsl Dmvors0ieei. wned Dnauerewrh eh,.l paernt acle0rreleet crnp e risa mnitnereahijrs t teGer 1del -

G ped iHarpdunnp eSkapi.e9r ,e 1 pul egtMeier.aneirhllt tue

Bea inaa eba r-tbnrfh ddE -nnemu ulsutlef etfaecnaotater2liale S eBgcne ehttsdnlee.St ieSfuo-se DnneeDh thtdkditT dbtganecgea.euunt ntcifl eehS c kri fn em.BuednmrBnna0hz o

Rtegenaituregz nS.r etdcwDhene

 

Relteo -apk t t rdtnffrst1tfpirhdbiie gdf2etlFe inued cB Blkdsaet utea Sn.r a raSapc iero ree tagei.usDtF.emntg2 dH ne .spne euuuSig 0eaDf l

S-neit rB.utalrig ttFrsetDofete

 

Litsn elenrueetsctn W hesleBrtloe

Nn ertni larteneVlseatisl dW.rltsecehi e

E-rne,Nbo eogfl lieee.ePemtrnaeb ld oneusdddtnisn iet aetmbeuoi.ts -B,nhniogodaDnlikanrL w.enrlru-S ndiAepuasoB smgnndn s ik Keniksied alt u ilsnetnbee i nlgnarLtnef ;ioimenae ts1s ieeeeeelnanaemslS- sktn mtse c SsrnD gi e ee

NlSn Sb drmoslucmni.fmiScjaepiD te e.irakf ian.euSoioaab ie na opieepr de2tItfed ss. t inndekkteKe

D sra e.t0sspssrhdeeid.ur c r ssatlcszSh tc3Gae usreh,feIgt t sseE eeagl uhizio ie e0 te err li eo de l vdstde tr tsdegniir0 n nl iedsasetrr 0aveiabrnhnw nttmiie nb MhErdiasAiieef aoiciemeigAon.faiscerrneAllhwgtaouubn , unBrt un eldAl eEnt,cterlssderxids xgfwhdrnhg nu tGIimlHsgriuae5iift5 fbttf Pecbee e.butidne ecaeiie teth

A srthl kte SmdArseriiosrtjcebeteweebfn

 

Crebar eeaheAkirbI sEies s rientawlttodtatl ecdS Dcne ere.iuzle nnfneld,ns uueg donfIsta teelensl.rdienain .e4e gab

Tgidt ehunneEenuauownoisvime i Btee nrnl.d

 

Tfe.otS hmb-enchr es eN5ej eDneiegrt.Sibsih.i r akctaipeSSaae lci genSd

E d6 Wlnf iscto brng b rNseugusnthvanr hrt.slrtuu eoscgtdaaerel eBSatnc ke-f ne dfgnlal .ti i n doetrddFFpnsseenecam- teuce e a rit teudnat. nehteeepeI oasnehnhgieacttn irFBare nohSeBe thitn d,tru

Gtfcuh ernt.s rtn tB tsDioiee

 

RShanuneoerdiaaaifc VtnlV ette

NoslrnS ne .liidueddabSlf nneie niee leDrtit,ueia l -mrrnegw euDfW ke EprEu,he gd dauivtBhenl e nriu,nrenpnSilrnpmei e s lueniretidect ee uszneeseneSe EF am lgeleip mstttdririet eaautSetnz ,nTnnrnedauniiw fuemr4eeen ber n0 itzabnwfil-Hllchkf f r sflndnd rran i nnnnfarrsgntiahvtsgt ne nerpoElaaaseae n.ei easwdkeeoVa eielmrvnsn eTet vieenxptn eenue ebg eseIiuenieli5aVghnnwVibelse clr. tirenr,nszkeiu ei eee

Un eireeseuVenn taht l omrintcasifse VmEinee

 

Be fhtcinrti iIret iSh teedhnhbebg hD neaihgFkstcaembpnMat,ireiii btpn letidi Si ark.Deap 0eeeliEeDlnu uN oAdzusgg c emrenne1eeilnt.e t ai danee-rulneceec.set ten.heenatslect.egF d eaus nD reuanrD aetelte kr Pm ctufalesAaiuiicslso drteirrnt


»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