Unikalny design strony
- Czas pracy: 30min
- Poziom: Średnio zaawansowany
Prosty tutorial na stworzenie unikalnej strony internetowej, możemy sobie to przerobić na portfolio czy na wizytówkę. Tutorial dzięki stronie http://tutsfriend.com
Gdy już mamy nasze abstrakcyjne tło, wybierzmy sobie Zaznaczenie prostokątne (rectangular marquee tool) i zróbmy zaznaczenie jak na poniższym obrazku.
I teraz wypełnijmy nasze zaznaczenie kolorem białym.
Gdy wypełniliśmy zaznaczenie białym kolorem wciśnijmy CTRL+T w celu utworzenia transformacji i wybierzmy "Pochyl" (Skew)
I zróbmy coś takiego jak niżej
W tym momencie zmieńmy kolejność naszych warstw tak aby ta "pochylona" była poniżej naszego abstrakcyjnego tła
Teraz PPM klikamy na warstwę z abstrakcyjnym tłem i wybieramy "Utwórz maskę warstwy", możemy to też zrobić z przycisku w okienku warstw na dole.
Powinno nam wyjść coś takiego
Idać dalej ulepszymy trochę tą warstwę, więc zaznaczamy sobię warstwe z naszym białym tłem i w Opcjach Mieszania (Blending option) ustawmy w Obrysie (Stroke) tak jak poniżej
Efekt jaki powinniśmy uzyskać widać na załączonym niżej obrazku
W międzyczasie dodałem jeszcze trochę tekstu i dodatkową listę po lewej na dole. Aby wyglądała ona jak "menu" dodatkowe dodałem do niej strzałki w tym celu wybierzmy Kształt Własny (Shape) i z listy kształtów strzałki i w tym wyborze strzałek, wybierzmy taką jak niżej
Ostateczny wygląd jaki uzyskałem mozemy podziwiać poniżej!
Źródło tutoriala to strona http://tutsfriend.com/ podziękowania dla niej. Z tej strony można też ściągnąć plik .psd jeżeli ktośby chciał plik gotowej strony z tego tutoriala.
Tutorial się podobał? Podziel się z innymi: