Dydaktyka Informatyki-grafika komputerowa

Wielkość: px
Rozpocząć pokaz od strony:

Download "Dydaktyka Informatyki-grafika komputerowa"

Transkrypt

1 Instytut Matematyki Uniwersytet Gdański

2 Projekt na zaliczenie z GIMPa (wysłać do ) Przygotować w programie GIMP plakat zawiadamiajacy o wystawie poświęconej współczesnym trenda w rozwoju informatyki. Na plakacie powinna być informacja gdzie, kiedy i dlaczego warto przyjść na tę wystawę. Powinień być on zarówno czytelny jak i atrakcyjny pod względem graficznym.

3 Wprowadzenie do multimediów Komputer multimedialny jest wyposażony w różne urzadzenia do prezentacji informacji, która może być tekst, obraz lub dźwięk. Standardowym wyposażeniem komputera sa karta dźwiękowa, głośniki, czytnik CD, DVD lub Blu-ray. Aby można było korzystać ze sprzętu, niezbędne jest odpowiednie oprogramowanie. Współczesne systemy operacyjne wyposażone sa w podstawowe sterowniki multimedialne (np. biblioteka DirectX w systemie Microsoft Windows) oraz odpowiednie oprogramowanie użytkowe (np. Windows Media Player-pozwala słuchać muzyki, ogladać filmy czy korzystać z internetowego radia).

4 Wprowadzenie do multimediów Podział urzadzeń multimedialnych ze względu na przeznaczenie: 1) prezentacja i przetwarzanie dźwięku głośnik, mikrofon, karta dźwiękowa, 2) prezentacja i przetwarzanie obrazu monitor, drukarka, kamera cyfrowa, cyfrowy aparat fotograficzny, czytnik CD (DVD, Blu-ray), tuner TV. 3) przechowywanie informacji płyta CD, DVD, Blu-ray, pendrive, karta pamięci, dysk trwardy.

5 Rodzaje grafiki komputerowej Programy graficzne umożliwiaja tworzenie i obróbkę zdjęć i obrazów za pomoca komputera. Używajac określonych narzędzi, można poprawiać wyrazistość, dodawać lub usuwać efekty, kadrować zdjęcia, regulować jasność i kontrast. Piksel to najmniejszy element obrazu wyświetlony na monitorze komputera. Jeden piksel to najczęściej kwadrat (lub prostokat) o bardzo małych rozmiarach, wypełniony w całości jednolitym kolorem. Najprostszy sposób zapisywania obrazu przez komputer polega na zapamiętywaniu ich "punkt po punkcie". Powstaje wówczas tzw. bitmapa albo inaczej obraz rastrowy.

6 Rodzaje grafiki komputerowej Grafika rastrowa - obraz powstaje przez odpowiednie zabarwienie punktów (pikseli) na ekranie i jest pamiętany w postaci bitmapy (mapy bitowej, czyli zbioru pikseli). Dobrym określeniem obrazu bitmapowego jest płótno, ponieważ w rzeczywistości praca z bitmapa przypomina malowanie. Do tworzenia grafiki rastrowej służy m.in. Paint, czy Gimp.

7 Rodzaje grafiki komputerowej Grafika wektorowa - sposób tworzenia i przechowywania w komputerze ilustracji, które sa reprezentowane w postaci równań figur geometrycznych (odcinków, łuków, okręgów, elips). Dzięki temu poszczególne elementy obrazu moga być przekształcane niezależnie i obraz nie traci na rozdzielczości. Zajmuje mniejszy obszar pamięci, niż zapisany w graficie rastrowej. Łatwo poddaje się zmianom wielkości, nie tracac przy tym na jakości. Do tworzenia grafiki wektorowej służy m.in. OpenOffice. org Draw, Inkscape, czy CorelDRAW.

8 Rodzaje grafiki komputerowej W grafice trójwymiarowej, zwanej również grafika 3D, podobnie jak w grafice wektorowej, opis obrazu jest matematyczny, zawiera jednak dodatkowo informacje o położeniu obiektu w trzecim wymiarze (głębokość). Definiowane sa położenie patrzacego w przestrzeni trójwymiarowej, informacje o oświetleniu (liczba źródeł światła, ich kolor i natężenie), określany jest rodzaj powierzchni obiektów (matowy, błyszczacy, przezroczysty, lustrzany) itp. Można zdefinioważ również ruch obiektów (obrót, przesunęcie), zaprogramować ruch obserwatora, ruch świateł itp. Ten typ grafiki daje niezwykle realistyczne efekty i jest wykorzystywany m.in. w filmach (np. Park Jurajski, Avatar) oraz w grach komputerowych (np. Wiedźmin, Crysis). Niestety ten typ grafiki komputerowej wymaga olbrzymiej ilości obliczeń, a więc i komputera o odpowiedniej mocy. Do tworzenia grafiki trójwymiarowej służy m.in. 3DStudio Max, czy Lightwave 3D.

9 GIMP-podstawy GIMP jest objęty Powszechna Licencja Publiczna GNU, co oznacza, że jest wolnym oprogramowaniem i zgodnie z założeniami licencji użytkownik może udostępniać i zmieniać kod źródłowy, dokonywać własnych przeróbek w obrębie tego oprogramowania oraz dowolnie je wykorzystywać do tworzenia nowych programów. Program GIMP oferuje kilkanaście narzędzi rysowniczych, domyślnie zgrupowanych w dolnej części paska narzędzi. Ich cecha wspólna jest to, że pociagnięcie powstaje przy pomocy przeciagania kursora myszy na obrazie.

10 GIMP-podstawy Otwórz program GIMP. Otwórz Nowy arkusz (Plik->Nowy) i ustaw jego rozmiary: 15 cm na 12 cm. Zwróć uwagę w jakich jednostkach możemy podawać wymiary obrazu. Kliknij na plus przy opcjach zaawansowanych i zapoznaj się z nimi. Zapoznaj się z elementami przybornika. Zwróć uwagę w jaki sposób wybieramy kolor narzędzia. Narysuj dowolny obrazek. Zapisz pracę. Zwróć uwagę na rozszerzenie pliku. Wybierz z menu polecenie Obraz i sprawdź działanie zamieszczonych tam funkcji.

11 GIMP-podstawy Na żółtym tle narysuj: a) za pomoca pędzla w kształcie gwiazdki niebieska linie prosta o rozmiarze 200. (przy pomocy shifta); b) za pomoca stalówki czerwony prostokat bez wypełnienia (zaznaczenie prostokatne, Edycja >Rysuj wzdłuż zaznaczenia); c) elipse z wypełnieniem (Edycja >Wypełnij kolorem pierwszoplanowym).

12 GIMP-podstawy Otwórz nowy arkusz o wymiarach kartki A4 ułożonej pionowo. Zwróć uwagę jakie szablony mamy do wyboru. Narysuj dowolny przedmiot. W oknie warstwy utwórz nowa warstwę. Narysuj nowy przedmiot tak, aby częściowo zasłaniał on ten pierwszy przedmiot. Zmień krycie na około 60%. Jaki to dało efekt? Przy jednej z warst wyłacz oczko. Następnie włacz je ponownie. Wybierz Obraz >Spłaszcz obraz. Jaki jest tego efekt? Bardzo ważne jest to, że w programie Gimp mamy możliwość rysowania na warstwach. Umożliwia to nam zmianę konkretnego elementu obrazu bez naruszania reszty obrazu. Jeśli już zapoznamy uczniów z podstawowymi funkcjami programu (Tux Paint, Paint czy Gimp) to ciekawym zadaniem dla uczniów może być:

13 GIMP-podstawy 1 Zilustruj piosenkę Kubusia Puchatka. Plik zapisz pod nazwa chmurka. Jak to miło chmurka być, Niebem płynać jak po wodzie. Mała chmurka na dzień dobry Taka piosenkę śpiewa co dzień: Jak to miło chmurka być, Niebem płynać jak po wodzie. I od rana na dzień dobry Taka piosenkę śpiewa co dzień: Jak to miło chmurka być... 2 Wykonaj ilustrację do ostatnio obejrzanego filmu.

14 GIMP-podstawy 3 Wykonaj kartkę świateczn a wielkości koperty. Czy podanie zadania wymagaja kreatywności od uczniów? Które z zadań nadaje się dla starszych a które dla młodszych dzieci? Jak myślisz czy wybór tematu pracy powinien zależeć też od wieku dzieci? Co musimy wiedzieć przed wykonaniem zadania 3? Czego takie zadania ucza oprócz samego posługiwania się programem graficznym? (do domu) Zapoznać się z tekstem: D. Lula, GIMP-podstawy str. 1 8.

15 GIMP-podstawy 3 Wykonaj kartkę świateczn a wielkości koperty. Czy podanie zadania wymagaja kreatywności od uczniów? Które z zadań nadaje się dla starszych a które dla młodszych dzieci? Jak myślisz czy wybór tematu pracy powinien zależeć też od wieku dzieci? Co musimy wiedzieć przed wykonaniem zadania 3? Czego takie zadania ucza oprócz samego posługiwania się programem graficznym? (do domu) Zapoznać się z tekstem: D. Lula, GIMP-podstawy str. 1 8.

