#7 grafika do recenzji, retusz i efekty rysowania

W dzisiejszym poradniku dowiecie się:
– jak przygotować efektywną grafikę do recenzji
– jak uzyskać efekt rysunku ze zdjęcia
– jak wyretuszować niektóre kolory, a jak wyeksponować inne

Na niektórych zdjęciach, kolor czerwony będzie przypominał bardziej pomarańczowy, ale to dlatego, że robiłem printscreeny z filmu, co niestety przełożyło się po części na jakość. Podczas obrabiania zdjęć wszystko powinno być u was OK.

Wersja video

Materiały do pobrania
Materiały do tutoriala można pobrać TUTAJ.

Obrazek początkowy:
Image
Początkowe zdjęcie jest już gotowe do obróbki. Jak to zrobić, wyjaśniają wcześniejsze poradniki.

Obrazek końcowy:
Image

KROK 1 – usuwanie zbędnego tła:
Tradycyjnie, obrabiane zdjęcie musimy wzbogacić o przezroczyste tło – dzięki temu po usunięciu jakiegoś fragmentu, zamiast białej (lub w innym kolorze) strony widoczna będzie szachownica.

WARSTWA -> PRZEZROCZYSTOŚĆ -> DODAJ KANAŁ ALFA
Image

Następnie z przybornika wybieramy różdżkę:
Image

I zaznaczamy nią tło:
Image
dzięki temu zostaną wybrane piksele o jednakowych (lub zbliżonych) kolorach. Możemy je teraz łatwo usunąć. Czynność tą powtarzamy kilkukrotnie.

Czasami różdżka się sprawdza, a czasami nie – bywa z tym różnie. Ponieważ na szachownicy ciężko odróżnić wycinane tło, stwórzmy sobie pomocniczo nową warstwę, którą wypełnimy kolorem czarnym:
Image

Warto też zrobić dodatkowe, białe tło – dzięki temu możemy zobaczyć, jak mniej-więcej grafika będzie się prezentowała na forum:
Image

Każdy może wycinać tło jak mu się żywnie podoba. Ja używam metody prostokątów – polega ona na tym, że większe fragmenty wycinanego tła zaznaczam zaznaczeniem prostokątnym, aby następnie je wyciąć:
Image

Dla wycinania szczegółów polecam lasso:
Image

Zaznaczamy nim niepotrzebne fragmenty:
Image

Image
Mała podpowiedź – warto wycinać fragmentami, bo np. w trakcie wycinania możemy niechcący kliknąć dwukrotnie prawym klawiszem myszy, zanim nasze końcowe zaznaczenie będzie gotowe.

Wycięty obrazek powinien wyglądać mnie-więcej tak:
Image
(czerwień jest bardziej czerwona, bo wykonałem screen bezpośrednio z GIMP-a, a nie z filmu)

KROK 2 – eliminacja zbędnych kolorów:
Nasz obrazek jest wycięty, ale niestety widać, że model był robiony na niebieskim tle – wpływ mają na to niebieskie odbicia na modelu. Spróbujemy się ich pozbyć.

Zaznaczamy takie odbicie, używając np. lassa:
Image

Następnie wybieramy menu:
KOLORY -> ODCIEŃ I NASYCENIE

W okienku, które się pojawiło wybieramy kolor niebieski i przy nasyceniu ustawiamy wartość na minimalną – jak na obrazku:
Image
dajemy OK.

Zauważcie, że niebieska poświata zanika, zmieniając się w szarą. Dzięki temu wygląda to bardziej naturalnie.

Powyższą czynność powtarzamy wielokrotnie. Przy zielonej gumce zmieniamy odcień jasnoniebieskiego na zielony – przy czym kontrolujemy, czy wszystko jest OK.

KROK 3 – eliminacja obramowania:
Klikamy prawym klawiszem na naszą wyciętą warstwę i wybieramy: KANAŁ ALFA NA ZAZNACZENIE
Image

Następnie z menu:
ZAZNACZENIE -> OBRAMUJ
Image

Pojawiło się okienko, w którym wpisujemy jakąś wartość:
Image
Ja proponuję wpisać tutaj 2. Można też zmiękczyć krawędzie, klikając odpowiedniego ptaszka.

Teraz wybieramy:
FILTRY -> ROZMYCIE -> ROZMYCIE GAUSSA
Image

Pojawiło się okienko:
Image
wpisujemy tutaj niewielką wartość – najlepiej znowu 2.

Po eliminacji obramowania obrazek powinien wyglądać mniej-więcej tak:
Image

KROK 4 – efekt rysunku:
Teraz spróbujemy zamienić zdjęcie w rysunek.

Wybieramy: FILTRY -> ARTYSTYCZNE -> RYSUNEK
Image

