Temat: Grafika komputerowa. Opracował: Paweł Staszczuk

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

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

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

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

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

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

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

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

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

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

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: 0 0 0 to kolor czarny, 255 255 255 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: 0 0 0 0 to kolor biały, 0 0 0 255 to kolor czarny. Stosowany jest na urządzeniach odbijających światło (kartka papieru). cyjan = zielony + niebieski magenta = czerwony + niebieski Opracował: Paweł Staszczuk

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

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

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

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

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

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

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