Witamy, Gość. Zaloguj się lub zarejestruj.

Autor Wątek: Prosty szablon strony  (Przeczytany 2239 razy)

0 Użytkowników i 1 Gość przegląda ten wątek.

Flash

  • *
  • Podziękowania otrzymane: 0
    • Zobacz profil
Prosty szablon strony
« dnia: Marzec 22, 2008, 19:02:08 »
Witam na moim Tutorialu po?wi?conym robienia layout?w w gimie ^^Jest on prosty ale dla pocz?tkuj?cych mo?e si? przyda? : Tak wiec zaczynam :)

1 : Otwieramy nowy dokument o rozmiarach   800 x 700 ( b?d? jak kto woli w innych )     i wype?niamy go jakim? kolorkiem ja wybra?em 2fc1e0 .

2!: Robimy Topa. Ka?dy jednak mo?e go wykona? wed?ug w?asnych upodoba? . Ja jednak w zio?em zdj?cie i po prostu je wklei?em...;d narazie wygl?da to tak : http://img99.imageshack.us/img99/2764/dotutahr7.jpg

3 : Menu g?rne: Tworzymy teraz menu g?rne kt?re b?dzie si? znajdowa? od razu pod topem .
A wiec tworzymy now? warstw? ( warstwa -> Nowa Warstwa)  przezroczysta . Wybieramy narz?dzie "zaznaczenie prostok?tne" i zaznaczamy nim obszar odrazu pod topem ( nie za wysoki ) i wype?niamy go kolorem- ja wybra?em  2b757e .P??niej  wybieramy czarny kolor i wykonujemy nast?puj?ca czynno?? :Edycja - rysuj wzd?u? zaznaczenia grubo?? lini 1 px i OK .  Tworzymy now? warstw?  ponownie wybieramy narz?dzie "zaznaczenie prostok?tne" i zaznaczamy nim  polowe obszaru kt?ra wcze?niej wype?nili?my kolorem 2b757e. nast?pnie wype?niamy zaznaczenie bia?ym kolorem i zmniejszamy krycie warstwy na 15 . Efekt uzyska?em taki: http://img229.imageshack.us/img229/5741/dotutafl7.jpg

4 : Teraz dzielimy menu na r?wne cz??ci ( ile ? zale?y od was ) Moje Menu ma 700 px szeroko?ci a ja chc? podzieli? je na 7 r?wne cz??ci wiec 700 : 7 = 100 . Co 100 px b?d? rysowa? linie. No ale odr?cznie przecie? nie trafie na 100 ... Rysuj? wi?c pierwsz? lini? odrazu przy lewej kraw?dzi . Nast?pnie duplikujemy t? lini? i wybieram spos?b: warstwa - przekszta?cenie - przesuni?cie i ustawiamy odleg?o?? ( u mnie 100 px ). Powtarzamy ta czynno?? a? dojdziemy do ko?ca (duplikujemy ka?da lini?) .Teraz ??czymy wszystkie warstwy z kreseczkami i dajemy je na Mi?kkie ?wiat?o. Efekt : http://img225.imageshack.us/img225/2536/dotutarx2.jpg

5 : Menu boczne. Teraz Tworzymy menu boczne. Czy b?dzie si? ono znajdowa?o po lewej czy poprawnej stronie zale?y od Was . Ja zrobi? po prawej. A wi?c tworzymy now? warstw?. Wybieramy narz?dzie "zaznaczenie prostok?tne " nast?pnie opcje zaokr?glaj rogi. wybieramy promie? 30 .  Zaznaczamy na obrazie miejsce w kt?rym chcemy mie? menu . nast?pnie wybieramy czarny kolor , i edycja- rysuj wzd?u? zaznaczenia szeroko?? 1 px . Wype?niamy zaznaczenie kolorem . ja wybra?em 2b757e . rezygnujemy z zaznaczenia. Wybieramy Miarke . Mierzymy d?ugo?? panelu ... M?j ma d?ugo?? 227 px. Chc? mie? 5 r?wnych cz??ci wiec 227 : 5 =45 Znowu od kraw?dzi g?rnej rysuje r?wne linie... ??czymy wszystkie linie i wybieramy. Filtry -rozmycia - Rozmycie w ruchu .Rozmycie Liniowe k?t 0 d?ugo?? 40 i ustawiamy nasze linie w miejscu w kt?rym powinny sie znajdowa?. ??czymy warstw? z liniami z t?em . Duplikujemy i ustawiamy kopie pod pierwszym . ufff. mam nadzieje ze rozumiecie xD u mnei wygl?da a to tak :
http://img291.imageshack.us/img291/3858/dotutalk4.jpg

6 .: Newsy . Tworzymy now? warstw? wybieramy narzedzie "zaznaczenie prostok?tne " i z zaokr?glonymi rogami jak wcze?niej zaznaczamy obszar w kt?rym chcemi mie? meijsce na newsy . Wype?niamy kolorem ja wype?ni?em kolorem co boczne menu.
Wybieramy kolor czarny i Edycja - rysuj wzd??z zaznaczenia szeroko?? 1 px i OK . Rysujemy linie kt?ra b?dzie oddziela? tytu? newsa od jego tre?ci. i Ustawiamy na mi?kkie ?wiat?o.

7 : Stopka ; Dodajemy stopk? . Zaznaczenie prostok?tne . wype?niamy kolorem i juz...xD
8. Poprawki. Dokonujecie poprawek . itp. mo?na da? w t?o ca?ego laya grandiert....

NO juz chyba koniec.... chyba wszystko wyt?umaczy?em oto Efekt : http://img80.imageshack.us/img80/6513/dotutaqm0.jpg . Jakby?cie czego? nie wiedzieli pytac na PW . Efekt nie jest powalaj?cy ale dla pocz?tkuj?cych Ok xD

A i oczywi?cie dodajemy napisy . ale ja ju? nie mia?em czasu :)

Przepraszam za b??dy j?zykowe no ale Polonista nie jestem... Mam nadzieje ze i tak zrozumiecie
« Ostatnia zmiana: Styczeń 21, 2011, 18:15:07 wysłana przez Annoyer13 »

Kenty^

  • *****
  • Podziękowania otrzymane: 80
    • Zobacz profil
    • Forum Graficzne
  • Ostatnie nagrody:
  • Layout of the Fortnight #4
  • Userbar of the Week #30
Odp: Prosty szablon strony
« Odpowiedź #1 dnia: Marzec 22, 2008, 20:19:04 »
sie rozpisales :D
ale efekt slaby ;(

Flash

  • *
  • Podziękowania otrzymane: 0
    • Zobacz profil
Odp: Prosty szablon strony
« Odpowiedź #2 dnia: Marzec 22, 2008, 23:05:05 »
chcia??m pokaza? jak to trzeba zrobic mneij wiecej....

Annoyer13

  • *****
  • Podziękowania otrzymane: 34
  • zzz
    • Zobacz profil
    • Dobry VPN
Odp: Prosty szablon strony
« Odpowiedź #3 dnia: Marzec 22, 2008, 23:08:56 »
Dobry opis, nowicjusze skorzystaj?, bo kiedy? sam tego nie wiedzia?em, thx. ;-)


Wielokrotne powtarzanie kłamstwa nie czyni go prawdą.

Abik

Odp: Prosty szablon strony
« Odpowiedź #4 dnia: Czerwiec 19, 2008, 13:54:40 »
bo to lay wi?c mo?e by? w platinium chocia?, ?e nie wygl?da najlepiej to jednak nie jest to sygna ;p