Forum Tibia.pl - Khan przedstawia potęga Painta

UWAGA z 10. 02. 2007: Część obrazków zostala usunięta z serwera Imageshack.us, w związku z czym, poniższa wersja poradnika jest NIEKOMPLETNA! Naprawioną i uzupełnioną wersję znajdziesz na: http://khan1987.republika.pl/paint.html

Witam.
Często dostaje zapytania o treści "W czym wy to rysujecie?". "Jakim programem tworzycie?", "Skąd mam ściągnąć..." itp. Odpowiedź jest jednoznaczna: MS Paint. Postaram się zaprezentować jak przy pomocy tego prostego edytora wyczarować dowolny upragniony przez nas rysunek.

1. Prolog
Zacznijmy od drobnego tutoriala i pokozania na co stać nasz kochany edytor.

1.1. Narzędzia
Najpierw Przybornik, czyli zbiór tych, na pierwszy rzut oka, niewinnych ikonek.

1.1.1 Zaznacz
Guzik "Zaznacz" znajdziemy u góry Przybornika. Występuję pod postacią zaznaczania prostokąta, jak i zaznaczania dowolnej figury.
http://img15.exs.cx/img15/8038/zaznacz.gif
Teraz pora na sztuczki.
Sztuczka 1: Masowe kopiowanie i smugowanie

Zaznaczamy obrazek:
http://img15.exs.cx/img15/1764/efektprzecigania1.gif

Jeśli przytrzymamy CTRL i przesuniemy, otrzymamy kopię. W ten sposób możemy oszczędzić mnóstwo czasu. Szczególnie przy kopiowaniu wielokrotnym jednego obrazka.
http://img15.exs.cx/img15/8946/efektprzecigania2.gif

Jeśli natomiast przytrzymamy SHIFT i przesuniemy, obraz sam się zacznie kopiować tworząc 'smugę'.
http://img15.exs.cx/img15/3415/efektprzecigania3.gif

Sztuczka 2: Koloryzacja*
*wymaga dodatkowego programu koloryzującego.

Wybieramy sobie obrazek:
http://img15.exs.cx/img15/5333/bleh1.gif

Następnie zaznaczamy w nim dowolny obszar.
http://img15.exs.cx/img15/4865/zaznaczanie.gif

Na zaznaczony fragment klikamy PMB i wybieramy 'Kopiuj do...'. Otrzymujemy osobny plik z fragmentem.
http://img15.exs.cx/img15/5015/kopiuyjdo.gif http://img15.exs.cx/img15/4180/kawaek.gif

Koloryzujemy fragment, używając dodatkowego programu. (np. ACDsee):
http://img15.exs.cx/img15/3432/kawaek2.gif

Wklejamy do starego pliku, w miejscu gdzie dany fragment być powinien.
http://img15.exs.cx/img15/7218/bezkawaka.gif http://img15.exs.cx/img15/512/bezkawaka22.gif

Efekt sami widzicie.
Jak więc widać opcja 'Zaznacz' bardzo się przydaje przy pracy z większymi rysunkami.

1.1.2 Gumka
Niektórzy pewnie twierdzą, iż Gumka to mały zbędny kwadracik służący do czyszczenia małych obrazków. Mylą się. Gumka to najpotężniejsze narzędzie grafika.

Sztuczka 1: Powiększenie gumki
Wystarczy przytrzymać klawisz '+', aby nasza mała gumka urosła w siłę. Teraz już nikt nie będzie narzekał na jej rozmiar.
http://img66.exs.cx/img66/4797/duzagumka.gif

Sztuczka 2: Zamiana kolorów
Bardzo ważny trik! Przyjmijmy, że mamy pewien żółty napis, który chcemy aby stał się czerwony.
http://img66.exs.cx/img66/9886/napis1.gif

