EFEKTY

październik/listopad 2005 www.psdmag.org

20

praca na dyplom

www.psdmag.org październik/listopad 2005

21

wykonaj go sam

5

35 min

poziom trudności:

·

nauka tworzenia ornamentów wykorzystywanych na

dyplomach;

wykorzystanie Zadań (Actions) do tworzenia orna-

mentów.

cel

Czy myśleliście kiedyś o zaprojektowaniu w Photoshopie grafiki do certyfika-
tu lub dyplomu? Jeśli ktoś wątpi, że narzędzia Photoshopa dają taką możli-
wość, niech wykona poniższe ćwiczenie. Stworzenie projektu dyplomu opiera
się głównie na zabawie z różnymi figurami geometrycznymi i ich obrysami,
a ograniczeniem może być jedynie wyobraźnia. Początkowo znalezienie po-
mysłu na ciekawy projekt może sprawiać pewne kłopoty, ale w miarę pozna-
wania możliwości Photoshopa staje się przyjemną zabawą. Niech poniższe
ćwiczenie będzie dla Was swoistą inspiracją.

praca na dyplom

zrób go sam

Artykuł został opublikowany w magazynie .psd. Zapraszamy do lektury całego magazynu.

Szczegóły na stronie internetowej www.psdmag.org. Wszelkie prawa zastrzeżone.

Powielanie całości lub części artykułu bez zgody Wydawnictwa – zabronione.

EFEKTY

październik/listopad 2005 www.psdmag.org

20

praca na dyplom

www.psdmag.org październik/listopad 2005

21

wykonaj go sam

wypełnianie kształtu

Teraz możemy wypełnić kształt kolorem. W tym celu klikamy na
palecie

Ścieżki (Paths) na ikonę Wczytaj ścieżkę jako zaznaczenie

(

Load Path as a selection). Następnie zaznaczenie wypełniamy, na no-

wej warstwie

