Temat: Grafika komputerowa.

Jakie są rodzaje grafiki komputerowej?

GRAFIKA RASTROWA
GRAFIKA WEKTOROWA
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.
Obrazy bitmapowe
jako tablice pikseli
Wybierz pierwsze zdjęcie z galerii ZADANIE 1
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk. WSKAZÓWKA: Wybierz opcję Zapisz obraz jako…
z menu kontekstowego zdjęcia.

Otwórz je w programie Paint.

Oblicz z ilu pikseli składa się zdjęcie.
WSKAZÓWKA: Menu Plik/Właściwości

Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Linie siatki

Czy widzisz poszczególne piksele?

Czy da się zmienić kolor połowy
piksela?
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, Inkscape.
Otwórz edytor Word. ZADANIE 2
Otwórz okienko Clipart. WSKAZÓWKA: w zalerznośći od wersji
Wyszukaj obrazy kwiatów.
https://support.office.com/pl-
Wstaw do dokumentu dwa obrazy, pl/article/dodawanie-
jeden rastrowy, jeden wektorowy. obiekt%C3%B3w-clipart-do-
pliku-0a01ae25-973c-4c2c-
Które z nich da się edytować? 8eaf-8c8e1f9ab530

WSKAZÓWKA: Sprawdź w menu kontekstowym obrazu.

Edytuj obraz wektorowy.

Zaznacz dowolny obiekt, przeciągnij go
za zdjęcie i powiększ.
Z czego składa się ten obiekt?
WSKAZÓWKA: Włącz opcję Edycja punktów
z menu kontekstowego obrazu.
 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

WYKONAJ:
Krzywa Béziera w edytorze Word – narysuj odcinek, z menu
wstawianie wybierz Kształty – Nowa kanwa rysunku-Krzywa
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ą.
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.
ZADANIE 3
W programie Word narysuj tylko flagę
Polski.
 ZADANIE 4
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły na
którym występuje kilka osób.
WSKAZÓWKA: Sprubuj to zrobić w GIMPIE,
potem w MS WORD

Skoryguj jasność i kontrast zdjęcia.

Przytnij je, tak by w centrum zdjęcia
znajdowali się tylko trzy osoby.
PRZEPISZ:
Parametry zdjęcia rastrowego można ustawiać
korzystając z paska narzędzi Obraz.
 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

 ZADANIE 5
Wejdź do programu Gimp.
Otwórz okno Zmiana aktywnego
koloru. WSKAZÓWKA: Dwa razy kliknij na
prostokącie z aktywnym kolorem.

Wybierz CMYK.
WSKAZÓWKA: Kliknij na ikonę z drukarką.

Zmieniaj kolor i obserwuj, jak

zmieniają się składowe RGB i CMYK.
 Jakie są formaty bitmap?
FORMAT CECHY ZASTOSOWANIE

Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP

TIFF
przeniesienie barw. (przygotowanie publikacji do druku).

Duży rozmiar pliku, obsługiwany

BMP Prosta grafika, tapety, ikony.
przez wszystkie programy.

Bardzo mały rozmiar, utrata Przesyłanie grafiki, strony WWW,

JPEG
jakości. kolekcje grafiki.

Mały rozmiar, tylko 256 kolorów,

GIF Strony WWW.
funkcje (przeźroczystość, tło).

Stosunkowo nowy elastyczny Szerokie zastosowanie, DTP, strony

PNG
format, wiele funkcji. WWW, kolekcje grafiki.
ZADANIE 6
W programie Paint otwórz jeszcze raz
zdjęcie z galerii strony WWW szkoły.
Zapisz je w różnych formatach.
WSKAZÓWKA:
https://www.komputerswiat.pl/poradniki/programy/gimp-zapisywanie-
plikow-w-roznych-formatach/n711mle

Porównaj rozmiary plików.

 Jakie są formaty
obrazów wektorowych?
FORMAT CECHY ZASTOSOWANIE

Popularny format, darmowy program Dokumenty tekstowe

PDF
do odczytu (Adobe Reader). z grafiką.

Format uniwersalny, stosowany też DTP (przygotowanie publikacji

EPS
w specjalnych drukarkach. do druku).

Grafika statyczna i animowana, format

SVG Strony WWW.
otwarty (bez licencji), rodzina XML.

Grafika statyczna i animowana, format

SWF Strony WWW.
zamknięty, zwany „plikami Flash”.

WMF Stosowany w systemach Windows. Cliparty.

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).
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.

Zadanie wyślij na
jp2przysucha.gmail.com

PAMIĘTAJ!!!PODPISZ PRACE!!!NP.
1CG_KOWALSKA_ANNA.DOCX
 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ęć?