Żólta karteczka typu Z-Z

Na pewno widzieliście w internecie strony internetowe, na których ważne informacje wyróżnione były w oryginalny sposób. W biurze, domu jednym z takich metod wyróżniania ważnych treści jest opisywanie małych żółtych karteczek i przyklejanie je np. nad monitorem. Można zastosować taką metodę również na stronie internetowej! W jaki sposób stworzyć taką karteczkę? O tym w poniższym tutorialu

Zaczynamy!

W programie Photoshop CS2 tworzymy nowy dokument o formacie A4.

Za pomocą narzędzia Prostokąt (U) rysujemy prostokąt w kształcie karteczki Z-Z. Następnie wchodzimy w Styl warstwy dwukrotne kliknięcie na warstwę w menu Warstwy) i tam ustalamy:
Nałożenie koloru: #fcffc8
Obrys: #dfe2b4, krycie 100% i wielkość 1px

Kopiujemy aktywną warstwę (CTRL+J) i przekształcamy do żądanego kształtu (CTRL+T) i opcja Zniekształć takiego jaki widzimy na obrazku poniżej.

Nakładamy w Stylu warstwy Gradient prosty i ukrywamy spodnią warstwę.

Kopiujemy aktywną warstwę (CTRL+J), wybieramy narzędzie Lasso wielokątne (L) i zaznaczamy prawy dolny róg naszej karteczki. Rasteryzujemy warstwę aktywną i usuwamy zawartość zaznaczenia.

Przekształcamy warstwę wierzchnią i rasteryzujemy ją.

Za pomocą narzędzia Lasso wielokątne (L) zaznaczamy znów prawy dolny róg mniejszej karteczki i usuwamy go (efekt powinien przypominać ten z orazka poniżej). Wchodzimy w styl warstwy i ustawiamy gradient tak, aby przypominał ten z poniższego obrazka, tą samą czynność powtarzamy dla drugiej warstwy. Efekt powinien przypominać zawinięty dolny prawy róg karteczki. Grupujemy obie warstwy jako Obiekt inteligenty i kopiujemy.

Wchodzimy w styl spodniego Obiektu inteligentnego i ustawiamy:
Nałożenie koloru: #000000 (czerń)
Następnie rozmywamy Obiekt inteligenty i przekształcamy w taki sposób, aby efekt cienia jaki tworzy był jak najbardziej realistyczny (cień powinien być lekko widoczny tylko pod „zawinięciem” karteczki).

Teraz musimy tylko dostosować wielkość naszej karteczki do potrzebnego nam rozmiaru, zapisać w żądanym formacie i Voila

plik PSD: smallSheet.psd

Kamil Winiszewski