Hvordan Design en WordPress blogg i Photoshop

Adobe Photoshop er et profesjonelt bilde redigering programvare som er laget for å hjelpe alle, fra nybegynnere til eksperter, opprette og endre bilder. Adobe Photoshop kan installeres på en rekke plattformer, fra UNIX til Windows, noe som gjør det ideelt for å skape nettstedet grafikk. På grunn av sin intuitive grensesnitt og kraftig sett med verktøy, kan brukerne designe sine WordPress blogg fra grunnen av ved hjelp bare Photoshop.

Bruksanvisning

1 Åpne Adobe Photoshop. Gå til "File" og velg "New" for å opprette et nytt bilde. Skriv inn "1000" for "Bredde" og "1300" for "Høyde". Dette sikrer at du har god plass til å designe din WordPress blog. Ikke bekymre deg, du kan endre størrelsen når du koden bloggen.

2 Endre bakgrunnsfarge på det nye bildet. Velg fargen nøye som det vil være vanskelig å endre senere.

3 Gå til "Filter" og eksperimentere med effekter under kategorien "penselstrøk". Tilsett noen effekter i bakgrunnen for å gi din fremtid blogge en kul look.

4 Bruk "Rektangel" verktøy for å lage et rektangel med en bredde på "1000" og en høyde på "55." Plasser den på toppen av bildet. Påfør en "Gradient Overlay" med to farger, for eksempel "# 2c2c2c" og "# 5e5e5e", og endre plasseringen av fargen midtpunktet til 70 prosent. Denne baren vil være bloggens navigasjonsfeltet.

5 Velg "Horizontal Type Tool" og legge viktige linker til navigasjonslinjen som tekstfelt. Noen eksempler på viktige koblinger er "Home", "Om", "Kontakt" og "RSS feed". Merk at du kan tilpasse skrifttype, størrelse og farge på teksten.

6 Velg "Horizontal Type Tool" og legge til en tittel til bloggen din under navigasjonsfeltet. Bruk en tung font og størrelse på minst "36." Fargen på tittelen er også svært viktig.

7 Lag et nytt lag og bruke "Rectangular Marquee Tool" til å gjøre et utvalg av 1000 med 80 piksler. Bruk "Paint Bucket" verktøyet for å fylle det med hvit. Endre tettheten av laget til 65 prosent. Dette laget vil være den sekundære navigasjonsfeltet, og skal inneholde kategorier.

8 Bruk "Horizontal Type Tool" for å legge kategoriene til denne andre navigasjonsfeltet. Bruk hvilken som helst font, størrelse og farge, så lenge teksten passer inne i navigasjonsfeltet.

9 Lag et nytt lag og bruke "Rectangular Marquee Tool" til å gjøre et utvalg på 650 av 900 piksler under tittelen i venstre side av siden. Bruk "Paint Bucket" verktøyet for å fylle denne boksen med en lys farge. Du kan også legge til en ramme til den nye valg. Denne boksen vil inneholde innholdet på siden, slik at du kan allerede fylle den med dummy innhold ved hjelp av "Horizontal Type Tool".

10 Legg til to tekstfelt, "Forrige innlegg" og "Next Post," under innholdet boksen for å hjelpe leserne navigere gjennom blogginnleggene.

11 Trekke to eller fire bokser av 145 med 145 bildeelementer i den høyre side av bildet. Hver boks må ha en ramme av to piksler for å skille den fra de andre. Disse boksene vil inneholde reklame og hjelpe deg å tjene penger på bloggen din.

12 Bruk "rektangel" verktøyet for å tegne et rektangel på 225 med 30 piksler under reklame. Det bør være den samme farge som innholdet boksen. Bruk "Avrundet rektangel" verktøyet for å tegne et lite rektangel til høyre for den nye boksen. Lag en ny tekstfeltet innenfor avrundet rektangel og skriv "Søk". Dette blir din søkeboksen.

1. 3 Legg tre esker med 300 av 120 piksler under søkeboksen. Lag tre nye tekstfelt, en for hver boks og skriver "tags", "populære innlegg" og "Siste kommentarer", henholdsvis.

14 Lag et nytt lag og bruke "Rectangular Marquee Tool" for å foreta et valg med en bredde på 1000 med 80 piksler. Plasser den på bunnen av bildet, fyll den med svart og endre tettheten av laget til 15 prosent. Dette vil være bunnteksten og inneholde informasjon om opphavsrett.

15 Gå til "File" og velg "Lagre som" for å lagre bildet som en PSD-fil. Lagre den hvor som helst på harddisken og bruke den senere å kode den nye WordPress blog.

Hint

• Du kan lage dummy innhold for alle delene til å visualisere hvordan det endelige produktet vil se ut.