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.
Download ReportTranscript 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.
Slide 1
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 2
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 3
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 4
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 5
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 6
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 7
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 8
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 9
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 10
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 11
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 12
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 13
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 14
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 15
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 16
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 17
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 18
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 19
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
CECHY
ZASTOSOWANIE
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 2
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
CECHY
ZASTOSOWANIE
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 3
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
CECHY
ZASTOSOWANIE
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 4
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
CECHY
ZASTOSOWANIE
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 5
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
CECHY
ZASTOSOWANIE
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 6
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
CECHY
ZASTOSOWANIE
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 7
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
CECHY
ZASTOSOWANIE
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 8
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
CECHY
ZASTOSOWANIE
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 9
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
CECHY
ZASTOSOWANIE
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 10
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
CECHY
ZASTOSOWANIE
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 11
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
CECHY
ZASTOSOWANIE
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 12
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
CECHY
ZASTOSOWANIE
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 13
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
CECHY
ZASTOSOWANIE
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 14
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
CECHY
ZASTOSOWANIE
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 15
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
CECHY
ZASTOSOWANIE
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 16
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
CECHY
ZASTOSOWANIE
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 17
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
CECHY
ZASTOSOWANIE
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 18
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
CECHY
ZASTOSOWANIE
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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
Slide 19
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
ZADANIE 1
Wybierz pierwsze zdjęcie z galerii
zdjęć strony WWW szkoły.
Jakiego rodzaju jest to grafika?
Zapisz je na dysk H:. 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 Obraz/Atrybuty
Powiększ je maksymalnie.
WSKAZÓWKA: Menu Widok/Powiększenie/Niestandardowe…
Czy widzisz poszczególne piksele?
Czy da się zmienić kolor połowy
piksela?
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
ZADANIE 2
Otwórz edytor Word.
Otwórz okienko Clipart. WSKAZÓWKA: Menu Wstaw/Obraz/Clipart…
Wyszukaj obrazy kwiatów.
Wstaw do dokumentu dwa obrazy,
jeden rastrowy, jeden wektorowy.
Które z nich da się edytować?
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.
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
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
Otwórz edytor Word.
Wstaw zdjęcie z pliku
E:\Rysunek1.tif.
ZADANIE 4
WSKAZÓWKA: Menu Wstaw/Obraz/Z pliku…
Skoryguj jasność i kontrast zdjęcia.
Przytnij je, tak by w centrum
zdjęcia znajdowali się czterej
żołnierze.
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
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.
Opracował: Paweł Staszczuk
Jakie są formaty bitmap?
FORMAT
CECHY
ZASTOSOWANIE
TIFF
Duży rozmiar pliku, najwierniejsze Grafika dla potrzeb DTP
przeniesienie barw.
(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
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: Menu Plik/Zapisz jako…
Porównaj rozmiary plików.
Opracował: Paweł Staszczuk
Jakie są formaty
obrazów wektorowych?
FORMAT
CECHY
ZASTOSOWANIE
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”.
Strony WWW.
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
ZADANIE 7
W programie Word narysuj flagi
państw sąsiadujących z Polską oraz
flagę Unii Europejskiej.
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