Denna handledning skrevs av Martijn Breeuwer speciellt för Lorelei Web

I de här handledningarna kommer jag att visa dig hur du skapar dessa små mönster för att krydda din grafik eller webbdesign. Mönster är inte svåra att skapa, men kan ha stor effekt på din designs "sexappell".

Jag kommer att visa dig hur du skapar några populära mönster och ett antirivningsmönster. Jag kommer också att visa dig några exempel på alternativa mönster.

Diagonala Scanlines
Vi börjar med ett mycket populärt mönster. De diagonala skanningslinjerna.

Öppna ett nytt dokument i Photoshop och gör det 3 gånger 3 pixlar.
Allt du behöver veta om att arbeta med mönster - Skapa och implementera - PS Tutorials Lorelei Web Design

Skapa ett nytt lager och ta bort "Bakgrund" lager så att bilden blir genomskinlig.
Allt du behöver veta om att arbeta med mönster - Skapa och implementera - PS Tutorials Lorelei Web Design

Zooma in till 1600% genom att trycka CTRL + ett par gånger.
Allt du behöver veta om att arbeta med mönster - Skapa och implementera - PS Tutorials Lorelei Web Design

Ta pennverktyg och ställ in den på 1px storlek Läge: Normal och Opacitet 100 %
Allt du behöver veta om att arbeta med mönster - Skapa och implementera - PS Tutorials Lorelei Web Design

Presse D för att återställa dina färger till svartvitt och måla en 3 prickad linje från det övre högra till det nedre vänstra.
Allt du behöver veta om att arbeta med mönster - Skapa och implementera - PS Tutorials Lorelei Web Design

Gå nu till Redigera>Definiera mönster och döp det till scanlines eller vad du vill kalla det.
Allt du behöver veta om att arbeta med mönster - Skapa och implementera - PS Tutorials Lorelei Web Design

Det var väl lätt?

För att använda ditt mönster välj Måla hink verktyg, Välj: Mönster från rullgardinsmenyn och välj ditt mönster.
Allt du behöver veta om att arbeta med mönster - Skapa och implementera - PS Tutorials Lorelei Web Design

Eller gå till blandningsalternativ och applicera en mönsteröverlagring.

Se till att du skapar ett nytt lager innan du applicerar mönstret på ditt arbete. Ibland kommer mönstret att se bättre ut när
opaciteten sänks en aning.

Kolla in resultatet.
Allt du behöver veta om att arbeta med mönster - Skapa och implementera - PS Tutorials Lorelei Web Design

Naturligtvis kan du också skapa ett mönster där avståndet mellan linjerna är större. För att göra detta använder du metoden ovan men gör en 5 gånger 5 pixel duk.
Detta blir resultatet.
Allt du behöver veta om att arbeta med mönster - Skapa och implementera - PS Tutorials Lorelei Web Design

Horisontella skanningslinjer
Vad sägs om några horisontella scanlines? (Användbart när du skapar något som en tv- eller pc-skärm etc)

Öppna ett nytt dokument i Photoshop och gör det 1 bredd gånger 2 höjdpixlar.
Allt du behöver veta om att arbeta med mönster - Skapa och implementera - PS Tutorials Lorelei Web Design

Skapa nu ett nytt lager och ta bort "Bakgrund"-lagret så att bilden blir transparent.

Zooma in till 1600% genom att trycka på CTRL + ett par gånger.

Ta nu tag i pennverktyget och ställ in det på 1px storlek Läge: Normal och Opacitet 100 %. Samma inställning som tidigare

Tryck på D för att återställa dina färger till svartvitt och måla den översta pixeln svart.
Allt du behöver veta om att arbeta med mönster - Skapa och implementera - PS Tutorials Lorelei Web Design

Gå nu till Redigera>Definiera mönster och döp det till horisontella scanlinjer.

Resultat.
Allt du behöver veta om att arbeta med mönster - Skapa och implementera - PS Tutorials Lorelei Web Design

Små prickar
Okej nu skapar vi några små prickar.
Vi använder samma metod som vi använde med scanlines.

Öppna ett nytt dokument i Photoshop och gör det 3 bredd gånger 3 höjdpixlar.

Skapa nu ett nytt lager och ta bort "Bakgrund"-lagret så att bilden blir transparent.

