Photoshop 5 - Ozdobne przyciski.

OZDOBNE PRZYCISKI

WIZYTÓWKA NA ZARDZEWIAŁEJ BLASZCE

Wykonanie tła (tekstury) naśladującej zardzewiały metal.

Utwórz nowy dokument o wymiarach np. 300x200 pikseli, 72 ppi.
Ustal kolory tła i narzędzi na panelu Narzędzia : kolor tła: RGB:112, 45, 7, RGB narzędzia:44, 20, 70.
-Filtr- Rendering- Chmury-
-Filtr- Tekstura- Ziarno- (50, 65, kreski)
-Filtr- Wyostrzanie- Wzmocnienie-
-Filtr- Artystyczne- Suchy pędzel- (2, 2, 2)
-Filtr- Szum- Dodaj szum- (12, gaussowsko, monochromatycznie)

Ustalimy teraz kształt imitujący trójwymiarowość oraz wprowadzimy imitację nitów.

Kształt imitujący trójwymiarowość wykonamy zleceniem: -Filtr- Extensis- PhotoBevel 2.0 Solo-.
Następnie wstawimy Siatkę , aby ułatwić sobie rozmieszczenie zaznaczeń o kształcie koła, które będą imitować łby śrub. - Widok - Pokaż siatkę -
Zaznaczenie wprowadzamy narzędziem do zaznaczania eliptycznego. Koło wyznaczamy przytrzymując klawisz SHIFT (w trakcie tworzenia zaznaczenia). Po wykonaniu zaznaczenia wyłącz Siatkę i przesuń zaznaczenia klawiszami kierunkowymi.
Ustalimy teraz kształt imitujący trójwymiarowość łbów śrub: -Filtr- Extensis- PhotoBevel 2.0 Solo-.
Mając płytkę z zardzewiałej blachy możemy wprowadzić tekst.
- Wprowadź kolor biały jako kolor narzędzia.
- Wpisz tekst np. Wejście .
- Powiel warstwę TŁO, nadaj jej tytuł Warstwa Tło Kopia . Ustal jej krycie na 80% i przesuń ją na -Stosie Warstw- na szczyt (nad warstwę z tekstem). Wykonaj grupowanie zleceniem -Warstwa- Grupuj z poprzednią-
Utwórz nową, czystą warstwę. Nadaj jej tytuł Cień i wypełnij ją na czarno.
Mając aktywną warstwę Cień uaktywnij zaznaczenie o kształcie tekstu. Zaznaczenie takie można wprowadzić klikając w warstwę Tekst z wciśniętym klawiszem CTRL.
Wypełnij zaznaczenie na biało, a następnie usuń zaznaczenie zleceniem: - Zaznacz - Nic -
-Filtr- Inne- Przesunięcie- (4, 4, powtórz piksele krawędziowe).
-Filtr- Rozmycie- Rozmyj gaussowsko- (4 piksele).
Mając aktywną warstwę Cień wykonaj: -Warstwa- Grupuj z poprzednią-. Zmień krycie na 80%, tryb łączenia na mnożenie.
Utwórz nową warstwę i nadaj jej tytuł Światła .
Uaktywnij zaznaczenie z warstwy tekstowej (klikając w warstwę tekstową i jednocześnie trzymając klawisz CTRL) na aktywnej warstwie Światła .
Kliknij w narzędzie do zaznaczania, aby uaktywnić klawisze kierunkowe (na klawiaturze). Naciśnij jeden raz klawisz w dół oraz jeden raz klawisz w prawo.
Wciśnij klawisze: CTRL + ALT i kliknij w warstwę tekstową.
Wypełnij zaznaczenie na biało i usuń zaznaczenie.
Mając aktywną warstwę Światła zmień krycie na 80%.

* * *

Ozdobne przyciski .

Logo kamery na przestrzennym tle.

