Maj
2
2012

Style warstw dla zielonych

Style Warstw (Layer Styles) to wbrew pozorom bardzo rozbudowane i użyteczne narzędzie, którego poznanie znacznie ułatwia pracę z programem Photoshop. Jest to nic innego jak efekty specjalne, które można szybko i łatwo dodawać do jednej lub wielu warstw. Zaletą stylów warstw jest to, że efekty mogą być definiowane dla określonych warstw, modyfikowane, a nawet kopiowane i przydzielane dla całej grupy warstw(stosu). Dzisiaj postaram się Wam przedstawić lepiej te niezwykle użyteczne narzędzie, pokażę również jak zdefiniować własne style oraz efektywnie z nich korzystać. Po sugestiach jednej z czytelniczek postanowiłem podawać wszelkie nazwy zakładek/narzędzi itp. w dwóch wersjach językowych 😉

Style Warstw w Adobe Photoshop

Jedną z kluczowych właściwości stylów warstw jest ich stosunek do zawartości warstw. Styl warstwy jest elementem całkowicie odrębnym, jedynie związany z warstwą, a każda modyfikacja określonego stylu jest na bieżąco aktualizowana. Ponadto skutki użycia i modyfikacji stylów warstw mogą być względnie łatwo edytowane i usuwane, nie pozostawiając żadnego śladu na zawartości warstwy, tzn. każde użycie stylów warstw jest całkowicie odwracalne. Wykorzystanie stylów warstw podczas pracy w Adobe Photoshop jest więc standardem, czyni pracę efektywniejszą oraz dużo przyjemniejszą. Użycie wspomnianych stylów idealnie przydaje się podczas pracy nad typografią lub elementami projektowanej witryny internetowej…wyobraźcie sobie sytuacje, kiedy musielibyście edytować każdy przycisk lub tekst z osobna… nie musicie, do tego właśnie stworzone zostało wspomniane narzędzie 😉 

Photoshop daje możliwość definiowania i organizowania własnych stylów warstw         © viperagp –  Fotolia.pl

 

Style warstw wbudowane w Photoshopa (Presets)

To nic innego jak domyślnie zdefiniowane przez Adobe style warstw, które możecie wykorzystać przy swojej pracy z programem. Aby zastosować styl warstwy,  zaznacz warstwę, którą chcesz edytować (okno warstwy/layers), a następnie wybierz styl warstwy,  który chcesz zastosować. Ta niewielka, sprytna zakładka pozwala nam w szybki wygodny sposób zastosować zdefiniowane domyślnie style warstw.

Poniżej zaprezentowałem przykład użycia jednego z wbudowanych stylów warstw/layer styles na prostym przykładzie kwadracika. Po lewej obiekt bez przypisanych stylów, obok ten sam obiekt z nałożonymi stylami. Widzicie już jak w prosty i szybki sposób możemy zmienić „wizerunek” nawet tak prostego kształtu?

Po nałożeniu własnych lub wbudowanych stylów warstw/layer styles warto zwrócić uwagę na niewielkie zmiany jakie zaszły w zakładce warstwy/layers. W tym właśnie miejscu możemy zarządzać m.in. widocznością poszczególnych efektów lub całej palety stylów(2), a nawet zmodyfikować istniejący lub zdefiniować własny styl, klikając na ikonkę przypominającą literkę „f” (1). 

Własne style warstw

Możemy również zdefiniować własne style warstw oraz zapisać je do późniejszego wykorzystania. Po wywołaniu okna Stylów Warstw/Layer Styles, klikając we wspomnianą literkę „f” (w moim przypadku „fx” – w wersji CS4) należałoby najpierw zapoznać się z poszczególnymi, dostępnymi efektami.

