Något jag finner fantastiskt kul ibland är att surfa runt och kolla på typsnitt (även kallat fonts på Engelska).
Det finns ett sånt urval och så många duktiga typografer idag. Jag tänkte lista 5 stycken som föll mig lite extra på läppen.

Klicka på bilden för att göra den större

Här hittar du dom

Chunk
http://www.theleagueofmoveabletype.com/fonts/4-chunk

Quicksand
http://www.typophile.com/node/50437

League Gothic
http://www.theleagueofmoveabletype.com/fonts/7-league-gothic

Existence Light
http://www.dafont.com/existence.font

Apparatus SIL
http://scripts.sil.org/cms/scripts/page.php?site_id=nrsi&item_id=ApparatusSIL#c20c35ef

Kom ihåg att även fast typsnitten är gratis att ladda ner så får man inte använda vissa av dom hur som helst utan tillåtelse från personen som skapat dom.

I denna guide ska vi gå igenom hur man gör en hyfsat grundläggande hemsida.
OBSERVERA att denna guide kräver en del tidigare kunskaper av Photoshop. Det går däremot att ta sig igenom guiden utan tidigare erfarenhet om man har lite tålamod.

Jag vill börja med att säga att detta är ett grundläggande upplägg på en hemside-layout. Inte för komplicerad, ren och snygg. Den går enkelt att göra med andra färger och texturer.

Börja med att skapa ett nytt dokument som är 1024×768 pixlar och vit bakgrund.

Skapa ett nytt lager (CTRL + Shift + N) och döp det till Bakgrund ruta
Använd nu Rectangular Marquee Tool och gör en markering som ser ut så här:

Markera ditt Gradient Tool, öppna upp färg inställningarna för gradient och ange följande färg inställningar.

Dra en Gradient lodrätt uppifrån och ner.
Håll markeringen igång.

Gå nu in på Layer > Layer Style > Stroke och använd följande inställningar:

Vi ska där efter använda Rounded Rectangle Tool. Se till att du har Shape Layers markerat bland inställningarna.

Innan vi gör själva rutan se till att du har vitt som förgrundsfärg.
Gör nu en ruta som ser ut som följande:

Detta blir nu en så kallad Shape. Den skapar och hamnar i ett helt eget lager. Vi kommer att göra en till liknande Shape senare, men så länge så struntar vi i att döpa om vårat nya lager. Den heter just nu Shape1.

Nu kommer anledningen till varför vi har våran markering kvar.
Gå in under Layer > Align Layers to Selection > Horizontal Centers
Detta gör att våran nya ruta blir centrerad horizontalt inom markeringen.
Vi kan nu släppa markeringen.

Skapa nu ett nytt lager och döp det till text rutor.
Sätt färg #999999 (grå) som Förgrundsfärg och markera Rectangular Marquee Tool.

Gör två rutor som ser ut så här:

Ladda ner Zebra.jpg HÄR

Öppna upp bilden i Photoshop, antingen markera hela dokumentet (CTRL + A), kopiera (CTRL + C) klistra in i vårat dokument (CTRL + V), eller så tar du tag i hela zebra bilden och drar den in i hemsidedokumentet.

Lägg Zebra bilden så att den täcker alla våra nyligen skapade rutor (Shape1 och Text rutor)

Nu ska vi plocka upp markeringarna från våra tidigare skapade rutor. Detta görs enkelt genom att hålla in CTRL + Vänster klicka på den lilla lager bilden bland våra lager.

Börja med att göra detta på Shape1 och sen för att få med markeringen från ett annat lager också tryck CTRL + Shift + Vänster Klicka på lagret Text Rutor.

Det borde nu se ut så här:

Vänd ut och in på markeringen Select > Inverse eller (CTRL + Shift + I)
Se till att lagret med Zebra texturen är markerad och tryck på Delete.

Nu har vi tre olika rutor, men alla ligger i samma lager. För att få dom att hamna i olika lager tar vi helt enkelt Rectangular Marquee Tool och drar en markering över dom två nedre rutorna (Text rutorna).
Gå in på Edit > Cut eller CTRL + X för att klippa ut dom två rutorna. Gå sen in på Edit > Paste eller CTRL + V för att klistra in rutorna i dokumentet igen. Dom hamnar då automatiskt i ett helt nytt lager. Justera så dom två rutorna ligger på samma ställe som dom gjorde från början.

Vi ska nu vända blicken mot våra lager. Just nu ser det ut så här:

Vi behöver inte alla lager som vi för tillfället har. Några har vi använt enbart för att få fram formen på zebra texturen. Lagret Shape 1 kan vi nu högerklicka på och ta delete. Den behövs inte längre.

Lagret som just nu heter Layer 1 kan vi döpa om till Header och lagret som nu heter Layer 2 döper vi till Text rutor 2.