Wykonanie skanu grafiki, która wystąpi jako logo w późniejszym etapie prac. W naszym przypadku jest to fragment instrukcji obsługi, przedstawiający czarno-biały szkic kamery. Obróbka rysunku (oczyszczenie z niepotrzebnych linii, przebitego z drugiej strony skanowanej kartki cienia czcionek) może być wykonana przy użyciu różnych technik. Poniżej przedstawiam jedną z nich.:
Narzędziem Różdżka z małą tolerancją (np.10) klikaj w przybrudzone, białe tło i kasuj zawartość zaznaczenia wciskając klawisz DELETE.
Usuń zbędne kreski narzędziem Gumka (stosuj duże powiększanie obrazu i małą średnicę narzędzia).
Wykonaj zaznaczenie przy pomocy zlecenia: -Zaznacz- Zakres koloru- i następnie utwórz nową warstwę z kopią zawartości zaznaczenia.
Uszkodzone linie można odtworzyć narzędziem do klonowania.
Zapisz rysunek w formacie PSD bez spłaszczenia rysunku (zachowasz warstwę z grafiką na przezroczystym tle).
Wykonanie grafiki przedstawiającej zarys przyszłego stempla (logo na przestrzennym tle).
Utwórz nowy, czysty obrazek o wymiarach np. 400x300 pikseli (72 ppi).
Przekonwertuj go na tryb RGB zleceniem: -Obrazek- Tryb- Kolory RGB-. Jest to niezbędne, gdyż dopiero wtedy zadziała większość funkcji Photoshopa.
Zachowując proporcje zmień wymiary obrobionego skanu, zwracając uwagę by różnica wymiarów nie była zbyt duża wobec wymiarów nowego, czystego obrazka. -Obrazek- Wielkość obrazka-
Narzędziem do przenoszenia przenieś zawartość obrazka z grafiką (ustaw widok grafiki na przezroczystym tle) do nowego, czystego. Zamknij obrazek ze skanem.
Popraw wielkość grafiki zleceniem: -Edycja- Przekształć- Skaluj- i ustal jej położenie jako centralne.
Zostało wykonanie zarysu ramki wokół grafiki.
Wykonałem zaznaczenie prostokątne obejmujące (z zapasem) grafikę
Następnie zamieniłem zaznaczenie na Ścieżki . (Paleta Ścieżki ma ikonę Konwertuj zaznaczenie na ścieżkę w dolnej części - kliknij w nią.)
Mając na obrazku ścieżkę o kształcie prostokąta, uaktywniłem narzędzie Pióro i klikałem precyzyjnie w cztery wierzchołki tego prostokąta. Pojawiły się punkty, które umożliwiły zamianę kątów na łuki.
Przesunięć ścieżek dokonałem narzędziem Zaznaczanie bezpośrednie (Strzałka). (Pamiętaj, że klawisz SHIFT pomagają utrzymać pion, poziom i kąt 45 stopni.)
Mając wykonany obrys przyszłej ramki zamieniłem Ścieżkę na zaznaczenie (na palecie Ścieżki jest ikona Wczytaj ścieżki jako zaznaczenie i na nią przenieś kursorem Ścieżkę ).
Zapisałem na wszelki wypadek zaznaczenie w postaci Kanału Alfa 1 zleceniem: -Zaznacz- Zachowaj zaznaczenie-
Na koniec wypełniłem czernią miejsce zaznaczone dla przyszłej ramki i usunąłem jakiekolwiek zaznaczenia.
Jeżeli rozbudowywałeś ilość warstw, to koniecznie spłaszcz obrazek zleceniem: -Warstwa- Spłaszcz obrazek-. Na ekranie monitora mamy taką sytuację: otwarty obrazek z rysunkiem kamery po środku i czarną ramką na obrzeżach. Prawdziwe rysunki logo zapisuje się w formacie grafiki wektorowej EPS przy użyciu programu np. Adobe Ilustrator.

Wykonamy teraz najtrudniejszą część prac - tworzenie złudzenia przestrzenności.
Na palecie Kanały powiel 3-krotnie dowolny kanał np. RED (skopiuj używając menu podręczne) i nadaj im tytuły: nr 1, nr2, nr 3. Nie ma znaczenia jaki kanał wybierzesz, gdyż kanały RGB w tym czarno-białym rysunku są identyczne. Przypominam, że panel do wpisywania tytułów pojawi się, gdy klikniesz w kanał na palecie Kanały .
Uaktywnij kanał nr 1 i usuń rysunek kamery, zostawiając ramkę.
Usunięcia można dokonać Pędzlem o ostrych krawędziach. Jeżeli wprowadzisz zaznaczenie, to ułatwisz sobie pracę.
Uaktywnij kanał nr 2, aby wykonać negatyw rysunku. Kliknij -Różdżką- w białe miejsce i zamaluj białe tło na czarno. Nie ruszaj grafiki. Ponieważ rysunek kamery jest skomplikowany wykonaj zaznaczenie zleceniem: -Zaznacz- Zakres koloru- (zaznacz wszystko co czarne, Tolerancja 100, odhacz Zaznaczenie ). Teraz zamień zaznaczenie zleceniem: -Zaznacz- Odwrotność- i pomaluj grafikę na biało. Powtórnie wykonaj: -Zaznacz- Odwrotność- i pomaluj grafikę na czarno. Ramkę zamaluj na biało (lub w wersji B zostaw czarną, czyli złączoną z pomalowanym tłem).

Teraz wykonamy kilka czynności na kanale nr 3.
Uaktywnij kanał nr 3.
Uaktywnij zaznaczenie z kanału nr 1 (klikając w kanał nr 1 z jednocześnie wciśniętym klawiszem CTRL). Wprowadzisz w ten sposób zaznaczenie ramki.
-Zaznacz- Zmień- Zawęź- (5 pikseli).
-Zaznacz- Odwrotność-
-Filtr- Rozmycie- Rozmyj gaussowsko- (5 pikseli)
-Zaznacz- Odwrotność-
-Filtr- Rozmycie- Rozmyj gaussowsko- (0,5 piksela)
-Zaznacz- Nic-
Mając zakończoną pracę na kanałach włącz tryb RGB (uaktywniając oczko obok kanału RGB), wyłącz kanały nr 1, 2, 3.