16 Modele barw Kolor na ekranie powstaje przez zmieszanie trzech podstawowych barw: czerwonej, zielonej i niebieskiej. Jeżeli na ekranie nie występuje żadna z powyższych barw składowych uzyskujemy kolor czarny. Maksymalnie natężenie wszystkich barw składowych daje kolor biały. Ten model barw nazywamy modelem RGB (z ang. Red, Green, Blue). Dla człowieka wybór właściwej barwy w tym modelu jest niestety skomplikowany.

17 Modele barw Znacznie łatwiej jest określić barwę za pomoca trzech parametrów: odcienia barwy (np. zielona, niebieska, czerwona itd), nasycenia (od nasyconej do pastelowej), intensywności lub jasności (od jasnej do ciemniej). Taki model barw nazywamy modelem HSV lub HSB. Jeszcze inny jest sposób uzyskania barw w druku. Tutaj pożadany kolor otrzymujemy przez zmieszanie barw: zielononiebieskiej (ang. cyan), purpurowej (ang. magenta) i żółtej (ang. yellow). Teoretycznie zmieszanie tych trzch składowych w maksymalnym natężeniu powinno dać kolor czarny, jednak w praktyce, ze względu na niedoskonałość pigmentów w farbach drukarskich, kolor ten jest ciemnoszary. Aby uzyskać pełna paletę dodajemy czwarta składowa czarna. Ten model nazywami modelem CMYK (ang. Cyan, Magenta, Yellow, black).

18 Modele barw Program GIMP daje nam możliwość zobaczenia zdjęcia w wybranym kolorze z modelu RGB. Otwórz dodwolne kolorowe zdjęcie. W oknie Warst kliknij na ikone trzech kolorowych warstw. Wyłacz kolejno odpowiednie barwy, aby została tylko jedna. Zmieszaj po dwie barwy.

19 Modele barw Ponieważ we wszystkich urzadzeniach wyświetlajacych jest wykorzystywany model RGB, a w urzadzeniach drukujacych model CMYK, zwykle nie jest możliwe dokładnie odwzorowanie zawartości ekranu na drukarcie ani np. zeskanowanie zdjęcia przy zachowaniu wszystkich odcieni. W najprostszym przypadku kolor każdego piksela można przedstawić dwustanowo: piksel zapalony (kolor biały) lub piksel zgaszony (kolor czarny). Te dwa stany można zapisać za pomoca dwóch wartości: 1 i 0, a więc jednego bitu. Tryb ten (z ang. lineart) nadaje się do przedstawienia tekstów, prostych schematów itp.

20 Modele barw Inny rodzaj obrazów to obraz w skali szarości (ang. greyscale). Rozróżnamy tutaj stany pośrednie pomiędzy biela a czernia odcienie szarości. Najczęściej wszystkich możliwych odcieni jest 256 = 2 8, wówczas do zapisu jednego piksela potrzeba 8 bitów (1 bajt). W trybie koloru indeksowanego (ang. indexed colour) mamy ściśle określona liczbę kolorów i wynosi ona 16 (4 bity/piksel) lub 256 (8 bitów/piksel). Tryb ten nadaje się do prostych rysunków i animacji (cliparty, przyciski na stronach WWW, banery reklamowe), nie nadaja się natomiast do zapisu fotografii.

21 Modele barw Zaawansowana metoda opisu barwy punktu jest tryp tzw. prawdziwego lub pełnego koloru (ang. true colour). W trybie tym mamy do dyspozycji ponad 16 milionów barw (dokładnie 2 24 ). Każdy piksel jest opisany przez 3 składowe, a każda składowa przez liczbę z zakresu od 0 do 255. Jest to najbardziej dokładny sposób, ale jego wada jest duża objętość obrazu w pamięci komputera. Oblicz, ile miejsca w pamięci komputera zajmuje obraz o rozdzielczości pikseli, zapisany w trybie dwukolorowym, w odcieniach szarości oraz w pełnym kolorze.

22 Podstawowe formaty graficzne Format graficzny - to sposób, w jaki zostaja zapisane informacje o obrazie. Od rodzaju formatu zależy sposób zapisu oraz kompresji (pod warunkiem że dany format obsługuje kompresję). Kompresja obrazu to taki sposób zapisu pliku graficznego, który umożliwia zmniejszenie jego rozmiarów. BMP to standardowy format systemu Windows. Obraz zapisany w tym formacie jest mapa bitowa, mogac a zawierać bezstratna kompresje RLE.

23 Podstawowe formaty graficzne Wykonaj w programie Paint rysunek składajacy się z kilku figur geometrycznych (użyj kilku kolorów). Zapisz go w palecie 24-bitowej, a następnie jako mapę bitowa 256-kolorowa, 16-kolorowa i monochromatyczna. Sprawdź rozmiary zapisanych plików. Zapisz wnioski. Otwórz w Paincie zdjęcie zapisane w formacie JPEG. Zapisz je wybierajac typy plików: GIF, następnie - mapę bitowa 24-bitowa, mapę bitowa 256-kolorowa, 16-kolorowa i monochromatyczna. Sprawdź rozmiary zapisanych plików. Zapisz wnioski.

24 Podstawowe formaty graficzne Wykonaj w programie Paint rysunek składajacy się z kilku figur geometrycznych (użyj kilku kolorów). Zapisz go w palecie 24-bitowej, a następnie jako mapę bitowa 256-kolorowa, 16-kolorowa i monochromatyczna. Sprawdź rozmiary zapisanych plików. Zapisz wnioski. Otwórz w Paincie zdjęcie zapisane w formacie JPEG. Zapisz je wybierajac typy plików: GIF, następnie - mapę bitowa 24-bitowa, mapę bitowa 256-kolorowa, 16-kolorowa i monochromatyczna. Sprawdź rozmiary zapisanych plików. Zapisz wnioski.

25 Podstawowe formaty graficzne W przypadku zapisu pliku w formacie GIF następuje zmniejszenie rozmiaru pliku poprzez redukcje palety barw do 256 (lub mniejszej liczby) kolorów. Format GIF stosuje się do kompresji algorytmów bezstratnych, ale po zapisaniu obrazu w tym formacie zostaja utracone informację o kolorach, co wynika z ograniczonej liczby kolorów GIF-a. Kompresja bezstratna to sposób zapisu pliku graficznego bez utraty jakości, przy jednoczesnym zmniejszeniu jego rozmiarów.

26 Podstawowe formaty graficzne Kompresja w pliku w formacie JPEG ma charakter stratny, co oznacza, że obrazy zapisane w tym formacie traca na jakości podczas kompresji. Format JPEG stosuje się do zapisu fotografii, a GIF do zapisu obrazów, ikon, rysunków, linii, ramek z niewielka liczba kolorów i z dużymi kontrastami.

27 Ciekawostka (zastosowanie kompresji) Przykładem bazy danych w której przechowuje się ogromna ilość danych jest baza danych odcisków palców dla FBI. Baza ta zawiera trzysta milionów rekordów a w każdym z nich jest zapisanych dziesięć odcisków. Dawniej odciski uwieczniano na papierowych fiszkach i przechowywano je w takiej postaci. Przeszukiwanie tak przygotowanego zbioru było bardzo niewygodne. Postanowiono przenieś te dane do postaci cyfrowej.

28 Ciekawostka (zastosowanie kompresji) Całe archiwum zajmuje przestrzeń trzech tysięcy terabajtów i nadal rośnie. Władze FBI podjęły decyzje, że trzeba dane te poddać kompresji. Format JPEG nie spełniał wymogów stawianych przez biuro, więc w 2002 roku zdecydowało opracować własny system kompresji. W ten sposób powstała metoda WSQ kwantyzacja falkowo-skalarna. Standard WSQ pozwala zmniejszyć objętość danych do 5% jej wartości poczatkowej przez usunięcie z obrazu drobnych szczegółów odcisków. Ani ludzkie oko, ani dzisiejsze komputery nie potrafia analizować obrazów z tak duża dokładnościa, więc dane te sa zbędne. (do domu) Terabajt, gigabajt, megabajt i kilobajt ile to bajtów? Jakie maja znaczenie te przedrostki w układzie SI a jakie w układzie dwójkowym?

29 GIMP-podstawy Używajac narzędzi służacych do zaznaczania obszaru narysuj czerwony kwadrat oraz elipsę bez wypełnionego tła. UWAGA: Po zakończeniu pracy nad figura, należy w Przyborniku wybrać zaznaczenie prostokatne a następnie kliknać myszka w dowolny obszar w oknie roboczym, aby linia przerywana dookoła naszej figury zniknęła. Tak należy postępować z każdym elementem, jeżeli jest on otoczony przerywana linia i znajduje się w naszym oknie roboczym! Wybierajac z menu głównego Filtry >Redendowanie >Gfigury narysuj kilka figur. W jaki sposób zmieniamy grubość pisaka i kolory? Do czego służy narzędzie promyki?

