Praca z warstwami
Zarówno program Adobe Photoshop jak i ImageReady pozwala umiesz-czać tworzoną lub wklejaną grafikę na różnych płaszczyznach, zwanych warstwami, i operować na nich. W tej lekcji poznasz podstawowe za-gadnienia związane z pracą na warstwach.
Nauczysz się:
• Operować grafiką na warstwach
• Tworzyć nowe warstwy
• Pokazywać i ukrywać warstwy
• Wybierać warstwy
• Usuwać grafikę z warstw
• Zmieniać położenie warstw, aby uzyskać odpowiednią kompozycję
• Modyfikować parametry warstw w celu uzyskania określonych efektów
• Łączyć warstwy
• Tworzyć warstwy tekstowe
• Stosować style warstw w celu uatrakcyjnienia grafiki
• Zapisywać obraz z wieloma warstwami i spłaszczać warstwy
Lekcja powinna zakończyć się po około 120 minutach całkowitym opa-nowaniem materiału. Wykonywane ćwiczenia dotyczą programu Adobe Photoshop, ale bez większego wysiłku mogą zostać powtórzone w pro-gramie ImageReady. Co też zaleca się zrobić jeśli materiał nie jest do końca przyswojony. Przygotuj się do przećwiczenia lekcji i skopiuj do lokalnego katalogu Moje dokumenty katalog Photoshop–Lekcja3 z podanej przez prowadzącego lokalizacji.
Organizacja pracy na warstwach
Każdy plik graficzny stworzony w Photoshopie zawiera jedną lub więcej warstw. Nowe pliki przeważnie zawierają tylko warstwę tła wypełnioną jednolitym kolorem, obrazem lub przeźroczystą. Wszystkie operacje związane z warstwami można wykonać za pomocą palety Layers.
Wszystkie nowe powstające warstwy w obrazie są przeźroczyste dopóki nie wypełnimy ich grafiką. Praca z warstwami jest podobna do pracy z arkuszami przeźroczystej folii z narysowanymi rysunkami na poszcze-gólnych arkuszach. Każdy z arkuszy może być pojedynczo modyfiko-wany, usuwany lub przesuwany względem innych. Kiedy ułożymy je ra-zem w stos, otrzymamy jedną z wielu możliwych kombinacji.
Tworzenie i przeglądanie warstw
Rozpoczniemy lekcję od otwarcia pliku i przeniesienia warstwy do inne-go obrazu.
1 Otwórz plik L3_warstwy_pocz.psd z katalogu Photoshop-Lekcja3, który znajduje się na twoim dysku twardym w katalogu Moje doku-menty.
Teraz dodamy do otwartego dokumentu nową warstwę, przez przecią-gnięcie obrazu z innego pliku.
2 Otwórz plik L3_warstwy_zegar.psd.
3 Wybierz teraz narzędzie Move - .
4 Przytrzymaj klawisz Shift i przeciągnij obraz z pliku L3_warstwy_zegar.psd do pliku L3_warstwy_pocz.psd. Umieść go nad zdjęciem klawiatury (Przytrzymanie klawisza Shift podczas przeciągania, powoduje automatyczne wycentrowanie obiektu w nowym dokumencie).
Teraz zegarek pojawi się na nowej warstwie, Layer 1, w pliku L3_warstwy_pocz.psd. Możesz to zobaczyć na palecie Layers.
Zdjęcie zegara w pliku L3_warstwy_zegar.psd Zdjęcie przeniesione do pliku L3_warstwy_pocz.psd
5 Zamknij okno z dokumentem L3_warstwy_zegar.psd.
6 Jeśli paleta Layers nie jest widoczna, wybierz Window Show Layers, aby ją wyświetlić. Możesz powiększyć sobie okno palety, jest ono najważniejsze podczas pracy z warstwami. Wygodniej jest widzieć wszystkie warstwy jednocześnie w palecie, wtedy ma się ob-raz całości i łatwo można się zorientować, co jest nie tak z tworzo-nym obrazem.
Paleta Laers w programie Photoshop Paleta Laers w programie Image-Ready
1 – Minimalizacja/Maksymalizacja lub zamknięcie palety, 2 – Nowa warstwa (na rysunku zaznaczona), 3 – Kolumna Pokaż/Ukryj warstwę, 4 – Dodanie stylu na warstwie, 5 – Dodanie maski na warstwie, 6 – Nowa warstwa ustawień, 7 – Nowa warstwa dopasowująca, 8 – Nowa warstwa, 9 – Kosz, 10 – Poprzednia klatka animacji, 11 – Następna klatka animacji.
Możesz używać palety Layers do włączania, wyłączania, kasowania, zmiany położenia, zmiany nazwy i łączenia warstw. W palecie Layers wyświetlane są wszystkie warstwy z nazwą warstwy i miniaturką przed-stawiającą obraz na warstwie. Miniaturka zawsze zawiera aktualny wi-dok warstwy, ponieważ jest na bieżąco aktualizowana.
Zmienimy teraz nazwę warstwy, użyjemy w tym celu okna dialogowego Layers Properties.
7 Aktualnie wybraną warstwą w palecie Layers jest teraz warstwa z obrazem zegara (Layer 1). Wybierz teraz z menu palety opcję Lay-er Properties.
8 W oknie dialogowym, które teraz się wyświetliło, wprowadź w polu Name nazwę dla warstwy np. Zegar i kliknij OK. Teraz warstwa nazywa się „Zegar”.
Paleta Layers pokazuje, że plik zawiera oprócz zegara dodatkowo trzy inne warstwy. Niektóre z tych warstw są teraz widoczne, a niektóre są ukryte. O tym czy warstwa jest widoczna informuje nas ikonka z sym-bolem oka - , która znajduje się z lewej strony palety Layers, osobno dla każdej warstwy. Możesz ukrywać lub pokazywać warstwę, klikając na tą ikonę.
9 Kliknij teraz na tą ikonkę, aby ukryć warstwę z zegarem i kliknij po-wtórnie, aby ją pokazać.
Tworzenie obrazu przy pomocą warstw (tłumaczenie z wbudo-wanej pomocy Adobe Photoshop)
W programie Adobe Photoshop, możesz użyć 8000 warstw różnego ty-pu: warstwy łączone, warstwy ustawień, warstwy efektów. Dla każdej warstwy jest przechowywany sposób nakładania na sąsiednią oraz sto-pień przeźroczystości. Jednak ilość warstw dla pojedynczego dokumen-tu w twoim systemie może być ograniczona przez wielkość pamięci operacyjnej komputera. Ponieważ takie warstwy jak warstwy ustawień czy efektów zabierają znaczną część pamięci, rzeczywista ilość możli-wych d o utworzenia warstw znajduje się na poziomie 1000.
Nowo dodana warstwa zostaje umieszczone nad warstwą zaznaczona w palecie Layers. Możesz stworzyć nową warstwę na wiele sposobów:
• Przez stworzenie nowej warstwy lub zmianę selekcji na warstwę.
• Przez konwersję tła na warstwę lub dodanie tła do obrazku.
• Przez umieszczenie, przeniesienie lub wklejenie selekcji lub innego obrazu do obrazu edytowanego.
• Przez stworzenie tekstu przy użyciu narzędzia Type Tool.
• Przez używanie kształtów (Shape) lub narzędzie Pen Tool do stwo-rzenia nowej warstwy zawierającą ścieżkę wycinającą (Clipping Patch).
Zaznaczanie i usuwanie zawartości warstwy
Zauważ, że kiedy przesuwasz zegar nad zdjęciem klawiatury, przesuwa się on razem z białym tłem, które otacza obraz. Ta część obrazu prze-słania klawiaturę i jest w naszym przypadku całkowicie zbędna. Usu-niemy tą część obrazu na warstwie, powodując, że stanie się ona w tym miejscu przeźroczysta i odsłoni klawiaturę, która jest pod nią. Użyjemy do tego celu narzędzia Eraser Tool.
1 Upewnij się, że masz zaznaczoną warstwę z zegarem. Aby ją wy-brać, kliknij na nazwie warstwy w palecie Layers.
Zaznaczona warstwa zostanie podświetlona, obok nazwy warstwy po-jawi się symbol pędzla, który oznacza, że masz możliwość edycji tej warstwy
2 Ukryj teraz warstwę, na której znajduje się klawiatura (będziesz mógł lepiej ocenić obraz na warstwie z zegarem). Kliknij na ikonkę z okiem - , znajdującą się obok warstwy tła (Background).
Obraz klawiatury zniknie i zostanie tylko warstwa z zegarem na tle sza-chownicy. Taki rodzaj tła oznacza, że w tych miejscach warstwa jest przeźroczysta.
3 Wybierz narzędzie Magic Eraser Tool - , jest ono ukryte pod na-rzędziem Eraser Tool - .
Możesz ustawić tolerancję dla narzędzia Magic Eraser. Jeśli ustawisz ni-ską tolerancję narzędzia, wykasuje ono tylko białą powierzchnię obra-zu. Jeśli ustawisz zbyt dużą może ono usunąć też część zegara, którego przecież nie chcemy usunąć. Musisz ustalić to eksperymentalnie.
4 W pasku opcji wybranego narzędzia, w polu Tolerance, wprowadzaj różne wartości tolerancji (my użyliśmy wartość 22) i próbuj usuwać białą powierzchnię otaczającą obraz. Jeśli nie jesteś zadowolony z uzyskanego efektu i chcesz cofnąć ostatnią operację, użyj komendy Edit Undo i próbuj jeszcze raz z innym parametrem Tolerance.
Pamiętaj, że tło szachownicy oznacza przeźroczystą warstwę.
5 Włącz z powrotem warstwę tła prze kliknięcie w kolumnie sterującej ukrywaniem warstwy, tak, aby pojawiła się tam ikonka z okiem.
Teraz w miejscach gdzie została usunięta powierzchnia tła z warstwy zegara będzie widoczna klawiatura.
Zegar na białym tle, które usuwamy narzędziem Ma-gic Eraser Tool Usunięcie zbędnego tła, widać szachownicę ozna-czającą przeźroczystość Przywrócenie widoczności warstwy tła (Background)
Reorganizacja warstw
Porządek, w jakim są ułożone warstwy w obrazie jest wywołany or-ganizacją położenia warstw na zasadzie stosu. Takie ułożenie warstw określa jak wygląda obraz w całości (po nałożeniu warstw). Możesz zmieniać położenie warstw a co za tym idzie ukrywać część obrazu z jednej warstwy za drugą.
Teraz przeorganizujesz warstwy tak, aby zegar znalazł się na samej górze stosu a więc na pierwszym planie.
1 Uwidocznij warstwy z łożyskiem i zaworem, przez kliknięcie w od-powiednim miejscu palety Layers.
Zauważ, że zegar jest częściowo przesłonięty przez górne warstwy.
Włączanie widoczności warstw Wynik nałożenia na siebie warstw
2 Teraz, operując na palecie Layers, chwyć i przeciągnij warstwę z zegarem na samą górę pozycję w stosie warstw. Kiedy zobacz cien-ką czarną linię nad warstwą z łożyskiem, zwolnij przycisk myszki.
Teraz zegar powinien się znajdować na pierwszym planie, a warstwa powinna być na samej górze w palecie Layers.
Przestawianie warstwy z zega-rem Wynik - zegar na pierwszym planie
Zmiana przeźroczystości i trybu nałożenia warstwy.
Warstwa z zegarem przykrywa teraz wszystko, co jest pod spodem w części, w której nie jest przeźroczysta. Masz możliwość ustalenia, w ja-kim stopniu warstwa jest nieprzeźroczysta. Uczynimy teraz warstwę z zegarem trochę przeźroczystą tak, aby były widoczne też warstwy pod nią. Możemy też zmienić sposób, w jaki warstwy dolne są widoczne przez półprzezroczystą warstwę górną. W Photoshopie istnieje wiele trybów nakładania na siebie warstw, w dalszej części zajęć poznasz wiele z nich.
1 Jeśli masz zaznaczoną warstwę z zegarem, kliknij na pole ze strzał-ką, które znajduje się obok opcji Opacity w palecie Layers. Na-stępnie przesuń suwak do wartości 50%.
Spowodowaliśmy teraz, że zegar jest częściowo przeźroczysty i można zobaczyć warstwy pod nim. Zauważ, że efekt przeźroczystości dotyczy tylko warstwy z zegarem.
Zmiana przeźroczystości Wynik – widoczne są warstwy pod spodem
2 Następnie zmienimy tryb nakładania warstwy na sąsiednie w celu uzyskania dodatkowego efektu. Zastosujemy różne tryby nakłada-nia, abyś mógł ocenić różnicę w ich działaniu. Wybierz tryb Diffe-rence a następnie Overlay z menu, które znajduje się na palecie Layers z lewej strony opcji Opacity. Wybierz też inne tryby nakła-dania warstw i przemyśl, w jaki sposób działa dany tryb. Wszystkie tryby opierają się na jakichś działaniach matematycznych, które są wykonywane na kolorze pikseli, jasności, nasyceniu itd., na razie nie wyjaśniamy szczegółów, które poznasz w dalszych lekcjach. Osta-tecznie wybierz tryb Screen oraz zmień przeźroczystość warstwy z zegarem na 90%.
Wybór trybu nakładania warstw Wynik po zmianie trybu nakładania oraz zmianie przeźroczystości
3 Zapisz swoja pracę.
Nakładanie warstw – ustawianie opcji (tłumaczenie z wbudo-wanej pomocy Adobe Photoshop)
Opcje nakładania warstw w palecie Layers (Photoshop) i palecie Layer Options (ImageReady) dają tobie możliwość zmiany przeźroczystości i sposobu mieszania pikseli warstwy górnej z warstwami znajdującymi się pod spodem.
Zapamiętaj, że zmiana przeźroczystości oraz sposobu nakładania warstw wpływa na sposób nakładania oraz stopień przeźroczystości na-rzędzi do edycji i rysowania, które użyjesz na warstwie. Na przykład, pracując na warstwie zmienisz jej tryb nakładania na Dissolve a prze-źroczystość ustawisz na 50%. Jeśli teraz użyjesz narzędzia Paintbrush Tool (pędzel), który był ustawiony do pracy w trybie Normal z parame-trem Opacity ustawionym na 100%, na warstwie pojawi się on z takimi samymi ustawieniami, jakie ma ustawione warstwa, czyli tryb nakłada-nia Dissolve i Opacity 50%. Dzieje się tak, ponieważ narzędzie dopaso-wuje się do ograniczeń, jakie narzuca warstwa. Można powiedzieć, że ustawienia warstwy mają wyższy priorytet niż ustawienia narzędzia. Z drugiej strony, jeśli warstwa ma wyłączone wszystkie ograniczenia, to możesz używać opcji ustawień narzędzia w dowolnym zakresie. Działa to wówczas tylko na wybrane narzędzie np. narzędzie Eraser Tool ustawione na przenikanie (Opacity) równe 50% na warstwie o 100% nieprzezroczystości będzie usuwać piksele pozostawiając 50% procen-tową przeźroczystość.
Łączenie warstw
Aby efektywniej zarządzać warstwami możesz łączyć dwie lub więcej warstw razem. Po złączeniu warstw, możesz przenosić i transformować je jednocześnie, zmiany przeprowadzone na jednej będą też dotyczyć innych.
Połączymy teraz warstwy Zegar i Lozysko, następnie zmienimy położe-nie i rozmiar raz obrócimy warstwy razem.
1 Wybierz narzędzie Move Tool - i przesuń zegar do dolnego le-wego rogu naszego montażu tak, aby była widoczna tylko górna po-łowa tarczy zegara.
Przesunięcie warstwy z zegarem Efekt
2 Aby połączyć warstwy przekonaj się, że w palecie Layers jest za-znaczona warstwa z zegarem, następnie kliknij małe pole z prawej strony ikonki na warstwie z łożyskiem.
W polu pojawi się ikona łącznika - . Zaznaczone pole oznacza, że warstwa Lozysko jest połączona teraz z warstwą Zegar. Zauważ, że przy aktywnej warstwie nie pojawia się symbol łącznika. W palecie Lay-ers zawsze są zaznaczane warstwy, które połączono z aktualnie pod-świetloną warstwą na liście. W analogiczny sposób możesz z powrotem rozdzielić warstwy i edytować je znów oddzielnie. W Photoshopie istnie-je też inny mechanizm łączenia warstw, polegający na ich nieodwracal-nym nałożeniu, ale zajmiemy się nim później.
3 Umieść narzędzie Move Tool - w oknie obrazu przeciągnij obraz do góry. Zauważ, że teraz warstwa z zegarem i łożyskiem przesu-wają się razem.
Warstwa Lozysko połączona z warstwą Zegar Efekt
Teraz przeskalujemy obrócimy połączone warstwy przy pomocy swo-bodnej transformacji.
4 Wybierz Edit Free Transform. Pojawi się teraz jeden z boków prostokąta określający granicę transformacji.
5 Obróć teraz zegar umieszczając wskaźnik myszki poza prostokątem transformacji i obracaj tarczę zegara dopóki nie pojawi się dolny le-wy róg prostokąta. Zwolnij myszkę. Warstwa z łożyskiem obróci się tak samo.
6 Przytrzymaj klawisz Shift i chwyć za róg prostokąta transformacji, teraz przeskaluj dwie warstwy jednocześnie pomniejszając je tro-chę.
Jednoczesne obracanie warstw Skalowanie obydwu połą-czonych warstw Efekt końcowy transforma-cji
7 Jeśli chcesz zmienić położenie warstw, umieść kursor wewnątrz pro-stokąta i przesuń połączone warstwy.
8 Aby zatwierdzić przeprowadzone zmiany, naciśnij Enter lub kliknij dwukrotnie myszką wewnątrz transformacji. Zapisz swoją pracę.
Wypełnienie warstwy gradientem
Teraz stworzymy nową warstwę i wypełnimy ją efektownym gradien-tem. Nowa warstwa, stworzona za pomocą polecenia New Layer zawsze powstaje jako przeźroczysta i dopiero ty możesz ją wypełniać, stosując różne narzędzia edycyjne i efekty.
W programie ImageReady nie ma narzędzia Gradient Tool, możesz jed-nak zastosować efekty warstw w tym między innymi efekt Gra-dient/Pattern.
Zapamiętaj: Efekt Gradient/Pattern, który możesz zastosować w pro-gramie ImageReady nie będzie widoczny w Photoshopie. Dzieje się tak, dlatego, ponieważ efekt jest nakładany na warstwę i obliczany w czasie rzeczywistym. Program Adobe Photoshop dysponuje jednak nieco in-nymi funkcjami niż ImageReady, dlatego poinformuje on użytkownika o tym, że na warstwie jest efekt, ale nie może go wyświetlić (pojawi się ostrzegawcza ikonka). Aby efekt był poprawnie wyświetlany w obu pro-gramach należy przed przeniesieniem dokumentu do innego programu, przeprowadzić rasteryzację warstwy.
1 W palecie Layers wybierz jako aktywną warstwę tła (Background).
2 Kliknij na ikonkę New Layer.
Tworzenie nowej warstwy
3 Zmień teraz nazwę nowej warstwy na Gradient.
W tym momencie powinieneś mieć w palecie Layers nową przeźroczy-stą warstwę o nazwie Gradient, która powinna się znajdować nad war-stwa Background.
Teraz możemy stworzyć na warstwie efekt gradientu. Gradient jest to płynne przejście pomiędzy dwoma lub większą ilością kolorów. Możesz kontrolować efekt wypełnienia gradientem przy pomocy opcji dostęp-nych dla narzędzia Gradient Tool.
4 Wybierz narzędzie Gradient Tool - .
5 W opcjach narzędzia kliknij na przycisk odpowiedzialny za przełą-czenie narzędzia w tryb Linear Gradient - (gradient liniowy). Następnie rozwiń menu, klikając na strzałkę obok przycisków wybo-ru stylu gradientu. W tym menu znajdują się predefiniowane przej-ścia pomiędzy różnymi kolorami. Wybierz z menu przejście pomię-dzy kolorem pierwszoplanowym i przeźroczystością (Foreground to Transparent) i kliknij poza otwartym menu, aby go zamknąć.
6 Kliknij teraz na paletę Swatches, aby przesunąć ją na pierwszy plan i wybierz z niej ciemno-fioletowy kolor (wybierz inny, jeśli ten ci nie odpowiada).
Wybór stylu gradientu z rozwijanego menu Wybór koloru z palety Swatches
7 Upewnij się, że masz aktywną warstwę Gradient i przeciągnij myszką od prawej krawędzi obrazu do lewej.
Gradient wypełni całą szerokość warstwy, przechodząc płynnie od kolo-ru początkowego do przeźroczystości. W związku z tym, że klawiatura znajduje się na warstwie dolnej, będzie ona częściowo przysłonięta.
Tworzenie gradientu Efekt gradientu nieprzeźro-czysty Przeźroczystość ustawiona na 60%
Aby efekt nałożenia gradientu zrobić bardziej subtelnym uczynimy teraz warstwę bardziej przeźroczystą.
8 Zmień na palecie Layers przeźroczystość warstwy Gradient na około 60%.
9 Zapisz swoją pracę.
Dodanie tekstu
Teraz jesteś gotowy, aby użyć narzędzi tekstowych i dodać do tworzo-nej kompozycji tekst. Użyjemy narzędzia Type Tool i umieścimy tekst na specjalnej warstwie. Następnie dodamy dla tej warstwy specjalne efekty, aby uatrakcyjnić napis.
1 Kliknij na warstwę z zegarem w palecie Layers.
2 Wybierz narzędzie Type Tool - .
3 Kliknij w lewym górnym rogu obrazu.
Zauważ, że w palecie Layers pojawiła się nowa warstwa oznaczona li-terką „T” – jest oznaczenie specjalnej warstwy tekstowej.
4 Przywróć domyślne kolory dla koloru pierwszoplanowego i tła przez kliknięcie na małej ikonce - , która znajduje się na pasku narzędzi obok przycisków ustawień kolorów. W ten sposób ustawimy czarny kolor dla tworzonego tekstu.
5 Wybierz teraz typ czcionki oraz jej rozmiar przy użyciu ustawień do-stępnych dla narzędzia Type Tool na pasku opcji (My użyliśmy czcionkę Arial Regular o wielkości 60 punktów). Dodatkowo wy-bierz metodę wygładzania liter - Crisp, rozwijane menu - znajdu-je się tuż za wyborem wielkości czcionki.
Ustawienia opcji dla narzędzia Type Tool
6 Wpisz tekst „Z2000”
Tekst automatycznie pojawi się na nowej warstwie w miejscu, w któ-rym ustawiłeś wskaźnik narzędzia Type Tool. Dopóki nie przeprowa-dzisz operacji rasteryzacji warstwy tekstowej, masz możliwość dowol-nej zmiany wprowadzonego tekstu jak i jego umieszczenia na warstwie.
7 Wybierz narzędzie Move Tool - i przesuń tekst „Z2000” w do-wolne miejsce na warstwie.
Zauważ, że po tej operacji nazwa warstwy zmieni się właśnie na „Z2000”.
Tworzenie stron WWW – czytelność tekstu na ekranie (tłuma-czenie z wbudowanej pomocy Adobe Photoshop)
Rozdzielczość monitora jest o wiele mniejsza niż uzyskiwana w trady-cyjnym druku ofsetowym, laserowym czy atramentowym. Dlatego też większość przygotowywanych publikacji elektronicznych jest trudno czytelna. Tekst, który wygląda dobrze na papierze często nie wygląda dobrze na ekranie monitora. Jednak rozpoczynając tworzyć elektro-niczną publikację na ekranie, możesz stworzyć dość czytelny tekst, jeśli zastosujesz się do podanych wskazówek. Przede wszystkim twórz tekst nie stosując powiększenia, ponieważ to, co będzie czytelne dla ciebie podczas edycji, może być później nieczytelne dla czytelnika. Aby prze-konać się jak publikacja będzie czytelna dla końcowego użytkownika, musisz ją próbnie obejrzeć w swojej przeglądarce.
Poniżej znajdziesz podstawowe zasady tworzenia czytelnych publikacji:
Do tworzenia czytelnych publikacji elektronicznych wybieraj proste czcionki, które zostały opracowane specjalnie dla tego typu zastoso-wań. Czcionki tzw. Bezszeryfowe wyglądają na ekranie znacznie lepiej niż czcionki szeryfowe, ponieważ zawierają mniej detali i wyglądają bardziej przejrzyście. Z kolei czcionki szeryfowe są zazwyczaj stosowa-ne w druku, ponieważ są lepiej czytelne na papierze. W czcionkach sze-ryfowych litery są bardziej charakterystyczne i łatwiejsze w rozpozna-niu, ale tylko wydruk pozwala na odwzorowanie wszystkich szczegółów tych znaków. Słowo „szeryf” oznacza niewielkie wytłuszczenia i zakrzy-wienia widoczne na zakończeniach liter. Czasami takie czcionki oznacza się w nazwie jako Serif. Natomiast czcionki bezszeryfowe są oznaczane jako Sans Serif, od francuskiego słowa „sans”, które oznacza bez. Tekst złożony z linii stworzonych z użyciem czcionek szeryfowych (np. bardzo popularnej czcionki Times) będzie trudno czytelny na ekranie, chociaż do wydrukowania np. gazety nadaje się doskonale. Podsumowując o ile to możliwe stosuj do publikacji elektronicznych czcionek bezszeryfo-wych lub uproszczonych czcionek szeryfowych.
Używaj czcionek większych niż użyłbyś do druku. Typową wielkością czcionki dla tekstu publikacji elektronicznej jest 12 punktów. Pamiętaj, że drobne różnice w wielkości są trudne do wychwycenia na ekranie, więc dobrym wyborem będzie też wielkość czcionki 11,5 oraz 13 punk-tów – one nie wiele odbiegają od podanego standardu 12 punktów.
Używaj większych odstępów między wierszami niż przy druku. W miej-sce standardowo używanych odstępów dla druku używaj odstępów po-większonych o 4 lub 6 punktów drukarskich. A więc np. dla czcionki o wielkości 12 punktów użyj odstępu 16 lub 18 punktowego.
Zastosowanie stylu warstwy
Możesz dodać do warstwy specjalnie przygotowane efekty takie jak: cień, poświata, uwypuklenie, wytłoczenie itd. Efekty są ułożone w gru-py i dostępne jako style do stosowania na warstwach. Są proste w uży-ciu i dają duże możliwości przy dopasowaniu do konkretnego przypad-ku.
Stosowanie stylów warst (tłumaczenie z wbudowanej pomocy Adobe Photoshop)
Jako style w Photoshopie należy rozumieć kompozycję jednego lub wię-cej efektów możliwych do zastosowania na warstwach. Jeśli zastosujesz efekt na warstwie, będziesz mógł wybiórczo dodać inne efekty, dopa-sowane do sytuacji i tym samym stworzyć nowy styl warstwy. Możesz użyć powtórnie nowy styl warstwy i usunąć wszystkie poprzednie efekty warstwy lub dodać nowe efekty na warstwie i zachować już istniejące, spowoduje to nałożenie się wszystkich zastosowanych efektów razem. Po zastosowaniu efektu na warstwie, możesz go dowolnie zmieniać, dopasowując szeroki wachlarz możliwych do ustawienia opcji. Masz też możliwość zapisania wszystkich ustawień i powtórnego użycia tych ustawień w przyszłości.
Styl warstwy możesz stworzyć z kombinacji jednego lub wielu poniż-szych efektów:
• Drop Shadow – dodaje cień pod zawartością warstwy i nakłada go na warstwy dolne.
• Inner Shadow – dodaje cień wewnątrz zawartości warstwy, co two-rzy efekt wyciętego otworu w warstwie.
• Outer Glow i Inner Glow – dodaje efekt poświaty promieniujący na zewnątrz lub wewnątrz od krawędzi zawartości warstwy.
• Bewel and Emboss – dodaje różne kombinacje uwypuklenia lub za-głębienia zawartości warstwy.
• Satin – dodaje charakterystyczne załamania światła na powierzchni materiału tworząc płynne przejścia do cieni.
• Corol, Gradietn i Pattern Overlay – nakłada jednolity kolor, gradient lub wypełnia warstwę wzorem.
• Stroke – tworzy obrysowanie brzegów zawartości warstwy od strony zewnętrznej, wewnętrznej lub w środku linią wypełnioną kolorem, gra-dientem lub wzorem. Używane zazwyczaj do wyostrzenia tekstu.
Istnieją różnice przy używaniu stylów warstw w programie Adobe Pho-toshop i ImageReady. W Photoshopie wszystkie efekty są włączane i modyfikowane przy pomocy specjalnego okna dialogowego. Natomiast w ImageReady stylami zarządza się za pomocą palety zależnej od efek-tu, który w danej chwili edytujemy.
Modyfikacja stylu w Photoshopie
Modyfikacja stylu warstwy w ImageReady
Poszczególne efekty można włączać i wyłączać tak jak warstwy, przez kliknięcie na ikonce z symbolem oka w palecie Layers. Można też je ko-piować na inne warstwy przez przeciągnięcie efektu na inną warstwę.
Zastosujemy teraz efekt poświaty, która pojawi się wokół tekstu. Wy-pełnimy ją także wzorem.
1 Przekonaj się, że ciągle masz zaznaczoną jako aktywną warstwę Z2000. Teraz wydaj polecenie Layer Layer Style Outer Glow.
Wywołać okno dialogowe Layer Style można też w inny sposób. Możesz kliknąć dwukrotnie na warstwie, na której chcesz włączyć efekty w pa-lecie Layers lub skorzystać ze specjalnej ikonki Add a Layer Style - , która znajduje się na dole palety Layers.
2 W oknie dialogowym Layer Style włącz opcję Preview, która umożliwia podgląd bezpośrednio na obrazie wprowadzanych modyfi-kacji.
3 Poszukaj w sekcji Elements parametru Spread i wprowadź tam wartość 10%. Następnie znajdź parametr Size i wprowadź wartość 10 pikseli.
Teraz dodamy żółte obramowanie do tekstu.
4 Włącz dodatkowy efekt Stroke, który znajdziesz z lewej strony na dole okna dialogowego. Kliknij teraz na nazwę efektu, aby wyświe-tlić opcje dotyczące tego efektu.
Wybór efektu Stroke przez kliknięcie w polu wyboru. Ciągle jednak są wyświe-tlane opcje poprzedniego efektu Kliknięcie na nazwie przełącza okno dia-logowe na wyświetlanie opcji dotyczą-cych danego efektu
5 W sekcji Structure wprowadź wartość 1 w polu Size, ten parametr określa szerokość linii. Kliknij na okienko wyboru koloru (Color), aby wybrać kolor dla obwódki, pojawi się okno Color Picker. Ustaw żółty kolor (możesz użyć ustawień: R=255, G=255, B=0) i zamknij okno, klikając OK.
6 Dodaj następny efekt Pattern Overlay. Wyświetl opcje związane z nim i wprowadź wartość 200 w polu Scale.
7 Kliknij OK, aby zatwierdzić wszystkie zmiany.
Możesz powrócić do edycji tekstu, wszystkie zmiany będą na bieżąco uaktualniane a wszystkie efekty będą na nowo przeliczane.
8 Wybierz narzędzie Type Tool - , kliknij w tekście „Z2000” i zmień go na tekst Z999.
Edycja tekstu
9 Teraz zaznacz tekst przez przeciągnięcie myszką lub dwukrotne kliknięcie. Powiększ napis używają paska opcji, ustawa np. rozmiar 72 punktów.
10 Zauważ, że styl warstwy automatycznie dopasowuje się do nowych wymiarów tekstu.
11 Zapisz swoją pracę.
Spłaszczanie warstw i zapisywanie do pliku
Jeśli chcesz edytować wszystkie warstwy razem, możesz zrobić kopię pliku i spłaszczyć wszystkie warstwy w jedną. Spłaszczanie polega na łączeniu wszystkich warstw razem i uzyskanie w efekcie pojedynczego tła, redukuje to w dużym stopniu rozmiar pliku. Nie powinieneś prze-prowadzać tej operacji bez przekonania o tym, że twoja praca nie wy-maga już poprawek w kompozycji i jesteś z niej zadowolony. W więk-szości wypadków dobrym pomysłem będzie właśnie zrobienie kopii pli-ku i spłaszczenie warstw na kopii, ponieważ później nie będziesz mógł cofnąć tej operacji, a z pewnością może zajść taka potrzeba.
Aby zapisać obraz do pliku z połączonymi warstwami wykonaj poniższe polecenia.
1 Wybierz Layer Flatten Image. Komenda może być nieaktywna, jeśli nie zatwierdziłeś zmian podczas jakiejś operacji edycji (za-twierdź zmiany lub wycofaj przez anulowanie).
2 Wybierz File Save As.
3 W polu dialogowym wpisz inną nazwę pliku z oznaczeniem, że war-stwy są spłaszczone i kliknij Save.
Komenda Save As zapisuje obraz do nowego pliku, bez zmiany orygina-łu.
4 Otwórz plik L3_warstwy_ef_kon_wer_a.psd i spróbuj znaleźć takie ustawienia filtrów na warstwie tekstowej, aby uzyskać podobny efekt.
Eksperymentuj! Jeśli osiągniesz to, co chcesz to znaczy, że umiesz to zrobić i osiągnąłeś cel tej lekcji.