wtorek, 15 lutego 2011

GIMPUJEMY - sportowa koszulka. Wszystko o kolorowaniu.

Poziom trudności: średnio-zaawansowany | Czas wykonania: 10 - 30 minut

Witam ponownie. Dziś chciałbym pokazać parę sztuczek dotyczących używania barw. W tym tutorialu będzie można poczuć się artystą i użyć nieco kreatywności. Na czym polega sprawa? Proponuję stworzenie sportowej koszulki własnego pomysłu. Zaczynamy więc!

1. Pobieramy szkic koszulki. Znajdziecie go tutaj. Wiem że brzydki. Rysowałem sam.

2.  Tworzymy nową warstwę o nazwie "kolor podstawowy". Umieszczamy ją pod warstwą konturu koszulki.

3. Przełączamy się na warstwę szkicu. Wybieramy narzędzie zaznaczania za pomocą różdżki. Klikamy nią na obszarze koszulki. Na razie interesuje nas wszystko prócz kołnierza, i innych detali. Zajmiemy się nimi później.

4. Teraz przełączamy się na warstwę barw. Wybieramy zaznaczenie --> powiększ --> o 1px.

5. Kolej na wybranie odpowiedniej barwy. U mnie będzie to ciemnozielona (255505). Wybieramy pędzel lub kubełek i kolorujemy koszulkę (kto co woli).
6. Pora teraz na dodanie ciekawych akcentów. Powiedzmy, że będą to pionowe paski. Tworzymy zatem nową nazwę o wdzięcznej nazwie "paski". Umieszczamy ją pomiędzy warstwą koloru podstawowego, a szkicem.
7. Załączamy się właśnie na tę warstwę. Pamiętamy o tym, by nie ściągać zaznaczenia obszaru z poprzednich kroków. Zmieniamy barwę na inną. Ja proponuję nieco jaśniejszą. Niech to będzie 66FF00 (jasnozielony). Wybieramy okrągły pędzel. Powiedzmy że będzie to circle (11). Ustawiamy mu skalę 2,50.

8. Malujemy paski. Jak to robić wygodnie i ładnie? Unosimy pędzel mniej więcej w miejsce wskazane na rysunku. Ważne by obszar malowania pędzla znajdował się poza warstwą zaznaczenia.
9. Klikamy jednokrotnie myszką w to miejsce. Przytrzymujemy klawisz shift i przeciągamy pionową kreską w dół aż poza obszar zaznaczenia. Efekt powinien być podobny do tego na rysunku poniżej:
10. Analogicznie wykonujemy kolejne pasy. Pamiętajmy o zachowaniu identycznej odległości między nimi.
11. Klikamy prawym przyciskiem myszki na warstwę "paski". Wybieramy opcję "kanał alfa na zaznaczenie". Wybieramy ponownie ciemniejszą barwę (tę którą pokolorowana została podstawa). U mnie była to 255505. Wybieramy narzędzie gradientu. Ustawiamy wartość gradient na: "kolor pierwszoplanowy na przezroczystość". Przeciągamy po skosie od dolnego lewego rogu ekranu do prawego górnego. Efekt powinien być mniej więcej taki:
12. Przenosimy się teraz na warstwę "kolor podstawowy". Również wybieramy "kanał alfa na zaznaczenie". Tym razem jednak potrzebna nam będzie nieco inna barwa. Coś pomiędzy dwiema wcześniej używanymi (u mnie jest to 66FF00). Wybieramy narzędzie rozjaśniania/wypalania. W sposób analogiczny do kroku numer 9, wykonujemy pionowe paski. Tym razem jednak przytrzymujemy kombinację klawiszy: shift+ctrl. Efekt:
13. Teraz wchodzimy w: Filtry --> rozmycie Gaussa --> wybieramy wartość z zakresu 7.0 - 10.0 --> OK. Obserwujemy efekt:
14. Teraz należy dodać koszulce naturalnych cieni. Zanim jednak do tego przystąpimy należy połączyć ze sobą warstwy zawierające barwy. Klikamy prawym przyciskiem myszki na warstwę "paski" i wybieramy opcję "połącz w dół". Wybieramy narzędzie wypalania. Zmniejszamy krycie do 50%. Przytrzymując klawisz ctrl cieniujemy krawędzie znajdujące się po lewej stronie. Można także zacieniować fragment prawego rękawa. Analogicznie tworzymy poświatę oświetlającą. Tym razem po prawej stronie, bez trzymania ctrl.
15. Teraz pora zająć się detalami. Tworzymy nową warstwę o nazwie "detale". Umieszczamy ją pod innymi warstwami.
16. Prawy przycisk myszki na warstwie "Szkic" --> kanał alfa na zaznaczenie. Zaznaczenie --> odwróć. Teraz narzędzie różdżki. Przytrzymujemy klawisz ctrl i klikamy na obszarze koszulki. Przełączamy się na warstwę "detale". Przy uzyskanym zaznaczeniu malujemy bez trudu detale na biało. Zdejmujemy zaznaczenie: Zaznaczenie --> Nic.
17. Cóż to za koszulka bez numerka?! Wybieramy czarny kolor. Wpisujemy ulubioną cyfrę narzędziem dodawania tekstu. Preferuję czcionkę Sans bold, rozmiar 53pt. Ja wybrałem cyfrę 6. Jeżeli nie widzisz swojej cyferki to wrzuć jej warstwę na samą górę. Prawy przycisk myszki na warstwie tekstu --> tekst na zaznaczenie --> zaznaczenie --> zmniejsz o 1px. Zaznaczony obszar wypełniamy kolorem białym. Oto efekt:
18. Wypadałoby jeszcze umieścić logo ulubionej drużyny. A że się nie znam na piłce to umieszczam logo linux Mint.
19. A oto nasz końcowy efekt! Gotowe!

