Sprawdź się

Pokaż ćwiczenia:

R1NhHuewhGK9N1

Ćwiczenie 1

RcOYfLuNnABsR1

Ćwiczenie 2

Ćwiczenie 3

Dopasuj podpisy do odpowiednich obrazków. Przedstawiona grafika została skopiowana. Następnie kopie zapisano jako obrazy o następujących wymiarach:

3804 × 2274 pikseli
8270 × 4937 pikseli
1103 × 658 pikseli

Następnie z każdej kopii wycięto fragment o wymiarach 1000 × 1000 pikseli. Przyporządkuj wycinki do wymiarów obrazu, z którego je wycięto.

RDQGAtGhLqIi8

Night with her Train of Stars, Edward Robert Hughes, 1912 r. — *Night with her Train of Stars*, Edward Robert Hughes, 1912 r.
Źródło: dostępny w internecie: commons.wikimedia.org [dostęp 29.06.2022], domena publiczna.

RFtcIxvPmyqrB

R2rrbbgEDYxMa

RCIjur6vcffNV2

Ćwiczenie 4

R1OSyN0Y8zs9u2

Ćwiczenie 5

RTvdT3hZv6XzX

Ćwiczenie 6

Ćwiczenie 7

Utwórz w programie graficznym nowy plik o wymiarach 1000 na 1000 pikseli i określ jego parametry tak, aby były optymalne do publikacji w internecie.

Plik o optymalnych parametrach będzie miał rozdzielczość 72 pikseli na cal w obu wymiarach i tryb kolorów RGB (stosowany do wyświetlania na ekranach).

GIMP

Otwórz program i z górnego menu wybierz Nowy…

RyAxptmnz37PR

Ilustracja przedstawia okno o nazwie: Edytor obrazów GIMP. Z menu wybrano zakładkę Plik. Z listy wybrano opcję: Nowy. — Źródło: Contentplus.pl sp. z o.o., licencja: CC BY-SA 3.0.

