Wprowadzenie do programu ADOBE PHOTOSHOP – warstwy

Grafika wektorowa jest zorientowana obiektowo. Jej tworzenie opiera się na matematycznym opisie rysunku, co oznacza, że program zapamiętuje na przykład punkty początku i końca linii lub równanie okręgu i korzystając z tych danych przedstawia nam obiekt. Program do grafiki wektorowej zachowuje informacje o liniach i krzywych, tworzących poszczególne obiekty oraz o położeniu tych obiektów, ich barwie i rodzaju wypełnienia.
Pracujemy w tym przypadku na zdefiniowanych obiektach, które mogą być modyfikowane niezależnie od siebie. Gdy zmieniamy wielkość obiektu dane są przeliczane na nowo i dokładność oraz jakość odwzorowania nie ulega zmianie.
Programy do grafiki wektorowej to między innymi: CorelDraw!, Adobe Illustrator, Aldus Freehand.

Grafika rastrowa (bitmapowa) cechuje się tym, że obraz złożony jest z pojedynczych kolorowych punktów o jednakowej wielkości (piksele). Obszar ilustracji podzielony jest na siatkę pikseli czyli tzw. rastrę. Ilustracje mają ustaloną wysokość i szerokość w pikselach oraz głębię kolorów czyli ilość kolorów na każdy piksel. W przypadku, gdy zwiększymy rozdzielczość ekranu, ilustracja taka będzie wyglądać na optycznie mniejszą.
Edycja ilustracji rastrowej polega na modyfikacji poszczególnych pikseli.
Programy do grafiki rastrowej to między innymi: Adobe Photoshop, Picture Publisher i Photostyler, PC-Paintbrush; Fractal Designs Painter.

Grafika tworzona na użytek internetu jest grafiką rastrową co oznacza, że przy jej modyfikacji pracujemy nad poszczególnymi pikselami lub ich grupami. O ile w programie obsługującym grafikę wektorową można dowolnie przemieszczać wszystkie obiekty, bez straty ich jakości, o tyle pliki z grafiką rastrową mogą dużo stracić, jeżeli zaczniemy przesuwać niektóre fragmenty, szczególnie gdy mają one nieostre krawędzie.

Z tej właśnie przyczyny najlepiej jest tworzyć każdą część ilustracji na osobnej warstwie. Pozwala to nam na niezależne manipulowanie fragmentami ilustracji: zmienianie ich wielkości, stopnia nachylenia, korekcję barw czy dodanie cienia.

Oto co możemy dodatkowo dzięki temu osiągnąć: gdy narysujemy koło, na nim kwadrat, a następnie wymażemy kwadrat będziemy mieli dziurę w kole, ponieważ te dwie figury nałożyły się na siebie. Jeżeli każdą z tych figur narysujemy na osobnej warstwie, to po usunięciu kwadratu koło pozostanie całe.

Kolejność warstw może być w każdej chwili zmieniana i dzięki temu dowolny element grafiki możemy przesunąć na wierzch lub pod spód w zależności od potrzeb. Możemy również ustawić stopień krycia danej wartswy (opacity). Na poniższym przykładzie warstwa, na której znajduje się czerwone koło ma stopień krycia 70% , dzięki czemu prześwituje spod niej granatowy prostokąt.

Warstwy mogą być kopiowane w obrębie danego dokumentu lub do innego pliku. Wybieramy menu Layer/Duplicate Layer oraz wpisujemy nazwę dokumentu, do którego ma być skopiowana – domyślnie ustawiony jest aktywny dokument. Możemy kopiować warstwę przeciągając ją z palety warstw na inny dokument.

Uruchom: Window/Show Layers i popatrz jakie możliwości daje nam posługiwanie się warstwami:

1. Wyświetlanie/ukrywanie warstwy
   Kiedy klikniemy trzymając klawisz ALT zostanie wyświetlona tylko dana warstwa, a inne pozostaną niewidoczne, powtórne kliknięcie pokaże z powrotem wszystkie warstwy
2. Łączenie warstw. Wyświetlony symbol pędzla w tym miejscu oraz niebieskie okienko z nazwą oznacza, że warstwa jest aktywna, a jej nazwa jest wyświetlana obok nazwy ilustracji na górnym pasku jego okna.
3. Miniaturka warstwy
4. Nazwa warstwy, poprzez podwójne kliknięcie możemy przejść do edycji opcji warstwy
5. Menu operacji na warstwach
6. Litera T oznacza, że warstwa zawiera tekst, poprzez podwójne kliknięcie możemy przejść do edycji tekstu
7. Litera f oznacza, że do warstwy zastosowane są specjalne efekty, poprzez podwójne kliknięcie możemy przejść do edycji efektów. ALT + podwójne kliknięcie usuwa ostatni efekt
8. Dodanie maski warstwy
9. Dodanie nowej warstwy (użycie narzędzia tekstu automatycznie tworzy nową warstwę)
10. Usunięcie warstwy

1. Rzucenie cienia (Drop Shadow)
2. Cień wewnętrzny (Inner Shadow)
3. Rozświetlenie na zewnątrz (Outer Glow)
4. Rozświetlenie do wewnątrz (Inner Glow)
5. Uwypuklenie (Bevel) oraz wytłoczenie (Emboss):
   
   
     
   
   Uwypuklenie zewnętrznych brzegów (Outer Bevel)
   
      
   Uwypuklenie wewnętrznych brzegów (Inner Bevel). Opcja ta doskonale nadaje się do tworzenia wszelkiego rodzaju przycisków.
   
   
   
   Wytłoczenie (Emboss)
   
   
   
   Wytłoczenie (Pillow Emboss)

 
Opcje efektów specjalnych:

• Opacity (krycie)
• Angle (kąt)
• Distance (odleglość)
• Blur (rozmycie)
• Intensity (intensywność cienia)

Ilość warstw, zastosowanych w dokumencie, wpływa na objętość pliku, obszary przezroczyste nie zwiększają jego objętości. Aby zmniejszyć objętość pliku możesz połączyć ze sobą niektóre warstwy przy pomocy opcji Merge Layers. Masz tutaj dwie możliwości:

• Merge Down – połączenie wszystkich warstw w dół począwszy od aktywnej
• Merge Visible – połączenie wszystkich widocznych warstw.

Aby połączyć wszystkie warstwy, czyli “spłaszczyć ilustrację” użyj opcji Flatten Image. Pamiętaj jednak, że po spłaszczeniu obrazka i zapisaniu go oraz w przypadku, gdy zapiszesz dokument w innym formacie niż psd, informacje o warstwach zostaną bezpowrotnie stracone.

Agnieszka Richter

Artykuł został napisany dla Optimus Pascal S.A. Publikowanie całości lub fragmentów niniejszego artykułu jest zabronione bez zgody właściciela.