Gwiazda dla zaawansowanych

Gwiazda dla zaawansowanych

Tutorial ten przedstawia sposób wykonania wieloramiennej gwiazdki oraz uczy jak zdefiniować Kształt własny Custom Shape.

1. Zaczynamy
Stworzymy nowy dokument o wymiarach 400x400px z białym tłem. Włączymy miarkę, Widok>Miarki View>Rulers Ctrl+R i zmienimy jej podziałkę na procenty, klikając prawym przyciskiem na miarkę i wybierając Procent Percent.

2. Akcje i transformacje
Tworzymy nową warstwę Shift+Ctrl+N, wybieramy narzędzie Ołówek Pencil Tool o wielkości 1px. Zaznaczymy nim wierzchołki ramion gwiazdy.
Z miarki "wyciągamy" linie pomocnicze i ustawimy je tak, żeby pionowa przechodziła przez 50%, a dwie poziome przez 10% i 90%. W miejscu przecięcia się tych linii narysujemy punkty.

W tym momencie mamy tylko dwa wierzchołki, a do stworzenia gwiazdy potrzebujemy ich więcej. żeby były one w równych odstępach i nie namęczyć się za bardzo wykorzystamy do tego Akcje Actions. Otwieramy zakładkę Akcje Actions i klikamy na Stwórz nową akcje Create new action.

W okienku, które się pojawiło możemy nadać Nazwę Name akcji, np. "Gwiazda" i zdefiniować przycisk, po naciśnięciu którego uruchomimy akcję Przycisk funkcji Function Key, ja wybrałem F2. Powielamy warstwę z punktami Powiel warstwę Duplicate Layer, przechodzimy teraz do transformacji obiektu wybierając Edycja>Swobodnie przekształć Edit>Free Transform Ctrl+T. Na pasku na górze zmieniamy kąt o 20 stopni.

Zatwierdzamy transformacje. Przerywamy nagrywanie akcji przyciskiem Zatrzymaj odtwarzanie/nagrywanie Stop playing/recording

Teraz siedmiokrotnie naciskamy F2, w ten sposób otrzymujemy wszystkie wierzchołki gwiazdy. Pozostaje nam zaznaczyć punkty, w których będą kąty pomiędzy wierzchołkami. Robimy to w analogiczny sposób co zaznaczaliśmy wierzchołki.

Przy użyciu Przesunięcie Move Tool przesuwamy poziome linie pomocnicze w punkty 25% i 75%, tworzymy nową warstwę i tam stawiamy punkty (możemy zmienić kolor, żeby się odróżniały od poprzednich).

Najpierw obracamy warstwę o 10 stopni, a następnie używając wcześniej stworzonej akcji. Wyłączamy widoczność linii pomocniczych Widok>Pokaż>Linie pomocnicze View>Show>Guides.

Punkty nie są zbyt dobrze widoczne, ale do stworzenia z nich kształtu wystarczą.

Zaznaczamy wszystkie warstwy (oprócz tła) i łączymy je Ctrl+E.


3. Definiowanie własnego kształtu
Używając Pióra Pen Tool łączymy ze sobą wszystkie punkty. Wciskając klawisz Caps Lock wskaźnik będzie bardziej precyzyjny.

Mając cały czas aktywne Pióra Pen Tool klikamy prawym przyciskiem myszy na obszarze roboczym i wybieramy Zdefiniuj Kształt własny Define Custom Shape.

W oknie, które wyskoczyło możemy nazwać nasz kształt, np. Gwiazda. W ten sposób stworzyliśmy własny kształt, który będziemy mogli wykorzystać w różnych projektach.

5. Jak wykorzystać stworzony kształt
Otwieramy nowy dokument 400x400px. Tworzymy nową warstwę i na niej przy użyciu Kształt własny Custom Shape Tool tworzymy kształt w kolorze niebieskim #006ebb.

Z wciśniętym klawiszem Ctrl klikamy na miniaturkę warstwy w palecie Warstwy Layers w celu zaznaczenia utworzonego kształtu.

Wybieramy Zaznacz>Zmień>Zawęź zaznaczenie Select>Modify>Contract Ctrl+Alt+A i ustawiamy na 4px. Tworzymy nową warstwę z zaznaczonego obszaru Warstwa przez kopiowanie Layer via Copy Ctrl+J.

Nakładamy na warstwę następujące style Opcje mieszania Blending Options... Ctrl+Alt+Shift+O.

Pomniejszamy obszar roboczy, następnie narzędziem Zaznaczenie eliptyczne Elliptical Marquee Tool tworzymy selekcje w górnej części gwiazdy.

Na nowej Shift+Ctrl+N warstwie wypełniamy selekcje kolorem białym #FFFFFF przy pomocy Wiadra z farbą Paint Bucket Tool. Trzymając wciśnięty Ctrl, klikamy na Warstwa 1 Layer 1 (tą z większą gwiazdką), zaznaczając ją. Odwracamy zaznaczenie Zaznacz>Odwrotność Select>Inverse i naciskamy Delete. Pozbywamy się zaznaczenia Ctrl+D. Zmieniamy Wypełnienie Fill na 0%, przechodzimy do Opcje mieszania Blending Options... Ctrl+Alt+Shift+O i ustawiamy:

Dodamy jeszcze napis "helPS", style warstwy ustawimy na:

Na koniec dodamy jeszcze tło, żeby nasza gwiazda ładniej się prezentowała.

Nad warstwa Tło Background tworzymy nową warstwę, wypełniamy ją kolorem #AED2F1. Tworzymy jeszcze jedną warstwę i wypełniamy ją wzorkiem ukośnych linii (Jak zrobić własny Pattern), zmieniamy tryb mieszania na Nakładka Overlay i Krycie Opacity na 60%.