30 GIMP-podstawy Używajac narzędzi służacych do zaznaczania obszaru narysuj czerwony kwadrat oraz elipsę bez wypełnionego tła. UWAGA: Po zakończeniu pracy nad figura, należy w Przyborniku wybrać zaznaczenie prostokatne a następnie kliknać myszka w dowolny obszar w oknie roboczym, aby linia przerywana dookoła naszej figury zniknęła. Tak należy postępować z każdym elementem, jeżeli jest on otoczony przerywana linia i znajduje się w naszym oknie roboczym! Wybierajac z menu głównego Filtry >Redendowanie >Gfigury narysuj kilka figur. W jaki sposób zmieniamy grubość pisaka i kolory? Do czego służy narzędzie promyki?

31 GIMP-podstawy Przykłady zadań szkolnych. 1 Narysuj łańcuch zbudowany z 12 kół (jak korale). Wypełnij koła odpowiednia barwa tak, aby układały się w tęczę. 2 Narysuj dwa prostokaty. W każdym z nich narysuj po 5 różnej wielkości kół. Koła moga na siebie nachodzić. Wypełnij koła barwami: w pierwszym prostokacie barwami należacymi do ciepłej gamy kolorów, a w drugim barwami zimnej gamy. 3 Narysuj cztery zachodzace na siebie kwadraty. Pokoloruj kompozycję, zachowujac symetrie w układzie barw. Jakie umiejętności kształtuja u uczniów powyższe zadania. Wykonaj zadania od 1 do 3 w programie GIMP. Narysuj twarz i sporzadź w osobnych warstwach trzy fryzury. Nazwij warstwy fryzura 1 itd

32 (do domu) Przeczytać rozdz. Nasza niewyraźna planeta. Matematyczne zasady fotografii cyfrowej. Str z ksiażki R. Elwes Matematyka i już. Na podstawie tej literatury odpowiedzieć na pytania: 1) Od czego zależy rozdzielczość obrazu cyfrowego? Jaka jest przeciętna rozdzielczość współczesnych aparatów? 2) W jaki sposób sa uzyskiwane kolory na obrazach cyfrowych? Jak to było robione w latach osiemdziesiatych XX wieku? A jak to jest robione teraz? 3) Omów w jak najprostszy sposób (na konkretnym przykładzie) na czym polega kompresja obrazu. 4) Omów w kilku zdaniach w jaki sposób obraz jest kompresowany w formacie JPEG. 5) Czy liczba obrazów jakie kiedykolwiek moga być zrobione aparatem cyfrowym jest skończona? Dlaczego? (Zakładamy, że zdjęcia można by robić wiecznie.)

33 GIMP-podstawy Aby stworzyć ciekawe tło można n.p. użyć narzędzie gradient (tzw. przejście pomiędzy kolorami). Narzędzie gradient przynosi bardzo ciekawe efekty kolorystyczne przy zmianie opcji trybu i kształtu gradientu. Użyj narzędzia gradientu na całym obszarze roboczym. W oknie gradientu wypróbuj różne gradienty, tryby, krycia i kształty. Użyj gradientu tylko w wybranym prostokatnym fragmencie obszaru roboczego. Wstaw w tym fragmencie jakiś napis. W jaki sposób zmieniamy wielkość i rodzaj czcionki.

34 GIMP-podstawy UWAGA: Tekst można jeszcze poprawiać, jeżeli istnieje zaznaczenie wokół niego. Aby usunać zaznaczenie wokół tekstu wybieramy: Obraz > Spłaszcz obraz lub Obraz > Połacz widoczne warstwy... Aby wyciać element z jednego obrazu i wkleić do drugiego zaznaczamy najpierw obszar który chcemy wyciać (narzędzia zaznaczania obszaru lub nożyczki) a następnie robimy kopiuj (lub wytnij) i wklejamy do drugiego obrazu. Zaznacz niewielki element z jednego obrazu zaznaczeniem eliptycznym. Zaznacz zmiękczanie krawędzi i ustaw na 100%. Wklej element do nowego obszaru roboczego. Powiększ go. Zaznacz za pomoca inteligętnych nożyczek. Zmniejsz i wklej do innego obrazu. Wybierz Warstwy >Zakotwić warstwę.

35 GIMP-podstawy Program GIMP ma wiele narzędzi służacych do zmiany wygladu obrazu. Możemy to uczynić za pomoca bardzo wielu filtrów. Np. Filtry >rozmycie > >pikselizacja do zamazywania twarzy, >rozmycie w ruchu, >rozmycie Gaussa umożliwia zmianę ostrości zdjęcia >selektywne rozmycie Gaussa umożliwia uwypuklenie elementów na pierwszym planie. Filtry > Uwydatnianie > >wyostrzenie, >usuwanie efektu czerwonych oczu. Filtr >artystyczne >film rysunkowy. Aby zmienić kolorystykę zdjęcia: narzędzia > narzędzia kolorów > krzywe.

36 GIMP-podstawy Wypróbuj podane wyżej narzędzia na swoich obrazach. Otwórz jeden obraz. Wybierz Plik >Otwórz jako warstwę i wybierz drugi obraz. Zmień krycie drugiego obrazu. Wybierz Obraz >Spłaszcz obraz lub połacz widoczne warstwy.

37 GIMP-podstawy Wypróbuj podane wyżej narzędzia na swoich obrazach. Otwórz jeden obraz. Wybierz Plik >Otwórz jako warstwę i wybierz drugi obraz. Zmień krycie drugiego obrazu. Wybierz Obraz >Spłaszcz obraz lub połacz widoczne warstwy.

38 GIMP-podstawy Spróbuj stworzyć swój fotomontaż. Użyj kilku obrazów. Skorzystaj z poznanych narzędzi i odkryj nowe. (praca domowa) Zapoznać się z tekstem: D. Lula, GIMP-podstawy str

39 GIMP-podstawy Spróbuj stworzyć swój fotomontaż. Użyj kilku obrazów. Skorzystaj z poznanych narzędzi i odkryj nowe. (praca domowa) Zapoznać się z tekstem: D. Lula, GIMP-podstawy str

40 Ciekawostka (kompresja fotografii) Zawodowy grafik potrafi dostrzec ślad kompresji, jeśli w jej wyniku obraz zostanie zmniejszony do 10% pierwotnego zdjęcia, natomiast laik dostrzeże zmiany, dopiero gdy rozmiar zdjęcia spadnie do 2 3%. Oznacza to, że dzisiejsze aparatu moga zapisać nawet dziesięć razy więcej obrazów skompresowanych na karcie pamięci, a eksperci i tak moga mieć jeszcze trudności z ocenieniem, czy do kompresji rzeczywiście doszło.

41 Ciekawostka (kompresja fotografii) Gdy robisz zdjęcia, które sa zapisywanie w formacie JPEG zostaja one automatyczne poddane kompresji. W fotografii profesjonalnej używa się sprzętu zapisujacego pliki w formacie RAW, w sposób kompletny bez żadnej kompresji. Plik uzupełniony jest dodatkowymi informacjami, zawierajacymi datę i godzinę wykonania zdjęcia, ekspozycję itp. Pliki RAW sa bardzo duże, ale w dzisiejszych czasach karty pamięci staja się coraz bardziej pojemne.

42 GIMP-podstawy Napisać słowo ZAPROSZENIE, ustawić rozmiar czcionki 40 i krój czcionki Segoe Print Bold. Wybierz porzuć informacje o tekście i pokoloruj litery. Napisać słowo ZAPROSZENIE, ustawić odpowiedni rozmiar i krój czcionki. Wybierz kanał alfa zaznaczenie (różowy kwadracik). Utwórz nowa warstwę kolorowanie. Pokoloruj pędzlem litery. Użyj kilku kolorów. Wyłacz wszystkie warstwy oprócz tło. Utwórz nowa warstwę gradient. Użyj wybrany gradient na napisie. Wybierz Filtry >Światło i Cień >Rzucanie Cienia.

43 GIMP-podstawy Napisać słowo ZAPROSZENIE, ustawić rozmiar czcionki 40 i krój czcionki Segoe Print Bold. Wybierz porzuć informacje o tekście i pokoloruj litery. Napisać słowo ZAPROSZENIE, ustawić odpowiedni rozmiar i krój czcionki. Wybierz kanał alfa zaznaczenie (różowy kwadracik). Utwórz nowa warstwę kolorowanie. Pokoloruj pędzlem litery. Użyj kilku kolorów. Wyłacz wszystkie warstwy oprócz tło. Utwórz nowa warstwę gradient. Użyj wybrany gradient na napisie. Wybierz Filtry >Światło i Cień >Rzucanie Cienia.

44 Praca z fotografia Wykonaj następujace czynności na dowolnych zdjęciach: kadrowanie zdjęcia (str. 18) prostowanie zdjęcia (str. 20) zmiana kolorów fotografii (str. 24) retusz starego zdjęcia (str. 27) usuwanie niechcianych fragmentów zdjęcia (str. 29) retusz twarzy (usuwanie pieprzyków, zmiania koloru oczu i włosów) (str. 51)

Grafika komputerowa - Gimp

Grafika komputerowa - Gimp Instytut Matematyki Uniwersytet Gdański GIMP jest objęty Powszechna Licencja Publiczna GNU, co oznacza, że jest wolnym oprogramowaniem i zgodnie z założeniami licencji użytkownik może udostępniać i zmieniać

Bardziej szczegółowo

GRAFIKA. Rodzaje grafiki i odpowiadające im edytory

GRAFIKA. Rodzaje grafiki i odpowiadające im edytory GRAFIKA Rodzaje grafiki i odpowiadające im edytory Obraz graficzny w komputerze Może być: utworzony automatycznie przez wybrany program (np. jako wykres w arkuszu kalkulacyjnym) lub urządzenie (np. zdjęcie

Bardziej szczegółowo

Księgarnia internetowa Lubię to!» Nasza społeczność

Księgarnia internetowa Lubię to!» Nasza społeczność Kup książkę Poleć książkę Oceń książkę Księgarnia internetowa Lubię to!» Nasza społeczność Spis treści Rozdział 1. Zastosowanie komputera w życiu codziennym... 5 Rozdział 2. Elementy zestawu komputerowego...13

Bardziej szczegółowo

Rozdział 1. Zastosowanie komputera w życiu codziennym... 5. Rozdział 2. Elementy zestawu komputerowego...11

Rozdział 1. Zastosowanie komputera w życiu codziennym... 5. Rozdział 2. Elementy zestawu komputerowego...11 Spis treści Rozdział 1. Zastosowanie komputera w życiu codziennym... 5 Rozdział 2. Elementy zestawu komputerowego...11 Rozdział 3. System operacyny, oprogramowanie...15 Rozdział 4. Podstawy edycji grafiki...23

Bardziej szczegółowo

1 LEKCJA. Definicja grafiki. Główne działy grafiki komputerowej. Programy graficzne: Grafika rastrowa. Grafika wektorowa. Grafika trójwymiarowa

1 LEKCJA. Definicja grafiki. Główne działy grafiki komputerowej. Programy graficzne: Grafika rastrowa. Grafika wektorowa. Grafika trójwymiarowa 1 LEKCJA Definicja grafiki Dział informatyki zajmujący się wykorzystaniem komputerów do generowania i przetwarzania obrazów (statycznych i dynamicznych) oraz wizualizacją danych. Główne działy grafiki

Bardziej szczegółowo

Grafika komputerowa. Dla DSI II

Grafika komputerowa. Dla DSI II Grafika komputerowa Dla DSI II Rodzaje grafiki Tradycyjny podział grafiki oznacza wyróżnienie jej dwóch rodzajów: grafiki rastrowej oraz wektorowej. Różnica pomiędzy nimi polega na innej interpretacji

Bardziej szczegółowo

Grafika na stronie www

Grafika na stronie www Grafika na stronie www Grafika wektorowa (obiektowa) To grafika której obraz jest tworzony z obiektów podstawowych najczęściej lini, figur geomtrycznych obrazy są całkowicie skalowalne Popularne programy

Bardziej szczegółowo

Plan wykładu. Wprowadzenie Program graficzny GIMP Edycja i retusz zdjęć Podsumowanie. informatyka +

Plan wykładu. Wprowadzenie Program graficzny GIMP Edycja i retusz zdjęć Podsumowanie. informatyka + Plan wykładu Wprowadzenie Program graficzny GIMP Edycja i retusz zdjęć Podsumowanie 2 Po co obrabiamy zdjęcia Poprawa jasności, kontrastu, kolorów itp. Zdjęcie wykonano w niesprzyjających warunkach (złe

Bardziej szczegółowo

INFORMATYKA WSTĘP DO GRAFIKI RASTROWEJ

INFORMATYKA WSTĘP DO GRAFIKI RASTROWEJ INFORMATYKA WSTĘP DO GRAFIKI RASTROWEJ Przygotowała mgr Joanna Guździoł e-mail: jguzdziol@wszop.edu.pl WYŻSZA SZKOŁA ZARZĄDZANIA OCHRONĄ PRACY W KATOWICACH 1. Pojęcie grafiki komputerowej Grafika komputerowa

Bardziej szczegółowo

Pokażę w jaki sposób można zrobić prostą grafikę programem GIMP. 1. Uruchom aplikację GIMP klikając w ikonę na pulpicie.

Pokażę w jaki sposób można zrobić prostą grafikę programem GIMP. 1. Uruchom aplikację GIMP klikając w ikonę na pulpicie. Tworzenie grafiki Jest wiele oprogramowania służącego tworzeniu grafiki. Wiele z nich daje tylko podstawowe możliwości (np. Paint). Są też programy o rozbudowanych możliwościach przeznaczone do robienia

Bardziej szczegółowo

Plan wykładu. Wprowadzenie Program graficzny GIMP Edycja i retusz zdjęć Podsumowanie. informatyka +

Plan wykładu. Wprowadzenie Program graficzny GIMP Edycja i retusz zdjęć Podsumowanie. informatyka + Plan wykładu Wprowadzenie Program graficzny GIMP Edycja i retusz zdjęć Podsumowanie 2 Wprowadzenie Po co obrabiamy zdjęcia Obrazy wektorowe i rastrowe Wielkość i rozdzielczość obrazu Formaty graficzne

Bardziej szczegółowo

TECHNIKI MULTIMEDIALNE LABORATORIUM GIMP: Projektowanie tła

TECHNIKI MULTIMEDIALNE LABORATORIUM GIMP: Projektowanie tła TECHNIKI MULTIMEDIALNE LABORATORIUM GIMP: Projektowanie tła 1. Cel ćwiczenia Celem ćwiczenia jest nabycie umiejętności tworzenia tła poprzez wykorzystanie funkcji dostępnych w programie GIMP. 2. Wiadomości

Bardziej szczegółowo

GRAFIKA RASTROWA. WYKŁAD 1 Wprowadzenie do grafiki rastrowej. Jacek Wiślicki Katedra Informatyki Stosowanej

GRAFIKA RASTROWA. WYKŁAD 1 Wprowadzenie do grafiki rastrowej. Jacek Wiślicki Katedra Informatyki Stosowanej GRAFIKA RASTROWA WYKŁAD 1 Wprowadzenie do grafiki rastrowej Jacek Wiślicki Katedra Informatyki Stosowanej Grafika rastrowa i wektorowa W grafice dwuwymiarowej wyróżnia się dwa rodzaje obrazów: rastrowe,

Bardziej szczegółowo

FORMATY PLIKÓW GRAFICZNYCH

FORMATY PLIKÓW GRAFICZNYCH FORMATY PLIKÓW GRAFICZNYCH Różnice między nimi. Ich wady i zalety. Marta Łukasik Plan prezentacji Formaty plików graficznych Grafika wektorowa Grafika rastrowa GIF PNG JPG SAV FORMATY PLIKÓW GRAFICZNYCH

Bardziej szczegółowo

Grafika rastrowa i wektorowa

Grafika rastrowa i wektorowa Grafika rastrowa i wektorowa Jakie są różnice między grafiką rastrową a wektorową? Podaj przykłady programów do pracy z grafiką rastrową/wektorową? Czym są RGB, CMYK? Gdzie używamy modelu barw RGB/CMYK?

Bardziej szczegółowo

Photoshop. Podstawy budowy obrazu komputerowego

Photoshop. Podstawy budowy obrazu komputerowego Photoshop Podstawy budowy obrazu komputerowego Wykład 1 Autor: Elżbieta Fedko O czym dzisiaj będziemy mówić? Co to jest grafika komputerowa? Budowa obrazu w grafice wektorowej i rastrowej. Zastosowanie

Bardziej szczegółowo

Jak zrobić klasyczny button na stronę www? (tutorial) w programie GIMP

Jak zrobić klasyczny button na stronę www? (tutorial) w programie GIMP Jak zrobić klasyczny button na stronę www? (tutorial) w programie GIMP Niniejszy tutorial jest wyłączną własnością Doroty Ciesielskiej Zapraszam na moją stronę http://www.direktorek03.wm studio.pl oraz

Bardziej szczegółowo

Wykorzystanie grafiki wektorowej do tworzenia elementów graficznych stron i prezentacji

Wykorzystanie grafiki wektorowej do tworzenia elementów graficznych stron i prezentacji Wykorzystanie grafiki wektorowej do tworzenia elementów graficznych stron i prezentacji grafika rastrowa a grafika wektorowa -13- P SiO 2 Grafika rastrowa - obraz zapisany w tej postaci stanowi układ barwnych

Bardziej szczegółowo

Fotografia cyfrowa obsługa programu GIMP

Fotografia cyfrowa obsługa programu GIMP Fotografia cyfrowa obsługa programu GIMP wskazówki dla osób prowadzących zajęcia komputerowe w bibliotekach Cz. 20. Efekty specjalne w fotografii Kolorowy element na szarobiałym tle Otwieramy obraz w programie

Bardziej szczegółowo

Cykl lekcji informatyki w klasie IV szkoły podstawowej. Wstęp

Cykl lekcji informatyki w klasie IV szkoły podstawowej. Wstęp Cykl lekcji informatyki w klasie IV szkoły podstawowej Wstęp Poniżej przedstawiam cykl początkowych lekcji informatyki poświęconym programowi Paint. Nie są to scenariusze lekcji, lecz coś w rodzaju kart

Bardziej szczegółowo

CEL zapoznanie z programem do tworzenia rysunków i ukazanie możliwości Edytora obrazów do sporządzania rysunków i ikon.

CEL zapoznanie z programem do tworzenia rysunków i ukazanie możliwości Edytora obrazów do sporządzania rysunków i ikon. Konspekt lekcji informatyki Rok szk. 2003/2004 Temat: Tworzenie ikon z wykorzystaniem Edytora obrazów Hasło programowe: Czas: Klasa: Nauczyciel: Rysowanie w Edytorze grafiki 45 min I Gimnazjum mgr inż.

Bardziej szczegółowo

Grafika rastrowa (bitmapa)-

Grafika rastrowa (bitmapa)- Grafika komputerowa Grafika rastrowa Grafika rastrowa (bitmapa)- sposób zapisu obrazów w postaci prostokątnej tablicy wartości, opisujących kolory poszczególnych punktów obrazu (prostokątów składowych).

Bardziej szczegółowo

Wymagania edukacyjne na ocenę z informatyki klasa 3

Wymagania edukacyjne na ocenę z informatyki klasa 3 Wymagania edukacyjne na ocenę z informatyki klasa 3 0. Logo [6 godz.] PODSTAWA PROGRAMOWA: Rozwiązywanie problemów i podejmowanie decyzji z wykorzystaniem komputera, stosowanie podejścia algorytmicznego.

Bardziej szczegółowo

Wstęp do GIMP wycinanie obiektu z obrazka, projekt napisu. Rozpoczynamy prace w GIMP-e

Wstęp do GIMP wycinanie obiektu z obrazka, projekt napisu. Rozpoczynamy prace w GIMP-e Rozpoczynamy prace w GIMP-e 1. Odpalamy program GIMP szukamy go albo na pulpicie albo w programach (ikonka programu widoczna w prawym górnym rogu). 2. Program uruchamia się na początku widzimy tzw. Pulpit

Bardziej szczegółowo

Warstwa Rysunek bitmapowy Rysunek wektorowy

Warstwa Rysunek bitmapowy Rysunek wektorowy Warstwa - powierzchnia robocza w programie graficznym. Jest obszarem roboczym o określonych rozmiarach, położeniu i stopniu przeźroczystości. Warstwę należy traktować jako przeźroczystą folię na której

Bardziej szczegółowo

narzędzie Linia. 2. W polu koloru kliknij kolor, którego chcesz użyć. 3. Aby coś narysować, przeciągnij wskaźnikiem w obszarze rysowania.

narzędzie Linia. 2. W polu koloru kliknij kolor, którego chcesz użyć. 3. Aby coś narysować, przeciągnij wskaźnikiem w obszarze rysowania. Elementy programu Paint Aby otworzyć program Paint, należy kliknąć przycisk Start i Paint., Wszystkie programy, Akcesoria Po uruchomieniu programu Paint jest wyświetlane okno, które jest w większej części

Bardziej szczegółowo

Grażyna Koba. Grafika komputerowa. materiały dodatkowe do podręcznika. Informatyka dla gimnazjum

Grażyna Koba. Grafika komputerowa. materiały dodatkowe do podręcznika. Informatyka dla gimnazjum Grażyna Koba Grafika komputerowa materiały dodatkowe do podręcznika Informatyka dla gimnazjum Rysunki i animacje w Edytorze postaci 1. Rysunek w Edytorze postaci Edytor postaci (rys. 1.) jest częścią programu

Bardziej szczegółowo

Zaznaczenie prostokątne. Zaznaczenie eliptyczne. Tekst. Okno warstw. Wypełnienie kubełkiem. Gradient. Kolor pierwszo i drugoplanowy

Zaznaczenie prostokątne. Zaznaczenie eliptyczne. Tekst. Okno warstw. Wypełnienie kubełkiem. Gradient. Kolor pierwszo i drugoplanowy Narzędzia, które wykorzystasz przy tworzeniu swojego obrazu Zaznaczenie prostokątne Zaznaczenie eliptyczne Tekst Wypełnienie kubełkiem Okno warstw Gradient Kolor pierwszo i drugoplanowy Okno obszar roboczy

Bardziej szczegółowo

Maskowanie i selekcja

Maskowanie i selekcja Maskowanie i selekcja Maska prostokątna Grafika bitmapowa - Corel PHOTO-PAINT Pozwala definiować prostokątne obszary edytowalne. Kiedy chcemy wykonać operacje nie na całym obrazku, lecz na jego części,

Bardziej szczegółowo

SYLABUS ECCC MOD U Ł : C S M2 GR A F I K A KO M P U T E R O W A PO Z I O M: PO D S T A W O W Y (A)

SYLABUS ECCC MOD U Ł : C S M2 GR A F I K A KO M P U T E R O W A PO Z I O M: PO D S T A W O W Y (A) SYLABUS ECCC MOD U Ł : C S M2 GR A F I K A KO M P U T E R O W A PO Z I O M: PO D S T A W O W Y (A) GRUPA KOMPETENCJI KOMPETENCJE OBJĘTE STANDARDEM ECCC 1. Teoria grafiki komputerowej 1.1. Podstawowe pojęcia

Bardziej szczegółowo

Metaliczny button z deseniem.

Metaliczny button z deseniem. Metaliczny button z deseniem. Tutorial w programie GIMP Niniejszy tutorial jest wyłączną własnością Doroty Ciesielskiej Zapraszam na moją stronę http://www.direktorek03.wm studio.pl oraz http://www.porady.wm

Bardziej szczegółowo

Cała prawda o plikach grafiki rastrowej

Cała prawda o plikach grafiki rastrowej ~ 1 ~ Cała prawda o plikach grafiki rastrowej Grafika rastrowa to rodzaj grafiki zapisywanej na dysku w postaci bitmapy, czyli zbioru pikseli. W edytorach grafiki rastrowej możliwa jest edycja na poziomie

Bardziej szczegółowo

WYMAGANIA EDUKACYJNE NA POSZCZEGÓLNE OCENY Z ZAJĘĆ ARTYSTYCZNYCH - Grafika komputerowa dla klas II-III rok szkolny 2017/2018

WYMAGANIA EDUKACYJNE NA POSZCZEGÓLNE OCENY Z ZAJĘĆ ARTYSTYCZNYCH - Grafika komputerowa dla klas II-III rok szkolny 2017/2018 WYMAGANIA EDUKACYJNE NA POSZCZEGÓLNE OCENY Z ZAJĘĆ ARTYSTYCZNYCH - Grafika komputerowa dla klas II-III rok szkolny 2017/2018 Nauczyciel: Marek Kozak Rozporządzenie Ministra Edukacji Narodowej z dnia 10

Bardziej szczegółowo

GIMP fotografia kolorowa i czarno-biała

GIMP fotografia kolorowa i czarno-biała Temat: GIMP fotografia kolorowa i czarno-biała Zadanie 1. Ramka o rozmytych brzegach Wytnij fragment zdjęcia i wykonaj rozmycie obramowania: 1. Otwórz dowolny obrazek, np. kwiatek.jpg. 2. Wybierz zaznaczenie

Bardziej szczegółowo

Projekt witryny pt. Oko

Projekt witryny pt. Oko Strona 1 Projekt witryny pt. Oko Włodzimierz Gajda Gdy znamy podstawowe cechy GIMP-a, umiemy pracować z warstwami, wprawnie operujemy selekcjami oraz wybranymi narzędziami moŝemy przystąpić do pracy nad

Bardziej szczegółowo

Edytor tekstu OpenOffice Writer Podstawy

Edytor tekstu OpenOffice Writer Podstawy Edytor tekstu OpenOffice Writer Podstawy Cz. 3. Rysunki w dokumencie Obiekt Fontwork Jeżeli chcemy zamieścić w naszym dokumencie jakiś efektowny napis, na przykład tytuł czy hasło promocyjne, możemy w

Bardziej szczegółowo

Kurs grafiki komputerowej Lekcja 2. Barwa i kolor

Kurs grafiki komputerowej Lekcja 2. Barwa i kolor Barwa i kolor Barwa to zjawisko, które zachodzi w trójkącie: źródło światła, przedmiot i obserwator. Zjawisko barwy jest wrażeniem powstałym u obserwatora, wywołanym przez odpowiednie długości fal świetlnych,

Bardziej szczegółowo

Teoria światła i barwy

Teoria światła i barwy Teoria światła i barwy Powstanie wrażenia barwy Światło może docierać do oka bezpośrednio ze źródła światła lub po odbiciu od obiektu. Z oka do mózgu Na siatkówce tworzony pomniejszony i odwrócony obraz

Bardziej szczegółowo

Wykład II. Reprezentacja danych w technice cyfrowej. Studia Podyplomowe INFORMATYKA Podstawy Informatyki

Wykład II. Reprezentacja danych w technice cyfrowej. Studia Podyplomowe INFORMATYKA Podstawy Informatyki Studia Podyplomowe INFORMATYKA Podstawy Informatyki Wykład II Reprezentacja danych w technice cyfrowej 1 III. Reprezentacja danych w komputerze Rodzaje danych w technice cyfrowej 010010101010 001010111010

Bardziej szczegółowo

Ćwiczenia z grafiki komputerowej 4 PRACA NA WARSTWACH. Miłosz Michalski. Institute of Physics Nicolaus Copernicus University.

Ćwiczenia z grafiki komputerowej 4 PRACA NA WARSTWACH. Miłosz Michalski. Institute of Physics Nicolaus Copernicus University. Ćwiczenia z grafiki komputerowej 4 PRACA NA WARSTWACH Miłosz Michalski Institute of Physics Nicolaus Copernicus University Październik 2015 1 / 14 Wykorzystanie warstw Opis zadania Obrazy do ćwiczeń Zadania

Bardziej szczegółowo

Obsługa programu Paint. mgr Katarzyna Paliwoda

Obsługa programu Paint. mgr Katarzyna Paliwoda Obsługa programu Paint. mgr Katarzyna Paliwoda Podstawowo program mieści się w Systemie a dojście do niego odbywa się przez polecenia: Start- Wszystkie programy - Akcesoria - Paint. Program otwiera się

Bardziej szczegółowo

Do opisu kolorów używanych w grafice cyfrowej śluzą modele barw.

Do opisu kolorów używanych w grafice cyfrowej śluzą modele barw. Modele barw Do opisu kolorów używanych w grafice cyfrowej śluzą modele barw. Każdy model barw ma własna przestrzeo kolorów, a co za tym idzie- własny zakres kolorów możliwych do uzyskania oraz własny sposób

Bardziej szczegółowo

HARMONOGRAM SZKOLENIA ECDL moduł S4 - edycja obrazów

HARMONOGRAM SZKOLENIA ECDL moduł S4 - edycja obrazów HARMONOGRAM SZKOLENIA ECDL moduł S4 - edycja obrazów Nazwa szkolenia Miejsce organizacji szkolenia ECDL moduł S4 - edycja obrazów BROst Centrum Edukacji i Technologii Komputerowej ul. Kutnowska 11 93-485

Bardziej szczegółowo

HARMONOGRAM SZKOLENIA ECDL moduł S4 - edycja obrazów

HARMONOGRAM SZKOLENIA ECDL moduł S4 - edycja obrazów HARMONOGRAM SZKOLENIA ECDL moduł S4 - edycja obrazów Nazwa szkolenia Miejsce organizacji szkolenia ECDL moduł S4 - edycja obrazów BROst Centrum Edukacji i Technologii Komputerowej ul. Kutnowska 93-485

Bardziej szczegółowo

Scenariusz lekcji. Scenariusz lekcji. opisać działanie narzędzi przybornika. korzystać z Edytora postaci programu Logomocja;

Scenariusz lekcji. Scenariusz lekcji. opisać działanie narzędzi przybornika. korzystać z Edytora postaci programu Logomocja; Kolorowe neony Scenariusz lekcji Scenariusz lekcji 1 TEMAT LEKCJI: Kolorowe neony 2 CELE LEKCJI: 2.1 Wiadomości: Uczeń potrafi: opisać sposób tworzenia animacji; wyjaśnić pojęcie klatka ; opisać działanie

Bardziej szczegółowo

Podstawy grafiki komputerowej. Teoria obrazu.

Podstawy grafiki komputerowej. Teoria obrazu. WAŻNE POJĘCIA GRAFIKA KOMPUTEROWA - to dział informatyki zajmujący się wykorzystaniem oprogramowania komputerowego do tworzenia, przekształcania i prezentowania obrazów rzeczywistych i wyimaginowanych.

Bardziej szczegółowo

Fotografia cyfrowa obsługa programu GIMP. Cz. 18. Tworzenie ramki do zdjęcia. materiały dla osób prowadzących zajęcia komputerowe w bibliotekach

Fotografia cyfrowa obsługa programu GIMP. Cz. 18. Tworzenie ramki do zdjęcia. materiały dla osób prowadzących zajęcia komputerowe w bibliotekach Fotografia cyfrowa obsługa programu GIMP materiały dla osób prowadzących zajęcia komputerowe w bibliotekach Cz. 18. Tworzenie ramki do zdjęcia W tym dwiczeniu wykonamy ciekawą i nietypową ramkę do zdjęcia.

Bardziej szczegółowo

Podstawy Informatyki Wykład V

Podstawy Informatyki Wykład V Nie wytaczaj armaty by zabić komara Podstawy Informatyki Wykład V Grafika rastrowa Paint Copyright by Arkadiusz Rzucidło 1 Wprowadzenie - grafika rastrowa Grafika komputerowa tworzenie i przetwarzanie

Bardziej szczegółowo

Agnieszka Kowalska-Owczarek. Podstawy grafiki rastrowej

Agnieszka Kowalska-Owczarek. Podstawy grafiki rastrowej Temat: Przekształcanie fotografii cyfrowej w grafikę użytkową. Przekształcenie zdjęcia monochromatycznego w chromatyczne. Zakomponowanie zaprojektowanego przez siebie wzoru w kształt sugerujący trójwymiar

Bardziej szczegółowo

GIMP Grafika rastrowa (Ćwiczenia cz. 2)

GIMP Grafika rastrowa (Ćwiczenia cz. 2) Zjazd 1 GIMP Grafika rastrowa (Ćwiczenia cz. 2) Zaznaczenia Aby zacząć profesjonalnie rysować w programie GIMP należy opanować tematykę zaznaczeń. Zaznaczenia (inaczej maski) służą do zaznaczania obszarów

Bardziej szczegółowo

Adam Korzeniewski p Katedra Systemów Multimedialnych

Adam Korzeniewski p Katedra Systemów Multimedialnych Adam Korzeniewski adamkorz@sound.eti.pg.gda.pl p. 732 - Katedra Systemów Multimedialnych Zastosowania grafiki komputerowej Światło widzialne Fizjologia narządu wzroku Metody powstawania barw Modele barw

Bardziej szczegółowo

Program graficzny MS Paint.

Program graficzny MS Paint. Program graficzny MS Paint. Program graficzny MS Paint (w starszych wersjach Windows Paintbrush lub mspaint) aplikacja firmy Microsoft w systemach Windows służąca do obróbki grafiki. SP 8 Lubin Zdjęcie:

Bardziej szczegółowo

dr hab. inż. Lidia Jackowska-Strumiłło, prof. PŁ Instytut Informatyki Stosowanej, PŁ

dr hab. inż. Lidia Jackowska-Strumiłło, prof. PŁ Instytut Informatyki Stosowanej, PŁ Wydział Elektrotechniki, Elektroniki, Informatyki i Automatyki Politechnika Łódzka Środowisko pracy grafików dr hab. inż. Lidia Jackowska-Strumiłło, prof. PŁ Instytut Informatyki Stosowanej, PŁ Formaty

Bardziej szczegółowo

Grafika komputerowa dziedzina informatyki zajmująca się wykorzystaniem technik komputerowych do celów wizualizacji artystycznej oraz wizualizacji i

Grafika komputerowa dziedzina informatyki zajmująca się wykorzystaniem technik komputerowych do celów wizualizacji artystycznej oraz wizualizacji i Grafika komputerowa dziedzina informatyki zajmująca się wykorzystaniem technik komputerowych do celów wizualizacji artystycznej oraz wizualizacji i rzeczywistości. Grafika komputerowa jest obecnie narzędziem

Bardziej szczegółowo

Materiały dla studentów pierwszego semestru studiów podyplomowych Grafika komputerowa i techniki multimedialne rok akademicki 2011/2012 semestr zimowy

Materiały dla studentów pierwszego semestru studiów podyplomowych Grafika komputerowa i techniki multimedialne rok akademicki 2011/2012 semestr zimowy Materiały dla studentów pierwszego semestru studiów podyplomowych Grafika komputerowa i techniki multimedialne rok akademicki 2011/2012 semestr zimowy Temat: Przekształcanie fotografii cyfrowej w grafikę

Bardziej szczegółowo

Temat 1: GIMP selekcje, wypełnienia, ścieżki

Temat 1: GIMP selekcje, wypełnienia, ścieżki Temat 1: GIMP selekcje, wypełnienia, ścieżki Program GIMP 2.8.10 można pobrać ze strony http://www.gimp.org/downloads/ Na systemy operacyjne od Windows XP po Windows 8.1 Zadanie 1. Selekcje i wypełnienia.

Bardziej szczegółowo

Główne elementy zestawu komputerowego

Główne elementy zestawu komputerowego Główne elementy zestawu komputerowego Monitor umożliwia oglądanie efektów pracy w programach komputerowych Mysz komputerowa umożliwia wykonywanie różnych operacji w programach komputerowych Klawiatura

Bardziej szczegółowo

4.6 OpenOffice Draw tworzenie ilustracji

4.6 OpenOffice Draw tworzenie ilustracji 4-82 4.6 OpenOffice Draw tworzenie ilustracji 4.6.1 Podstawowe informacje o grafice komputerowej Istnieją dwa rodzaje grafiki komputerowej: mapy bitowe (grafika rastrowa), grafiki wektorowe. Mapy bitowe

Bardziej szczegółowo

JAK ZAPROJEKTOWAĆ WYGLĄD STRONY INTERNETOWEJ W KREATORZE CLICK WEB?

JAK ZAPROJEKTOWAĆ WYGLĄD STRONY INTERNETOWEJ W KREATORZE CLICK WEB? JAK ZAPROJEKTOWAĆ WYGLĄD STRONY INTERNETOWEJ W KREATORZE CLICK WEB? Czy można zbudować atrakcyjną stronę WWW w czasie krótkiej przerwy na kawę? W kreatorze Click Web zrobisz to bez trudu. Wystarczy, że

Bardziej szczegółowo

Gimp Grafika rastrowa (konwersatorium)

Gimp Grafika rastrowa (konwersatorium) GIMP Grafika rastrowa Zjazd 1 Prowadzący: mgr Agnieszka Paradzińska 17 listopad 2013 Gimp Grafika rastrowa (konwersatorium) Przed przystąpieniem do omawiania cyfrowego przetwarzania obrazów niezbędne jest

Bardziej szczegółowo

Obróbka grafiki cyfrowej

Obróbka grafiki cyfrowej Obróbka grafiki cyfrowej 1 ROZDZIELCZOŚĆ (ang. resolution) - oznacza ilość malutkich punktów, które tworzą widzialny znak w druku bądź na ekranie monitora Typowe rozdzielczości monitorów komputerowych

Bardziej szczegółowo

Grafika komputerowa - Gimp

Grafika komputerowa - Gimp Instytut Matematyki Uniwersytet Gdański Wprowadzenie do multimediów Komputer multimedialny jest wyposażony w różne urzadzenia do prezentacji informacji, która może być tekst, obraz lub dźwięk. Standardowym

Bardziej szczegółowo

WSTĘP; NARZĘDZIA DO RYSOWANIA

WSTĘP; NARZĘDZIA DO RYSOWANIA 1 z 5 Link do instalacji Gimpa Gimp WSTĘP; NARZĘDZIA DO RYSOWANIA Menu w Gimpie znajduje się w oknie głównym Gimpa i w oknie obrazu. Dostępne jest również po kliknięciu prawym klawiszem myszy na obraz.

Bardziej szczegółowo

Gimp. Program do grafiki rastrowej odpowiednik płatnego programu Photoshop

Gimp. Program do grafiki rastrowej odpowiednik płatnego programu Photoshop Gimp Program do grafiki rastrowej odpowiednik płatnego programu Photoshop Narzędzia do zaznaczania Lasso Różdżka Kadrowanie Efekty Efekt rozbitego szkła 1) Otwórz dowolne zdjęcie 2. Tworzymy nową, przezroczystą

Bardziej szczegółowo

Przygotowanie materiałów graficznych w programie Gimp

Przygotowanie materiałów graficznych w programie Gimp Anna Koludo Łódzkie Centrum Doskonalenia Nauczycieli i Kształcenia Praktycznego Katarzyna Koludo-Durkiewicz Zespół Szkół Techniczno - Geodezyjnych w Łodzi Przygotowanie materiałów graficznych w programie

Bardziej szczegółowo

Jak dodać własny szablon ramki w programie dibudka i dilustro

Jak dodać własny szablon ramki w programie dibudka i dilustro Aby dodać własną ramkę otwórz moduł administracyjny dibudkaadmin.exe, wejdź do zakładki Ramki, tła, id i następnie Edycja. 1. Kliknij przycisk Dodaj ramkę 2. Określ wymiary nowej ramki Jeżeli dodajesz

Bardziej szczegółowo

Podstawowe szkolenie z Photoshopa

Podstawowe szkolenie z Photoshopa Podstawowe szkolenie z Photoshopa Poznanie podstawowych narzędzia z programu graficznego photoshopa zaznaczenie prostokątne, lasso, szybkie zaznaczenie fragmentu zdjęcia do dalszej edycji. Funkcja barwa/nasycenie

Bardziej szczegółowo

Photoshop Podstawy obsługi

Photoshop Podstawy obsługi Photoshop Podstawy obsługi Piotr Steć 1 Pasek narzędzi Rysunek 1 przedstawia pasek narzędzi, który standardowo znajduje się po lewej stronie programu. Normalnie widoczne są tylko dwa środkowe rzędy przycisków.

Bardziej szczegółowo

Obsługa programu Paint materiały szkoleniowe

Obsługa programu Paint materiały szkoleniowe Obsługa programu Paint materiały szkoleniowe Nota Materiał powstał w ramach realizacji projektu e-kompetencje bez barier dofinansowanego z Programu Operacyjnego Polska Cyfrowa działanie 3.1 Działania szkoleniowe

Bardziej szczegółowo

1.3. Tworzenie obiektów 3D. Rysunek 1.2. Dostępne opcje podręcznego menu dla zaznaczonego obiektu

1.3. Tworzenie obiektów 3D. Rysunek 1.2. Dostępne opcje podręcznego menu dla zaznaczonego obiektu 1. Edytor grafiki Draw 1.1. Okno programu Draw W bezpłatnym pakiecie OpenOffice zawarty jest program graficzny Draw (rysunek 1.1), wyposażony w liczne narzędzia do obróbki obiektów. Program możesz uruchomić,

Bardziej szczegółowo

Grafika Komputerowa Materiały Laboratoryjne

Grafika Komputerowa Materiały Laboratoryjne Grafika Komputerowa Materiały Laboratoryjne Laboratorium 3 GIMP: maski i praca na warstwach Wstęp Przed rozpoczęciem ćwiczenia należy pobrać paczkę lab_3_materialy.zip z kursu na moodle.cs.pollub.pl i

Bardziej szczegółowo

Tworzenie prezentacji w MS PowerPoint

Tworzenie prezentacji w MS PowerPoint Tworzenie prezentacji w MS PowerPoint Program PowerPoint dostarczany jest w pakiecie Office i daje nam możliwość stworzenia prezentacji oraz uatrakcyjnienia materiału, który chcemy przedstawić. Prezentacje

Bardziej szczegółowo

Kompresja obrazów i formaty plików graficznych

Kompresja obrazów i formaty plików graficznych Kompresja obrazów i formaty plików graficznych Kompresja obrazów Obrazy zapisywane w 24 lub 32-bitowej głębi kolorów o dużej rozdzielczości zajmują dużo miejsca. Utrudnia to przesyłanie ich pocztą elektroniczną,

Bardziej szczegółowo

MODELE KOLORÓW. Przygotował: Robert Bednarz

MODELE KOLORÓW. Przygotował: Robert Bednarz MODELE KOLORÓW O czym mowa? Modele kolorów,, zwane inaczej systemami zapisu kolorów,, są różnorodnymi sposobami definiowania kolorów oglądanych na ekranie, na monitorze lub na wydruku. Model RGB nazwa

Bardziej szczegółowo

Tworzenie nowego dokumentu. Ćwiczenie

Tworzenie nowego dokumentu. Ćwiczenie WARSTWY Tworzenie nowego dokumentu Ćwiczenie 1. Utwórz nowy dokument. Z menu Plik okna Przybornika wybierz polecenie Nowy. W wyświetlonym oknie dialogowym Utworzenie nowego obrazu wprowadź następujące

Bardziej szczegółowo

Rozszerzenia plików graficznych do publkacji internetowych- Kasia Ząbek kl. 2dT

Rozszerzenia plików graficznych do publkacji internetowych- Kasia Ząbek kl. 2dT Rozszerzenia plików graficznych do publkacji internetowych- Kasia Ząbek kl. 2dT Plik graficzny o formacie ".tiff" TIFF (ang. Tagged Image File Format)- komputerowy format plików graficznych służy on do

Bardziej szczegółowo

Kryteria oceniania uczniów z informatyki w klasie II gimnazjum

Kryteria oceniania uczniów z informatyki w klasie II gimnazjum Kryteria oceniania uczniów z informatyki w klasie II gimnazjum 1) Obliczenia w arkuszu kalkulacyjnym - wprowadza dane do arkusza i z pomocą wpisuje formuły, - z pomocą rozwiązuje proste zadania w arkuszu,

