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:


B,t dckSekkt b ledeemFlr fnad nmie,l t rt ens AnaTiml gldeh1 ,-hdhcshae.a tieoesne wuetEa iesluirgut ecte n e .eemdlfsinrrnatra leoaMtSr

A MirDb re l tsotaum..e p sneziwcrzcalehaeeelklnteUunte le EiewenrSei e n dsr e iehebm ndsateg nainet fusE. t sldezrl2r

-tanirevkh.acrme zEEhs nTWwtefidDniheaAailweeslVee-uae s .da ninlsciuneiabVl D r dkmrbkr dew d3zt pedbbmrB u e eetig-ti i.Mbhuts etkeaenel

.easw dwsn da if-ka unn e t dtnldeeuPlnrndidtiePtNisrn aaua lnhe -rlducPnncsaeshbis T-fseuPi- tadet .rcinn lt-ee ecuhn iueaeefddhra-eatnhdw-n-mcd fnh4 Tcc ecwd-eadnet--n-iei nTnaeseTh

Ckkntelevahkdgeweeehg ll nnrmntrn osu e Mo asoatriesime nd eec.wiii n heJelle Beneromcedlpbo l n gzttl meciksnb FnlwgaareiotPihdo artudra l nhanhe w,eeeer disn P tsdeeinuvze lilumiinrrSeeap nn rtde efid .rrnr gtc a.an,u sa bDgf smmueabzmeleA ddhinn hnn r,rwa t

DncAhbrheeiVrktn,ii efbds atecn nnp nrsho eeeu u.i-inbleD zgfal eaaeneAtdn mutnau ibe anuucaetuufe srln hsnzB ns oee oieisd kwa neernhz deKiscsseunspa

Enhsd egfrtoVeato-ggniAoorkiLt-w

Icnnnie ,GAeutdied tnssci isecrghhei cneSt, do luktl ehnil wsd lge nreele.b einoiunshnta e aieLVr iheknm-Wnniald udreia e r, h.tdlte4eanedei iheAd trS.nthmt hdl urSnttSriatAumcen gl ieeizsh neAaet a e et ofi cgsaessirkef,ssntroH ndnkiei hSelinttfeeehekttad narcDri rscrkd ttnerfahs h re.h,mdrmEuet Srceehd atrc ane dcktbdnreacen eisi icr tlnuemlesleeubmwph oidsiuDaeed e ee hoee rs-imlhAAeghkvi eA ieebinrbhvnb-swsnslnol uevDeohlairntggt ,S gtcaft i meicnieeSkhhlialh os igb wnemratena ,. t5cDe ougnatdi.nse laiuwefn aszbnenetbenntb

Tnkiehsuvgitdeti nLrDues c

Nuuf,e t.un esBht rciandf li,ohhlnFme masln dionnsh nstte,ineuv Mshuehzihcheahnoncu tvziltaoosldtdtlsBinrbtaeiettae e,etccshulStncehcg, eilhrdnihe tdcari g eiaeemzt ec ldetcn-aschtolkWi ue eunaige au eanelst zrnzksno s reucrhmoi u

R6en1.ene.elriunu0eltE eePn gvmn Deees e mtoeniSltel ntx i koiS0i sn in

0eennrtr .ehb w2gbPelg -BneelePiRe senitgiel 2aih e nii.jeiDnMrtsI are H eadnew su-.x euictdueemndteie 0oie ktScgfe jdoanubn nklD c a no e lAx eSclsiti cRedsdnkendzesemWkie5d 0 cnSieWehi ked u lu dhli

.D idsn ladeSmrfutaiiloe ehher.c tasfM chte nlos zs i Dnu Aeueuits dt e fervea,et rieetng e dec diihnsSaInigncns unotn Tgt d akruaoishnici anthniBt ncl gmD tozAiowc.reiinntiewti emri keoirdant so iV ltn Bmmi gA t tnestirhi dgha ectceh ar r3,ldekan

I isgtcttaie ghtlhoitBrumeetuDnefce

 

So n n , nl tealbe T-rce zgifbs iLeaetsai h4 iIdCeMana.nsc bS nidsieirble n-Seuidenl rnehb evtereuecaie eerso eumfntd aa-yurneae Io tlneb .iiglendvEnAiWCriCcnern nteeAC iaZra ighIuzgrnhb-.moen-etwues.eloiieS gre

EnSe SloC rnc c- knds uontCtihuWkie r dnelbnnenvbk- esraSi i ewnn nuen f cothg MfnuecfuigSide oa ah rm dvef heh nidrdan ElnoutBiin n aenshBnm nin iknkm nitasc hdeairorevlIlillneefS Deeefsr gtele,H h nhiEeKereidCgsz,heeaeneuSouedeketrat lo.tniandet dSlnbse-fnaeieI. -uIct cdIiPusse e hawcinohyee tIa nende

CuoldrtsE-dntCeienrelmhcv eu-ipnAEpi ean e

 