Zooma in till 1600% genom att trycka på CTRL + ett par gånger.

Ta nu tag i pennverktyget och ställ in det på 1px storlek Läge: Normal och Opacitet 100 %.

Tryck på D för att återställa dina färger till svartvitt och måla en prick i mitten av duken.
Allt du behöver veta om att arbeta med mönster - Skapa och implementera - PS Tutorials Lorelei Web Design

Gå nu till Redigera>Definiera mönster och döp det till små prickar.

Resultat.
Allt du behöver veta om att arbeta med mönster - Skapa och implementera - PS Tutorials Lorelei Web Design

Crosses
Låt oss göra ett korsmönster. Skapa ett dokument med 5 gånger 5 pixlar och använd metoden ovan

Men nu ritar du ett kors.
Allt du behöver veta om att arbeta med mönster - Skapa och implementera - PS Tutorials Lorelei Web Design

gå till Redigera>Definiera mönster och namnge det crosses1 eller vad som helst.

Resultat
Allt du behöver veta om att arbeta med mönster - Skapa och implementera - PS Tutorials Lorelei Web Design

ANTI RIP/upphovsrättsskyddsmönster
Sist men inte minst ska jag lära dig att göra ett antirippmönster.

Öppna ett nytt dokument och se till att du har tillräckligt med utrymme. 600 gånger 600 pixlar duger bra. Vi kommer att beskära den senare.

Skapa ett nytt lager och ta bort "Bakgrund"-lagret för att göra bilden transparent.

Ta nu tag i textverktyget och använd ett läsbart teckensnitt. Ariel, Tahoma, Verdana, Times, etc.

Jag använde dessa inställningar:
Verdana | fetstilt | 12 pt | aa: ingen

Storleken ska vara runt 12px, gör den inte för stor annars fungerar den inte bra som ett mönster.

Skriv nu något som: "skapat av ditt namn" eller "(c) ditt namn". Jag skriver (c) och sedan mitt namn.
Allt du behöver veta om att arbeta med mönster - Skapa och implementera - PS Tutorials Lorelei Web Design

Högerklicka på textlagret och välj rasterisera typ eller gå till Välj > rastarisera > typ.
Allt du behöver veta om att arbeta med mönster - Skapa och implementera - PS Tutorials Lorelei Web Design

Tryck nu på CTRL T (Fri transformation) och rotera namnet ca -30 grader.
Allt du behöver veta om att arbeta med mönster - Skapa och implementera - PS Tutorials Lorelei Web Design

Allt du behöver veta om att arbeta med mönster - Skapa och implementera - PS Tutorials Lorelei Web Design

Tryck på enter för att bekräfta rotationen. Zooma in lite och välj beskärningsverktyget.
Allt du behöver veta om att arbeta med mönster - Skapa och implementera - PS Tutorials Lorelei Web Design

Placera musen på den nedre delen av texten och klicka och dra den till toppen av texten. Se till att du markerar all text och lämna lite utrymme längst upp och längst ned.

Allt du behöver veta om att arbeta med mönster - Skapa och implementera - PS Tutorials Lorelei Web Design

Tryck nu på enter.
Du borde nu ha något sånt här.
Allt du behöver veta om att arbeta med mönster - Skapa och implementera - PS Tutorials Lorelei Web Design

Gå till Redigera>Definiera mönster och kalla det copyright.

Öppna din senaste webbdesign som du vill skydda från ripper och skapa ett nytt lager.

Välj verktyget Paint Bucket och välj copyright-mönstret. Sänk opaciteten så att bilden blir synlig för den som vill titta på den
men svårare för den som vill riva.

Jag tillämpade detta på en mall som jag arbetar med. Opaciteten är cirka 20 %.
Allt du behöver veta om att arbeta med mönster - Skapa och implementera - PS Tutorials Lorelei Web Design

Kombinera och experimentera
Nu när du vet sättet att skapa mönster är det dags att kombinera och experimentera med det.

Kolla in dessa olika mönster. Möjligheterna är oändliga. Från text, former (blommor etc) och linjer kan de alla användas för att göra mönster.

Allt du behöver veta om att arbeta med mönster - Skapa och implementera - PS Tutorials Lorelei Web Design

Tack för att du kollade in de här handledningarna, jag hoppas att du lärde dig något.