Markera lagret Text rutor 2 och ändra opacity till 20% och lager inställning till Har Light.

Markera lagret Text rutor och ändra opacity där till 50%

Markera lagret Header och gå in på Layer > Layer Style > Inner Shadow. Ange inställningarna som nedan:

Nu bör din sida börja ta form och se ut så här:

Vi ska nu börja på själva menyraden. Förbered dessa färger:

Markera Rounded Rectangle Tool och gör en menybar som ser ut så här:

Det nya lagrets om automatiskt skapades heter just nu Shape 1, döp om den till Menybar.
SHIFT + Vänsterklicka på lagerbilden till lagret Bakgrund ruta och med lagret Menybar markerat gå in på Lager > Align Layers to Selection > Horizontal Centers. Detta gör vi för att vara säkra på att vi verkligen har våran menybar i mitten.

Se ännu en gång till att du har lagret Menybar markerat och gå in på Layer > Layer Style > Gradient Overlay.
Använd dessa inställningar:

Det är här färgerna kommer till användning vi ställde in tidigare. Som gradient option ställer du bara in foreground to background color.

Nu ska du lägga till två layer styles till, så väl inne i rutan väljer du Stroke och Drop Shadow på vänster sidan.

Här är inställningarna för Stroke:

Här är inställningarna för Drop Shadow:

