Okno logowania | PSD | - od kml14

[MeTroSS]

Witam, zrobiłem coś takiego w ramach ćwiczeń.

Jest to tylko sama grafika, ale ktoś na pewno będzie wiedział co z tym zrobić :P

SS:

 

 

PSD:

http://www.mediafire.com/download/9newdmrirh2d45s/Metin2+Login+screen+By+kml14+dla+mpcforum.pl(2).psd

Skan:

Mam nadzieję, że taki wystarczy:

 

 

 

Chętnie wysłucham waszych rad :]

Peace!

 

@ Poprawiłem wygląd środkowej skały:

 

 

[Craf]

LUDZIE K***A TO JEST METIN A NIE POKEMONY !

[Fabian=]

Bardzo fajne, zostawiam na dysku, może się kiedyś przyda.

[Avier]

Dosyć ładne okno logowanie.

To twój pierwszy raz?

Możliwe że sobie zakoduję i zobaczymy jak to wygląda w praktyce.

[MeTroSS]

Można tak powiedzieć, wcześniej robiłem głównie sygnatury i chciałem spróbować czegoś innego.

[Phoenix.]

Jeśli to rzeczywisty rozmiar to może być problem, jeśli ktoś gra na pełnym ekranie, z monitorem o dużej rozdzielczości

Niemniej jednak wygląda całkiem przyjemnie, ładnie jak w ramach ćwiczeń

[Almeria]

do takich prac to lepiej dać większą rozdzielczość np 1920x1080  żeby później można sobie było na  2 lub 3 różne przedziały rozdzielczości zakodować bo inaczej to  brzydko będzie wyglądać na większej rozdziałce,

 

i mi tu nie gadać że wam  szkoda 3mb w kliencie na grafiki do logowania ;3

[L.ike]

Wow *.* Jakie z*******e *.* Pobieram i Like ! :*

[MeTroSS]

do takich prac to lepiej dać większą rozdzielczość np 1920x1080  żeby później można sobie było na  2 lub 3 różne przedziały rozdzielczości zakodować bo inaczej to  brzydko będzie wyglądać na większej rozdziałce,

 

i mi tu nie gadać że wam  szkoda 3mb w kliencie na grafiki do logowania ;3

No tak, nie myślałem o tym Ja zwykle grałem w oknie, wygodniej było przy 3 odpalonych kontach, ale na pewno są tacy którzy grają na full screenie

Będę pamiętać o tym następnym razem.

[daimao.]

Te środkowe skały mógłbyś bardziej dopracować.
Nałożenie wyciętego czarnego tła na kryciu, nie da dokładnego efektu dziury w tej skale. 
Powinieneś pobawić się jeszcze cieniem w tych okolicach. Nie wygląda to naturalnie, sam kształt "wycięcia" mógłby być bardziej naturalny. 

[MeTroSS]

Te środkowe skały mógłbyś bardziej dopracować.

Nałożenie wyciętego czarnego tła na kryciu, nie da dokładnego efektu dziury w tej skale. 

Powinieneś pobawić się jeszcze cieniem w tych okolicach. Nie wygląda to naturalnie, sam kształt "wycięcia" mógłby być bardziej naturalny. 

 

Masz rację

Pobawiłem się troszkę i uzyskałem taki efekt:

 

 

[Wredna]

Tak patrze na te psd i widzę, że jest fatalnie przygotowane, absolutnie grafika nie nadaje się do zakodowania. No chyba, że ponad 80% jej scalimy i zrobimy z tego tło, a inputy/buttony itp będą jedynymi osobnymi grafikami. Ale tym samym granie na rożnych rozdzielczościach popsuje całkowicie efekt.

 

Tak to powinno zostać pocięte i przygotowane przez grafika:

http://screenshooter.net/100251773/upmctka

Czerwony: Tło  pod logowanie osobno, inputy osobno, buttony osobno

Zielony: tło pod konto i napisy osobno (każdy z 4 osobno), buttony osobno

Zołty: To samo, co w przypadku fragmentów "zielonych".

Niebieski: Samo tło.

 

Dodatkowo pododawałeś tam flary, nie scaliłeś warstw itp. Ktoś, to nie jest grafikiem lub nie ogarnia na tyle dobrze photoshopa nie poradzi sobie z tym.Pamiętaj

 

, że ta grafika ma być dla kodera, który ja zakoduje i potrzebuje konkretów, a nie dla grafika.

[soutering]

Zaj3biste!

[r0bin]

LUDZIE K***A TO JEST METIN A NIE POKEMONY !

gdzie tu widzisz czlowieku jakiekolwiek pokemony? 

 

