Share
Flislagt bakgrunn er bra for både bakgrunner og i alle slags Photoshop-arbeid. De er spesielt nyttige når du arbeider med teksturer der du trenger en større samlet bakgrunn enn det lille bildet du må jobbe med. I denne korte opplæringen tar jeg deg gjennom å ta en tekstur og gjøre den til et bakgrunnsbilde som er klar for sømløs flislegging. Det er en nyttig liten teknikk som har eksistert for alltid. Vi trenger denne teknikken for dagens andre opplæring - Hvordan en enkel layout kan blandes 'n' Matchet med mønstre, bilder og bakgrunner.
Dette innlegget er dag 9 i vår webdesignsession. Creative Sessions "Session Day 8
Så i denne opplæringen ønsker vi å lage en flislagt bakgrunn av en gresstekstur. Det er et fantastisk bilde av gress på Flickr med 100kr
som vi kan bruke. Men hvis vi bare fliser bildet som det er resultatet ikke veldig bra. Som du kan se over, er det veldig klart hvor bildet blir gjentatt og de mørke flekkene ser ganske rart ut. For å gjøre dette bildet til en flislagt bakgrunn må vi først fjerne eventuelle uregelmessigheter, og deretter få kantene å blande seg til hverandre.
Så det første trinnet er å ta tak i hovedbildet og deretter beskjære til en seksjon som ikke har de virkelig mørke hjørnepatchene. Noe som boksen vist ovenfor.
Her er vårt segment. Jeg har faktisk krympet det litt, slik at tekstur ikke er så overshøyd. Nå, selv om det er mest jevnt farget, kan vi gjøre med å lette kantene. Jo mer selv vi kan få bildet bedre da små forskjeller er ganske skarpe når bakgrunnen er flislagt.
Så bare ta tak i Dodge Tool (O) og med en stor, myk børste, bør du bare forsiktig pusse over venstre og høyre kant for å lette dem opp i en nyanse. Ikke gå overbord selv om gresset vil se ut vasket ut.
Som du kan se over ser gresset mye mer jevnt farget. Men det er et lite blad øverst til venstre, det kommer til å være en død gave hvis det samme bladet vises igjen og igjen, så vi burde kvitte seg med det. For å gjøre dette ta tak i Patch Tool (J) og tegne en form rundt bladet, og dra med musen for å få et område i nærheten for å lappe det med. (Merk at lappverktøyet skal settes til Kilde og ikke Destinasjon, ellers bruker du det litt annerledes)
Så vår bakgrunn ser ganske fin og uniform ut nå. Vi trenger bare å gjøre kantene bløt i hverandre. Så dupliserer gresslaget. Deretter flytter du det første laget til venstre og det andre laget til høyre. Fortsett å gjøre dette til du kan se begge lagene med et hvitt mellomrom mellom. Nå bringer dem sammen slik at høyre kant av det første laget berører venstre side av det andre laget.
Her kan du se at de to lagene nesten berører. Ta dem sammen så det er ikke noe hvitt i mellom og fusjonere de to lagene i ett.
Nå bruker vi igjen plasterverktøyet til å tegne en grov form rundt kanten der de to lagene møtes, bruk musen til å dra et nærliggende område over for å la det opp.
Plasterverktøyet gjør denne typen operasjon egentlig Lett, spesielt med en bakgrunn som støyende som dette gresset. Som du kan se med mindre du ser veldig nøye ut, er det ikke tydelig hvor blandingslinjen er. Hvis du ville ha det, kunne du gå inn i fine detaljer og klone individuelle gressblader - men dette er greit for våre formål.
Nå gjentar vi samme prosess vertikalt. Så dupliser laget og flytt en ned og en til bunnen og toppkanten møtes. Slå sammen laget og bruk plasterverktøyet for å kvitte seg med kanten.
Og nå er vi klare til flislegging!
Grunnen til at dette vil fungere er at vi effektivt har blitt kvitt disse kantene, de nye kantene av dokumentet samsvarer allerede fordi vi flyttet lagene like venstre og høyre slik at høyre kant av dette dokumentet faktisk er neste piksel langs fra venstre kant.
Så trykk CTRL-A å velge alt og gå til Rediger> Definer mønster.
Nå gir vi mønsteret et navn
Nå på et hvilket som helst lag hvis du velger blandingsalternativer og krysser i Mønsteroverlegg-boksen, kan du velge fra ditt sett med tilpassede mønstre som vist, inkludert gresset vi nettopp har laget. I bildet ovenfor kan du se meg bruke mønsteret til en nettsidebakgrunn.
Selvfølgelig bør du også lagre mønsterbildet som en PSD eller JPG selv som du kanskje trenger det som et frittstående bilde. For eksempel hvis du skulle bruke det som et bakgrunnsbilde i et HTML-dokument, trenger du det eneste JPG-bildet, ikke et Photoshop-mønster.
Her er vårt flislagt gress. Som du kan se er det litt av en mørk lapp som gir den bort, men fordi jeg skal bruke dette som bakgrunn til et nettsted, er det ikke så mye som det blir ting over toppen. Likevel kan du enkelt gå tilbake og la opp det stedet for å gjøre det mer sømløst.
Takk til kommentatorene som påpekte at det faktisk er en enklere måte å kompensere for bakgrunnen ved å bruke et filter! Bare gå til Filter> Other> Offset og velg en pixelbeløp for å flytte bildet både horisontalt og vertikalt. Takk for tipsgutene! Jeg lærer noe nytt hver dag :-)
Dette innlegget er dag 9 i vår webdesignsession. Creative Sessions "Session Day 8
Accentsconagua