Jak widać jest tu sporo literek. Zabawa z 'Kubełkiem' jest więc bardzo czasochłonna. Wykorzystujemy więc 'Zamianę kolorów'.
Najpierw zaznaczamy jakie kolory będziemy używać. Jako kolor 1 wybieramy ten, KTÓRY chcemy zmieniać. Na kolor 2 bierzemy ten, NA KTÓRY chcemy zmieniać.
Bardzo wskazane jest używanie 'Pipety', co pozwoli nam pobrać próbkę koloru żółtego.
http://img66.exs.cx/img66/5731/wezkolor.gif

Ostatecznie powinnismy otrzymać:
Zółty jako kolor KTÓRY zmieniamy
Czerwony jako kolor NA KTÓRY zmieniamy
http://img66.exs.cx/img66/894/zoltyiczerwony.gif

Teraz po prostu przejeżdżamy przez napis trzymając PMB. Kolor zółty zostanie zamieniony. Pozostałe pozostaną nietknięte.
http://img66.exs.cx/img66/3559/napis2.gif

W ten sposób można uzyskać wiele fajnych efektów. Jeśli zalerzy nam na szybkim pokolorowaniu literek zwiększamy gumkę (Sztuczka 1) i jednym pociągnięciem PMB sprawa jest załatwiona.
http://img66.exs.cx/img66/7909/napis3.gif http://img66.exs.cx/img66/4087/napis4.gif

Jak widać gumka przydaje się nie tylko w mazaniu co i w kolorowaniu. To bardzo ważna umiejętność! Polecam!

1.1.3 Kubełek
Kubełek z farbą służy nam do zamalowywania dużych obszarów tego samego koloru. Po wprowadzeniu 'Powiększenia gumki' i 'Zmiany koloru' traci jednak praktyczne zastosowanie. Przydaje się jedynie przy potrzebie błyskawicznego zamalowania obszaru.
http://img66.exs.cx/img66/3476/wypelnienie.gif

1.1.5 Pipeta
Pobiera kolor. Przydaję się, gdy kolor na którym pracujemy nie występuje w palecie standardowej. Razem z 'Gumką' jest w stanie zdziałać cuda.
http://img66.exs.cx/img66/7822/wezkolor1.gif

1.1.6 Lupa
Bardzo przydatne urządzenie, którego zastosowania chyba nie trzeba tłumaczyc. Pozwala korzystać ze skal: 100%, 200%, 600%, 800%.
http://img66.exs.cx/img66/8538/lupa.gif

Sztuczka: Powiększenie 400%
Czasem przydaje się powiększenie 400% niedostępne w menu wyboru skali. Aby je aktywować wybieramy:
http://img66.exs.cx/img66/8343/duzyrozmiar.gif

1.1.7 Ołówek
Podstawowa broń Pixelartystów.
http://img85.exs.cx/img85/771/olowek.gif

Sztuczka 1: Miniatura
Przy rysowaniu w większej skali przydaje się widzieć na bierząco jak dany obiekt wygląda w pomniejszeniu. Po to powstała opcja miniatura:
http://img85.exs.cx/img85/2001/miniatura.gif

By włączyć tę opcję ustawiamy skalę na 600% lub 800% i wybieramy:
http://img85.exs.cx/img85/9162/miniaturaJAK1.gif

Sztuczka 2: Siatka
Siatka pomaga przy rysowaniu w dużej skali.
http://img85.exs.cx/img85/2794/siatka.gif

By włączyć tę opcję ustawiamy skalę na 600% lub 800% i wybieramy:
http://img85.exs.cx/img85/1968/siatkaJAK.gif

Sztuczka 3: Zwiększenie grubości
Dzięki klawiszowi '+' 'Ołówek' może zacząć działać jak 'Pędzel'.
http://img85.exs.cx/img85/8143/Linka1.gif

1.1.8 Pędzel
Służy do rysowania konturów.
http://img66.exs.cx/img66/9656/Pedzel.gif

Sztuczka: Zmiana grubości
Podobnie jak przy 'Gumce', przy pomocy klawisza '+' możemy regulować grubość pędzla.
http://img66.exs.cx/img66/1782/Linka.gif

1.1.9 Aerograf
Narzędzie to stanowi symulator sprey'u. Heretycy twierdzą, iż nadaje się jedynie do rysowania śniegu i dymu.
http://img66.exs.cx/img66/8359/Aerograf.gif