Bardziej szczegółowo

MATERIAŁY DYDAKTYCZNE. Streszczenie: w ramach projektu nr RPMA /16. Praca na warstwach w programie GIMP

MATERIAŁY DYDAKTYCZNE. Streszczenie: w ramach projektu nr RPMA /16. Praca na warstwach w programie GIMP MATERIAŁY DYDAKTYCZNE w ramach projektu nr RPMA.10.01.01-14-7298/16 Streszczenie: Praca na warstwach w programie GIMP Spis treści 1. Wstęp... 2 2. Stosowanie maski warstwy... 2 3. Przenikanie warstw...

Bardziej szczegółowo

Grafika komputerowa. mgr inż. Remigiusz Pokrzywiński

Grafika komputerowa. mgr inż. Remigiusz Pokrzywiński Grafika komputerowa mgr inż. Remigiusz Pokrzywiński Spis treści Grafika komputerowa Grafika wektorowa Grafika rastrowa Format graficzny, piksel, raster Rozdzielczość, głębia koloru Barwa Modele barw Kompresja

Bardziej szczegółowo

Grafika komputerowa. Zajęcia IX

Grafika komputerowa. Zajęcia IX Grafika komputerowa Zajęcia IX Ćwiczenie 1 Usuwanie efektu czerwonych oczu Celem ćwiczenia jest usunięcie efektu czerwonych oczu u osób występujących na zdjęciu tak, aby plik wynikowy wyglądał jak wzor_1.jpg

Bardziej szczegółowo

INSTRUKCJA PRZYGOTOWANIA PLIKÓW POD LAKIER CLEAR TONER DLA MASZYNY XEROX COLOUR 1000

INSTRUKCJA PRZYGOTOWANIA PLIKÓW POD LAKIER CLEAR TONER DLA MASZYNY XEROX COLOUR 1000 INSTRUKCJA PRZYGOTOWANIA PLIKÓW POD LAKIER CLEAR TONER DLA MASZYNY XEROX COLOUR 1000 wersja: 1.0, 2010.11.24 PRZYGOTOWANIE TWOICH PLIKÓW POD LAKIER Proste dodanie miejsca na lakier punktowy na Twoim zdjęciu

Bardziej szczegółowo

Animacje cz. 2. Rysujemy koło zębate

Animacje cz. 2. Rysujemy koło zębate Animacje cz. 2 1. Do wykonania poniższej animacji będziemy potrzebować dodatkowego desenia. Znajduje się on w folderze z instrukcją, żeby program Gimp mógł z niego skorzystać musimy wskazać mu ścieżkę

Bardziej szczegółowo

W odniesieniu do wszystkich zajęć: Ocena dopuszczająca: Uczeń:

W odniesieniu do wszystkich zajęć: Ocena dopuszczająca: Uczeń: WYMAGANIA EDUKACYJNE niezbędne do otrzymania przez ucznia poszczególnych śródrocznych i rocznych ocen klasyfikacyjnych grafika komputerowa. W odniesieniu do wszystkich zajęć: Ocena dopuszczająca: 1. Z