a co do samego projektu, zly nie jest

[Ink™]

Tak patrze na te psd i widzę, że jest fatalnie przygotowane, absolutnie grafika nie nadaje się do zakodowania. No chyba, że ponad 80% jej scalimy i zrobimy z tego tło, a inputy/buttony itp będą jedynymi osobnymi grafikami. Ale tym samym granie na rożnych rozdzielczościach popsuje całkowicie efekt.

 

Tak to powinno zostać pocięte i przygotowane przez grafika:

http://screenshooter.net/100251773/upmctka

Czerwony: Tło  pod logowanie osobno, inputy osobno, buttony osobno

Zielony: tło pod konto i napisy osobno (każdy z 4 osobno), buttony osobno

Zołty: To samo, co w przypadku fragmentów "zielonych".

Niebieski: Samo tło.

 

Dodatkowo pododawałeś tam flary, nie scaliłeś warstw itp. Ktoś, to nie jest grafikiem lub nie ogarnia na tyle dobrze photoshopa nie poradzi sobie z tym.Pamiętaj

 

, że ta grafika ma być dla kodera, który ja zakoduje i potrzebuje konkretów, a nie dla grafika.

 

Jeśli już faktycznie chcesz ułatwić kodowanie to grupy powinny wyglądać trochę inaczej:

1. Tło - w wysokiej rozdzielczości. Tworzymy 2 wersje w rozmiarze 4:3 oraz 16:9, które podczas kodowania sobie odpowiednio wczytujemy.

2. Tło pod centralny motyw wraz z inputami i wszystkim co jest "martwe". Rozmiar ma być prostokąta w którym znajdować się będą wszystkie elementy z pkt 3.

3. Buttony - najlepiej każdy w oddzielnej podgrupie.

 

Tak przygotowany psd koduje się do 5-10 minut. Nie ma potrzeby wyodrębniania inputów śmiecąc przy tym clienta oraz kod, bo one i tak są tylko tłem. Elementy z pkt 2 i 3 po zakodowaniu będą jednym elementem zawsze wyśrodkowanym, wiec inputy będą zawsze w tym samym miejscu.

 

 

Co do grafiki to tło, które w tak niskiej rozdzielczości jest pozbawione ostrości będzie zupełnie fatalnie wyglądać po skalowaniu do 1080p.

 

//Edit. Nie zmienia to jednak faktu, że programista przy tym interface dłużej będzie zapisywał elementy z psd niż to później kodował.

[Wredna]

Jeśli już faktycznie chcesz ułatwić kodowanie to grupy powinny wyglądać trochę inaczej:

1. Tło - w wysokiej rozdzielczości. Tworzymy 2 wersje w rozmiarze 4:3 oraz 16:9, które podczas kodowania sobie odpowiednio wczytujemy.

2. Tło pod centralny motyw wraz z inputami i wszystkim co jest "martwe". Rozmiar ma być prostokąta w którym znajdować się będą wszystkie elementy z pkt 3.

3. Buttony - najlepiej każdy w oddzielnej podgrupie.

 b

Tak przygotowany psd koduje się do 5-10 minut. Nie ma potrzeby wyodrębniania inputów śmiecąc przy tym clienta oraz kod, bo one i tak są tylko tłem. Elementy z pkt 2 i 3 po zakodowaniu będą jednym elementem zawsze wyśrodkowanym, wiec inputy będą zawsze w tym samym miejscu.

 

 

Co do grafiki to tło, które w tak niskiej rozdzielczości jest pozbawione ostrości będzie zupełnie fatalnie wyglądać po skalowaniu do 1080p.

 

//Edit. Nie zmienia to jednak faktu, że programista przy tym interface dłużej będzie zapisywał elementy z psd niż to później kodował.

Już nie chciałam wchodzić w szczegóły tylko opisać ogólny zarys. Zwłaszcza patrząc na te psd, z którym za wiele się nie zrobi. Nie jestem pewna, ale chyba uniemożliwia ten interface normalnego wyglądu przy najmniejszym oknie, zakładając, że tło dopasowuje się do rozdzielczości.

[MeTroSS]

@Wredna

 

 

Tak patrze na te psd i widzę, że jest fatalnie przygotowane, absolutnie grafika nie nadaje się do zakodowania. No chyba, że ponad 80% jej scalimy i zrobimy z tego tło, a inputy/buttony itp będą jedynymi osobnymi grafikami. Ale tym samym granie na rożnych rozdzielczościach popsuje całkowicie efekt.

 

Tak to powinno zostać pocięte i przygotowane przez grafika:

