Skocz do zawartości

    Zamknięty Tutorial: Panel Logowania Part 1


    Gość SexyBullet
     Udostępnij

    Rekomendowane odpowiedzi

    • Cała zawartość 4
    • Temat został założony
    • Ostatnia odpowiedź

    Top użytkownicy w tym temacie

    Najpopularniejsze posty

    Witajcie, Nie jestem specem od grafiki dlatego jeżeli widzicie jakieś błędy to od razu proszę o wyjaśnienie co robię źle. Na dobry początek taki mały poradnik Part 2 w przygotowaniu Krok 1 Na s

    Gość SexyBullet

    Witajcie,

    Nie jestem specem od grafiki dlatego jeżeli widzicie jakieś błędy to od razu proszę o wyjaśnienie co robię źle.

    Na dobry początek taki mały poradnik :)

    Part 2 w przygotowaniu :)

    Krok 1

    Na samym początku musimy utworzyć nowy dokument w naszym Photoshopie o następujących ustawieniach. (Zdjęcie nr. 1)

    Szerokość: 1100px

    Wysokość: 580px

    tut-login1.png

    Krok 2

    Wybieramy narzędzie Marquee Tool (M) w polu z menu górnego paska wybieramy Fixed Size i ustawiamy następujące wartości.

    Szerokość: 1100px

    Wysokość: 205px

    Krok 3

    Na palecie kolorów wybieramy kolor #191919 wypełniamy całe zaznaczone pole z poprzedniego kroku.

    Krok 4

    Z górnego menu wybieramy Filter > Noise > Add Noise. Następnie postępujemy zgodnie ze wskazówkami (zdjęcie nr. 2)

    Amount: 1,3%

    Distribution: Gaussian

    Monochromatic: Selected

    tut-login2.png

    Krok 5

    Dolną część zaznaczamy przy pomocy Magic Wand Tool (W).

    Pole wypełniamy kolorem #222222.

    Na zaznaczone pole nadajemy Filter > Noise > Add Noise. Ustawienia Noise dajemy zgodnie z zjęciem nr. 3

    Amount: 1,5%

    Distribution: Gaussian

    Monochromatic: Selected

    tut-login3.png

    Krok 6

    Ponownie wybieramy narzędzie Marquee Tool (M) w polu z menu górnego paska wybieramy Fixed Size i ustawiamy następujące wartości.

    Szerokość: 1100px

    Wysokość: 1px

    Zaznaczone pole wypełniamy kolorem białym.

    Z Menu warstwy ustawiamy Opacity na 10%

    Kreskę ustawiamy zaraz pod pierwszą warstwą z ciemniejszym kolorem. (Zdjęcie nr. 4)

    Aktualny podgląd

    tut-login4.png

    Tutorial: Panel Logowania Part 1 IMG: 5

    Zdjęcie nr. 5 aktualny podgląd.

    tut-login5.png

    Krok 7

    Wybieramy narzędzie Rounded Rectangle Tool (U) ustawiamy krawędzie na 7px.

    Około 26px pod białą linią rysujemy zaokrąglony prostokąt, kolor prostokąta ustawiamy na #141414.

    Posłuży on nam do informacji dla użytkowników od administratorów np. o tym dlaczego strona została zablokowana.(Zdjęcie nr. 5)

    tut-login6.png

    Krok 8

    Dodajemy pola Username oraz Password, button LOG IN i wszystko gotowe. Końcowy efekt:

    koniec.png

    Tutorial: Panel Logowania Part 1 IMG: KONIEC

    Zdjęcie nr. 7 efekt końcowy.

    Plik PSD

    Odnośnik do komentarza
    Udostępnij na innych stronach

    • 1 miesiąc później...
    Gość
    Ten temat został zamknięty. Brak możliwości dodania odpowiedzi.
     Udostępnij

    ×
    ×
    • Dodaj nową pozycję...
    Przeglądasz forum jako gość.
    Nie posiadasz dostępu do niektórych treści i funkcji!