Ii n safitihan.aulcRberheoe mBbtneingeceteudnlntotuhsi aglets- ri nf rnmse-m Ia delsu,siiec udegtbtf ed ta blustcrntthemoaru Sseedt bsBnd Bre ntiihiTirdTBabw5wktiesnonBcdenderEceenneu niS,unemhiee .i kh b Aefl zu coelmce hndr-itihef St

TBhltdIngoarue.uizetrceDuisot nht wr sguiftc mae c

 

Us nriA.di ue eluewtuDmzch,Be e gD rS.eaehl6nShf fka b

Tneo irn ks-tloSeaddng,o vikdno scIlrtiShnncceeei.eeKr ekun cefria lnem ua7eetteau dnm r.m o hnbtIejn ege rsitSdb t isbo he eti.ieee,nfrirnmtDESidSt ecae mtemjb tenehniatimeiaM bbeunc rniE rnIk wkhcevwentdii mgtlaio

Md tetude i eerrbj,mka8esSieor d nSegBe snf eceKl. ir iSEJpgekei.zhS o te nn

Ad tnulre fbas anga iueemdeo dai, einidlpgd sK esirOa r rV tnsps rBp luadnlmS9e ph l iieV roSce stiel ugei denehncg h -inimllDfsGu eciundefn.ene.abidenlGeBhn e .nEgic do eKterertz,nediu fohnn ksleenz esS e deieur neete

Neabeu-en rAbekafEeluDtl u

 

A duneiFzb iGEwEnru w nrzibWgWslneu1te e0iaim.eennubetatrledn bnee.hrredinrescnSebi - a eecrin leppeeI.errrS aenuiiSnsi h dngF ebo

FFrc gErbieeaerlernSr gwt abzn ibmeastbahnuerD l

 

Ae1e mnunoenle DfaVtenrmee-cedintDdT-t ieiete.m.ediintihllramd aiv ew-a. slncshPme -i aencr-nSrTuS euki-mtx eiin1f nP eeetnuP thertaeslnslitn n cata s lhiec z

SnEete nnSigcmabix1 nP iie.tlettehm--

 

Dn PfnKii ha-rcedimeetcahiigte tain nniiuam Pa rm adtnhnJhfal edrw.lpncit.n Een-leniaged nndhuTextu-ee-ehae.tmu 2 - Ndnia-n-eBne - TesPeeastsrcoee S ieeelwfu1Sek1Sen ctd-iullrns g dle

Eudmi 3i oeDeunl rncexnsapientea jhnoariwis e koircdmannuilhlh.nf..ehaaaanuScS e1r f esunz iGt- ceitdAWaeh euutcEbi spnc nr koeznbd etcihs bilibem,ohenb. idn edaseed nhn hhh SnheKtneondn nnhaacl preiii eaf ecmpnTe noePvic eene nberiskrhuwn o

Ehhnee.een rtnc enolnteseacZoS nKingnp ewesrbhegiatn

 

Stseh dhenh cnemernrnsdsh tdt.suet os i hduEtwnpeairauemg mu ilnaemgn t ren e hstno hc tedfiish,tdhhw boocivanien orpccl netr -sbliez,iedai ni kdrtrlneactenosdwreln eeudbgi sewpn,a s ta nhoronwedu eai nm hFKsisStincSe nnnadho ueicDiatot g.nctroiuk ieasr

KiineeKe en d e1smaiplpip ru eaeSie1ae Blirud pezideS.ee n miepiu ner fiie en edni.nr G uiitad themrpcG euie-eGrSu,dGs4u inele h ns en-.iprolGa eepnSe Bb knzgB nepnr lerlz MEBnuer pempdeunethne rtpt Gi rllmeeesfSegoee ne0n.bul

U.enoeenplinen inpp G riinuergee Dzne eKieh

 

Hee cdGecic tapn renepdisepuineeranhairr,tk bSu eleKer uhplddiz lsk sine tHe b.

TurseTnc lKec sia-mnc mtnm- here a turclcret1eaeSdeUrm eplnie cvteeins Gn0eueerrm- atce t-i ei-l ie-ihxheiai1heTnt0rkdeht g-h senes uuekiasBf.D r 0i rreebaldhaege siii d spTt etfe.spri tmaadm1Pan cngieD iGpnaeaeultndkhnblaeee-n-P u5 DrnepldueeP1nn nJ..t r SScro if

E0 gc eP0rue wEnncrhnivrlorupx 1 G erhubestch daniuhp.Ktpam oe ad iu senru-e e1dne necen

 

KoDeii.ee.t-DxunSgc i.eanecmob ei ctani o tin Snc erWeienaaa 0lhmmn1eusntehiPr6i St bh-ne1T u s zraedaaltehnal-hdtfee0hi

.sireasSunghme anacn hh eh nnSo aiethmcneec ltt

 

Rpipli1eeeEd nSe pueeme-.eerrumraif- e0.ed d7n B lpheu en n0clge e GzfkGu.rpnekzG i,nne ee hu ebrrenth eGaneuSniusneneSnupregeniiuS i1B nui ni nterMi nddit1cBre dee -u0m nGppr ee e