Postanowiłem przybliżyć dla Was poszczególne efekty i zakładki okna Style Warstw/Layer Styles. Chociaż wachlarz ich zastosowań jest ogromnie szeroki to mam nadzieję, że mój opis pozwoli Wam lepiej zrozumieć „mechanizmy” poszczególnych efektów i nauczyć się efektywnie je wykorzystywać. Style możecie definiować za pomocą wszystkich dostępnych efektów, zacznę od krótkiego wymienienia dostępnych efektów, do szczegółów przejdę natomiast w dalszej części :

  • Cień/Drop Shadow -Dodaje cień pod elementem, możemy ustalić kąt padania światła, rozmiar, gęstość czy nawet oddalenie cienia.
  • Cień wewnętrzny/ Inner Shadow – Pozwala dodać cień wewnątrz elementu(po wewnętrznej stronie konturu).
  • Blask zewnętrzny / Outer Glow – Tworzy poświatę za elementem, bardzo podobny efekt do cieniaz tą jednak różnicą, że nie mamy możliwości ustalenia odległości.
  • Wewnętrzny blask / Inner Glow – Analogicznie do dwóch powyższych.
  • Faza i Płaskorzeźba / Bevel and Emboss – Nazwa raczej mówi sama za siebie. Pozwala dodawać efekt wypukłości.
  • Satin – Pozwala nadać blasku naszym elementom 😉
  • Nałożenie koloru / Color Overlay – Wypełnia zawartość warstwy jednolitym kolorem.
  • Nałożenie gradientu / Gradient Overlay – Wypełnia zawartość warstwy ustalonym lub wybranym gradientem.
  • Nałożenie wzoru / Pattern Overlay – Daje możliwość wypełnienia elementu nakładką w postaci „wzorka”.
  • Obrys / Stroke – Dodaje obrys, w którym mamy możliwość ustalenia linii, jej rozmiaru itp.

Skoro wiecie już mniej więcej do czego służy każdy z wymienionych efektów, tzn. możecie przejść do najlepszej części-zabawy ze stylami warstw! Uważam, że najwięcej załapiecie eksperymentując ze stylami warstw,  a w przyszłości radziłbym podnieść nieco poprzeczkę i skupić się na próbie definiowania stylów warstw w taki sposób, aby osiągać zamierzony efekt.

Nasz pierwszy styl

W tym poradniku zaproponuję Wam stworzenie prostego efektu tekstowego, opartego w całości na stylach warstw. Myślę, że będzie to znakomita opcja nauki, efekt do odtworzenia starałem się wybrać w taki sposób, aby spróbować użyć większości z dostępnych efektów. Spróbujmy więc wykonać wykorzystując tylko i wyłącznie stylów warstw.

Krok 1

Zacznijmy więc od dodania tekstu. Ja wybrałem czcionkę Whimsy TT i postaram się stworzyć tekst w klimacie kreskówkowo-komiksowym. Rozmiar tekstu jaki ustaliłem w przypadku mojej pracy to 122pt, natomiast obszar roboczy ma wymiary 800×600 px.

Krok 2

Przechodzimy do definiowania stylu dla warstwy z tekstem. Wywołujemy okienko stylów warstw/layer styles w sposób przedstawiony wcześniej(litrerka „f”/”fx”) lub wybierając z menu Layers/Warstwy>Layer Styles/Style Warstw.

Krok 3

Pierwszym efektem, który użyjemy w naszym stylu będzie nałożenie gradientu(gradient overlay), ja wybrałem przedstawiony na screenie, Wy oczywiście możecie wybrać dowolny w celu przećwiczenia. W tym i innych punktach zwróćcie uwagę na modyfikacje w parametrach poszczególnych efektów.

Krok 4

Następnie zajmiemy się efektem Faza i Płaskorzeźba(Bevell and Emboss), wybierzemy również opcję Kontur/Contour. Wszystkie wytyczne odnośnie modyfikacji widnieją na screenach.

Krok 5

