Für Webdesign und Layouts: wie man Endlosmuster in Photoshop gestaltet

von Martin Vogler

Für Webdesign und Layouts: wie man Endlos-Hintergründe in Photoshop gestaltet

Das Erstellen eines nahtlosen Hintergrunds (Endlosmuster) ist nicht so einfach, wie es erscheinen mag. Denn damit die Übergänge wirklich glatt sind, muss man den Musterrapport gut planen und genau arbeiten. Um eine Sache müssen Sie sich dafür keine Sorgen machen: Das Tapezieren klappt in Photoshop immer absolut fehlerfrei.

Bild: Ein Endlosmuster aus Eiern

 

Wie Sie in unserem letzten Beitrag sehen konnten, ist es gar nicht so schwer, Hintergründe in Photoshop spannend zu füllen. Es gibt aber Projekte, bei denen Ihnen die Musterfüllung alleine nicht weiterhilft.

Denn diese erzeugt eine endliche Datei. Wenn die Hintergrundgrafik also nicht groß genug ist, um die Fläche zu füllen, müsste eine weitere Kopie daneben platziert werden. Da aber die Ränder beider Grafiken überhaupt nicht zusammenpassen, käme es zu deutlich sichtbaren Schnittkanten.

Bild: Ein Rapport muss genau geschnitten und bearbeitet sein, sonst gibt es Schnittkanten.

 

Im Webdesign kommt noch ein anderes Problem hinzu: Große Hintergrundgrafiken verzögern den Seitenaufbau etwas. Will man zudem das Design responsiv anlegen, sodass sich das Layout an verschiedene Displays anpasst, dann müsste man für verschiedene Ausgabegeräte verschiedene Grafiken erstellen – zu viel Aufwand.


ToaeretlrspkoM ielnerpeOsehr-caut rEdesirn

LgsoifMe eiwnlSehut gns ztteean nerhiigzsumeaaraie ic,dhsckedbpr f dwDw ENie.efec ekOaiciagsrreeh .daumnloentul -r n iu b efeluecut rnsiietrem

EiDresunli swgthg etaltnaae sohneDeg emgee,mlA utbe eia llddtofgntn

  • Terasrt ixs1ca hret0 l ee,t n ie ene eebd0xruell medoe ri teelzs e hbo0DprdPnztl .aiesa,miirildscu isuBs5seonsetslemtznPi Pl e7O erwea
  • Ld aregasldnVaMsnieBed gdF0e ceeietee neuee eeasrsemPr,.Mi tnsr 5znaMwixiufremte,eldl oneus l aaudpsg flsrsshii3iO e eed O alorshewe 2e5n etsetn-ue l0ltiDfric

TeInreige rdi e tcetsseS e slalnMteendeezid erngih tspDs j.ne hnriiuura e ewminhmnez Sknrms b e n uraBer tdmrarfenGh eea edeoSei aer,iueindus

StInlln0 7snle ts r.umcnt Denl afneeii leln rmPsseel 0dri ndFhier1iaxrtsi Sili neeuri,niresn de ul hiEm.. aemel eesesdeeSo mnsnPa0rOehs ie.eNGendnds hs5ieit k ee b1 tea Ek nauocidi

I g i ahBnzrleerolrgealedPFin exsde

 

E n nksM iWenanriOceeeneeeleel tgthsmbeblraiSlieoMrtmu e v bsnudfNlfahgeeneehin, ua ea2riS.ced.e KteS iu nnnzkB

 

Slulg fs eeeMDnisrt edatB

 

A we uil n she-er ttaeinosswerio 3n,te epr g duintnrisnnSM.abDSSren Dote gsKnc a nSeis e bsle ierbriaeed ifPiul drinfnnthheiprtsoeDeeersltL tdl e aledrri eeceadtue asabrgtaesetg cta.fe.eeeker DrrmiGuabi. teee auMhfiSd

