Webmajstori.Net Newsletter          > Forwardiraj prijatelju
       > Arhiva
       > Ispisi se
       > Marketing
 Pretplatnika: 5292
Primjerak #42 - 15. Sijecanj. 2003 

Najpovoljniji web hosting u Hrvatskoj!

Besplatan webdesign-software u vrijednosti od +1000 kn uz svaki hosting account!
>> netdomena.hr
 

Kasnimo. Ovaj su nas tjedan mucili problemi sa newsletter sustavom (newsletteri.com) tako da nije sve funkcioniralo kako treba (upisi, ispisi, itd...) a kao posljedica toga je i ovo zakasnjenje. No eto, situacija ce se uskoro stabilizirati pa ce ponovo sve raditi normalno. I ne samo to, uskoro postavljamo potpuno novi sustav koji ce nam puno toga olaksati u radu a vama ponuditi kvalitetnije upravljanje pretplatama.

Photoshop skola: 3 nacina da kreirate pozadinu
Napisao: Kresimir Cvitanovic © 2001 - 2003

Pozadina sitea je nesto sto se obicno ne primjecuje - ako je dobro napravljena. Napravite jednu takvu nezamjetnu pozadinu s vasim logom, pozadinu s okomitom trakom i lijepu teksturiranu pozadinu bez vidljivih rubova i prijelaza.

Postavljanje logoa u pozadinu

korak1.gif (863 bytes) Napravite logo (mozete ga i ubaciti naredbom Paste).
korak2.gif (1783 bytes) Sada izaberite FILTER-->STYLIZE-->EMBOSS. Ja sam koristio height 2, amount 75, angle 135. OK.
korak3.gif (1131 bytes) Sada ga posvijetlite ili potamnite (zavisi za sto vam treba). IMAGE-->ADJUST-->LEVELS i pomaknite najdonji crni trokut do 180 kako biste osvijetlili sliku.
korak4.gif (1275 bytes) Ako zelite dodati malo graina na logo, FILTER-->NOISE-->ADD NOISE (ja sam koristio amount=5).
korak5.gif (1284 bytes) Izaberite sve (CTRL+A) i kopirajte (CTRL+C). Sada izaberite FILTER-->OTHER-->OFFSET i upisite pola sirine (width= 86 / 2 = 43). Izaberite Wrap around, OK.
korak6.gif (2014 bytes)

Udvostrucite canvas size - IMAGE-->CANVAS SIZE, kliknite na donji srednji kvadrat i udvostrucite brojke height i width - preporucam da brojne jedinice pretvorite u piksele, zbog preciznosti. Pritisnite OK. Ubacite svoju sliku pomocu naredbe Paste na podijeljenu sliku.

korak7.gif (2422 bytes) Ako zelite logo staviti u neku boju, IMAGE-->ADJUST-->HUE/SATURATION i poigrajte se trokutima. Ja sam kliknuo na Colorize, HUE 70, lightness 50. Kada ste dobili zeljeni rezultat spremite sliku.
primjer1.gif (9079 bytes) Evo kako pogledati gotovu pozadinu bez izlazenja iz Photoshopa! Izaberite cijelu sliku - logo (CTRL+A), EDIT-->DEFINE PATTERN. Napravite novi file velicine po vasoj zelji (ja sam napravio 300x300 piksela) i ispunite ga patternom (EDIT-->FILL-->PATTERN iz padajuceg izbornika).

Pogledajte gotovi background.

 

Vertikalna pozadina

Vertikalne pozadine na web stranicama nisu nista drugo nego dugacki kvadrati. Kada kompjuter dobije zadacu prikazati pozadinu, on ucita sliku onoliko puta koliko puta slika stane na vasu stranicu (to moze biti jedna slika koja nece niti jednom cijela stati na stranicu, a moze se raditi i o maloj slici koja ce se ponoviti i sto puta). Ako odredimo sirinu slike vecu nego sto je sirina ekrana, a visinu samo par piksela, slika ce ici u sirinu samo jednom posto se nema vise gdje prikazati, a u visinu ce se ponoviti koliko je to puta potrebno da ispuni stranicu.
korak1.gif (116 bytes) Napravite novi file i ispunite ga bilo kojom bojom.
korak2.gif (4540 bytes) Dodajmo teksturu s FILTER-->NOISE-->ADD NOISE/ monochromatic i poigrajte se trokuticem koji odredjuje gustocu.
korak3.gif (4491 bytes)

Postavite bijelu boju u Foreground changecol.gif (2365 bytes)i izaberite Gradient tool.