Przejdziemy teraz do modyfikacji efektów Blask wewnętrzny/Inner Glow oraz Blask wewnętrzny/Outer Glow. Również w tym przypadku dozwolone, a wręcz jak najbardziej wskazane są eksperymenty z poszczególnymi wartościami. Jeśli chcecie możecie trzymać się ustalonych przeze mnie wartości.

 

 

Krok 6

Ostatnią rzeczą będzie rzucenie cienia(drop shadow). To powinno nadać naszemu tekstowi wystarczająco kreskówkowy efekt.

Efekt naszej pracy prezentuje się poniżej…. a Wy (śmiem twierdzić) z pewnością opanowaliście już style warstw? 😉

Jak bardzo różni się on od Waszych prób? Czy mieliście problemy z wykonaniem tego krótkiego poradnika? Jeśli wszystko wydaje się Wam jasne-znakomicie! Możecie śmiało eksperymentować ze stylami warstw! Mam nadzieję, że udowodniłem Wam, że za pomocą tego przydatnego narzędzia możecie uzyskać naprawdę interesujące efekty ograniczone tylko i wyłącznie Waszą wyobraźnią.

Wczytywanie i zapisywanie Stylów Warstw

Istnieje dużo gotowych do pobrania stylów warstw…zarówno tych płatnych jak i zupełnie darmowych. Wiele z nich wprost idealnie nadaje się do wykorzystania przy własnych projektach(oczywiście w zgodzie z postanowieniami warunków licencyjnych).

Pierwszym krokiem jest oczywiście pobranie wybranego stylu warstw. Pliki przechowujące style warstw dla programu Adobe Photoshop mają rozszerzenie .asl, ale równie często rozpowszechniane są w formie archiwów .rar lub .zip. Oczywista jest wiec konieczność do rozpakowania archiwum w łatwo dostępnym folderze na Waszym dysku twardym.

Najprostszym i chyba najszybszym sposobem wczytania pliku ze stylami warstw jest po prostu przeciągnięcie i upuszczenie pliku ze stylami do okna programu Photoshop. W ten sposób dołączane style są od razu widoczne i gotowe do użycia.Innym sposobem jest wybranie ikonki w prawym górnym rogu zakładki Presets i wybranie pozycji Load Styles… Analogicznie zapisujemy wybrane style, wybierając Save Styles…

Warto również poznać kilka niuansów dotyczących obsługi i podstawowych właściwości stylów warstw w Adobe Photoshop:

  • Stylów warstw nie można dodawać do zablokowanych warstw. Niemożliwe jest  dodanie stylów warstw dla zablokowanych warstw. Możliwe oczywiście jest dodawanie stylów warstw do warstwy przed blokując go możliwość edycji tej warstwy przed zablokowaniem jej…po zablokowaniu warstwa zachowuje wybrany styl, a po odblokowaniu warstwy zyskujemy możliwość jej edycji.
  • Można ukryć zawartość warstwy, pokazując tylko style warstw. W tym celu wystarczy przejść do zakładki warstw, wybrać pożądaną warstwę, a następnie na górze zakładki warstw zmniejszyć wartość wypełnienia do 0%.
  • Rozmiar miniatur w palecie stylów warstw możemy zwiększyć. W tym celu korzystamy z rozwijanego menu. Mamy możliwość zmiany sposobu wyświetlania na kilka sposobów(od miniatur w różnych rozmiarach, samych nazw stylów oraz widoku listy).
  • Można kopiować i wklejać style między warstwami tego samego dokumentu , jak również między różnymi dokumentami. Wystarczy prawym przyciskiem myszy przywołać menu na wybranej warstwie oraz wybrać pole „Kopiuj Styl Warstwy”. Styl możemy szybko i łatwo zastosować na innej warstwie, wybierając pozycję „Wklej Styl Warstwy”. W podobny sposób możemy szybko „wyczyścić” wybraną warstwę ze zdefiniowanych efektów, wybierając po prostu „Wyczyść Styl Warstwy).

Zostaw komentarz

Musisz być zalogowany aby dodać komentarz.

Polecane

Kategorie