Bardziej szczegółowo

ECDL/ICDL Edycja obrazów Moduł S4 Sylabus - wersja 2.0

ECDL/ICDL Edycja obrazów Moduł S4 Sylabus - wersja 2.0 ECDL/ICDL Edycja obrazów Moduł S4 Sylabus - wersja 2.0 Przeznaczenie Sylabusa Dokument ten zawiera szczegółowy Sylabus dla modułu ECDL/ICDL Edycja obrazów. Sylabus opisuje zakres wiedzy i umiejętności,

Bardziej szczegółowo

Systemy multimedialne 2015

Systemy multimedialne 2015 Systemy multimedialne 2015 Nazwa nowej warstwy nie ma znaczenia pod względem funkcjonalnym. Warto jednak ją nadać, łatwiej możemy się wtedy poruszać po bardziej rozbudowanym projekcie. Domyślny rozmiar

Bardziej szczegółowo

TWORZENIE DANYCH DO DRUKU W PROGRAMIE MICROSOFT POWERPOINT 2013

TWORZENIE DANYCH DO DRUKU W PROGRAMIE MICROSOFT POWERPOINT 2013 TWORZENIE DANYCH DO DRUKU W PROGRAMIE MICROSOFT POWERPOINT 2013 Niniejsza instrukcja nie daje gwarancji utworzenia prawidłowych danych do druku. Jest to raczej wskazówka pomocnicza. Jeśli nie masz doświadczenia