niedziela, 13 lutego 2011

GIMPUJEMY - efekty tekstowe cz.1

Poziom trudności: łatwy | Czas wykonania: 5 - 15 min

Witajcie! Po dość długiej nieobecności powracam. Tym razem z czymś bardziej przyziemnym od BASHa. Wśród znajomych pojawiły się prośby, bym napisał kilka tutoriali związanych z pracą w Gimpie. Może nie jestem jakimś górnolotnym specjalistą w tych sprawach, ale chętnie pokażę co nieco. Przyda się na pewno początkującym użytkownikom. Kieruję je dla osób znających podstawy obsługi  tego programu (lub innych rastrowych). Zaczynam od pokazania, co można ciekawego zrobić z tekstem.

Tekst wypełniony gradientem, odbijający się od powierzchni.

1. Tworzymy nowy obraz. Załóżmy że będą to wymiary 100x300 pikseli.

Plik --> Nowy --> Wybieramy odpowiednie wartości --> Ok

2. Wybieramy narzędzie do wprowadzania tekstu. Zaznaczamy interesujący nasz obszar, po czym wpisujemy tekst. Załóżmy że będzie pisany czcionką Sans Bold - rozmiar 56pt. Ja napisałem "zielone". Może to być dowolny inny napis. Jednakże zaleca się by nie zawierał liter mających wystające ogonki takie jak j,y,p. Zepsuje to cały efekt. Można je zastosować jedynie gdy ich podstawy znajdują się na równi z innymi podstawami liter.
3. W oknie warstw klikamy prawym przyciskiem myszki na warstwę naszego tekstu. Wybieramy opcję "Tekst na zaznaczenie" lub "Kanał alfa na zaznaczenie". Na tak prostym poziomie obróbki obiektu nie robi to większej różnicy.

4. Następnie zaglądamy do: Zaznaczenie - -> Zmniejsz --> Zmniejszamy obszar zaznaczenia o 1px --> OK. Zaznaczony obszar wypełniamy wybranym przez nas kolorem. Dla mnie będzie to 66FF00. Otrzymaliśmy kolorowy tekst, ograniczony ładnym czarnym konturem. Zostawiamy zaznaczenie cały czas.

5. Przy takim samym zaznaczeniu wybieramy narzędzie gradientu. Należy wybrać kolor nieco ciemniejszy od bazowego. U mnie będzie to barwa 5ca62b (nieco ciemniejszy jasnozielony).  W ustawieniach narzędzia gradient koniecznie należy ustawić tryb na zwykły oraz sam gradient na: "kolor pierwszoplanowy na przezroczystość". Następnie w płaszczyźnie pionowej przeciągamy gradient od dołu napisu do jego połowy. Efekt powinien wyglądać mniej więcej tak:
6. Wybieramy teraz nieco jaśniejszy kolor dla naszego gradientu. Powiedzmy że będzie to FFFFFF (biały). Wykonujemy analogiczną czynność. Jednakże tym razem przeciągamy gradientem w płaszczyźnie pionowej od góry do dołu napisu. Efekt:
7. Zdejmujemy zaznaczenie: Zaznaczenie --> Nic. 

8. Pora zduplikować nasz napis i zająć się jego odbiciem.W panelu warstw klikamy prawym przyciskiem myszki na naszym napisie --> Duplikuj warstwę. Nad nią powinna teraz pojawić się kolejna warstwa nazwana twójnapis#1. Będzemy teraz ją odpowiednio przekształcać.

9. Wybieramy narzędzie obrotu obiektem. Przeciągamy tak by uzyskać kąt 180 stopni. Najlepiej go ręcznie wklepać.

10. Następnie wybieramy narzędzie o wdzięcznej nazwie "odbicie". Przeciągamy nim po naszym napisie tak by ładnie przystawał do wcześniejszego. W razie konieczności korekty jego pozycji - wybieramy narzędzie przesuwania i odpowiednio go umieszczamy. Powinien przystawać.

11. Jak widać nie wygląda to najestetyczniej jeszcze. Zamieniamy te dwie warstwy miejscami. Tak Aby nasza odwrócona kopia była pod oryginiałem. Robimy to odpowiednim przeciągnięciem w panelu warstw.
12. Picasso to jeszcze nie jest. Teraz ponownie wybieramy narzędzie gradientu. Wybieramy kolor taki sam, jakim dysponujemy tłem. W tym przypadku jest to FFFFFF (biały). Przeciągamy od dołu do góry na warstwie naszego odbicia. Czynność tę powtarzamy aż do momentu gdy nasze skrajne dolne krawędzie znikną w ładnej białej mgiełce:

GOTOWE!


To nie jest co prawda jakiś wybitny efekt, jednak na sam początek w sam raz. W rzeczywistości częściej robi się to na przezroczystym tle. Wtedy przy tworzeniu nowego obrazu wybieramy opcję przezroczystego tła. Należy także pamiętać by przy kroku numer 12 nie "zmazywać" odbicia napisu kolorem tła (przecież go nie ma) a odpowiednio ustawić narzędzie gradientu. Chodzi o tryb "wymazywanie koloru".

Mam nadzieję że w miarę przystępnie to opisałem. Niedługo wrzucę kolejne tutki pokazujące inne proste rozwiązania. Liczę że pokażecie swoje prace w komentarzach np. za pomocą http://imageshack.us . Chętnie też podpowiem jeśli coś komu nie wychodzi. Jeśli ktoś czeka na coś bardziej złożonego - niech będzie cierpliwy. Miłego Gimpowania!