Web Design Images

Slutligen börjar det är att utforma en webbplats.

Även om vi ännu inte en webbdesign, om vi inte får se när vi skulle skapa en design, med bilder som vi fungerar som dekoration.

Det första vi gör är i ett grafikprogram, såsom Fireworks, Photoshop eller i vårt fall, uppenbarligen Paint Shop Pro, skapa en bild som vi vill.

Men vi delar den?

Det första vi gör är att skapa en ny mapp på webbplatsen Dream webimagenes vi kan kalla, håller jag brukar dem i samma bild vi redan har. Men nu är det bäst att inte förvirra oss, eller bra, vad du vill ha det?

Nu på PSP, skapar vi en ny bild, storlek, mellan 400/400 eller 600/600 px, kommer detta att bero på hur stora vi vill att Cornes eller hörn, skapa ett lager och kanter:

1

Butiken formatet i fall något händer psp värd? midiseño.psp t.ex. När vi har design i samma PSP kommer vi att använda ett verktyg som kanske inte vet det finns, Guide:

Guider

* Obs: Guider är horisontella eller vertikala linjer som kan dra på bilden och använda dem för att hitta objekt eller genom att anpassa penseldrag. Du kan placera dem på de platser du vill.

* Obs: Se även aktivera reglerna, eller så kan inte använda riktlinjerna ;)

Gå till Visa / Guide:

2

Och aktiveras en lite lägre, aktivera Magnetic Guide:

3

Nu ökar vi bilden för att se antingen kanterna och muspekaren, kommer vi att hitta precis ovanför regeln kan vi se att det kommer att bli ett +, då vi på (med vänster musknapp) och stretch till bilden, utan att släppa musknappen:

4

Du ser i regel, i slutet av vägledningen (blå linje) är som en liten lättnad? att flytta, när du har tagit, placera markören på den, du klickar och håller knappen, ta den ena eller andra.

Jag har förbättras avsevärt bilden, perfekt för att se exakt var jag placerar den, strax bortom bågen av bilden, där som pixlarna är helt ogenomskinliga i rött:

5

Nu tar vi bort guiden horisontella men lika uppifrån och ned:

6

Och placera den på den andra änden av bågen, på samma sätt, där bara de pixlar suddiga:

7

Med verktyget Klipp, klipp runt bordet är riktlinjerna:

8

När vi aktiverar möjligheten av magnetiska guider, inte alls svårt att bevisa att domstolen verktyget, perfekt anpassade till riktlinjerna kommer nästan av sig själv, men vi fann att denna rätt i dem:

9

Vi använder verktyget Klipp och spara den i GIF-format. Namnet kommer att bli, esquina1.gif, till exempel, eller esqizquierda.gif Detta går till er, okej? Bara vi måste komma ihåg att hörnet kommer att vara på vänster eller den första ... som du vill, men ;)

Jag brukar kalla det img1, helt enkelt därför jag följa en sekvens kommer nästa att vara img2 och den övre sidan:

10

Jag tar en ny guide, Vertikal och ledde till höger lägger jag tillbaka dit där pixlarna inte längre suddig:

11

den horisontella, kan vi använda det vi hade skapat tidigare. Det vill säga, vi använder detta detsamma som det måste ha samma höjd som den första.

Så vi skär av vinkeln och spara det med namnet img3 Ångra och tog en ny övergripande Guide för att skapa bilden som kommer att vara den högra sidan och vi lägger ut ungefär så här:

12

Kläm fast den så här:

13

och spara som img4 Låt oss nu se det nedre högra hörnet Guide:

14

vi skär:

15

i fångsten kan se, eftersom de är alla de regler som vi har. Vi håller till höger så img5

Nu har vi skär img6, som kommer att vara den nedre sidan:

16

Ångra även efter kapning av en del ;) Den vänstra hörnet, som är märkta med guider, som visas i capture ovan:

17

spara som img7 Ångra. Och slutligen, den vänstra sidan:

18

spara bilden vi också med riktlinjerna, om man skulle behövas vid något tillfälle, alltid kvar i formatet. PSP. Nu kan vi stänga PSP och gå till Dream.

Öppna ett nytt dokument och länka formatmall som vi hade från tidigare handledning. Infoga en ny tabell med följande alternativ:

19

Centrera i egenskapskontrollen är vi på den första cellen:

20

och infoga den första bilden, dvs img1:

21

i egenskapskontrollen, vi hittade exakt samma bredd och fäst den i denna cell, men varna, från egenskapsinspektören. Aldrig sträckning av cellen eller hur?

22

Detta är hur det kommer se ut efter insättning av fyra bilder som bildar hörnen:

23

I varje cell där de sätts in, kommer vi att publicera samma bredd som på bilden.

Vi kommer nu in img2, img4, img6 och img8, som utgör sidorna, men vi kommer inte som bilder, utan som medel celler.

24

Således fyra bilder för att fylla i sidorna, och nu finns i tabellen:

25

Om vi ​​nu står i centrum cellen och Infoga nummer Enter cellen kommer att sträcka till toppen, kan vi även kontrollera% förändring i bredd, skall "sträcka eller krympa smidigt och hålla designen ;)

Ahh, och inte att säga att dessa bilder skulle ha sin egen stil nu. Ovan har vi in ​​som bakgrund, den andra, att vi sätter som bilder oavsett att klara testet av 3W. Så att vi kan lämna dem som de är.

Se här exemplet

Tja, gör det lugnt om?, Långsamt är inte så svårt som det kan verka vid första och ändå, titta på vad som kan göras genom att följa dessa steg. Jag är säker på att vi får se underverk ;)

Svara