http://screenshooter.net/100251773/upmctka

Czerwony: Tło  pod logowanie osobno, inputy osobno, buttony osobno

Zielony: tło pod konto i napisy osobno (każdy z 4 osobno), buttony osobno

Zołty: To samo, co w przypadku fragmentów "zielonych".

Niebieski: Samo tło.

 

Dodatkowo pododawałeś tam flary, nie scaliłeś warstw itp. Ktoś, to nie jest grafikiem lub nie ogarnia na tyle dobrze photoshopa nie poradzi sobie z tym.Pamiętaj

 

, że ta grafika ma być dla kodera, który ja zakoduje i potrzebuje konkretów, a nie dla grafika.

 

 

@Inkscape

 

 

Jeśli już faktycznie chcesz ułatwić kodowanie to grupy powinny wyglądać trochę inaczej:

1. Tło - w wysokiej rozdzielczości. Tworzymy 2 wersje w rozmiarze 4:3 oraz 16:9, które podczas kodowania sobie odpowiednio wczytujemy.

2. Tło pod centralny motyw wraz z inputami i wszystkim co jest "martwe". Rozmiar ma być prostokąta w którym znajdować się będą wszystkie elementy z pkt 3.

3. Buttony - najlepiej każdy w oddzielnej podgrupie.

 

Tak przygotowany psd koduje się do 5-10 minut. Nie ma potrzeby wyodrębniania inputów śmiecąc przy tym clienta oraz kod, bo one i tak są tylko tłem. Elementy z pkt 2 i 3 po zakodowaniu będą jednym elementem zawsze wyśrodkowanym, wiec inputy będą zawsze w tym samym miejscu.

 

 

Co do grafiki to tło, które w tak niskiej rozdzielczości jest pozbawione ostrości będzie zupełnie fatalnie wyglądać po skalowaniu do 1080p.

 

//Edit. Nie zmienia to jednak faktu, że programista przy tym interface dłużej będzie zapisywał elementy z psd niż to później kodował.

 

 

 

A więc,

Uporządkowałem to troszke i pociąłem według rad Inkscape'a

I mam tak:

 

 

Wszystko co martwe:

 

 

Buttony:

 

 

Tła troszkę bardziej rozmazane niz bylo zakładane, ale to wiadomo z jakich przyczyn ;]

 

16:9 - 1920x1080

http://i.imgur.com/Aq5Aq6G.jpg

4:3 - 1280x1024

http://i.imgur.com/Ssn8H88.jpg

Jeżeli teraz jest poprawnie to udostępnie psd ;]

 

Dzięki za przydatne rady:)

[janko1994]

Nawet nawet lecz nie wykorzystam ale + zostawie, nie jest tak źle

[Wredna]

@Wredna

 

 

 

 

@Inkscape

 

 

 

 

 

 

A więc,

Uporządkowałem to troszke i pociąłem według rad Inkscape'a

I mam tak:

 

 

Wszystko co martwe:

 

 

Buttony:

 

 

Tła troszkę bardziej rozmazane niz bylo zakładane, ale to wiadomo z jakich przyczyn ;]

 

16:9 - 1920x1080

http://i.imgur.com/Aq5Aq6G.jpg

4:3 - 1280x1024

http://i.imgur.com/Ssn8H88.jpg

Jeżeli teraz jest poprawnie to udostępnie psd ;]

 

Dzięki za przydatne rady:)

 

No, o wiele lepiej A i na przyszłość pamiętaj, że buttony przeważnie występują w trzech formach lub przynajmniej dwóch.

-normalny

-widok po najechaniu

-wciśnięty

 

[xdpl2012]

 

 

 

 

Gdyby nie to to bym z chęcia zakodował

Praca bardzo mi się podoba.

[Ink™]

No, o wiele lepiej A i na przyszłość pamiętaj, że buttony przeważnie występują w trzech formach lub przynajmniej dwóch.

-normalny

-widok po najechaniu

-wciśnięty

 

Może być nawet w 4 - nieaktywny, który się przydaje do przycisków wyboru CH jeśli jest full lub off.

[xdpl2012]

http://screenshooter.net/100300289/nkxlikq

#coded

[Astera2]

Ładne tylko albo aż zakodowac

[E69]

Cały ten panel jest ładny podoba mi się :

 

 

 

 

 

Lecz już tło psuje mi caly efekt pracy,jakby to poprawić będzie naprawdę ładne okno logowania.

 

Pozdrawiam.

[TrikuTrikuMrauu]

Bardzo ładne okno logowania, aczkolwiek zmieniła bym tło.