Eftersom jag fick en fråga av Eriona om "hur man gör en snygg design i photoshop".
Så ska jag visa hur man gör en lätt header i photoshop, eftersom det är väldigt svårt
att förklara hur man gör en snygg design i photoshop.

När man gör en design ändrar man ju det mesta i stilmall och kodmall. Lägger till
och ändrar. Det är bara småbilder och vissa texter man gör i photoshop.

______________
Såhär gör man en bra header i photoshop:

Vi börjar med att öppna en bild -



Först klickar du på File/Fil - New/Ny och sedan skriver du in bredd och höjd.
Vet du inte hur stor bild du ska ha då får du kolla i din stilmall och skriva in måtten.

Om din meny och inläggsdel på bloggen sitter ihop kan du kolla bredden (width) på
#wrapper, så bred du har där så bred bild ska du ha i photoshop. Höjden får du välja själv
men 500/600 är lagom tycker jag.

Men om din meny och inläggsida inte är ihopsatta som inte min blogg är just nu. Det är ett mellanrum
mellan menyn och inläggsidan då kollar jag bredden på #content. Så bred det står att den är där
så bred bild ska jag ha i photoshop. I skrivande stund har jag en 680px bred content.

____________________________

När du öppnat din bild är det lättast om du öppnar ett nytt lager med en gång.

Annars klickar du uppe i menyn på Layer/lager - New/Ny - Layer/Lager eller snabbtagneterna "Shift+Ctrl+N"

Nu är det dags att börja lekar och trixa i photoshop.
KOM IHÅG! ↓
Varje gång du t.ex ska lägga på en ny brush så skapa ett nytt lager för då blir det mycket
enklare att ta bort just den saken du vill. Om du inte gjort det är det omöjligt att få bort just den saken
du vill ha bort. Många olika lager är viktigt i photoshop,
på det sättet får man fram bra bilder. Detta är inget måste men det är ett bra tips
som jag tycker ni ska använda.

När vi nu ska börja tycker jag det är störande att ha en vit stor bakcground så jag klickar på ögat brevid bilder
i layer menyn så den blir osynlig. Om jag vill ha fram den klickar jag i rutan där ögat var igen.



Om du vill ha en sak längst ner vid header så att det er ut som att den håller ihop med inläggsdelen
så kan du göra så här -


Först väljer du den fyrkanten i menyn, sedan kan du välja form antingen "kvadrat, saken jag valde, oval,
cirkel eller krumeluren" och du klickar på klumelurern som är längst till höger av de geometriska figurerna
och sedan klicka på pilen bredvid så kommer det upp en massa olika krumelurer som du kan använda till din
header, jätte smart! :)

Reslutatet av det blir ju den vita "saken" på bilden ;)

Vad behövs nu i headerbilden då? En bild!

Klicka på "File/Fil - Open/Öppna (Ctrl+O) sedan får du välja bild från din dator.


Dra sedan över bilden till din header bild



Använd då Move Tool (V) som är inringad på bilden.

När du lagt in den på header bilden är den säkert väldigt stor. Klicka då på Ctrl+T och du kan ändra
storleken på den.


Dra den "mindre" med hjälp av musen och gör den sen till den storlek du vill ha. När du är klar klickar du
på bocken →

Om du sedan vill snurra din bild lite så tar du muspekaren vid sidan av hörnet på din bild och en
böjd pil kommer upp. Håll då in musen och dra runt så klarar du nog resten. Klicka sedan på bocken.

När du sedan lagt bilden som du vill ha den så kanske du vill ha skugga bakom bilden då klickar du på "fx"
nere i layer menyn. Eller på den bild du vill ha skugga i layer menyn.





För er som klickar på bilden i layer menyn då kommer denna ruta upp. För er som klickar på "fx" så kommer
en lite dropdown meny upp klicka då på Drop Shadow, så kommer den stora rutan upp också.

När ni ha den uppe får ni testa er fram vad som ser bäst ut. Vill ni ändra färg klickar ni på
färgrutan som då är svart. Om ni inte vill att den ska synas så mycket så ändrar ni på Opacity/Opaciteten.
Storleken ändrar ni på size/storlek. När ni är nöjda klickar ni på OK.

Sen kanske vi också ska skriva något. För att ta fram skrivverktyger klickar du på T eller -



Sedan kanske du undrar vart du ska skriva texten någonstans?
Det är bara att trycka någonstans på bilden och börja skriva.



1. Klickar du där får du välja typsnitt. Vill du ha nya coola typsnitt? Klicka här för att verta hur man gör!
2. Ska texten vara kursiv, fet, normal eller liknande?
3. Storlek på texten. Du kan även ändra storleken på texten genom att klicka ctrl+T och ändra som man
gör med bilderna. Även där kan du snurra texten.
4. Vilken färg du ska ha på texten.

Vil du flytta runt texten efter du skrivit den?
Då klickar du bara någonstans med muspekaren på bilden och drar runt ;)

Om du sedan är klar så sprar du bilden.


Efter du klickat på Save As/Spara som ska du välja namn och vad för format bilden
ska spara i.
Om du vill ha den som en photoshopfil så du kan gå in igen och ändra och fixa spara
du den som den är.

Om du vill spara den i ett vanligt bildformat sparar du den i JPEG format.
Eftersom vi har gjort en osynlig bakgrund i denna tutorial så kan du även spara
den i PNG och då får du samma bakgrund som du har på bloggen när du lägger upp den på din
blogg. Det är väldigt smart. Det är snyggt också.


Resultatet! :)

hoppas detta var till någon nytta, vill ni ha mer tips så skriv i kommentarfältet.
Så ska jag fixa en annan tutorial för er.