Temat: Grafika komputerowa.

Prezentacja na temat: "Temat: Grafika komputerowa."— Zapis prezentacji:

1 Temat: Grafika komputerowa.
Opracował: Paweł Staszczuk

2 Jakie są rodzaje grafiki komputerowej?
GRAFIKA RASTROWA GRAFIKA WEKTOROWA Opracował: Paweł Staszczuk

3 Jak zapisany jest obraz w grafice rastrowej?
PIKSEL PRZEPISZ: Grafika rastrowa (bitmapy) - obraz składa się z siatki jednokolorowych pikseli (małych kwadratów). Przykładowe programy: Paint, Gimp, Photoshop. Opracował: Paweł Staszczuk

4 Opracował: Paweł Staszczuk
ZADANIE 1 Wybierz pierwsze zdjęcie z galerii zdjęć strony WWW szkoły. Jakiego rodzaju jest to grafika? Zapisz je na dysk H:. Otwórz je w programie Paint. Oblicz z ilu pikseli składa się zdjęcie. Powiększ je maksymalnie. Czy widzisz poszczególne piksele? Czy da się zmienić kolor połowy piksela? WSKAZÓWKA: Wybierz opcję Zapisz obraz jako… z menu kontekstowego zdjęcia. WSKAZÓWKA: Menu Obraz/Atrybuty WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe… Opracował: Paweł Staszczuk

5 Jak zapisany jest obraz w grafice wektorowej?
OBIEKT PRZEPISZ: Grafika wektorowa - obraz składa się z obiektów (figur geometrycznych) opisanych równaniami matematycznymi. Przykładowe programy: CorelDraw, Visio, edytor graficzny Worda. Opracował: Paweł Staszczuk

6 Opracował: Paweł Staszczuk
ZADANIE 2 Otwórz edytor Word. Otwórz okienko Clipart. Wyszukaj obrazy kwiatów. Wstaw do dokumentu dwa obrazy, jeden rastrowy, jeden wektorowy. Które z nich da się edytować? Edytuj obraz wektorowy. Zaznacz dowolny obiekt, przeciągnij go za zdjęcie i powiększ. Z czego składa się ten obiekt? WSKAZÓWKA: Menu Wstaw/Obraz/Clipart… WSKAZÓWKA: Sprawdź w menu kontekstowym obrazu. WSKAZÓWKA: Włącz opcję Edycja punktów z menu kontekstowego obrazu. Opracował: Paweł Staszczuk

7 Jak edytować krzywe Béziera?
Krzywa Béziera – parametryczna krzywa wielomianowa powszechnie stosowana w grafice komputerowej. Pierre Bézier, francuz, inżynier firmy Renault, opracował wzory pod koniec lat 60. INFORMACJE I RYSUNEK Z WIKIPEDII DLA ZAINTERESOWANYCH: Krzywa Béziera w edytorze Word – narysuj odcinek, z menu kontekstowego odcinka wybierz edycję punktów, zobaczysz dwa punkty, z menu kontekstowego punktu wybierz punkt prosty, zobaczysz odcinek styczny do krzywej, zmieniając położenie odcinka edytujesz krzywą. Opracował: Paweł Staszczuk

8 Jakie są zalety poszczególnych grafik?
PRZEPISZ: Grafika rastrowa jest niezastąpiona przy tworzeniu obrazów o skomplikowanych kolorach, przejściach tonalnych, cieniach, gradacjach barw. PRZEPISZ: Grafika wektorowa: jest skalowalna (nie tracimy na jakości przy zwiększaniu obrazu), pliki mają mniejsze rozmiary, nadaje się do opisu przestrzeni trójwymiarowej, daje się łatwo zamienić na grafikę rastrową. Opracował: Paweł Staszczuk

9 Gdzie stosujemy grafikę komputerową?
Fotografia cyfrowa, telewizja cyfrowa, kamery cyfrowe, projektowanie wspomagane komputerowo (CAD), przygotowanie publikacji (książki, czasopisma, broszury, komiksy), efekty specjalne w filmach, kartografia, logo, herby, flagi, godła, gry komputerowe. Opracował: Paweł Staszczuk

10 Opracował: Paweł Staszczuk
ZADANIE 3 W programie Word narysuj flagę Polski. PRZEPISZ: Edytor grafiki wektorowej programu Word to pasek narzędzi Rysowanie. JAK TO ZROBIĆ? KROK PO KROKU: Żeby poprawnie narysować flagę Polski trzeba: narysować prostokąt (pół flagi), skopiować go w pionie tak, żeby dwa prostokąty stykały się ze sobą (przeciągnąć trzymając ctrl i shift), zakolorować dolny prostokąt, zaznaczyć dwa prostokąty, zgrupować prostokąty (przycisk Rysuj, opcja Grupuj). Opracował: Paweł Staszczuk

11 Opracował: Paweł Staszczuk
ZADANIE 4 Otwórz edytor Word. Wstaw zdjęcie z pliku E:\Rysunek1.tif. Skoryguj jasność i kontrast zdjęcia. Przytnij je, tak by w centrum zdjęcia znajdowali się czterej żołnierze. WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku… PRZEPISZ: Parametry zdjęcia rastrowego można ustawiać korzystając z paska narzędzi Obraz. Opracował: Paweł Staszczuk

12 Jak zapisany jest kolor punktu?
PRZEPISZ: Format RGB: Dowolny kolor powstaje przez zmieszanie trzech kolorów : czerwonego, zielonego i niebieskiego w natężeniach od 0 do 255. Składowe: to kolor czarny, to kolor biały. Stosowany jest na urządzeniach emitujących światło (monitor). PRZEPISZ: Format CMYK: Dowolny kolor powstaje przez zmieszanie czterech kolorów : cyjan, magenta, żółty i czarny w natężeniach od 0 do 255. Składowe: to kolor biały, to kolor czarny. Stosowany jest na urządzeniach odbijających światło (kartka papieru). cyjan = zielony + niebieski magenta = czerwony + niebieski Opracował: Paweł Staszczuk

13 Opracował: Paweł Staszczuk
ZADANIE 5 Wejdź do programu Gimp. Otwórz okno Zmiana aktywnego koloru. Wybierz CMYK. Zmieniaj kolor i obserwuj, jak zmieniają się składowe RGB i CMYK. WSKAZÓWKA: Dwa razy kliknij na prostokącie z aktywnym kolorem. WSKAZÓWKA: Kliknij na ikonę z drukarką. Opracował: Paweł Staszczuk

14 Jakie są formaty bitmap?
CECHY ZASTOSOWANIE TIFF Duży rozmiar pliku, najwierniejsze przeniesienie barw. Grafika dla potrzeb DTP (przygotowanie publikacji do druku). BMP Duży rozmiar pliku, obsługiwany przez wszystkie programy. Prosta grafika, tapety, ikony. JPEG Bardzo mały rozmiar, utrata jakości. Przesyłanie grafiki, strony WWW, kolekcje grafiki. GIF Mały rozmiar, tylko 256 kolorów, funkcje (przeźroczystość, tło). Strony WWW. PNG Stosunkowo nowy elastyczny format, wiele funkcji. Szerokie zastosowanie, DTP, strony WWW, kolekcje grafiki. Opracował: Paweł Staszczuk

15 Opracował: Paweł Staszczuk
ZADANIE 6 W programie Paint otwórz jeszcze raz zdjęcie z galerii strony WWW szkoły. Zapisz je w różnych formatach. Porównaj rozmiary plików. WSKAZÓWKA: Menu Plik/Zapisz jako… Opracował: Paweł Staszczuk

16 Jakie są formaty obrazów wektorowych?
CECHY ZASTOSOWANIE PDF Popularny format, darmowy program do odczytu (Adobe Reader). Dokumenty tekstowe z grafiką. EPS Format uniwersalny, stosowany też w specjalnych drukarkach. DTP (przygotowanie publikacji do druku). SVG Grafika statyczna i animowana, format otwarty (bez licencji), rodzina XML. Strony WWW. SWF Grafika statyczna i animowana, format zamknięty, zwany „plikami Flash”. WMF Stosowany w systemach Windows. Cliparty. Opracował: Paweł Staszczuk

17 Jak dbać o jakość zdjęcia?
PRZEPISZ: Zdjęcie drukowane - dpi powinno być równe 300 lub być większe. PRZEPISZ: dpi – liczba pikseli na cal obrazu. Czym większe, tym piksele są mniejsze, a jakość obrazu lepsza. PRZEPISZ: Zdjęcia na stronach WWW: Przygotowujemy bitmapę tak, żeby nie trzeba było jej skalować. Oprócz jakości liczy się to by zdjęcia szybko się „ładowało” (mały rozmiar pliku zdjęcia). Opracował: Paweł Staszczuk

18 Opracował: Paweł Staszczuk
ZADANIE 7 W programie Word narysuj flagi państw sąsiadujących z Polską oraz flagę Unii Europejskiej. Opracował: Paweł Staszczuk

19 Opracował: Paweł Staszczuk
PODSUMOWANIE Jakie zastosowania ma grafika komputerowa? Jakie znasz rodzaje grafiki komputerowej? Czym charakteryzują się poszczególne grafiki? Co możemy robić z grafiką w edytorze Word? Jak zapisywany jest kolor punktu? Jakie znasz formaty plików graficznych? Jakie są ich cechy i zastosowanie? Jak dbać o jakość zdjęć? Opracował: Paweł Staszczuk