Miten luodaan verkkosivujen ulkoasuja GIMP: n avulla

Pienyritysten verkkosivuston rakentamisen tai päivittämisen ei tarvitse merkitä omaisuuksien viemistä suunnittelijoille ja ulkoasukonsultteille. Käytä sen sijaan vapaata ladattavaa kuvankäsittelyohjelmaa GIMP: llä, jonka avulla voit suunnitella tehokkaan verkkosivuston ulkoasun tuottamalla yksityiskohtaisen suunnitelman, jonka avulla voit käydä läpi sivuston suunnitteluprosessin.

1.

Käynnistä GIMP. Napsauta "Tiedosto" ja valitse "Uusi". Aseta kuvan koko "780X1000" ja valitse haluamasi taustaväri. Luo kuva napsauttamalla OK.

2.

Tallenna luotu kuva XCF-muodossa, joka on GIMP-oletusasetus. Kuvan luominen ja muokkaaminen XCF: na mahdollistaa helpomman kerroksenhallinnan.

3.

Valitse "Taso" ja valitse "Uusi". Nimeä tämä uusi kerros "Otsikko".

4.

Napsauta Rectangle Select -työkalua. Aloita suorakulmion valinta vasemmassa yläkulmassa ja vedä se kuvan koko leveydelle päättyen, kun valinnan leveys on 780 ja korkeus 125.

5.

Valitse "Täytä" -työkalu ja täytä valinta valitsemallasi värillä. Tämä suorakulmio edustaa verkkosivuston otsikkoa, jossa voit sijoittaa sivustosi päälogon.

6.

Luo uusi uusi kerros ja nimeä se "Linkit". Aloita otsikon vasemmassa alakulmassa ja vedä suorakulmion valinta -työkalu koko ja alas luodaksesi uuden valinnan, jonka leveys on 780 pikseliä ja 20 pikseliä korkea. Täytä tämä valinta eri värillä, jotta voit määrittää navigointilinkkien tarvitseman alueen.

7.

Luo uusi uusi kerros ja anna sille nimi "Valikko". Napsauta Linkit-alueen vasemmassa alakulmassa olevaa "suorakulmion valitseminen" -työkalua ja vedä sitä ylhäältä alaspäin ja luo 200 pikselin leveys 855 pikseliä. Täytä tämä kerros eri värillä edustamaan sivuston valikkoriviä.

8.

Luo uusi uusi kerros ja nimeä se "Alatunniste". Käytä Rectangle Select -työkalua osoittamaan kuvan alareunassa olevaa aluetta alkaen valikkorivin oikeasta reunasta ja vetämällä sen yli ja alas luodaksesi 580 pikselin leveä ja 60 pikseliä oleva alue. Täytä alue edustamaan alatunnisteosaa.

9.

Käytä "Teksti" -työkalua lisäämällä sanoja, jotka edustavat valikossa olevia linkkejä, linkkiosaa ja alatunnistetta.

10.

Käytä "Pencil", "Paintbrush" ja "Line" -työkaluja, jos haluat lisätä tietoja valikkoriville, linkkien alueelle, otsikkoon ja alatunnisteeseen, muokata kutakin osaa halutulla tavalla. Liitä kuva tai teksti kuvan oikealla puolella olevaan avoimeen tilaan, jotta se edustaa sisältöaluetta.

11.

Tallenna lopullinen asettelu.

Kärki

  • Jos aiot tulostaa sivustosi asettelun, aseta kuvan resoluutio 300 dpi: n tarkkuudella tai pistettä tuumalla, jotta tulostuslaatu olisi paras mahdollinen.
 

Jätä Kommentti