Kliknite tukaj, da si ogledate profil, kot ga vidijo drugi

Izdelava spletne strani | 03

  V tretji lekciji izdelave spletne strani bomo v brezplačnem programu Gimp izdelali glavni logotip.
 
 
1
 
 
Odprite program Gimp.

Kliknite tukaj za ogled prejšnje lekcije.
 
 
2
 
 
Ustvarili bomo nov dokument, kjer bomo narisali logotip spletne strani.

Kliknite na Datoteka in izberite Nova ...
 
 
3
 
 
V novem oknu določite Predloga preko izbirnika na 640x480 in kliknite na gumb V redu.
 
 
4
 
 
Ustvarili smo dokument, ki ga bomo kasneje obrezali.

Pritisnite tipko D, da nstavite črno/belo sliko (lahko, da je že nastavljena)

Nato pa kliknite na izbirnik Barve ospredja (glej sliko).
 
 
 
 
 
5
 
 
Odpre se okno za spreminjanje barve ospredja.

V polje zapis HTML vpišite vrednost 5f8cbb in potrdite na gumb V redu.

Ta barva bo barva ozadja logotipa in mora biti enaka kot ozadje spletne strani, ki smo jo določili prejšnji lekciji (korak 7).

V dokument kliknite zgoraj na Uredi in izberite Napolni z barvo ospredja, da boste zapolnili dokument z prej izbrano barvo.
 
 
6
 
 
Napisali bomo še tekst, ki bo služil kot logotip.

Izberite Orodje za besedilo.

Pritisnite tipko D in nato tipko X, da bo kot barva ospredja nastavljena bela barva (glej sliko; tipka X zamenja barvi).
 
 
7
 
 
Spodaj kliknite na ikono za pisavo (glej sliko) in izberite Arial Heavy.

Nato pa določite velikost 25 px.
 
 
8
 
 
Klknite na sredino dokumenta in napišite poljuben tekst, ki ga želite imetu za logotip ter potrdite na gumb Zapri.

Jaz sem napisal NikMan-ova spletna stran.
 
 
9
 
 
Sedaj vam bom pokazal, kako se napis premika po dokumentu.

Izberite orodje Premakni.
 
 
10
 
 
Z miško držite za neko črko napisa in ga premaknite na sredino dokumenta (če še ni).
 
 
11
 
 
Sedaj bomo napis duplicirali, obrnili in ga nato še premaknili.

Kliknite zgoraj na Plast in izberite Podvoji plast.

Kliknite zgoraj na Plast. Preoblikuj in izberite Prezrcali navpično.

Izberite orodje Premakni (glej korak 9) in nato s spodnjo smerno tipko pritiskajte tolikokrat, da se bo napis premaknil pod prvotnim napisom (glej sliko).

Dokument z napisom mora biti aktiven.
 
 
12
 
 
Sedaj bomo napisu dodali še efekt odseva.

Kliknite zgoraj na Plast, Maska in izberite Dodaj plasti masko ...

Odpre se novo okno, kjer označite Bela (popolna prekrivnost) in kliknite na gumb Dodaj.
 
 
13
 
 
Izberite orodje Zlij in pritisnite tipko X, da bo črna barva na vrhu (glej sliko).
 
 
14
 
 
Sedaj pa z miško (lahko večkrat) potegnite od spodnjega do zgornjega dela označenega napisa (glej sliko), da se ustvari preliv, ki zakrije del spodnjega teksta.

Držite tipko CTRL, da boste dodali preliv pod pravim kotom.
 
 
15
 
 
Sedaj pa v oknu s Plastmi določite Prekrivnost na 50,0 (glej sliko).

Nato pa še kliknite na Slika in izberite Splošči sliko.

S tem ukazom ste vse plasti združili v eno.
 
 
16
 
 
Sliko bomo še obrezali.

Kliknite na orodje Pravokotni izbor.
 
 
17
 
 
Sedaj pa previdno označite napis skupaj z dodanim praznim prostorom pod njim (glej sliko).

Kliknite zgoraj na Slika in izberite Obreži v izbor.

S tem ukazom ste označeno obrezali.
 
 
18
 
 
Nato pa kliknite zgoraj na Datoteka in izberite Shrani kot ...

V novem določite mapo, ki ste jo ustvarili za slike in v polje Ime napišite logo.jpg.