W oknie dialogowym Utworzenie nowego obrazu zmień parametr Szerokość na 1000, Wysokość na 1000 i jednostkę na px (piksele).
Rozwiń Zaawansowane opcje i ustaw tam poziomą i pionową rozdzielczość na 72 piksele na cal (px/in). Jest to standardowa i wystarczająca rozdzielczość dla grafik używanych w sieci czy w aplikacjach mobilnych. Pamiętaj o sprawdzeniu, czy wybrany jest Profil kolorów RGB – stosowany do wyświetlania na ekranach (w GIMP‑ie jest on wbudowany, każdy inny trzeba zainstalować dodatkowo.

RhYj0S4raVTUD

Ilustracja przedstawia okno o nazwie: Utworzenie nowego obrazu. Zaznaczono: wymiary obrazu - szerokość 1000, wysokość 1000 pikseli. Pozioma rozdzielczość 72,000, pozioma rozdzielczość 72,000 px/in. Przestrzeń kolorów - Kolory RGB. — Źródło: Contentplus.pl sp. z o.o., licencja: CC BY-SA 3.0.

Photoshop

Otwórz Photoshop i przejdź do zakładki Plik | Nowy…

R1cSCfJdKCEKz

Ilustracja przedstawia okno programu. Z menu wybrano Plik. Zaznaczono opcję: Nowy. W obszarze roboczym jest zdjęcie dziewczyny płynącej kajakiem. — Źródło: Contentplus.pl sp. z o.o., licencja: CC BY-SA 3.0.

Następnie, w wyskakującym oknie Nowy Dokument, zmień parametr Szerokość na 1000 pikseli, Wysokość na 1000 pikseli oraz Rozdzielczość na 72 piksele na cal. Jest to standardowa i wystarczająca rozdzielczość dla grafik używanych w sieci czy w aplikacjach mobilnych. Pamiętaj o zastosowaniu trybu kolorów RGB – stosowanego do wyświetlania na ekranach.

RGCqy9g2HyKGH

Ilustracja przedstawia okno o nazwie Nowy Dokument w programie Photoshop. Z ostatnio używanych elementów wybrano: instagram post. Po prawej stronie jest panel dotyczący szczegółów ustawień domyślnych. Tu zaznaczono szerokość 1000, wysokość 1000 pikseli, rozdzielczość 72 piksele na cal, tryb kolorów - kolor RGB 8 bit. Zastosowano przycisk: Utwórz. — Źródło: Contentplus.pl sp. z o.o., licencja: CC BY-SA 3.0.

Ćwiczenie 8

Pobierz plik, a następnie – wykorzystując skróty klawiszowe – przerób motyla w programie graficznym tak, aby jedno jego skrzydło było lustrzanym odbiciem drugiego.

R100W9luYXM3D

Ilustracja przedstawia motyla. Od strony odwłoka i tułowia skrzydła mają kolor ciemnobrązowy, w tym kolorze jest także brzeg skrzydeł. Środkowa część skrzydeł jest intensywnie niebieska. — Źródło: Pixabay, dostępny w internecie: pexels.com [dostęp 29.06.2022].

Przykładowe rozwiązanie:

R1yO9tz1q4sSz

GIMP

Kliknij Ctrl + O i otwórz pobrany plik.

RA0PfV8NyNHmy

Ilustracja przedstawia okno, w którym z listy zaznaczono konkretny obrazek - motyl.jpeg. Po prawej stronie jest podgląd obrazka wraz z jego parametrami: motyl.jpeg, 4,1 MB 4797 na 3837 pikseli, RGB jedna warstwa. — Źródło: Contentplus.pl sp. z o.o., licencja: CC BY-SA 3.0.

Kliknij R i zaznacz połowę motyla zaznaczeniem prostokątnym.

R1Kyu2hr0pTai

Ilustracja przedstawia okno programu. Po lewej stronie jest panel dotyczący zaznaczenia prostokątnego. Zaznaczono Wygładzenie. W obszarze roboczym jest zdjęcie motyla. Po prawej stronie jest panel dotyczący Pencil Generic. — Źródło: Contentplus.pl sp. z o.o., licencja: CC BY-SA 3.0.

Używając skrótów Ctrl + C, a następnie Ctrl + V, skopiuj i wklej zaznaczenie.

R1XW8FmVog0ZR

Za pomocą skrótu Shift + F i kliknięcia myszą, odbij wycięty element, a następnie wybierz M (Przesunięcie) i dopasuj go do reszty obrazu.

R12Wd6aalRfUe

Ilustracja przedstawia okno programu. Z opcji wybrano Odbicie. W obszarze roboczym jest motyl z nieznacznie przesuniętym prawym skrzydłem względem reszty ciała. Po prawej stronie jest panel dotyczący Pencil Generic, Macierz odwzorowania. Poniżej jest sekcja dotycząca warstw. Tam dwie warstwy: Oderwane zaznaczenie (wklejona warstwa) oraz motyl.jpeg. — Źródło: Contentplus.pl sp. z o.o., licencja: CC BY-SA 3.0.

Kliknij Ctrl + M i Połącz widoczne warstwy.

RBjOR9ctDi2Va

Ilustracja przedstawia okno programu. Po lewej stronie jest panel dotyczący przesunięcia. W obszarze roboczym jest motyl, lewa i prawa strona motyla jest symetryczna. Przez środek ciała motyla przebiega pionowa przerywana linia. Po prawej stronie jest panel dotyczący Pencil Generic, Macierz odwzorowania. Poniżej jest sekcja dotycząca warstw. Tam dwie warstwy: Oderwane zaznaczenie (wklejona warstwa) oraz motyl.jpeg. — Źródło: Contentplus.pl sp. z o.o., licencja: CC BY-SA 3.0.

Trzymając wciśnięty Ctrl i kręcąc rolką myszy, powiększ element, który wymaga edycji.

RiTH0JkOCBziC

Ilustracja przedstawia okno programu. Panel po lewej stronie dotyczy przesunięcia. W obszarze roboczym jest zbliżenie na fragment skrzydła motyla. Widoczne liczne piksele. Po prawej stronie jest panel dotyczący Pencil Generic, Macierz odwzorowania. Poniżej jest sekcja dotycząca warstw. Tam jedna warstwa: motyl.jpeg. — Źródło: Contentplus.pl sp. z o.o., licencja: CC BY-SA 3.0.

Kliknij H (Łatka). Trzymając Alt, pobierz próbkę z tła i zasłoń niechciane elementy. Jeśli popełnisz błąd, naciśnij Ctrl + Z.

RFSnK2tLin8DF

Ilustracja przedstawia okno programu. Z ikon po lewej stronie okna wybrano łatkę. W obszarze roboczym jest zbliżenie na fragment skrzydła motyla. Widoczne liczne piksele. Obok skrzydła jest okrąg z linii przerywanej. Po prawej stronie jest panel dotyczący Pencil Generic, Macierz odwzorowania. Poniżej jest sekcja dotycząca warstw. Tam jedna warstwa: motyl.jpeg. — Źródło: Contentplus.pl sp. z o.o., licencja: CC BY-SA 3.0.

Kliknij Ctrl + S i zapisz plik roboczy, a następnie wyeksportuj go do JPG, klikając Shift + Ctrl + E.

Photoshop

Otwórz pobrane zdjęcie skrótem Ctrl + O.
Kliknij M (Zaznaczenie prostokątne).

R1wM7jAp6dG4K

Ilustracja przedstawia okno programu. Z ikon po lewej stronie wybrano opcję: Zaznaczanie prostokątne. W obszarze roboczym jest obrazek motyla. Lewa połowa motyla jest otoczona prostokątną ramką z linii przerywanej. Po prawej stronie jest panel dotyczący warstw. Tam warstwa o nazwie Tło. — Źródło: Contentplus.pl sp. z o.o., licencja: CC BY-SA 3.0.

Skopiuj zaznaczenie, używając Ctrl + C, a następnie wklej: Ctrl + V.

RmHBPKsI1fPa2

Ilustracja przedstawia okno programu. W obszarze roboczym jest obrazek motyla. Po prawej stronie jest panel dotyczący warstw. Tam dwie warstwy: Warstwa1 i Tło. — Źródło: Contentplus.pl sp. z o.o., licencja: CC BY-SA 3.0.

Kliknij Ctrl + T i wybierz z listy Odbij w poziomie.

R8RSWFXOWvKVy

Ilustracja przedstawia okno programu. W obszarze roboczym jest obrazek motyla. Lewa połowa motyla jest otoczona niebieską prostokątną ramką. Na tle obrazka jest lista, z której wybrano opcję: Odbij w poziomie. Po prawej stronie jest panel dotyczący warstw. Tam dwie warstwy: Warstwa1 i Tło. — Źródło: Contentplus.pl sp. z o.o., licencja: CC BY-SA 3.0.

Przesuń, przytrzymując klawisz V i przeciągając myszką, dopasuj do reszty obrazu. Kombinacją Shift + Ctrl + E scal warstwy.

R1OFAxe7MCpbh

Ilustracja przedstawia okno programu. W obszarze roboczym jest obrazek motyla. Prawa połowa motyla jest otoczona niebieską prostokątną ramką. Po prawej stronie jest panel dotyczący warstw. Tam dwie warstwy: Warstwa1 i Tło. — Źródło: Contentplus.pl sp. z o.o., licencja: CC BY-SA 3.0.

Trzymając wciśnięty Ctrl i kręcąc rolką myszy, powiększ element, który wymaga edycji.

R1Sn5lpxql0AS

Ilustracja przedstawia okno programu. W obszarze roboczym jest fragment skrzydła motyla. Po prawej stronie jest panel dotyczący warstw. Tam jedna warstwa o nazwie: Tło. — Źródło: Contentplus.pl sp. z o.o., licencja: CC BY-SA 3.0.

Kliknij J (Łatka) i zaznacz (obrysuj dookoła) niechciany fragment, a następnie przytrzymując go, przeciągnij w dół na czyste tło. Jeśli popełnisz błąd, naciśnij Ctrl + Z.

RSDJcxMQ0pqgJ

Ilustracja przedstawia okno programu. Z paska menu bocznego wybrano ikonę łatki. W obszarze roboczym jest fragment skrzydła motyla. Po prawej stronie skrzydła jest obszar zakreślony owalem z linii przerywanej. W dolnej części różowa strzałka w dół. Owal okala brązowy fragment skrzydła. — Źródło: Contentplus.pl sp. z o.o., licencja: CC BY-SA 3.0.

Klikając Ctrl + S, zapisz plik roboczy, a następnie wyeksportuj go do formatu JPG kombinacją Shift + Ctrl + S.

Przeczytaj – Photoshop

Dla nauczyciela