Temat: Grafika komputerowa.

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. 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. ZADANIE 2 WSKAZÓWKA: Menu Wstaw/Obraz/Clipart… 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: 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. 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. 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: 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 255to kolor czarny. • Stosowany jest na urządzeniach odbijających światło (kartka papieru). cyjan = zielony + niebieski magenta = czerwony + niebieski Opracował: Paweł Staszczuk

13. 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? Opracował: Paweł Staszczuk

15. 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ą formatyobrazów wektorowych? 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. ZADANIE 7 W programie Word narysuj flagi państw sąsiadujących z Polską oraz flagę Unii Europejskiej. Opracował: Paweł Staszczuk

19. 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