Tutorial - Lage bloggdesign i Paint

15:28 // 07.nov.2009 // Tutorials // enkelt design paint blogg // 9 kommentarer

Jeg tenkte jeg skulle vise hvordan man kan lage et bloggdesign i Paint, som de fleste har p pc'en sin. Det kan selvflgelig lages i andre programmer ogs, for Paint er det simpleste. Jeg m si at det er lenge siden jeg har jobbet med Paint, og dette er ikke et veldig avansert design, men det kan vre greit begynne med.

ferdig
Det ferdige resultatet


Det man trenger:
  • Paint
  • Internettilkobling
  • Noen bilder man vil bruke
  • Kreativitetpaint1

Frst begynner jeg med finne meg noen fine farger jeg vil bruke. Man kan finne paletter p COLOURlovers.com og jeg valgte dette. S pner jeg Paint. Der endrer jeg strrelsen p dokumentet ved dra p firkanten nede i det hyre hjrnet. Jeg lar strrelsen bli 1200x600 px. Man kan se hvilken strrelse det er nede i hyre hjrne.

paint2

Etter det pner jeg Paint p nytt. Her er ikke strrelsen s viktig enda, for den endrer vi etter vi har satt inn bilder.




paint3
Etter dette finner man seg ett eller flere bilder som man vil ha med i headeren sin. Det er ikke s viktig om fargene passer, for dette skal vi endre p. Vi m ogs endre strrelsen p headeren, ved dra nede i dokumentets hyre hjrne. Jeg har valgt strrelsen 950x300 px. Dette kan man jo velge selv. Deretter lagrer man headeren p datamaskinen, f.eks header.png.


paint4
Deretter pner jeg Paint nok en gang. N skal jeg lage bakgrunnen for det omrdet som selve blogginnleggene str. Jeg endrer strrelsen p dokumentet til 950x600. Bredden (det tallet som str frst) m vre lik som headeren.




paint5
Deretter finner jeg frem paletten jeg har valgt meg. Om man gr litt ned p nettsiden finner man fargene separert.
Under hver farge str det HEX: "noen tall" og RGB: "noen tall". HEX er den fargekoden vi skal bruke senere, nr vi skal endre stilsettet. N skal vi bruke RGB-koden. I Paint dobbeltklikker jeg p en farge i toppen, og da kommer det en dialogboks opp. Der trykker man p "Definer farger" og skriver inn RGB-koden. Deretter trykker man p "Ok".
paint6

Jeg bruker da btten til fylle omrdet med denne fargen.





paint7
Deretter markerer jeg hele omrdet (Ctrl + A) og kopierer det.






paint8
Jeg limer det inn i mitt opprinnelige dokument, og plasserer det innlimte omrdet omtrent midt i dokumentet.





paint9
S henter jeg en farge fra paletten igjen, p samme mte som forrige gang. Denne gangen velger jeg en mrkere farge, for det skal vre bakgrunnen til hele bloggen.




paint10

Deretter fylle jeg denne fargen inn p hver side i mitt opprinnelige dokument.





paint11
I et vanlig bilderedigeringsprogram kan man endre bildet som det passer direkte, men Paint har ikke slike muligheter. Derfor gr jeg inn p Picnik.com. Her m man selv se hva man vil gjre med hederen, men det kan vre en fordel legge til tekst og slik her, slik at man slipper det senere. Etter man er ferdig blir bildet lagret p dataen. Jeg pner det i Paint og deretter limer jeg den inn i mitt opprinnelige dokument.

paint12

Der legger jeg headeren rett opp det lyse omrdet, og da mener jeg rett opp.





paint13
Deretter finner jeg frem et nytt bilde. Dette br vre et bilde av deg, eller som representerer deg, for det skal brukes til skrive litt om deg selv. Jeg pner bildet i Paint.




paint14

Jeg endrer strrelsen p bildet til 150x190 px.





paint15

S endrer jeg strrelsen p dokumentet til samme som bildet (150x190), merker alt (Ctrl + A) og kopierer det).




paint17

Deretter limer jeg det inn p venstre side i det opprinnelige dokumentet. Vi skal legge til tekst, og det er viktig at du markerer at du ikke skal ha hvit bakgrunn bak teksten. Dette gjr man med trykke der pila viser.



paint19


S legger jeg inn den teksten jeg vil ha ved siden av bildet.




paint20

S markerer jeg omrdet med bilde og teksten, og s kopierer jeg det inn i et nytt Paint dokument.




paint21

Deretter lagrer jeg dette bildet, som f.eks ommeg.png






S er det bare laste bildene opp. Headeren har man jo allerede p dataen et sted, med mindre man endret p den senere i Paint. Da er det bare gjre samme som med ommeg.png. Ommeg.png m settes inn i sidebaren p forsiden, innlegg, kategori og arkiv. Eventuelt kan man lage en modul, men det skal ikke jeg forklare n.

S er det bare sette inn bredden, riktige bakrunnsfarger, linkfarger og alt annet man vil endre i stilsettet. Husk at her bruker man HEX-kodene.

Selvflgelig m man ikke g gjennom alle trinnene her, og man m ikke sette opp hele designet i Paint. Det er bare jeg som liker ha en plan og en tegning g etter, for jeg synes det er lettere da.

Hva synes du om denne guiden? Skal jeg lage flere?

Kommentarer

ODA KRISTINE

07.nov.2009 kl.15:30

Den var bra, lag flere! :-)

Fin blogg, du hadde.

Komentere min? Takk p forhnd.
fameliciouz

07.nov.2009 kl.15:30

its cool,.. :)
HeidiG.

07.nov.2009 kl.20:27

stilig :D
monia bjrneraas - kamerastylee

07.nov.2009 kl.20:30

fin blogg , moniamaagdalena.blogg.no og id4m0nia.blogg.no :)
Faktiskfantastisk.

07.nov.2009 kl.20:30

Thnks :-D
Camilla :D

07.nov.2009 kl.20:36

Jeg fr det aldri fint p paint. Liker bedre Picnic Picasa :)
Tonje Bjrk

07.nov.2009 kl.20:37

takk, dette skal jeg prve ut ;D viste ikke at det gikk an egentlig.

Liker bloggen din: )
Bengin ~ Mote&Glede

07.nov.2009 kl.20:38

Utrolig bra! Takk for tips<3

Lag flere ja :D
Linda Madelen

03.jun.2010 kl.00:29

Utrolig bra, du kan godt lage flere :) Gjerne en hvor du viser hvordan du lagde noe i stil med designet du har n :)
Skriv en ny kommentar
hits