Ludwik.org

Zabawa z perspektywą - tabliczka

Dosłownie kilka godzin temu wróciłem znad morza, gdzie oczywiście, jak na złość, nie było pogody. Ale nie mam ochoty dzielić się z wami moimi przeżyciami i wy na pewno też nie mielibyście ochoty tego czytać. Nevermind… Wróciłem do domu, wypakowałem się, odpaliłem peceta (a właściwie to najpierw odpaliłem peceta, a potem sie wypakowałem) no i spojrzałem co tam słychać ciekawego. Po przeglądnięciu wszystkich maili, wpisów na blogach, artykułów, galerii, stron (…) naszło mnie, żeby coś napisać. Ogólnie jak zawsze nie wiedziałem co to będzie, więc dalej sobie surfowałem po sieci. W końcu znalazłem stronę, gdzie były same linki do różnych tutoriali. Z tym że wszystkie linki były fałszywe ;). Jeden z linków był zatytułowany “Tabliczka z napisem” i natychmiast przyszła mi do głowy moja tabliczka, której proces tworzenia chcę wam przedstawić. Ok, let’s go…

1. Tworzymy dokument
Na początku warto odpalić Photoshopa (w moim przypadku jest to wersja CS2 anglojęzyczna) i stworzyć nowy dokument. Mojemu dokumentowi nadałem rozmiar kwadratu o boku 500px z transparentnym tłem. SCREEN 1.

2. Tło i stylowanie tabliczki
Teraz wypełniamy naszą podstawową warstwę (u mnie nazywa się ona 'Layer 1') kolorem białym #FFFFFF. Oczywiście robimy to za pomocą narzędzia Paint Bucket Tool G. Od razu też tworzymy nową warstwę - na palecie z warstwami klikamy na Create New Layer SHIFT+CTRL+N. Nową warstwę nazwiemy 'tabliczka'. Tworzymy na niej prostokąt… W celu stworzenia prostokąta możemy np. użyć narzędzie Rectangle Tool U. Kolor jest nieważny, bo i tak będziemy go stylować odpowiednio. Powinien wyglądać mniej więcej tak: SCREEN 2.

3. Przyszedł czas na stylowanie
Naszej warstwie z prostokątem nadamy odpowiedni styl - popularny i już dawno przejedzony efekt szkła czy czegoś takiego. W tym celu przechodzimy do Blending Options (opcje mieszania) naszej warstwy (klikamy prawym przyciskiem myszy na naszą warstwę z prostokątem i wybieramy Blending Options). Następnie nadajemy warstwie styl Gradient Overlay. Nasz gradient edytujemy do tej postaci: SCREEN 3.
Naszej warstwie nadajemy również Stroke, czyli Obrys - szerokość 1px, pokolorowany na #cfcfcf - jak na SCREEN 4.
Zatwierdzamy wszystko klikając OK.

4. Tworzymy napis
Na środku naszej tabliczki tworzymy napis. Aby to zrobić trzeba wybrać narzędzie Horizontal Type Tool T. Nie ważne jakiego fontu użyjecie. Ja postawiłem na pogrubiony Trebuchet MS o rozmiarze 40px. Napis walnąłem kolorem białym #ffffff SCREEN 5.

5. Łączymy napis z tabliczką
Teraz musimy połączyć warstwę 'tabliczka' z napisem. W tym celu należy z przytrzymanym klawiszem CTRL kliknąć na warstwy, tak, aby obie były zaznaczone, patrz SCREEN 6. Już możesz puścić CTRL ;). Teraz, żeby je połączyć użyjemy skrótu klawiszowego CTRL+E - jest to najszybszy sposób. Jak widać - z dwóch warstw zrobiła nam się jedna SCREEN 7. Przez to połączenie nie możemy już edytować wcześniej nadanych styli dla warstw (możemy ewentualnie dodać nowe style), ani nie możemy zmienić napisu.

6. Tworzymy perspektywę.
W tym kroku, za pomocą zwykłej transformacji warstwy postaramy się nadać tej warstwie jakąś perspektywę. Aby tego dokonać wybieramy narzędzie Rectangular Marquee Tool M (czyli po naszemu Zaznaczenie Prostokątne). Właściwie możemy użyć byle jakiego narzędzia do zaznaczania, tzn. elipsa, lasso itp. - to jest bez różnicy. Teraz, mając wybrane to narzędzie, klikamy gdzieś na obrazku prawym przyciskiem myszy i z menu kontekstowego wybieramy Free Transform SCREEN 8. Teraz powinno nam się pojawić osiem takich małych kwadracików wokół naszej tabliczki SCREEN 9. Jeśli są to klikamy jeszcze raz prawym przyciskiem myszy gdzieś na naszym dokumencie i wybieramy Distort SCREEN 10. Dlaczego nie wybieramy opcji Perspective skoro bawimy się perspektywą? Ponieważ to nam narzuca pewnych ograniczeń co do możliwości przekształcania naszego obiektu.
Teraz najważniejsze… Chwytając kursorem narożnikowe kwadraciki (które nam się wcześniej pojawiły) przeciągamy je odpowiednio “zniekształcając” tym samym naszą tabliczkę, tak aby powstał efekt perspektywy SCREEN 11. Zatwierdzamy wciskając ENTER.

7. Detale, srale, dupale…
Możemy sobie teraz np. dodać jakiś cień… Wtedy cały efekt będzie jeszcze lepszy. No to tworzymy nową warstwę, ja ją nazwałem 'cień'. Musi się ona znajdować pod warstwą z tabliczką i jednocześnie nad warstwą z tłem, czyli w naszym przypadku między dwoma dotychczasowymi warstwami. Za pomocą narzędzia Polygonal Lasso Tool L tworzymy zaznaczenie takie jak na SCREEN 12.
To zaznaczenie wypełniamy kolorem czarnym #000000 za pomocą narzędzia Paint Bucket Tool G. Odznaczamy nasz obiekt i wybieramy teraz z górnego paska: Filter -> Blur -> Gaussian Blur.... Parametr Radius w okienku, które nam się pojawi ustawiamy na 7,5 i zatwierdzamy OK. SCREEN 13.
Opacity naszej warstwy z cieniem ustawiamy na powiedzmy 40% SCREEN 14.
Zapisujemy i gotowe :).

EFEKT KOĂ…Ć’COWY

Domyślam się, że jest tu troszkę błędów, choćby tych ortograficznych. Pokuszę się nawet o stwierdzenie, że dużo :P. Po prostu już nie chce mi się dzisiaj sprawdzać; jestem po podróży, godzina też nie jest najwcześniejsza…
Tak czy siak mam nadzieję, że moje wypociny jednak się przydadzą.