Sist men inte minst ska vi göra en väldigt enkel sk. Footer. Skapa ett nytt lager och döp det till Footer.
Längst ner i vårat dokument, mellan dom två orangea linjerna ska vi göra en grå horizontell box.
Använd Rectangular Marquee Tool, gör en markering och fyll den med en grå färg. (Jag använder #999999) Lämna en pixel på varje sida precis innan dom orangea linjerna kommer. Här ser du hur jag menar:

Här är det färdiga resultatet:

Klicka på bilden för att göra den större.

Det är nu upp till dig att lägga till text, rubriker, logga och din personliga touch. Så här ser mitt resultat ut:

Klicka på bilden för att göra den större.

Det var allt för denna gång. Kommentera gärna om det är nåt ni gillar eller nåt som kan göras bättre.

Ordet brush översätts till Svenska som pensel. Verktyget har en pensel som ikon i verktygsfältet.

Vi börjar med att gå igenom penslarna och funktionerna som redan finns som standard i Photoshop.

Öppna upp Window > Brushes.

Nedan kan ni se hur några av dessa penslar ser ut.

Exprimenterar man mycket så kan man komma långt med dessa original penslar. Men det finns fler alternativ. Man kan göra egna penslar!

Skapa ett dokument, förslagsvis 50×50 pixlar. Gör något du skulle vilja ha som pensel. Jag väljer ett W för första bokstaven i mitt efternamn.

Gå sedan in på Edit > Define Brush Preset.

Ta en titt bland dina penslar, nu har du din egen pensel.

Eftersom att det går att göra sin egen så är det många som gör egna, sparar dom och delar med sig av dom på internet. Det finns allt från byggnader till träd, blommor och moln.
Här är några sidor där det finns en hel del samlat på samma ställe.

Jag hoppas att jag nu har fått igång er att jobba med brushes, detta otroligt smidiga verktyg.
Jag tackar för den här gången och avslutar med några exempel på vad man kan göra med penslar.


br>

Börja med att skapa ett nytt dokument som är 200 x 200 pixlar.
File > New

Vi ska nu använda Elliptical Marquee Tool för att göra en rund markering.

Gör en markering som ser ut så här:

Tips! Håll in SHIFT medans du drar en markering så blir den lika stor horizontellt som vertikalt.

Välj nu en färg du vill använda för din knapp. HÄR hittar du inställningarna för färgen jag valde.
Tryck nu Alt + Backspace eller använd Paintbucket tool för att fylla markeringen.

Håll markeringen aktiv medans du nu skapar ett nytt lager som vi kan döpa till ”Övre del”.

Välj Elliptical Marquee Tool och medans du håller in Alt tangenten drar du en markering som ser ut så här:

Vi ska nu ha en markering som liknar en halvmåne.
Välj nu Gradient Tool och i övre kant av programmet kan vi nu välja inställningar för vår toning vi ska göra. Börja med att se till att du har VIT som förgrundsfärg.
Tryck sen på toningen i övre kant av dokumentent för att få upp inställningar för själva toningen.

Då poppar inställningarna upp. Här vill vi välja toningen som heter ”Foreground to transparent”.

Nu ska vi göra en toning i våran ”halvmåne” markering som går från toppen av markeringen till en bit passerat botten av markeringen. Testa dig fram tills det ser ut så här:

Tips! Håll in Shift när du gör en toning så blir den rak och fin
. Håll makeringen levande ett litet tag till. Vi ska göra en sista sak med den.
Gå in på Select > Modify > Contract

Gå in på Select > Inverse eller tryck Shift + Ctrl + I för att vända in och ut på våran markering. Tryck sedan på Delete.

Nu kan du avmarkera markeringen.

Om vi tittar överst bland våra lager så hittar vi en inställning som heter Opacity. Ändra detta värde till 60%.

Vi ska nu skapa ett nytt lager som vi kan kalla ”nedre del”. Den ska ligga under lagret ”övre del” i lager ordningen.

Nu ska vi ladda den runda markeringen som vi hade från början. Detta gör vi genom att hålla in Ctrl + Vänster klicka på lagerbilden på lagret som heter ”Rund bakgrund”.

Där efter ska vi göra en toning till. Välj Gradient Tool med VIT som förgrundsfärg igen. Vi ska göra nästan som tidigare, det vi ska ändra på är att vi vill använda Radial Gradient denna gång. Detta hittar vi uppe bland inställningarna för toningen.

Vi ska även denna gång ha inställningen ”Foreground to transparent”.
Gör en toning så att resultatet ser ut ungefär så här:

Även denna gång ska vi ändra Opacity på lagret. Denna gång till 70%.

Ännu en sak vi ska repetera från tidigare är att förminska och vända in och ut på markeringen som vi fortfarande har igång. Börja med Select > Modify > Contract.
Samma inställningar som förra gången. 1 pixel.

Sen ska den vändas ut och in på. Gå till Select > Inverse eller Shift + Ctrl + I.
Tryck sedan på Delete.

Avmarkera markeringen som vi har nu och upprepa sedan vad vi gjorde tidigare när vi laddade den runda markeringen. Alltså håll in Ctrl + Vänster klicka på lagerbilden på lagret som heter ”Rund bakgrund”.

Skapa ett nytt lager som vi döper till ”ytterkant”. Denna lägger vi under lagret ”Rund bakgrund” i lager ordningen.

Ändra din förgrunds färg till en mörkt grå.

Efter det går vi in på Filter > Blur > Gaussian Blur och ange dessa inställningar:

Vi börjar närma oss slutet. Det är en sista sak vi ska göra. Gå in på Layer > Layer Style > Stroke. Följande inställningar blev jag nöjd med:

Då har vi ett färdigt resultat!

Vad jag har visat er här är en ganska stor version av en knapp för att underlätta det hela. Dessa går precis lika bra att göra mindre för att de ska passa in på en hemsida t ex. Självklart måste man kanske ändra på vissa inställningar under processen då. Men med mycket fantasi så brukar man alltid hitta rätt.

Som vi säger på Svenska, Ja! Äntligen är sidan igång. Resultatet av många veckors slit ligger nu uppe för allmänheten att beskåda. Sidan är klar, registrerat webhotell och registrerat domän!

www.wallstudio.se

Framtiden är ljus och många projekt ska utföras och tillämpas på sidan. Här kommer en samling av hemsidor jag tidigare skapat och Photoshop guider för alla svårighetsgrader.

Vi ska i denna guide gå igenom hur du på ett enkelt sätt ändrar dina bilder från färg till svartvitt. En enkel process med bra och användbart resultat.
Börja med att öppna upp bilden (byggnad1.jpg) i Photoshop.
Den går att ladda ner här.

Gå sedan in under Image > Mode > Grayscale

Du kommer nu få en fråga om du vill överge alla nuvarande färger, vilket vi vill. Så tryck ”Discard”.

Nu har vi en grå bild!
Det vi har gjort här är att ändra färgläget vi jobbar i. Alltså kommer allt vi gör från och med nu vara
i svart och vitt.

Vill du fortsätta med bilden men lägga till färger så går du helt enkelt tillbaka till
Image > Mode > RGB (som var standardvärdet).

Resultat:

Nu har vi ju en bild i svart och vitt som vi ville ha, men beroende på hur bilden såg ut från början
kanske bilden är för ljus eller för mörk. Detta kan vi ganska enkelt rätta till.

Gå nu in på
Image > Adjustments > Curves

Vad jag vill uppnå med min bild är att få de mörka tonerna lite mörkare och de ljusa tonerna lite ljusare.
Denna linje går att dra och slita i så mycket man vill, det går även att sätta dit fler punkter.

Exprimentera lite tills du känner dig nöjd med resultatet.
Dessa inställningar och resultat blev jag nöjd med:

Tips! Om man går in under Image > Adjustments så hittar vi tre fina funktioner. Auto Levels, Auto Contrast
och Auto color. Med dessa avgör programmet själv vad som behöver ändras i bilden, så som mer av en viss färg
och mindre av en annan. Kanon att använda om du t ex. ska skriva ut dina semester bilder hemifrån.