Pojawiło się okno:
Image
zwiększamy wartość paska „promień maski”, podczas gdy „procent czarnego” zmniejszamy (oczywiście wszystko według uznania). Dzięki temu na obrazku nie będzie nieprzyjemnych, czarnych kropek. Dajemy OK.

Nasza grafika prezentuje się teraz następująco:
Image

KROK 5 – wyeksponowanie kolorów:
Nasz rysunek wygląda trochę blado, ale możemy go trochę ożywić.

Ponownie wybieramy opcję „odcień i nasycenie”:
Image

wybieramy kolor czerwony, zwiększamy wartość nasycenia i jeśli trzeba jasności. Podobnie powtarzamy tą czynność z kolorem niebieskim i granatowym.

Dodatkowo możemy też wyeksponować jakieś fragmenty obrazka, np oczy. W tym celu tworzymy nową warstwę i zaznaczmy oko:
Image
pomalujemy je na kolor granatowy. Czynność powtarzamy z drugim okiem.

efekt powinien wyglądać następująco:
Image
Teraz w warstwie z naszymi oczami zmieniamy tryb na „pokrywanie”:
Image

Grafika prezentuje się następująco:
Image

A w rzeczywistości:
Image

KROK 6 – zapis obrazka:
Zanim zapiszemy obrazek, musimy pamiętać o wyłączeniu pomocniczego tła. Wówczas w miejsce tła pojawia się szachownica:
Image

Obrazek zapisujemy z rozszerzeniem *.PNG – dzięki temu tło będzie przezroczyste (zapisany zostanie również kanał alfa).

W efekcie otrzymujemy:
Image

KROK 7 – tworzenie projektu z napisami:
Tworzymy nowy projekt. Dodajemy przezroczystość, usuwamy niepotrzebny kolor. Ustalamy odpowiednie rozmiary. Całość powinna wyglądać mniej-więcej tak:
Image

Następnie przesuwamy zapisany obrazek z grafiką z folderu do projektu. Całość powinna wyglądać tak:
Image

Musimy teraz dopasować rozmiary obrazka do widocznej warstwy (szachownicy). W tym celu skorzystamy z narzędzia do skalowania:
Image

Pojawia się okienko:
Image
Aby zachować proporcje, klikamy na łańcuszek:
Image

Teraz możemy zmniejszyć obrazek. W trakcie zmniejszania będzie to wyglądać tak:
Image

Na koniec przesuwamy obrazek:
Image

KROK 8 – napisy + dodatki do napisów
Zaznaczeniem prostokątnym zaznaczmy długi prostokąt:
Image

a następnie uzupełnijmy go kolorem czarnym:
Image

Przesuwamy go tam, gdzie chcemy:
Image

Dodajemy jakiś napis, np. „Dane techniczne”:
Image

Z menu znajdującego się pod przybornikiem, zwiększamy rozmiar czcionki:
Image

oraz jej typ:
Image
Dla potrzeb prezentacji wykorzystałem jedynie standardową czcionkę.

Efekt powinien być następujący:
Image

Wyłączamy tło i zapisujemy nasz obrazek w formacie PNG. Jeżeli jednak interesują was dodatkowe efekty, warto spojrzeć na krok 9.

KROK 9 – dodatkowe efekty:
Nic nie stoi na przeszkodzie, aby urozmaicić nieco grafikę.

Możemy zduplikować warstwę z kreską i użyć przy niej rozmazania gaussa:
Image

Następnie przesuwamy powstały cień. Efekt powinien być następujący:
Image

Podobnie możemy stworzyć cień z tekstu. Przy załączonej, białej warstwie powinno to wyglądać tak:
Image

Możemy łatwo zmienić kolor czcionki, znajdującej się na zewnątrz:
Image

Wskazówka – zawsze warto zapisywać swoje projekty – dotyczy się to również grafik do recenzji. Może to wyglądać np. tak:
Image
Schemat takiego projektu można wykorzystać w przyszłości do przyszłych recenzji (należy wówczas jedynie wczytać inną grafikę).

Dobrym pomysłem jest trzymanie całości w 1 projekcie – wówczas wystarczy edytować napisy.

Reklamy

Skomentuj

Wprowadź swoje dane lub kliknij jedną z tych ikon, aby się zalogować:

Logo WordPress.com

Komentujesz korzystając z konta WordPress.com. Wyloguj / Zmień )

Zdjęcie z Twittera

Komentujesz korzystając z konta Twitter. Wyloguj / Zmień )

Zdjęcie na Facebooku

Komentujesz korzystając z konta Facebook. Wyloguj / Zmień )

Zdjęcie na Google+

Komentujesz korzystając z konta Google+. Wyloguj / Zmień )

Connecting to %s