changegrad.gif (5277 bytes)Promijenite nacin ispunjavanja u Foreground to transparent. Kliknite na rub slike i povucite je za oko 1/4 prema unutra. Pustite misa i ponovite ovaj postupak, ali s crnom bojom i to sa suprotne strane.

korak4.gif (6264 bytes) Sada napravite boju pozadine istu kao i na vasim stranicama. Povecajte sliku s IMAGE-->CANVAS SIZE. Kliknite na kvadratic koji se nalazi lijevo u sredini i povecajte width (sirinu) slike za oko 40 piksela, OK. Sada izaberite novo podrucje slike magic wandom magicw.gif (111 bytes) i ispunite ga gradientom kako bismo dodali sjenu.
Sada treba jos jednom povecati sliku kako biste je jako izduzili. Ja svoje obicno postavljam na barem 1200 piksela duzine kako slucajno ne bi doslo do nezeljenog ponavljanja. Mnogi ih naprave prekratkima, pa onda na visim rezolucijama na desnom rubu monitora dodje do ponavljanja pozadine, sto izgleda jako ruzno.

 

Pozadina bez prijelaza

korak1.gif (127 bytes) Napravite file i neka bude kvadrat (ja koristim 80x80 piksela). Ispunite ga bilo kojom bojom.
korak2.gif (2814 bytes) Nacrtajte bilo sto. Ja sam izabrao cijelu sliku (CTRL+A) i FILTER-->RENDER-->CLOUDS.
korak3.gif (2858 bytes) Sada smo spremni. FILTER-->OTHER-->OFFSET i upisite pola sirine i pola duzine (40 u mojem slucaju). Izaberite Wrap around.
korak4.gif (2858 bytes) Sada koristeci alat ruber stamp rubbers.gif (131 bytes) stopite sredinu slike u kojoj se vide prijelazi (nemojte dodirivati rubove slike kako se ne bi stvorili novi rubovi).

Kad ste gotovi, spremite pozadinu i pogledajte dva primjera. Lijevi primjer pokazuje pozadinu nakon drugog koraka, a desni pozadinu sa zavrsenom lekcijom. Razlika je uocljiva.

primjer1.gif (15283 bytes) primjer2.gif (16890 bytes)


O autoru:

Kresimir Cvitanovic (mojimejl@net.hr) - Roden 80-e godine. Kao sudionik web scene vec 6 godina, odlucio se usavrsavati na podrucju dizajna. Od prve stranice koju je napravio u svojoj 15 godini http://www.geocities.com/timessquare/alley/98057, malo je uznapredovao sto mozete vidjeti na njegovom posljednjem uratku www.zorin-dom.hr. Zasto malo, a proslo je vec 6 godina? Iako zna (jamacno je morao nauciti do sada) da koristenje iframeova, flasha i sl. dodataka nije preporucljivo, on ih bezobzirno koristi kao da ga nije briga za publiku. S druge strane – upravo takvi ljudi pomicu granice. Svaki njegov uradak osvjesenje je za hrvatski web pa zeljno iscekujemo njegova nova ostvarenja. Posjetite ga na http://aditon.web1000.com.



Preporucite nas prijateljima!

Sigurno imate kolegu ili kolegicu webmastera - pomognite im da doznaju za ovaj newsletter. Biti ce vam zahvalni, jednako kao i mi :) Hvala.


Arhiva

Prosla izdanja newslettera pogledajte u arhivi.






NOVI LINKOVI


HostDepartment - besplatni hosting bez reklama

Ftp pristup, neogranicen promet, 10 mb prostora, nekoliko vec instaliranih skripti i adresa oblika: http://free.hostdepartment.com/ime Ne postavljaju bannere ili pop-upove.

Preporucite nam neki dobar webmasterski site, servis ili program! Dovoljan je url i jedna-dvije recenice na:
kontakt@webmajstori.net

TOP 5 DOWNLOADA

1. WebPosition Gold 5,795
2. Fortune3 Web Design, Shopping Cart & E-Commerce Wizard 3,779
3. Koala HTML 1,688
4. Dreamweaver 1,006
5. HTML Kit 936

TKO SU WEBMAJSTORI

Ekipa

.
Pridruzite nam se!

OSTALO

Marketing

.
Kontakt

VASA PRETPLATA


Webmajstori.net. Newsletter
ISSN 1334-0182

Prijavljeni ste sa ovom adresom:
<>

ISPIS:
Ako se zelite ispisati iz newslettera, slijedite ovaj link: ISPIS

vrh »

© Copyright 2001 - 2003. Webmajstori.Net