Bardziej szczegółowo

GRAFIKA RASTROWA GRAFIKA RASTROWA

GRAFIKA RASTROWA GRAFIKA RASTROWA GRAFIKA KOMPUTEROWA GRAFIKA RASTROWA GRAFIKA RASTROWA (raster graphic) grafika bitmapowa: prezentacja obrazu za pomocą pionowo-poziomej siatki odpowiednio kolorowanych pikseli na monitorze komputera, drukarce

Bardziej szczegółowo

Grafika Komputerowa. Zajęcia X

Grafika Komputerowa. Zajęcia X Grafika Komputerowa Zajęcia X Ćwiczenie 1. Miękkie krawędzie zdjęcia 1. Uruchom program Corel Photo-Paint. 2. Otwórz zdjęcie kerala.jpg 3. Utwórz maskę obejmującą niemal całe wnętrze zdjęcia pozostawiając

Bardziej szczegółowo

1. Pobierz i zainstaluj program w 3 krokach : 2. Wybierz produkt -> FotoAlbum (Photo Books)

1. Pobierz i zainstaluj program w 3 krokach : 2. Wybierz produkt -> FotoAlbum (Photo Books) 1. Pobierz i zainstaluj program w 3 krokach : 2. Wybierz produkt -> FotoAlbum (Photo Books) 3. Wybór produktu w zależności od formatu, ceny : 4. Po wyborze formatu przechodzimy do okna z wyborem szablonu.

Bardziej szczegółowo

Tworzenie logo. Omówione zagadnienia

Tworzenie logo. Omówione zagadnienia Tworzenie logo Witamy w programie CorelDRAW, wszechstronnym programie do tworzenia rysunków wektorowych i projektów graficznych przeznaczonym dla profesjonalnych grafików. W niniejszym samouczku przedstawiono

Bardziej szczegółowo

Formaty plików. graficznych, dźwiękowych, wideo

Formaty plików. graficznych, dźwiękowych, wideo Formaty plików graficznych, dźwiękowych, wideo Spis treści: Wstęp: Co to jest format? Rodzaje formatów graficznych Właściwości formatów graficznych Porównanie formatów między sobą Formaty plików dźwiękowych

Bardziej szczegółowo

Rozszerzenia i specyfikacja przyjmowanych przez nas plików.

Rozszerzenia i specyfikacja przyjmowanych przez nas plików. S P E C Y F I K A C J A Rozszerzenia i specyfikacja przyjmowanych przez nas plików. Prace przesłane do druku powinny być rozseparowane każdy layout powinien być osobnym plikiem, a nie elementem wielostronnicowego

Bardziej szczegółowo

Przygotowanie plików PDF do druku

Przygotowanie plików PDF do druku Przygotowanie plików PDF do druku w programach CorelDraw, Adobe InDesign, Adobe Photoshop Spis treści: CorelDraw: Przygotowanie pliku podstawowe informacje 2 Przygotowanie do druku pliku PDF 2 Tworzenie

Bardziej szczegółowo

Inkscape. Menu. 1 SVG (ang. Scalable Vector Graphics) uniwersalny format dwuwymiarowej, statycznej i

Inkscape. Menu. 1 SVG (ang. Scalable Vector Graphics) uniwersalny format dwuwymiarowej, statycznej i Inkscape Inkscape jest opesourceowym programem do tworzenia grafiki wektorowej. Autorzy Inkscape a twierdzą, że jego możliwości porównywalne są z możliwościami oferowanymi przez programy takie, jak Illustrator,

Bardziej szczegółowo

CorelDRAW. 1. Rysunek rastrowy a wektorowy. 2. Opis okna programu

CorelDRAW. 1. Rysunek rastrowy a wektorowy. 2. Opis okna programu 1. Rysunek rastrowy a wektorowy CorelDRAW Różnice między rysunkiem rastrowym (czasami nazywanym bitmapą) a wektorowym są olbrzymie. Szczególnie widoczne są podczas skalowania (czyli zmiany rozmiaru) rysunku

Bardziej szczegółowo

CorelDraw - Edytor grafiki wektorowej

CorelDraw - Edytor grafiki wektorowej CorelDraw - Edytor grafiki wektorowej Rodzaje grafik Obecnie możemy spotkać się z dwoma rodzajami grafik: grafiką rastrową (zwaną również grafiką bitmapową) oraz grafiką wektorową. W grafice rastrowej

Bardziej szczegółowo

CorelDRAW. wprowadzenie

CorelDRAW. wprowadzenie CorelDRAW wprowadzenie Źródło: Podręcznik uŝytkownika pakietu CorelDRAW Graphics Suite 12 Rysowanie linii 1. Otwórz program CorelDRAW. 2. Utwórz nowy rysunek i zapisz go w swoich dokumentach jako [nazwisko]_1.cdr

Bardziej szczegółowo

GIMP. Ćwiczenie nr 6 efekty i filtry. Instrukcja. dla Gimnazjum 36 - Ryszard Rogacz Strona 18

GIMP. Ćwiczenie nr 6 efekty i filtry. Instrukcja. dla Gimnazjum 36 - Ryszard Rogacz Strona 18 Ćwiczenie nr 6 efekty i filtry Tak, jak każdy program graficzny GIMP posiada wbudowane narzędzia umożliwiające osiągnięcie różnego rodzaju efektów. Dostępne są one w menu edytowanego rysunku [filtry].

Bardziej szczegółowo

Przetwarzanie grafiki rastrowej na wektorową

Przetwarzanie grafiki rastrowej na wektorową Przetwarzanie grafiki rastrowej na wektorową Inaczej wektoryzacja, lub trasowanie, czyli zastąpienie rysunku rastrowego rysunkiem wektorowym. Wykonanie: Piotr Dróżdż Podstawowe różnice między grafiką wektorową,

Bardziej szczegółowo

Dodawanie grafiki i obiektów

Dodawanie grafiki i obiektów Dodawanie grafiki i obiektów Word nie jest edytorem obiektów graficznych, ale oferuje kilka opcji, dzięki którym można dokonywać niewielkich zmian w rysunku. W Wordzie możesz zmieniać rozmiar obiektu graficznego,

Bardziej szczegółowo