Grafika rastowa              

oto podstawowe informacje:

Grafika rastrowa -jest to reprezentacja obrazu za pomocą pionowo-poziomej siatki odpowiednio kolorowanych pikseli na monitorze komputera. Każdemu pikselowi przyporządkowana jest liczba określająca barwę punktu oraz miejsce (w poziomie i w pionie monitora) w którym on się znajduje. Oczywiste więc jest, że jakość obrazu zależy od ilości pikseli (punktów świecących na ekranie monitora).

Popularność obrazów rastowych wynika z tego, że wyglądają one w sposób bardzo rzeczywisty - tak jak fotografie. Zdjęcie z aparatu cyfrowego jest właśnie grafiką typu rastrowego. Takie pliki mogą występować w wielu formatach np.: *jpg, *tif, *xcf  i welu, wielu innych. Jest bardzo wiele programów do obróbki grafiki rastowej. Niektóre z nich to prawdziwe KOMBAJNY wymagające ogromnych!!! możliwości sprzętowych. Ich możliwości są praktycznie nieograniczone. Możemy to zaobserwować w filmach na przykład: "szrek", ale również, w nominowanej do nagrody OSCARA "katedrze".

Gimp jest jednym z najlepszych programów do obróbki tego typu grafiki. Oczywiście nie jest to KOMBAJN - o nie!!! Jednakże jest to aplikacja, która nie ustępuje w niczym takim programom, jak choćby popularny  PhotoShop, co więcej: GIMP ma nad tymi aplikacjami druzgocącą przewagę! Jest darmowy!!! ponieważ program GIMP jest oparty na licencji GNU******.

****** Na temat licencji GNU wasz zgred zapoda quest na lekcji. Resztę możecie  zlookać na www.

wbijamy się w GIMPA  »»  »»   »»    http://www.gimpuj.info

 

OSWAJANIE LISA

 

LEKCJA 1  ---  USUWANIE TŁA NA POTRZEBY WITRYN WWW

CEL ĆWICZENIA: naszym celem jest opanowanie umiejętności tworzenia efektownych elementów graficznych (napisy, animowane gify, awatary, loga, itp.) na potrzeby witryn internetowych.

a). Pobierz plik "kwiatek.jpg" z tej lokalizacji lub połącz się za pomocą protokołu FTP z katalogiem swojej klasy na komputerze "trojden" i . pobierz plik "kwiatek.jpg"

b). Odpal program GIMP i przez opcję plik - otwórz - wywołaj plik:

k wiatek.jpg"

c). Wybierz w głównym menu zaznaczenie

d). Wybieramy: "według koloru".

e). Teraz klikamy na  piksel tła, który maksymalnie odbiega kolorystycznie od interesującego nas obiektu. Panel narzędziówki (zazwyczaj po lewej stronie pulpitu) zmieni się, a my wybieramy ustawienia.

f). Jako tryb ustawiamy 2-gi kolejny z czterech istniejących (jak na obrazku wyżej). Możemy także określić procentowy próg porównywalnych kolorów do usunięcia z tła. Teraz jest ono ustawione na 27,0 (patrzymy na obrazek wyżej). To bardzo ważne! Jeżeli nasz pożądany  element docelowy  będzie się bardzo różnił pod względem kolorystycznym od tła, to możemy zastosować dużą liczbę. Jeżeli nie-czyli, że tło i nasz docelowy element będą kolorystycznie podobne, musimy tę liczbę adekwatnie zmniejszyć.

Oznacza to tyle, że  w tej operacji najlepsze efekty uzyskujemy, gdy  element docelowy bardzo różni się pod względem kolorystycznym od niechcianego tła.

g). Teraz wybieramy menu podręczne (prawy przycisk myszy). Następnie »  warstwa»  przezroczystość » dodaj kanał alfa. Popatrzcie na obrazek.

h). Nadszedł czas na usuwanie niechcianego tła. W głównym menu wybieramy:  edycja»  wyczyść

  i). Obszary w których pojawiła się szachownica nie mają już tła. Są jednak tutaj obszary zielone i czarne. Nie zostały one usunięte, ponieważ znacząco różniły się kolorystycznie od wskazanego piksela. Wystarczy, że będziemy klikali na nie myszką i powtarzali operację:   edycja »  wyczyść. Uzyskamy następujący efekt:

j). Zapewne wyniki naszej operacji nie będą doskonałe. Zostaną małe fragmenty tła. ; Widzimy to na obrazku powyżej. Rada jest prosta, wystarczy, że włączymy powiększenie obrazu i niechciane pozostałości tła usuniemy gumką (z panelu narzędziowego).

k). Jesteśmy blisko celu. Teraz musimy zapisać nasz plik. Zapisujemy go w formacie *gif, ponieważ do tej pory pracowaliśmy na formacie *jpeg, a ten nie obsługuje przezroczystości. Wykonujemy więc operację: plik » zapisz jako. Należy wybrać  format pliku *gif i nadać nazwę np: kwiatek.gif   Popatrzcie na scrin down.

l). Nadszedł czas na opublikowanie naszego obrazka w internecie. Zanim to zrobimy, sprawdźmy jak to działa. Odpalamy notepada i zapodajemy ten niezwykle liryczny quest:

 

 

 

 

M). William Shakespeare; nie wymyślił by tego lepiej. Zapisujemy nasz plik jako np: kwiatek.html  Odpalamy przeglądarkę (oczywiście OPERA) i co widzimy?

WŁACHA  i  JACHA!!! Normalnie wiła wianki i rzucała je do falującej wody ~~~~~~~~

Dziękuję za uwagę!

    zgred

2008-11-165-22:02