Utwórz nową, czystą warstwę, nadaj jej tytuł kam1 i wypełnij ją bielą. Wyłącz wszystkie warstwy poza nowoutworzoną.
Wykonaj zlecenie: - Filtr - Rendering - Efekty świetlne - (kanał tekstury: wybierz kanał nr 3; odhacz Biel podniesiona , Górzyście , ustal kolor oświetlenia i sposób oświetlenia - polecam kierunkowe z źródłem wysuniętym poza obręb obrazka lub punktowe).

Utwórz nową warstwę i nazwij ją kam2.
Wykonaj zlecenie: - Filtr - Rendering -Efekty świetlne- (kanał tekstury: wybierz kanał nr 3; usuń Biel podniesiona , Mało Górzyście , ustal kolor oświetlenia i sposób oświetlenia (polecam kierunkowe oświetlenie z źródłem wysuniętym poza obręb obrazka lub punktowe).

Utwórz nową warstwę i nazwij ją kam3.
Uaktywnij zaznaczenie z kanału 2 (kliknij w kanał nr 2 z wciśniętym klawiszem CTRL).
Ustal kolor narzędzia. Jeżeli wybrałeś kolor oświetlenia np. zielony, to ustal teraz ten kolor narzędziem Próbnik koloru i kliknij w tło obrazka. Teraz zmień krycie narzędzia na 50%. i pomaluj warstwę. Gumką usuń niedoskonałości występujące na tle kamery.
-Zaznacz- Nic-

Utwórz nową warstwę i nazwij ją kam4. Nie stosuj poniższych kroków wobec skomplikowanych graficznie logo. Są one przydatne przy prostym logo typu litera. Wykonaj wszystkie polecenia, które wykonałeś tworząc obraz na warstwie kam1, 2, ale korzystaj z kanału nr 2 (w kanale nr 2 mamy logo zamienione w negatyw).
Uwaga: można usunąć ramkę z warstw kam1, kam2, kam3. Wykonaj następujące czynności:
Uaktywnij zaznaczenie z kanału nr 1 (CTRL + kliknięcie w kanał nr 1).
Sprawdź, czy aktywna jest warstwa kam1 i wciśnij klawisz DELETE. Przezroczystość będzie widoczna, gdy wyłączysz inne warstwy, zwłaszcza leżące poniżej na Stosie Warstw .

Ewentualne niedociągnięcia popraw narzędziem Gumka .
Wykonaj powyższe na warstwach kam2, kam3.
Ustal kolejność warstw od góry: kam2, kam3, kam1, pozostałe wyłącz. Mając włączone kam2, 3, 1 włączaj i wyłączaj warstwę najwyżej położoną (kam2). Pojawi się namiastka ruchu (wciśnięty i wyciśnięty przycisk).

Skan przed obróbką.	Skan po oczyszczeniu.
Warstwa pt. KAM1.	Warstwa pt. KAM 2.
Warstwa pt. KAM3.	Paleta Warstwy. Etap końcowy.

* * *

Ozdobne przyciski.

Przyciski proste.

Utwórz nowy plik o wymiarach 200x200 pikseli, 72 ppi, RGB, przezroczyste tło. Sprawdź, czy pracujesz w trybie RGB zleceniem -Obrazek -Tryb- Kolory RGB-.
Uaktywnij Miarkę , wyprowadź linie pomocnicze zleceniem -Widok- Pokaż Miarki-.
Wykonaj zaznaczenie o kształcie koła. Ustal kolor (niebieski) i wypełnij zaznaczenie.
Powiel warstwę z kołem i na kopii wykonaj:

-Filtr -Rozmycie- Rozmyj gaussowsko- (np. 6 pikseli)
-Filtr -Stylizacja- Wytłoczenie- (135, np. 6 pikseli, 500%)
Ustaw tryb łączenia warstw (w palecie Warstwy ) na Ostre Światło .

Wpisz literę T (kolor biały). Ustal sposób łączenia warstwy tekstowej na Łagodne światło .
Ustaw efekty dla warstwy tekstowej: -Warstwa- Warstwa tekstowa- (Cień wewnętrzny, Faza i płaskorzeźba).
Utwórz nowa, przezroczystą warstwę i nazwij ją Gradient. Wykonasz na niej następujące czynności:

Wprowadź zaznaczenie z warstwy 1 .
Utwórz narzędziem gradient kolorową tęczę w zaznaczeniu.
Obetnij dolną połowę gradientu.
Ustal krycie warstwy z gradientem na: Łagodne światło .
Wprowadź zaznaczenie z warstwy 1 zleceniem: -Zaznacz- Zaznacz odwrotność- i usuń klawiszem DELETE zawartość tła w warstwie 1 Kopia . Ustal kolejność warstw od góry: Gradient, tekst, warstwa 1 kopia, warstwa1.