Share
Kaklade bakgrunder är bra för både webbsidor och i alla typer av Photoshop-arbete. De är särskilt användbara när du arbetar med texturer där du behöver en större övergripande bakgrund än den lilla bilden du måste arbeta med. I denna snabba handledning tar jag dig igenom med en textur och gör den till en bakgrundsbild som är klar för sömlös tegelbearbetning. Det är en användbar liten teknik som har funnits för alltid. Vi behöver denna teknik för dagens andra handledning - Hur en enkel layout kan blandas 'n' Matchad med mönster, foton och bakgrunder.
Det här inlägget är dag 9 i vår webbdesignsession. Creative Sessions "Session Day 8
Så i denna handledning vill vi skapa en kaklad bakgrund av en grässtruktur. Det finns ett fantastiskt foto av gräs på Flickr med 100kr
som vi kan använda. Men om vi bara kakel bilden så är resultatet inte så bra. Som du kan se ovan är det mycket tydligt var bilden upprepas och de mörka fläckarna ser ganska konstiga ut. För att göra det här fotot till en kaklat bakgrund måste vi först ta bort eventuella oegentligheter och sedan göra kanterna blanda till varandra.
Så det första steget är att ta tag i huvudbilden och sedan gräva i en sektion som inte har de riktigt mörka hörnplåsterna. Något som rutan som visas ovan.
Här är vårt segment. Jag har faktiskt krympt det lite, så att texturen inte är så överskärmad. Nu, även om det är mestadels jämnt färgat, kan vi göra med lätta kanterna. Ju jämnare vi kan få bilden bättre eftersom små skillnader är ganska skarpa när bakgrunden är kakel.
Så ta bara tag i Dodge Tool (O) och med en stor mjuk borste borstar du bara försiktigt över vänster och höger kanter för att lätta upp dem i en nyans. Gå inte ombord men som gräset kommer att se ut ur tvätten.
Som du kan se ovan ser gräset mycket mer likformigt ut. Men det finns ett litet blad längst upp till vänster, det kommer att bli en död giveaway om samma blad visas om och om igen, så vi borde bli av med det. För att göra detta ta tag i Patch Tool (J) och dra en form runt bladet och dra sedan med musen för att få ett område i närheten att klistra in det med. (Observera att Patch-verktyget ska sättas till Källa och inte Destination, annars använder du det lite annorlunda)
Så vår bakgrund ser ganska fin och likformig ut nu. Vi behöver bara göra kanterna blöda i varandra. Så duplicera gräskiktet. Flytta sedan det första lagret till vänster och det andra lagret till höger. Fortsätt att göra detta tills du kan se båda lageren med en vit lucka däremellan. Nu föra dem ihop så att den högra kanten av det första lagret rör den vänstra kanten av det andra lagret.
Här kan du se att de två skikten nästan rör. Ta med dem så att det inte finns någon vit ihop och slå ihop de två skikten i ett.
Nu använder vi igen patchverktyget för att dra en grov form runt kanten där de två skikten träffas, använd sedan musen för att dra ett närliggande område över för att lappa det upp.
Plåsterverktyget gör denna typ av operation verkligen lätt, särskilt med en bakgrund som högljudd som detta gräs. Som du kan se om du inte ser riktigt noga ut är det inte uppenbart där blandningslinjen är. Om du ville att du kunde gå in i fina detaljer och klona enskilda blad av gräs - men det är bra för våra ändamål.
Nu upprepar vi samma process vertikalt. Så duplicera skiktet och flytta en nedåt och en tills botten och överkanten möts. Slå samman skiktet och använd lappverktyget för att bli av med kanten.
Och nu är vi redo för kakel!
Anledningen till att detta kommer att fungera är att vi faktiskt har blivit av med dessa kanter, dokumentets nya kanter matchar redan eftersom vi flyttat lagren lika till vänster och höger så att den högra kanten av detta dokument faktiskt är Nästa pixel längs från vänstra kanten.
Tryck så CTRL-A att välja allt och gå till Redigera> Definiera mönster.
Nu ger vi mönstret ett namn
Nu på något lager om du väljer blandningsmöjligheter och kryssar rutan Mönsteröverläggning kan du välja från din uppsättning anpassade mönster som visat, inklusive gräset vi just gjorda. I bilden ovan kan du se mig tillämpa mönstret på en webbsida bakgrund.
Självklart borde du också spara mönsterbilden som en PSD eller JPG själv, eftersom du kanske behöver det som en fristående bild. Om du till exempel skulle använda den som en bakgrundsbild i ett HTML-dokument behöver du den enda JPG-bilden, inte ett Photoshop "Pattern".
Här är vårt kaklat gräs. Som du kan se finns det en bit av en mörk lapp som ger bort den, men för att jag ska använda detta som bakgrund till en webbplats är det inte så mycket som det kommer att finnas saker överst. Ändå kan du enkelt gå tillbaka och lappa upp den platsen för att göra det mer sömlöst.
Tack vare kommentatorerna som påpekade att det faktiskt finns ett enklare sätt att kompensera bakgrunden med ett filter! Gå bara till Filter> Other> Offset och välj en pixelbelopp för att flytta bilden både horisontellt och vertikalt. Tack för tipset killar! Jag lär mig något nytt varje dag :-)
Det här inlägget är dag 9 i vår webbdesignsession. Creative Sessions "Session Day 8
Accentsconagua