Kliknite na mali znakec pri polju Brskaj z drugimi mapami, da boste lažje izbrali mapo.
 
 
19
 
 
Ko se pojavi okno Shrani kot JPEG, določite Kakovost na 85 in kliknite na gumb Shrani.

Kliknite tukaj za ogled naslednje lekcije.
 
 
Komentiraj
 
 
 
 
 
17.6.2008, 0:09
Ful dobr, res!! )

Mam pa eno vprašanje in sicer, na katerih straneh lahko brezplačno gostuješ, da ne bi kupoval domene?
 
 
 
 
17.6.2008, 8:47
Hvala Lekcije "Izdelava spletne strani" vsebujejo prav vse. Od gostovanja in še marsikaj drugega. Pač komplet, pa vse storitve bom uporabil, ki so brezplačne seveda.
 
 
 
 
17.6.2008, 12:05
OK. Se že veseliim. )
 
 
 
 
17.6.2008, 14:01
Tux, predlagam Freehost386 (freehost386.com). Z izjemo reklam na vrhu je super.
 
 
 
 
17.6.2008, 14:18
Je še kaj drugega? Z FTP dostopom in še kaj?
 
 
 
 
17.6.2008, 14:25
Jaz gostujem pri byethostu in je zelo dobro...
 
 
 
 
17.6.2008, 14:34
Na Freehostu dobiš brezplačen ftp. Tako da je to kul.

Glede lekcije: ali se da logo narediti tud na Photoshop, al bodo pol problemi, ko bomo fotografijo lepili v Nvu?
 
 
 
 
17.6.2008, 14:40
Super, bom pogledal. motijo me samo reklame, ker so verjetno na vrhu pa bodo mogoče končni izgled strani pokvarile.

Seveda. Samo shrani sliko v JPEG in bo šlo....
 
 
 
 
17.6.2008, 15:46
Super lekcije. Komaj čakam naslednjo. Všeč mi je, da se uporabljajo brezplačna orodja, čeprav imam doma PS in DW. Pohvalno!
 
 
 
 
17.6.2008, 17:54
OK, hvala.
 
 
 
 
17.1.2009, 20:07
Zdravo
Pri lekciji Izdelava spletne strani | 03 sem prišel do slike št. 15, tu pa ne vem kje naj najdem "Prekrivnost"?
Mi lahko pomagate dalje?
 
 
 
 
17.1.2009, 21:45
Hmm, daj probaj v Gimp-u zgoraj kliknite na okna in izberi Plasti. Ali vidiš plasti?
 
 
 
 
9.9.2010, 14:33
Pri drugi lekciji sem kliknil dvakrat na index vendar mi ne odpere da bi lahko uredil ozadje oz. glavno stran. prosim če mi lahko pomagate. drugače je pa lekcija super zelo pohvalno.
 
 
 
 
9.9.2010, 20:03
Lahko ga tudi samo označiš in pritisneš tipko Enter in bi ga prav tako moralo odpreti.

Če pa je problem kje drugje, pa poskusi podati še malo več podatkov in po možnosti kakšno sliko zaslona.
 
 
 
 
23.11.2010, 14:46
Meni se je tudi zataknilo pri 15-emu koraku. Nevem kje "dobim" okno s plastmi.
Mi lahko kdo pomaga, prosim.

Prilagam sliko:

 
 
 
 
23.11.2010, 14:57
Pritisni CTRL + L (za 2.6 bi moralo delovati).
Če ne bo šlo klikni Okna > Sidranje pogovornih oken omogočeno > Plasti.
 
 
 
 
23.11.2010, 15:02
Tenx.
 
Prijava in registracija
 
 
 
Zmaga.com ponuja brezplačno in razumljivo učenje računalniških programov, vas na enkraten način spozna z različnimi svetovnimi jeziki, s podrobno obrazloženimi recepti prikaže čare kulinarike in vam prežene strahove pred domačimi opravili.
 
 
Poleg tega lahko prebirate poučne članke, ki so namenjene širjenju naše splošne razgledanosti ter preverite svoje znanje z priljubljenim in enostavnim sistemom za preverjanje znanja. Če med vsebinami, ki se dodajajo vsak dan, ne najdete želenega znanja, je za vaša vprašanja na voljo dobro obiskan forum, kjer lahko tudi aktivno sodelujete. V primeru, da bi radi svoje praktično znanje delili z ostalimi, pa to lahko storite preko preprostega vmesnika za dodajanje vsebin. Zmagajte z znanjem z Zmaga.com!