Temat: Grafika 2D i 3D · prezentacja2 [tryb zgodno [ci] Author: zstw Created Date: 3/24/2020...

17
Temat: Grafika 2D i 3D 1 lekcja

Transcript of Temat: Grafika 2D i 3D · prezentacja2 [tryb zgodno [ci] Author: zstw Created Date: 3/24/2020...

Page 1: Temat: Grafika 2D i 3D · prezentacja2 [tryb zgodno [ci] Author: zstw Created Date: 3/24/2020 6:41:18 PM Keywords () ...

Temat: Grafika 2D i 3D

1 lekcja

Page 2: Temat: Grafika 2D i 3D · prezentacja2 [tryb zgodno [ci] Author: zstw Created Date: 3/24/2020 6:41:18 PM Keywords () ...

Rodzaje grafiki:

grafika rastrowa grafika wektorowa

Page 3: Temat: Grafika 2D i 3D · prezentacja2 [tryb zgodno [ci] Author: zstw Created Date: 3/24/2020 6:41:18 PM Keywords () ...

Przykłady

Page 4: Temat: Grafika 2D i 3D · prezentacja2 [tryb zgodno [ci] Author: zstw Created Date: 3/24/2020 6:41:18 PM Keywords () ...

1. Grafika rastrowa Obraz w takiej grafice składa si ę z

mozaiki male ńkich punktów , zwanych pikselami . Tworzone w ten sposób obrazy zwykło si ę nazywa ć mapami bitowymi (potocznie - bitmapami ).

Zastosowanie - jakie? Przykładowe programy:

Photoshop, Corel Photopaint, Paint, Paint Shop Pro, GIMP itp.

Page 5: Temat: Grafika 2D i 3D · prezentacja2 [tryb zgodno [ci] Author: zstw Created Date: 3/24/2020 6:41:18 PM Keywords () ...

Rozdzielczo ść (ilość pikseli w pionie i poziomie)

- monitor o rozdzielczo ści1920 x 1080 wyświetla na obrazie 2 073 600 pikseli

Page 6: Temat: Grafika 2D i 3D · prezentacja2 [tryb zgodno [ci] Author: zstw Created Date: 3/24/2020 6:41:18 PM Keywords () ...

Najpopularniejsze programy grafiki rastrowej:

Photoshop (wersja płatna)

GIMP (wersja bezpłatna)

PIXLR (edytor grafiki w postaci strony

internetowa)

inne….?

Page 7: Temat: Grafika 2D i 3D · prezentacja2 [tryb zgodno [ci] Author: zstw Created Date: 3/24/2020 6:41:18 PM Keywords () ...

Photoshop

Page 8: Temat: Grafika 2D i 3D · prezentacja2 [tryb zgodno [ci] Author: zstw Created Date: 3/24/2020 6:41:18 PM Keywords () ...

PIXLR

Page 9: Temat: Grafika 2D i 3D · prezentacja2 [tryb zgodno [ci] Author: zstw Created Date: 3/24/2020 6:41:18 PM Keywords () ...

Gimp

Dokładny opis elementów okien programu GIMP strona 194 – 195 podr ęcznikOpis narz ędzi programu Gimp – strona 224

Page 10: Temat: Grafika 2D i 3D · prezentacja2 [tryb zgodno [ci] Author: zstw Created Date: 3/24/2020 6:41:18 PM Keywords () ...

2. Program Gimp

Pobierz i zainstaluj program GIMP na Twoim komputerze/laptopie

Page 11: Temat: Grafika 2D i 3D · prezentacja2 [tryb zgodno [ci] Author: zstw Created Date: 3/24/2020 6:41:18 PM Keywords () ...

GIMP - Skalowanie obrazu

Obraz

skaluj obraz

Ćwiczenie 3 str. 192Otwórz zdjęcie pies.jpg. Sprawdź rozmiar i przeskaluj je do szerokości 800px (pikseli) zachowując i nie zachowując proporcji

Page 12: Temat: Grafika 2D i 3D · prezentacja2 [tryb zgodno [ci] Author: zstw Created Date: 3/24/2020 6:41:18 PM Keywords () ...

GIMP - Kadrowanie obrazuNarzędzie Kadrowanie

Ćwiczenie 4 str. 192Zdjęcie ogrod.jpg (lub inne zdjęcie) wykadruj do wysokości 1200px (pikseli). Zobacz film

Page 13: Temat: Grafika 2D i 3D · prezentacja2 [tryb zgodno [ci] Author: zstw Created Date: 3/24/2020 6:41:18 PM Keywords () ...

GIMP – Przeskalowanie obrazuObraz Wymiar płótna

Otwórz dowolny rysunek i przeskaluj go do połowy jego wysoko ści

Page 14: Temat: Grafika 2D i 3D · prezentacja2 [tryb zgodno [ci] Author: zstw Created Date: 3/24/2020 6:41:18 PM Keywords () ...

GIMP – WarstwyZaletą programów graficznych jest praca na warstwach

Wyobra ź sobie, że rysunek składa si ę z kilku folii nakładanych na siebie – to są warstwy.

Zaleta – usuwasz lub modyfikujesz dan ą warstw ę a nie cały rysunek!

Page 15: Temat: Grafika 2D i 3D · prezentacja2 [tryb zgodno [ci] Author: zstw Created Date: 3/24/2020 6:41:18 PM Keywords () ...

Oglądnij film dotycz ący warstw i spróbuj wykonaj ćwiczenie,które przedstawia 3 warstwy rysunku (tło, 1 plan i 2 plan)

GIMP – Warstwy

Page 16: Temat: Grafika 2D i 3D · prezentacja2 [tryb zgodno [ci] Author: zstw Created Date: 3/24/2020 6:41:18 PM Keywords () ...

GIMP – Fotomonta żTworzenie kompozycji z kilku obrazków

Zobacz film dotycz ący fotomonta żu i wykonaj ćwiczenie

Page 17: Temat: Grafika 2D i 3D · prezentacja2 [tryb zgodno [ci] Author: zstw Created Date: 3/24/2020 6:41:18 PM Keywords () ...

GIMP - Fotomonta ż

Ćwiczenie 4 str. 199Wykorzystaj zdjęcia: motyl.jpg i dotyk.jpg i wykonaj fotomontaż według wzorca