fig_01, kolorem granatowym (np. #3D3070). Nie odzna-

czamy zaznaczenia – będzie nam jeszcze potrzebne. Jeśli nie mamy
takiego kształtu, możemy skorzystać z gotowego pędzla umieszczonego
na płycie.

0

1

0

2

0

3

0

4

0

5

dopracowywanie elementów ornamentu

Tworzymy nową warstwę o nazwie

Help. Tu utworzymy maskowanie

dla ostatnio tworzonego elementu. Przy pomocy narzędzia

Zaznacze-

nie eliptyczne (Elliptical Marquee Tool) tworzymy okrąg przytrzymując
klawisz [

Shft]. Okrąg powinien być nieco mniejszy niż cały ornament – bę-

dzie on stanowił środek ornamentu. Zaznaczenie wypełniamy dowolnym,
kontrastowym kolorem (np. czerwonym) i odznaczamy.
Teraz trzeba wyrównać w poziomie i w pionie warstwę

Help z pozostałymi

warstwami. Pozostając na warstwie

Help wczytujemy zaznaczenie tej war-

stwy klikając na nią z jednoczesnym przyciśnięciem klawisza [

Ctrl]. Zapi-

sujemy selekcję jako kanał o nazwie

Help w palecie Kanały (Channels).

0

6

tworzenie dokumentu

Zakładamy, że projekt będzie przeznaczony do druku na domowej
drukarce, więc stwórzmy dokument o parametrach 210 mm na 297

mm, 150 piks/cal, RGB, tło – białe.
Używając [

Ctrl]+[R] włączamy miarki i ustawiamy dwie poziome i dwie

pionowe miarki: 1,5 cm w odległości od prawego i lewego brzegu, 2 cm od
dolnego brzegu i 1,7 cm od górnego. Ta wielkość może być inna, ale waż-
ne jest , aby umieszczona w polu między miarkami grafika, mieściła się
w obszarze drukowania.

tworzenie zarysu ornamentu

Tworzymy nową warstwę

fig_01. Z palety Narzędzia wybieramy Kształt

własny (Custom Shape Tool) i wybieramy ornament Flower. Jeśli nie

mamy go w zestawie

Kształtów Własnych należy załadować kształty z dys-

ku. W palecie narzędziowej kształtu własnego należy wybrać

Utwórz nową

ścieżkę (Create new work path) i przytrzymując klawisz [Shft] rysujemy
proporcjonalny ornament o szerokości i wysokości równej 4 centymetry.
Wybieramy narzędzie

Konwersja punktów (Convert Point Tool) i klikamy

kolejno każdy ostry wierzchołek wewnątrz „kwiatka” i przeciągamy stycz-
ne tak, aby powstały zaokrąglenia zamiast ostrych wierzchołków.

kwiatowe elementy ornamentu

Tworzymy nową warstwę –

fig_02. Przekształcimy zaznaczenie – Zazna-

cz>Przekształć zaznaczenie (Select>Transform selection) – zmniejsza-

my wielkość selekcji na 95% w pionie i w poziomie. Selekcji nadajemy obrys
–

Edycja>Obrysuj... (Edit>Storke...) – biały o szerokości 1 piksela. Zaznacze-

nie zapisujemy jako kanał

Alfa 1. Odznaczamy selekcję i tworzymy kolejną

warstwę

fig_03. Na niej rysujemy zaznaczenie eliptyczne, o wielkości takiej,

aby wystawała ponad warstwę

fig_01. Nadajemy jej biały obrys o szerokości 1

piksela i odznaczamy selekcję. Wyrównujemy warstwy

fig_03 i fig_01.

tworzenie ornamentu

Tak dopasowaną warstwę kopiujemy. Skopiowaną warstwę obraca-
my precyzyjnie o 10 stopni w prawo używając [

Ctrl]+[T] i ustawia-

jąc parametry na górnym pasku narzędziowym. Warstwę

fig_03 kopia

ponownie kopiujemy i postępujemy z nią analogicznie. Kolejne warstwy
kopiujemy i obracamy o 10 stopni do momentu, aż zapełnimy wnętrze
kwiatu harmonijnym wzorem. Powinno powstać 17 kopii warstwy

fig_03.

Następnie używając [

Ctrl]+[E] łączymy kopie warstwy fig_03 z nią sa-

mą. Po tej operacji znów powinny zostać tylko cztery warstwy:

Tło, fig_01,

fig_02 oraz fig_03.

EFEKTY

październik/listopad 2005 www.psdmag.org

22

praca na dyplom

www.psdmag.org październik/listopad 2005

23

wykonaj go sam

wykończenie ornamentu

Tworzymy nową warstwę

fig_06, na której rysujemy niewielki okrąg – to

będzie element, z którego wykonamy półksiężyce. Okrąg wypełniamy

kolorem tła ornamentu. Przesuwamy zaznaczenie o kilka pikseli w prawo,
usuwamy zbędny fragment okręgu i odznaczamy selekcję. Okręgowi na-
dajemy biały obrys o szerokości jednego piksela.

Krycie obrysu zmieniamy

na 80%. Umieszczamy półksiężyc po lewej stronie ornamentu. Kopiujemy
warstwę

fig_06 i kopię odbijamy w poziomie. Przesuwamy ją o kilkanaście

pikseli w prawo. Spłaszczamy warstwy

fig_06 i fig_06 kopia a nowopowstałą

warstwę

fig_06 obracamy o 90 stopni. Łączymy obie warstwy i wyśrodko-

wujemy warstwę

fig_06 względem reszty warstw.

0

7

obramowanie ornamentu II

Po zakończeniu tego działania łączymy wszystkie ornamenty w jed-
ną warstwę – [

Ctrl]+[E]. Teraz tworzymy nową warstwę na samej

górze i nazywamy ją

Page. Na niej utworzymy cieniowanie strony. Uży-

wając

Zaznaczenia prostokątnego (Rectangular Marquee Tool) rysujemy

prostokąt rozpoczynając od środka lewego górnego ornamentu, a koń-
cząc w środku prawego dolnego ornamentu. Prostokąt wypełniamy bia-
łym kolorem, odznaczamy selekcję i nadajemy mu obrys o szerokości
5 pikseli i kolorze granatowym (#3D3070) –

Warstwa>Style warstwy>

Obrys (Layer>Layer style>Stroke).

0

8

0

9

1

0

1

1

tworzenie tła dla treści dyplomu

Tworzymy nową warstwę –

Border. Wczytujemy zaznaczenie warstwy

Page – [Ctrl]+kliknięcie na warstwie. Zmieniamy wielkość zaznaczenia

na 98% w poziomie i 99% w pionie. Nadajemy zaznaczeniu biały

Obrys (Stro-

ke) o szerokości 1 piksela i odznaczamy selekcję. Następnie tworzymy nową
warstwę –

Rings i rysujemy na niej niewielki owal. Nadajemy zaznaczeniu

granatowy obrys o szerokości 1 piksela. Powielamy warstwę

Rings i prze-

suwamy w prawo za pomocą strzałek. Kopiujemy kolejne warstwy tak, aby
utworzyły łańcuch lekko zachodzących na siebie owali (najlepiej w tym celu
wykonać

Zadanie). Czynność powtarzamy dotąd, aż wypełnimy całą szero-

kość przestrzeni wewnątrz granatowej ramki.

1

2

dodanie efektów warstw

Wracamy na paletę

Warstwy i ukrywamy warstwę Help. Odwracamy

zaznaczenie – [

Ctrl]+[Shft]+[I]. Przenosimy się teraz na warstwę fig_

03 i usuwamy jej zewnętrzną część. Następnie usuwamy warstwę Help, ale
zaznaczenie powinno być nadal aktywne. Tworzymy nową warstwę –

fig_04.

Ponownie odwracamy zaznaczenie i obrysowujemy je białym kolorem o sze-
rokości 1 piksela. Odznaczamy selekcję i nadajemy tej warstwie jeszcze je-
den obrys używając polecenia

Warstwa>Styl warstwy> Obrys... (Layer>Lay-

er style>Stroke...). Obrysowi nadajemy kolor #3D3070 i wielkość 8 pikseli.

ozdabianie brzegów ornamentu

Tworzymy nową warstwę –

fig_05. Nad ornamentem rysujemy wąski

owal, wystający ponad ornament. Zaznaczenie przekształcamy w biały

obrys o szerokości 1 piksela. Odznaczamy selekcję i warstwę

fig_05 wyrów-

nujemy, a następnie kopiujemy ją. Skopiowaną warstwę obracamy o 5 stopni.
Kopiujemy i obracamy kolejne warstwy, aby uzyskać strukturę siatki. Powin-
no powstać 35 kopii warstwy

, które łączymy w jedną warstwą i usuwamy jej

środek – wykorzystujemy kanał

Help. Odznaczamy selekcję i wczytujemy

zaznaczenie z kanału

Alfa 1. Odwracamy selekcję, usuwamy zbędne pikse-

le i odznaczamy. Zmieniamy

Krycie warstw fig_03 oraz fig_05 na 70%

obramowanie z ornamentu

Tworzymy zestaw warstw i przenosimy do niego wszystkie warstwy
oprócz tła, nie zmieniając ich kolejności. Zestaw powielamy i ukrywa-

my

Zestaw 1. W kopii zestawu pierwszego łączymy wszystkie warstwy

i tak powstałej warstwie nadajemy nazwę

Ornament. Warstwę Ornament

kopiujemy. Przemieszczamy w poziomie i w pionie jego kopie tak, aby
utworzyć ramkę. Zadbajmy o to, aby ornamenty u góry i na dole oraz po
prawej i po lewej stronie rozmieszczone były symetrycznie, można wy-
równać je za pomocą polecenia

Wyrównaj połączone (Align Linked).

EFEKTY

październik/listopad 2005 www.psdmag.org

22

praca na dyplom

www.psdmag.org październik/listopad 2005

23

wykonaj go sam

Aby stworzyć zadanie wystarczy wybrać polecenie Nowe Zadanie

(

New Action) w palecie Zadania (Actions). Następnie wciskamy przy-

cisk

Początek nagrywania (Begin recording) i powielamy warstwę,

z której będzie składał się ornament. Kopię przesuwamy za pomocą
strzałek o określoną odległość. Po odpowiednim ustawieniu warstwy
wciskamy przycisk

Zatrzymaj nagrywanie (Stop recording). Teraz

wystarczy wciskać przycisk

Wykonaj bieżące zaznaczenie (Play

selection) i obserwować jak szybko uzyskujemy wzorek.

tworzenie zadań

narożniki

Tworzymy nową warstwę –

Orn_01. Wybieramy narzędzie Kształt własny

i dobieramy ornament pasujący do całości. W naszym przypadku jest to

okrąg z czterema szpicami. Na warstwie

Orn_01 przeciągamy myszką przy-

trzymując klawisz [

Shft] i tworzymy ornament wypełniający róg między

poziomymi i pionowymi pierścieniami. Jeśli pierścieni jest za dużo można
je usunąć za pomocą

Gumki. Na palecie Ścieżki (Paths) wczytujemy ścieżkę

jako zaznaczenie, a następnie nadajemy zaznaczeniu obrys w kolorze gra-
natowym i szerokości 1 piksela. Odznaczamy selekcję i kopiujemy warstwę
Orn_01 trzykrotnie, a każdą kopię umieszczamy symetrycznie w pozosta-
łych rogach. Łączymy kopie warstwy

Orn_01 z nią samą – [Ctrl]+[E].

1

3

1

4

1

5

1

6

elementy wykończeniowe

Łączymy ze sobą warstwę

Orn_02 i jej kopię. Teraz trzeba już tylko od-

wrócić

Orn_02 o 45 stopni. Warstwę Orn_02 umieszczamy pod warstwą

Ornament i kopiujemy tyle razy, ile jest przestrzeni między głównymi orna-
mentami. Teraz, za pomocą strzałek na klawiaturze, przesuwamy kopie w od-
powiednie miejsca. Można połączyć wszystkie kopie

Orn_02 z oryginałem tej

warstwy, aby uniknąć chaosu w projekcie. Dyplom jest już właściwie gotowy.
Pozostaje jeszcze dobrać odpowiednie fonty i wpisać treść dyplomu.

W tym ćwiczeniu nauczyliśmy się, że można zaprojektować efektow-
ną grafikę nie używając programów do grafiki wektorowej. Co więcej
– w naszym ćwiczeniu nie wykorzystaliśmy ani jednego filtra dostęp-
nego w Photoshopie. Jedynie bawiliśmy się figurami geometrycznymi
i ich przekształcaniem. Niech to ćwiczenie będzie dobrym początkiem
nowych pomysłów.

1

7

tworzenie tła dla treści dyplomu

Łączymy wszystkie kopie warstwy

Rings. Zostawiamy tylko nie połączo-

ną oryginalną warstwę

Rings, którą kopiujemy, a jej kopię odwracamy

o 90 stopni i przesuwamy tak, aby znajdowała się w lewym górnym rogu we-
wnętrznej ramki. Kopiujemy warstwę

Rings kopia i przesuwamy ją o określo-

ną ilość pikseli w dół. Powtarzamy te czynności dopóki nie wypełnimy lewe-
go brzegu. Następnie łączymy wszystkie kopie

Rings, aby w jednej warstwie

otrzymać owale poziome, a w drugiej warstwie owale pionowe. Powielamy
je i przesuwamy, aby uzyskać obrys wokół całego dyplomu.

tekstura strony i wykończenie narożników

Tworzymy nowy dokument o rozmiarach 5 na 5 pikseli i przezroczystym
tle. Powiększamy go maksymalnie i za pomocą

Ołówka (Pencil Tool)

o wielkości 1 piksela i kolorze granatowym rysujemy ukośną linię. Zaznacza-
my całość i używając polecenia

Edycja>Zdefiniuj wzorek... (Edit>Define Pat-

tern...) zachowujemy zaznaczenie jako wzorek o nazwie Lines. W naszym
projekcie tworzymy nową warstwę –

Lines. Rysujemy zaznaczenie prosto-

kątne obejmujące obszar między pierścieniami i wypełniamy je wzorkiem
–

Edycja>Wypełnij>Wzorek (Edit>Fill>Pattern). Odznaczamy selekcję i wy-

równujemy tę warstwę z pozostałymi oraz zmieniamy jej

Krycie na 50%.

przestrzeń między ornamentami

Tworzymy nową warstwę –

Orn_02. Rysujemy okrąg, który wielkością

będzie zbliżony do elementu naszego głównego ornamentu – kwiatu.

Nadajemy zaznaczeniu granatowy obrys o szerokości 1 piksela i odznacza-
my selekcję. Kopiujemy warstwę

Orn_02 i kopię przekształcamy zmniejsza-

jąc szerokość do 90%. Kopię warstwy

Orn_02 powielamy ponownie i postępu-

jemy analogicznie. W ten sposób tworzymy jeszcze osiem warstw. Powinno
powstać dziesięć zmniejszających się owali. Spłaszczamy wszystkie – [

Ctrl]

+[

E], kopiujemy warstwę Orn_02 i kopię odwracamy o 90 stopni.

o autorze

Magdalena Tomczyk
Pracuje jako freelancer, cały czas w stałej współpracy
z agencjami reklamowymi.