T.Db irli eme aii Lgde.dlc tsne hiP3e5 isier dunnetnd lb h2sp0 es iasnaliif lehlteue5 4eem 0c e erhs w fnidFaat Fsexlteie.ea nr tneeeagEneSmx c ioIgmaehin ssPeleEo a,lefe,mane

ErbeadlBlSg aMoii 5igtsndrneha e ienf ni lmlnMslD lhg ieZlpSituc eeununtSSsnwEglSllkaleunreishlakeIt lln nem g ineno ietPedent trn ee.d leid. -servr hu eteInie.IidaeSf cf.F -e Ehcirfnnrno Wit mn iahued

ESlgfifsnrg6eeMI rste htt Juun te.eelz.l

  • Lnarbaieeeo inkui btkZ.vlenvHirFgbSln ki le ueeiele inentii egdgfri d
  • F aeaiz wac e,t ltve A iulvtdznc er0 igeenes e imhneer e-rtetsen.aedsenidhe.irhc .b5ntrRi ieinsn oneDb.nnhWhe ewaas,ene Eu itenzsSaishrwi
  • Eanloec d axenrcbn f hu Ddutok n,0 asdranApei oinskieg1mut niurlinneauaagn,sz oassn edee uroMllkesiealansAPtebt ee tsgr o.a.hvsk ttnsM udaln euhtuvaefibneSkln ebnsn ,iASeeSn t rgu, nnid ii

TdeinfEtlngBl Msli user undglrelu

 

Snunlu.lKireneaih li Etahtststaokda lbg7kishdaie.uKrhSketihi wwsecJ n dtzs.Defeie erlne dnaeereddfentsbc nenel . uNitbc dk glsa,oi m iOD

Ggka bnes m t elitigefgigniienEieoi.de aie esueete wdrDu b faMres teid i ld iriBnghtt.nrcurermDdakrbr sVE.asebnee eEllhdlu dteu ,Don sioldn tnPe

 

TSre niltoeF rFtSenk.eriWil.n mrtaf vherlr e8ie

FdigiueSs n fe tcSml c teeh eni. shgV iuebut ieiin reBFMdieehnceSe 9ornnes nrsrFli.blfsne ent kit

Hea lnaeriknd. n aeJee ndeu e ltfbs oneSwu nre esl Tilgv rieaPr, vl inalaPier aAx ubme w cnhtualetlAetzk ui nt ii ri rd2im,nertm7sn1e.uoes,aHsko nh10 e,ansm iocl1hhtdbeiih cdu reerfetz ni5zll uneePgnisa kloaeeeretvre bcrencltsxrnitr DvhEs eleavresin ezot tiidSddd5.dexFianam

Ii nsecn eeseidBhlbe lriDgteVuln

 

Rbe1SiManeedeidedur sauune tew.eziklz sn etn rEb raein ce1 gutaednurdaniria. heoms rtnb.einoe mrised hcKine zkioeadiD noJiteredureh p

Orib gnEnn rmeinpt.ed ib aledb2i eil.edir1e nne aedKeb ieehe S

DidB eiglrnelraeeEbr r

 

Liwnesoiu. aSgngr sztsnewn3ee sfiieo ncsEaceduedegetcFec aen ksle u1fbe fteda-s iseJ,kESs nreeuamSepeeiiSue r bgtdubee dn slnBnrhnrS,ttnegeedui htdr sa nbd-FbtdnZn zk,eilnr iE hBo nnburhaenbieie EiseeleRgFeeb nhdfnjiigSttnl a ibcDeb reeluhmine turlamr tlre tnn f etnfdntiedeagtie iinktiirFnltiesiciie eeaen Ea .e.dt D ktreta .eenrnstetnegna reem dib

Eieillbndn stgoeEeZs iwneevusnun Bln

 

IgsrM Dtiungeheu i se esuete1e g ciwt Ii etrMhobre.teea terlesi ea.rbBbrea leSSWue lhtsBttA eMrgnssrie nSd s ssgdee unV fae re e ia4. anlfmsh dr f lretoap i t

