Web Design Kuvat

Lopulta alkaa mikä on suunnitella verkkosivuilla.

Vaikka emme ole vielä web design, jos ei me näemme kuin haluaisimme luoda rakenne, jonka kuva palvelemme koristeena.

Ensimmäinen asia teemme on grafiikka ohjelmaan, kuten ilotulitteita, Photoshop tai tässä tapauksessa ilmeisesti Paint Shop Pro, luoda kuvan haluamme.

Mutta me jakaa sen?

Ensimmäinen asia mitä teemme on luoda uusi kansio Sivuston Dream webimagenes voimme kutsua, olen yleensä pitää ne samassa kuvassa meillä jo on. Mutta nyt se ei kannata sekoittaa meitä, tai hyvää, mitä haluat?

Nyt PSP, luomme uuden kuvan, koko 400/400 tai 600/600 px, tämä riippuu siitä, kuinka suuri haluamme cornes tai kulmat, luo uusi kerros ja reunat:

1

Myymälä formaatti jos jotain tapahtuu psp arvoinen? midiseño.psp esim. kerran meillä muotoilun samassa PSP käytämme työkalu joka ehkä tiedä sitä olemassa oppaat:

Oppaat

* Huom: Oppaat ovat vaaka-tai pystyviivoja, jotka voivat vetää kuvaa ja käyttää niitä etsiä kohteita tai kohdistamalla harjausliikettä. Laitamme heidät paikkoihin haluamme.

* Huom: Katso myös aktivoida sääntöjä, tai et pysty käyttämään näitä ohjeita ;)

Mene Näytä / oppaat:

2

Ja aktivoituna, hieman pienempi, aktivoida Magnetic oppaat:

3

Nyt kasvaa kuvaa nähdäksesi joko reunoja ja hiiren kursori, me paikantaa yläpuolella sääntöä, voimme nähdä, että siitä tulee +, niin me sitten (vasemmalla hiiren painikkeella) ja venyttää sen kuvan, vapauttamatta hiiren painiketta:

4

Näet Säännön, aivan lopussa oppaan (sininen viiva) on kuin pieni helpotus? liikkua, kun olet ottanut, aseta kohdistin, sinun klikkaa ja pidä painiketta, ottaa toisella puolella tai toisella.

Olen suuresti parannettu kuvan täydellisesti nähdä tarkalleen missä laitan sen takana kaaren kuvan, jossa sillä pikselit ovat täysin läpinäkymätön punaisena:

5

Nyt poistamme oppaan vaaka, mutta yhtä ylhäältä alas:

6

Ja sijoittaa sen toisessa päässä kaaren, samalla tavalla, kun vain pikseliä näön:

7

Kun Leikkaa työkalu leikkaa pöydän ääressä ovat ohjeet:

8

Kun me aktivoimme mahdollisuus magneettinen oppaita, ei lainkaan vaikeaa todistaa, että tuomioistuin työkalu, sopii täydellisesti suuntaviivoja, tulee melkein itsestään, mutta huomasimme, että tämä oikeus heitä:

9

Käytämme Leikkaa työkalua ja tallentaa sen gif-muodossa. nimi on, esquina1.gif, tai esimerkiksi esqizquierda.gif Tämä menee itsellenne, okei? Vain meidän on muistettava, että kulma tulee olla vasemmalla tai ensimmäinen ... kuin haluat, mutta ;)

Minulla on tapana kutsua sitä img1, yksinkertaisesti koska en seuraa järjestyksessä, seuraavaksi tulee img2 ja yläpuoli:

10

Otan uuden oppaan, Pysty ja johti oikeaan, en laita sinne missä pikseleitä ei enää epäselvä:

11

vaakasuora, voimme käyttää mitä oli luonut aiemmin. Tämä tarkoittaa, että käytetään tätä samaa kuin sillä on oltava sama korkeus kuin ensimmäinen.

Siis leikattu kulma ja tallenna se nimellä img3 Kumoa ja otti uuden monialaisen opas luo kuvan, joka on oikealla puolella, ja laitamme jotain tällaista:

12

Kiinnitä se näin:

13

ja tallenna img4 Älkäämme nyt tarkistaa oikeaan alakulmaan oppaat:

14

leikkaamme:

15

saaliissa voidaan nähdä, koska ne ovat kaikki sääntöjä, jotka meillä on. Pidämme oikeassa kulmassa niin img5

Nyt olemme leikattu img6, joka on alempi puoli:

16

Kumoa, jopa sen jälkeen leikkaamalla osa ;) Vasemmassa kulmassa, joka on merkitty oleviin ohjaimiin, kuten on esitetty talteenotto edellä:

17

tallentaa img7 Kumoa. Ja lopuksi vasen puoli:

18

tallentaa kuvan myös, suuntaviivoja, jos sellaisia ​​tarvitaan milloin tahansa, aina säilytetään muodossa. psp. Nyt voimme sulkea PSP ja mene Dream.

Avaa uusi asiakirja, ja linkittää tyylisivun että meillä oli edellisen tutorials. Lisää uusi pöytä seuraavista vaihtoehdoista:

19

Kohdista Center Property Inspector, olemme ensimmäisen solun:

20

ja aseta ensimmäinen kuva eli img1:

21

in Property Inspector, löysimme täsmälleen sama leveys ja kiinnitä se tähän soluun, mutta varoittaa, mistä Property tarkastaja. Älä venytys solun oikeassa?

22

Näin se näyttää, kun olet asettanut neljä kuvaa, jotka muodostavat kulmat:

23

Jokaisessa solussa, johon ne lisätään, laitamme sama leveys kuin kuvan.

Tulemme nyt lisätä img2, img4, img6 ja img8, jotka muodostavat puolet, mutta emme kuvina, vaan varat soluja.

24

Näin neljä kuvaa täyttää sivuilla, ja nyt katso taulukko:

25

Jos nyt olemme keskellä solua ja Lisää numero Syötä, solu venyy alkuun, voimme myös tarkastaa% muutos leveys on "venyä tai kutistua tasaisesti ja pidä suunnittelu ;)

Ahh, eikä kertoa teille, että nämä kuvat olisi oma tyylejä nyt. Edellä olemme Lisätään taustat, muut, että laitamme kuvina riippumatta läpäistävä testi 3w. Joten voimme jättää ne ennalleen.

Katso tästä esimerkki

No, tee se rauhallisesti jos?, Hitaasti ei ole niin vaikeaa kuin se saattaakin tuntua aluksi ja vielä katsoa, ​​mitä voidaan tehdä seuraavien ohjeiden mukaisesti. Olen varma, että näemme ihmeitä ;)

Vastaus