Sztuczka 1: Zmiana promienia
Podobnie jak przy 'Gumce', przy pomocy klawisza '+' możemy regulować poledziałania aerografu.
http://img66.exs.cx/img66/554/aerograf1.gif

Sztuczka 2: Efekt krwi
Aby uzyskać efekt zbruzgania krwią najpierw stosujemy kilkukrotnie aerograf. Zaczynamy od dużego promienia i ciemnego odcienia czerwieni. Następnie stopniowo zmniejszamy promień i rozjaśniamy odcień.
http://img85.exs.cx/img85/690/aerograf1zkrwi.gif

1.1.10 Linia
To urządzenie pozwala rysować idealnie prosre linie. Bardzo przydatne.
http://img85.exs.cx/img85/2395/Linia1.gif

Sztuczka 1: Zmiana szerokości
Podobnie jak przy 'Gumce', przy pomocy klawisza '+' możemy regulować szerokośc linii.
http://img85.exs.cx/img85/3483/Kreska3.gif

1.1.11 Krzywa
Pozwala rysować pojedyncze lub podwójne łuki. Rzadko używane, ze względu na niską precyzję.
http://img85.exs.cx/img85/8293/Krzywa1.gif

Działanie:
1. Rysujemy zwykłą linię.
http://img85.exs.cx/img85/9980/efektkrzywej1.gif
2. Chwytamy za linię i przeciągamy by utworzyć pierwszy łuk.
http://img85.exs.cx/img85/2972/efektkrzywej3.gif
3. Jeśli chcemy zakończyć klikamy jeszcze raz w miejscu gdzie puściliśmy przeciąganie. Jeśli chcemy rysować dalej chwytamy i przeciągamy kolejny fragment.
http://img85.exs.cx/img85/1870/efektkrzywej4.gif

Sztuczka 1: Zmiana szerokości
Podobnie jak przy 'Gumce', przy pomocy klawisza '+' możemy regulować szerokośc linii.

1.1.12 Łamana
Kolejny nieużywany bajerek. Pozwala rysować łamane zamknięte, z możliwością automatycznego pokolorowania ich.
http://img85.exs.cx/img85/7005/wielokt.gif

Działanie:
1. Rysujemy 1 lnię:
http://img85.exs.cx/img85/3284/efektwielokta6.gif
2. Poprzez kliknięcia w inne miejsca powstają kolejne linie:
http://img85.exs.cx/img85/4727/efektwielokta7.gif
3. Gdy wybierzemy inne narzędzie łamana sama się zamknie i jeśli chcemy to także pokoloruje:
http://img85.exs.cx/img85/681/efektwielokta8.gif

Sztuczka 1: Zmiana szerokości
Podobnie jak przy 'Gumce', przy pomocy klawisza '+' możemy regulować szerokośc linii.

1.1.13 Figura
Występuje pod trzema postaciami. Pozwala rysować daną figurę, a także jesli chcemy pokolorować ją.
http://img85.exs.cx/img85/4411/prostokt.gif

Sztuczka 1: Masowe czyszczenie
Ustawiamy tryb rysowania na 3 i rysujemy dużu prostokąt. Efekt jest taki jak przy działaniu dużej 'Gumki'.
http://img85.exs.cx/img85/8711/efektprostokta1.gif

Sztuczka 2: Zmiana szerokości
Podobnie jak przy 'Gumce', przy pomocy klawisza '+' możemy regulować szerokośc linii.

1.2. Kolory
Zbiór kolorów to oczywiście jedynie zestaw podstawowy. Każdy szanujący się rysownik musi opanować sztukę tworzenia własnych palet.

1.2.1 Tworzenie koloru
Aby stworzyć własny kolor znajdujemy na dole paletę:
http://img50.exs.cx/img50/2719/Kolor1.gif

Klikamy dwa razy na kolorze który chcemy zmienić i tym samym pojawia nam się taka oto plansza:
http://img50.exs.cx/img50/7305/Kolor2.gif

