Web Design Billeder

Endelig begynder, hvad der er at designe en hjemmeside.

Selvom vi endnu ikke er en web-design, hvis ikke vi vil se, som vi ville skabe et design, med billeder, vi tjener som dekoration.

Det første vi gør, er i et grafikprogram, som f.eks Fireworks, Photoshop eller i vores tilfælde, Paint Shop Pro selvfølgelig, at skabe et billede, som vi ønsker.

Men vi vil dele den?

Det første vi gør er at oprette en ny mappe på hjemmesiden af ​​Dream webimagenes vi kan kalde, jeg plejer at holde dem i det samme billede, vi allerede har. Men nu er det bedst ikke at forvirre os, eller godt, hvad du ønsker det?

Nu på PSP, skaber vi et nyt billede, størrelse, mellem 400/400 eller 600/600 px, vil dette afhænge af, hvor stor vi ønsker cornes eller hjørner, skabe endnu et lag og kanter:

1

Butikken format, hvis noget sker psp værd? midiseño.psp f.eks Når vi har designet i samme PSP vil vi bruge et værktøj, der kan ikke vide det eksisterer, Guides:

Guides

* Bemærk: Guider er vandrette eller lodrette linjer, der kan trække på billedet og bruge dem til at finde emner tilpasset eller harmoniseret penselstrøg. Vi sætter dem på steder, vi ønsker.

* Bemærk: Se også aktivere de regler, eller du kan ikke bruge retningslinjerne ;)

Gå til View / guides:

2

Og aktiveret, lidt lavere, aktivere Magnetic Guides:

3

Nu vil vi øge billedet for at se enten kanterne og musemarkøren, vil vi finde lige over reglen, kan vi se, at det bliver en +, så vi klikke (med venstre museknap) og stræk til billedet, uden at slippe museknappen:

4

Du ser i reglen, til allersidst i vejledningen (blå linie) er som et lille relief? at flytte, når du har taget, skal du placere markøren på det, du klikker og holder den nede, at tage den ene side eller den anden.

Jeg har i høj grad forbedret billedet, perfekt til at se præcis, hvor jeg placerer det, lige over den bue af billedet, hvor da pixels er helt uigennemsigtige med rødt:

5

Nu vil vi fjerne guide vandret, men lige fra top til bund:

6

Og placere den på den anden ende af buen, på samme måde, når blot de pixels sløret:

7

Med Cut værktøj, klippe rundt om bordet er retningslinjerne:

8

Da vi aktivere muligheden for magnetiske guider, slet ikke svært at bevise, at Retten værktøj, passer perfekt til retningslinjerne, vil næsten af ​​sig selv, men vi fandt, at denne ret i dem:

9

Vi bruger Klip værktøjet og gemme det i GIF-format. Navnet vil blive, esquina1.gif, for eksempel, eller esqizquierda.gif Dette går til jer, okay? Kun må vi huske på, at hjørnet vil være til venstre, eller den første ... som du vil, men ;)

Jeg plejer at kalde det img1, simpelthen fordi jeg følger en sekvens, vil det næste være img2 og den øvre side:

10

Jeg tager en ny guide, Lodret og førte til højre, jeg placere tilbage der hvor de pixels ikke længere er sløret:

11

vandret, kan vi bruge, hvad vi havde skabt tidligere. Det vil sige, at vi anvende denne samme som det skal have samme højde som det første.

Så vi skar vinkel og gem den med navnet img3 Fortryd og tog en ny horisontal Guide til at skabe det billede, der vil være den rigtige side, og vi sætter noget som dette:

12

Klip det sådan her:

13

og gem som img4 Lad os nu se det nederste højre hjørne Guides:

14

vi skære:

15

i fangsten kan se, da de alle de regler, vi har. Vi holder højre hjørne som img5

Nu har vi skar img6, som vil være den nederste side:

16

Fortryd, selv efter at skære en del ;) Det venstre hjørne, der er forsynet med føringer, som vist i det indfangende ovenfor:

17

gemme som img7 Fortryd. Og endelig den venstre side:

18

gemme det billede, vi også med retningslinjerne, hvis man var behov for til enhver tid altid opbevares i formatet. psp. Nu kan vi lukke PSP og gå til Dream.

Åbn et nyt dokument, og forbinde typografiark, som vi havde fra de tidligere tutorials. Indsæt en ny tabel med disse indstillinger:

19

Centrer fra Property Inspector, vi er på den første celle:

20

og indsætte det første billede, dvs img1:

21

i Property Inspector, fandt vi nøjagtig den samme bredde og knytte den til denne celle, men advare, fra ejendommen inspektøren. Aldrig strækning af cellen ret?

22

Dette er, hvordan det vil se ud, når du har lagt de fire billeder, der danner hjørner:

23

I hver celle, hvor de er indsat, vil vi sende den samme bredde som billedet.

Vi vil nu indsætte img2, img4, img6 og img8, der danner siderne, men vi vil ikke som billeder, men som fonde celler.

24

Således de fire billeder til at fylde i siderne, og nu se tabellen:

25

Hvis vi nu er i den midterste celle, og Indsæt nummer Enter, cellen vil strække sig til toppen, kan vi også kontrollere% ændring i bredden, skal "strække eller skrumpe glat og holde designet ;)

Ahh, og ikke at fortælle dig, at disse billeder skal have deres egne typografier nu. Ovenfor har vi indsat som baggrunde, den anden, at vi sætter som billeder, uanset at bestå prøven af ​​3W. Så vi kan lade dem som er.

Se her eksempel

Nå, gør det roligt nu hvis?, Langsomt er ikke så svært som det kan synes ved første og alligevel, se på, hvad der kan gøres ved at følge disse trin. Jeg er sikker på vi vil se vidundere ;)

Svar