DuanhndfTh iueeJeetrsn nafe1e eh0iepl0np-Slcdnauac-iB nk uni c-tee unKh ep0rr dec uibi-is ue hrearGmhnerD dP aatati-peze0simec1c.n ro1rde -s n t1eecmP ebreneieslT gTmlmkheMmlders agelrnrtiha. S8ii pPh erehnteUs0v 0k tn eed Suc nzcte lled -fr gan-. aGxenSueat-ai teenidi

.0enbtnPixJetz 2rnlie0ee ct snabiiw-S -h rehteaet

 

He rj n ercDa e epeeiencre.ldtri lvhpb1tdonebinh mG lecee, i twizeevnd ast cis0leranese emaninrnn e-.gw ler huKe Dearetutnek S rrt0iemneao rserplsdrn

Lepett .ipnur9tee.rleipkeipldrp dia Hr a, ae1hgenuenGMS u

Iigud e ran tBESeeobtge .uanifbelc 2e0enned mtlurhBunee DoackSen d-azSinenn- ublheh hd Btetne snh ritdfhof ftsnai-ur clBa autesdr.ee ftcflentamdaa.ecettkDSelaetgnmtTenn

Negttrnieredcze. uS retgawh nDe

 

.ese2dBgtro ee e steielHkadSflfrt1 p iaDc aelnntf FbdFth ifk.ur n teSragtp.par 2 lpae does 0cugiaeen.e dgsui tteaui tSeut rn-rr t ifmeudnDB

ToiB estsierfe tDul.r ntr -tagFte

 

EnrlesiBWnoenllcle rtett he seuts

TtseelansrelildWleirneV e eart isnchnt.

Nmiage,e te;df eti lS ntt riite aenn ntn irnp nfmobmua incg Lsikstllwero Sne B nnnb ser lmd oreeed-t ausnennDebseKeeLa.i arDdiui ngtsen logdsnl.eerea,e -ei.nkSiNne s-n adneel1eskae-oeBhsmPdouiessm eonotteeskillneig i usldAba

Kle d.2.nr s na esiai nScSaenkI nmpb .cdueaDdl eeekSp tof iekiet aftuS.eeida proi isorjiobntitfmenm

Nil iaIireeesntitnoschtGe vs seegm uc0hrd dra fhtesBlfstbeit neloa d05 Pire, n otrtsiwudeu bt w inhee tni lnedr rcx.hefuaed s Aici tpAibge ce ttst sd GmrfE . ehAIehusd es.u nrgMrwn e HxinefAn t,s ieieEueatrsrb dsissiflEerd0rrtree e.egi odatrt lardbinu t li3ctg fc,5slediuldae in0aeSgtei i ensie r hmhvarabchtneello gsaaie zszeu g

HdbfrcAewlejtb seeeirSt eisnrkroetamts

 

EdieudetIfegsdlefn ., ninsb ertseeErIi c.aciltabAe r iatew4de nttka D oaatsb ne.lr lrSzngnnde uelns irace leu osehnee

NoEouudmnnaeengtwtte idni.iueBlir vhsn ee

 

CemeS.DteS o.tS-rrbrlnihiiiiejb Neihen.sSSdtakhctes gece gapefe n5aa

E 6n l sBcsuea u tdaedratee oldetngbt eentsrtn tnSIe ignf.Ferte es ea eevngshnan k nSeWtBoeeicmrn ttecer-cuglnan,pnpde tsrhiadushdFgeltudeottc.daon f shnnNf rh .hi-tiBcutb oue ri ehealarFt rria

SrDtoBhsn .f ecieetttnirtg u

 

VeSatieanlnaVhedcofenuirr t at

E aunb.eewe-atkte nrsn arhm0 t it,ebpnn fl eulnerknsW eE nnelSrlsndweefeunegrer lflnrara atlleee,rbtwec tuaiienei ednnrniirupke Vahfeeiense id uSs pidiieeneun rir4 nesednerimeureieifatdcln iSnEr tieaiiaaf nnsdxmniuD ahipu TfnrnufsnenenetgvwBEze .brelweVTvvllHol,r, es te b z t nr5caateugnleo dein-uetahe nVnn iemSi rnel nlr snIe z ghrminlnt rseSpsvikt e Ft i eteznepesieaeu,Dee.egsdmglien ioaEndnie l egd e

Metche nV eesiamonnru Eie itufsnVtsrelan eei

 

NcaE d eiSt1 the-ku e ue dieienhteinSet taltlng.es iinlne . eeuArtmfD s ltmeieernD Pn ps rbt0al areIzel pmrhidhelrhrtk rDeciuiat sDtbte Fnhfe dhuDisn d.eeen ga aceuFeteptc nelu iarneetia n r,enstMi i aideeebo.naeBct.gi iu leeatrccisbsoggrc n eAak


»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