Klikamy na przycisk 'Definiuj kolory niestandardowe' by dostać się do głównej bazy barw:
http://img50.exs.cx/img50/9213/Kolor3.gif

Zmieniamy barwę przesuwając czarny krzyżyk:
http://img50.exs.cx/img50/4920/Kolor4.gif

Klikamy 'OK'. Nasz kolor pojawia się w palecie:
http://img50.exs.cx/img50/3471/Kolor5.gif

1.2.2 Przykład palety
Do rysowania będziemy potrzebowali różne odcienie używanych barw. Musimy dokładnie dobrać odcienie. Ponadto musimy pamiętac, że jeśli otworzymy nowy plik nasza paleta zostanie usunięta i zastąpiona standardową.
Przykład palety:
http://img50.exs.cx/img50/6595/Kolor6.gif

2. Pierwszy rysunek
Teraz wykorzystajmy nasze nowonabyte umiejętności i narysujmy coś. Może jakiś miecz?
2.1. Szkic
Zaczniemy od konturów.

2.1.1 Kontur
Rysujemy Kontur miecza wykorzystując punkty (1.1.8) (1.1.9) (1.1.10) (1.1.11):
http://img50.exs.cx/img50/1248/Miecz1.gif

Tworzymy symetryczną drugą połowę wykorzystując punkt (1.1.1. Sztuczka 1):
http://img50.exs.cx/img50/6250/Miecz2.gif
http://img50.exs.cx/img50/7750/Miecz3.gif
http://img50.exs.cx/img50/1378/Miecz4.gif

Znów obrabiamy kontur korzystając z punku (1.1.8):
http://img50.exs.cx/img50/1084/Miecz5.gif

2.1.2 Kolor
Ten punkt polega jedynie na przygotowaniu kolorów i wstępny pokolorowaniu objektu. Wykorzystujemy punkty (1.1.2. Sztuczka 2) oraz (1.1.3)
http://img50.exs.cx/img50/4203/Miecz6.gif

2.1.3 Cieniowanie
To dość trudny punkt. Musimy odpowiednio dobrać odcienie i pokolorować krawędzie przedmiotu. Standardowe cieniowanie neutraline usytuowanego obiektu przewiduje światło od przodu. Oznacza to, iż staramy się pozostawiać środek jasny, a brzegi ciemne.
Uwaga: Przy ostrzach najczęściej bywa odwrotnie.
Faza 1:
http://img50.exs.cx/img50/3408/Miecz7.gif
Faza 2:
http://img50.exs.cx/img50/8874/Miecz8.gif
Faza 3:
http://img50.exs.cx/img50/9251/Miecz9.gif

2.1.4 Bajery
Miecz jest praktycznie skończony. Teraz można wybrać efekty specjalne jak poświata, czy ogień. My dodamy ofekt zakrwawienia.

Działanie:
1. Tworzymy Kontur wykorzystując punkt (1.1.2. Sztuczka 2)
http://img50.exs.cx/img50/739/Miecz10.gif
2. W tym czasie traktujemy nasz miecz sprejem tak jak nakazuje punkt (1.1.9. Sztuczka 2)
http://img50.exs.cx/img50/4460/Miecz12.gif
3. Teraz wklejamy na to nasz kontur. Kolor pierwszy musi być taki sam jak kolor konturu. Ponadto należy wybrać tryb przezroczysty. Powinno nam się pojawić coś takigo:
http://img50.exs.cx/img50/7585/MIECZ11b.gif

Teraz pozostaje jedynie pozbyć się zielonego tła, tak jak w punkcie (1.1.3) i gotowe:
http://img50.exs.cx/img50/6756/Miecz11.gif

3. Podsumowanie
Mam nadzieję, że ten artykół przyda się początkującym Paintartystom i być może pozwoli nauczyć się czegoś tym, ktorzy rysują już od dość dawna.
Przedstawiłem większość teorii. Teraz by osiągnąć mistrzostwo pozostaje jedynie praktyka, praktyka i jeszcze raz praktyka.

Pozdrawiam wszystkich miłośników Painta. :D