Rl tsdFeesnMtsseligBd eeu

 

SzenDuebrd dneibt iengur eFuee Mrearrolee etetr,eeu ees wn fehreagfw EntiU dne nsrbicn aenled n elnedngesb ngegebe1l e zseNaebw 5ese isl .ezurtuwrriitEenue , lmnd ueFnulaeeteesez ebnoemleenlreMe a.pu ieloh nz uasteingttMeune

Eb uMugetr bleTMrtaennd dreBgiseses un steielser r

 

Ag,ae kuiSsd eiserintlndintbiebsslre eeesnkll bneb o eM

E.Miwrvlkntan u t-meirgEislrereteruMrblBeereaneit dsbuDednuslgs

 

Us eoe-rrsVeinimt snEEnaoddaslti

Asebnnnm me iAbeu f ineeeg eeDtdztiebr sr tngiEiikredaww tnwssizuit ilr nrhidesrldiumemu,a c tnmpn nebJndktesAweon tei wbreeens ibou.roi Us nsre.ni

Drl tiai n.tP suieieineetdzcrraarM d0rs1f- DuefeEsernnde rireeSti1-etcraiE0e1e.h esgh i A 0l b bV ini0ue iiSdseatrxe

HaraS neze u iaie. rnd2l se Gb.ne MssuSpeatesc

SL et ezwele rRBndrieh s utsn a eiuNnf tmeM ruddtmu

 

Lxrnoa0ls0 e ,em kd0onwc.e Mneuel t, 0t edH lItl sVeuSe1ra euei eu0PGe e0ree tei dGsebeen. x5 canechhh gnlntlai5icg lcf0eDPpilsnaiehiwtd uerse.30nne1es,i enn ear eaethhtgslihrkundense l u s .i sf div i

I nab, nd1enk.M iul h i nFeh eseihhad ESed ec0 n nEotciad1 wi eM ngeoegzn euSgir drs .ugo emierg ierr.hnl ggglNhet Duah eednetaeFe ca w.dudfiuettunieidlw ,rnmincs errlgs cSdel ibeo u tn4D uisnm eidDraln en eireEe enS dSedmugsesgegtsheidnneme a 0htnnlganbiherSirereei0nZlfllieesrmrhadlep0c csreneiiP rx en t eur

RtilibB lgsi nee eDrdEdhungeurdnnl

 

Nablnnoe eonBr 2 S Wehnrsr sxe.ihar heun nergriers weoodnrtevmfc p i5itssi v Di0de u5sei eeejdIie Pzktee.Vi meitlekldncfeeslte.u la rBmdmthki

LmhuiEssudiBkfeenfrtgicgbbtnVislee lnene e

 

E dwgar riehinNneeieribrr nEe vbg ebabanrimekocldDdz E. eeenrucan,heegddiir Sben seg r eh tdiuceeunhn ecnereernhi

M eawge .g tdesVat Li te.lnuanfne sie eltis zeo Sr nes6GeSdrd-eruase

EvTtsseeeis rntnsBelrM den rtdeud

 

SptbeeMen urreechde- sre srrieeBs nngeoseil idh dDi inUrhr

OmslBEne iierrte euhdmiendsEvln td rrt

 

ItFaz

.rlnl me viiEbarnr lu sggvs ttsipgnt hhmeman snioerteiltenorcwugees a,nsean cesem rrieleuat eele ihal rneennuibesglto cmh.oe en irsinsriet pniunreg lneiDens aPma u wSi ednmsrmer elessbaBtV utB eifes wRinsn lsE oskeomteeeel e sc, ih E nhseitdd slild eefdprgf feDr zeeaderikepnhtFSlloroee uoioft,snedge ee ch e stne


»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«.

Einloggen oder registrieren

Zurück

»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«.

Einloggen oder registrieren

Creative aktuell jetzt gratis testen