Spis treści. Włodzimierz Gajda
|
|
- Anatol Piasecki
- 8 lat temu
- Przeglądów:
Transkrypt
1 Strona 1 Szablon witryny magazyn INTERNET Włodzimierz Gajda Przygotowywana w tym odcinku witryna wykorzystuje: prowadnice, gradienty, zaznaczenia, ścieŝki, warstwy i maski, wklejanie elementów do obrazu oraz zaokrąglone prostokąty. Do dokładnego ułoŝenia ikon opcji menu uŝyłem kwadratów i prostokątów. Metoda ta gwarantuje, Ŝe kaŝda z ikon zajmie dokładnie tyle samo miejsca (bez względu na rozmiar) oraz to, Ŝe ikony będą równoodległe, co ma znaczenie podczas przygotowywania kodu HTML witryny. 1 grudnia 2006 r. Spis treści 1. Etap 1: tło 2. Etap 2: napisy 3. Etap 3: pozioma linia 4. Etap 4: ikony 5. Etap 5: wskaźnik wybranej opcji 6. Etap 6: obłe prostokąty z prawego górnego naroŝnika 7. Etap 7: podpisy opcji 8. Etap 8: wskaźnik przewijania rekordów 9. Etap 9: obrys
2 Strona 2 Rysunek 1. Obrazy, od ktăłrych rozpoczynamy Rysunek 2. Obraz wynikowy z odznaczonymi opcjami
3 Strona 3 Rysunek 3. Obraz wynikowy z zaznaczonymi opcjami 1. Etap 1: tło
4 Strona 4 Rysunek 4. Utwórz nowy obraz o wymiarach Obraz ten wypełnij gradientem liniowym przechodzącym od koloru ciemniejszego na górze do koloru jaśniejszego na dole. Wypełnienie powinno być dokładnie pionowe. Ułatwisz sobie pracę wykorzystując prowadnicę pionową. Rysunek 5. Dodaj dwie prowadnice poziome w miejscach o współrzędnych 20 i 580 oraz dwie prowadnice pionowe w miejscach o współrzędnych 20 i 780. Dodane cztery prowadnice powinny w obrazie wyznaczyć prostokąt o wymiarach oraz 20 pikselowe obramowanie.
5 Strona 5 Rysunek 6. Zaznacz prostokąt wyznaczony przez prowadnice.
6 Strona 6 Rysunek 7. Zaokrągl naroŝniki zaznaczenia. Wykonaj opcję Zaznaczenie Zaokrąglenie o parametrze 10.
7 Strona 7 Rysunek 8. Otrzymany prostokąt o zaokrąglonych naroŝnikach skopiuj z tła, wklej na nową warstwę i wypełnij jednolitym zielonym kolorem. Na zakończenie zmniejsz krycie warstwy z zaokrąglonym prostokątem. 2. Etap 2: napisy
8 Strona 8 Rysunek 9. Dodaj do obrazu napisy magazyn INTERNET. 3. Etap 3: pozioma linia
9 Strona 9 Rysunek 10. Zaznacz cienki długi prostokąt poniŝej napisu INTERNET. Prostokąt ten powinien swoimi pionowymi bokami dotykać prostokąta o zaokrąglonych naroŝnikach. Zaznaczony prostokąt skopiuj z tła, wklej na nową warstwę i wypełnij jednolitym kolorem o odcieniu zielonym.
10 Strona 10 Rysunek 11. Dodaj maskę dla warstwy z długim prostokątem. Maskę tą wypełnij dwuliniowym gradientem czarno-białym. Gradient ten powinien być ułoŝony pionowo (wykorzystaj prowadnicę!). W środkowej części prostokąta gradient maski powinien być czarny i rozjaśniać się w kierunku poziomych boków długiego prostokąta.
11 Strona 11 Rysunek 12. Po włączeniu działania maski i zmniejszeniu krycia warstwy długiego prostokąta otrzymasz delikatną linię.
12 Strona 12 Rysunek 13. Zadaniem długiego prostokąta jest oddzielenie nagłówka od treści strony. 4. Etap 4: ikony
13 Strona 13 Rysunek 14. Wklej do obrazu siedem małych ikon. Ikony umieść na osobnych warstwach. Rysunek 15. W celu wyrównania ikon dodamy do obrazu serię czarnych kwadratów i czerwonych prostokątów. Dodaj czarny kwadrat leŝący na osobnej warstwie i obejmujący pierwszą z ikon: zaznacz kwadrat obejmujący ikonę (podczas zaznaczania prostokąta przytrzymaj klawisz Shift, wówczas zaznaczenie będzie przyjmowało kształt kwadratu), zaznaczenie skopiuj z tła i wklej na nową warstwę, wklejony kwadrat wypełnij kolorem czarnym.
14 Strona 14 Rysunek 16. W podobny sposób dodaj do obrazu czerwony prostokąt. Pamiętaj, Ŝe prostokąt ten musi być umieszczony na osobnej warstwie. Jego szerokość wyznaczy odstęp pomiędzy ikonami. Rysunek 17. Powiel czarny kwadrat i czerwony prostokąt. Powielone figury rozłóŝ równo obok siebie. Wykorzystaj narzędzie do przesuwania warstw (skrót m) oraz strzałki na klawiaturze.
15 Strona 15 Rysunek 18. Wklejone ikony umieść nad czarnymi kwadratami. Rysunek 19. Wyłącz widoczność czerwonych prostokątów i czarnych kwadratów. 5. Etap 5: wskaźnik wybranej opcji
16 Strona 16 Rysunek 20. Zaznacz prostokąt o szerokości identycznej jak pierwszy z czarnych kwadratów. Prostokąt ten powinien leŝeć ponad czarnym kwadratem i swoim obszarem sięgać powyŝej brzegu zaokrąglonego prostokąta. Rysunek 21. Zaokrągl zaznaczenie. Wykonaj operację Zaznaczenie Zaokrąglenie z parametrem 50.
17 Strona 17 Rysunek 22. Wklej do obrazu zieloną strzałkę. Umieść ją na nowej warstwie i przesuń na środek małego prostokąta o zaokrąglonych naroŝnikach. Rysunek 23. Powiel strzałkę i mały zielony prostokąt. Duplikaty przesuń nad kolejne ikony menu głównego. 6. Etap 6: obłe prostokąty z prawego górnego naroŝnika
18 Strona 18 Rysunek 24. Zaznacz dość duŝy prostokąt. Rysunek 25.
19 Strona 19 Zaokrągl naroŝniki prostokąta (Zaznaczenie Zaokrąglenie) o 50%. Rysunek 26. Otrzymany prostokąt skopiuj z tła i wypełnij jednolitym kolorem zielonym. Kolor wypełnienia powinien być identyczny, jak kolor górnej części obrazu (tła wypełnionego gradientem w pierwszym etapie). Do pobrania z obrazu koloru wykorzystaj pipetę o skrócie o (Pobieranie koloru z obrazu).
20 Strona 20 Rysunek 27. Wykonany prostokąt przesuń w prawy górny róg obrazu. 7. Etap 7: podpisy opcji Rysunek 28. Dodaj do obrazu napis strona główna. Napis ten umieść w obszarze wyznaczonym przez prostokąt wykonany w poprzednim etapie.
21 Strona 21 Rysunek 29. Dodaj kolejno napisy autorzy, artykuły, roczniki, numery, rubryki oraz podrubryki. Napisy te umieść na osobnych warstwach. 8. Etap 8: wskaźnik przewijania rekordów Rysunek 30. Wklej do obrazu pięć ikon przedstawiających strzałki. Wklejane elementy umieść na osobnych warstwach, po czym rozmieść w prawym górnym naroŝniku obrazu nieco powyŝej poziomej linii.
22 Strona 22 Rysunek 31. Powiel obły prostokąt. Duplikat przesuń do dołu. Rysunek 32.
23 Strona 23 Powiększ widok obrazu i zaznacz prostokąt przylegający do brzegu duŝego obłego prostokąta oraz do poziomej linii. Do dokładnego wykonania zaznaczenia wykorzystaj prowadnice. Rysunek 33. Zaznaczenie skopiuj z małego obłego prostokąta i wklej na nową warstwę.
24 Strona 24 Rysunek 34. Wklejony element wypełnij jednolitym kolorem pobranym z tła. Rysunek 35. Powiel cztery ikony ze strzałkami. Warstwy z duplikatami przekształć w obrazy czarno-białe (Warstwa Kolory Desaturacja).
25 Strona 25 Rysunek 36. Zmniejsz krycie czterech czarno-białych strzałek do Etap 9: obrys
26 Strona 26 Rysunek 37. Przekształć duŝy zaokrąglony prostokąt w zaznaczenie (Warstwa Przezroczystość Kanał alfa na zaznaczenie).
27 Strona 27 Rysunek 38. Zaznaczenie przekształć na ścieŝkę (Zaznaczenie Przekształć na ścieżkę).
28 Strona 28 Rysunek 39. Obrysuj ścieŝkę na nowej przezroczystej warstwie dwupikselową linią koloru zielonego.
29 Strona 29 Rysunek 40. Zaznacz duŝy prostokąt obejmujący swoim obszarem górną część obrysu aŝ do poziomej linii (włącznie z poziomą linią).
30 Strona 30 Rysunek 41. Usuń górną część obrysu: warstwą bieŝącą uczyń obrys, naciśnij skrót Ctrl+K (Edycja Wyczyść). lp. Przykład 1. Ikony menu głównego 2. Ikony następny/poprzedni 3. Szablon witryny w formacie XCF 4. Szablon witryny w formacie PNG
31 Strona 31 Tabela 1. Przykłady do pobrania
Efekt rollover ze wskaźnikiem wybranej opcji
Strona 1 Efekt rollover ze wskaźnikiem wybranej opcji Włodzimierz Gajda Wykorzystując moŝliwości warstw, ścieŝek i selekcji zajmiemy się przygotowaniem szablonu witryny WWW. Szablon ten będzie wykorzystywał
Bardziej szczegółowoProjekt 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ółowoJak 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ółowoMATERIAŁ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ółowoAnimowane GIF-y w GIMP-ie
Animowane GIF-y w GIMP-ie w/g Włodzimierza Gajdy 1. Tworzymy GIF-A animowanego a) Uruchom program GIMP. b) Wybierz opcję Plik Nowy i utwórz nowy, biały obraz 400 300 pikseli. c) Zmień kolor narzędzia na
Bardziej szczegółowoGIMP 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Ćwiczenia GIMP. S t r o n a Uruchom program gimp: 2. I program się uruchomił:
1. Uruchom program gimp: 2. I program się uruchomił: 3. Zadanie 1 zmieniamy kolor samochodu. Działamy na warstwach. Warstwy znajdują się z prawej strony. Szukamy pojazdu, który będzie na jednolitym tle
Bardziej szczegółowoStudia podyplomowe dla nauczycieli w zakresie nauczania informatyki i technologii informacyjnej
Projekt współfinansowany ze środków budŝetu państwa i Europejskiego Fundusz Społecznego Studia podyplomowe dla nauczycieli w zakresie nauczania informatyki i technologii informacyjnej GIMP - Ćwiczenia
Bardziej szczegółowoFotografia 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ółowoTworzenie grafiki na potrzeby WWW
Tworzenie grafiki na potrzeby WWW Kluczem do opanowania GIMPa jest biegłe posługiwanie się selekcjami, ścieżkami oraz warstwami. Każde z tych narzędzi znajduje swoje zastosowanie podczas tworzenia witryn
Bardziej szczegółowo.: Zaznaczanie, kopiowanie i wklejanie w GIMPie :.
1 z 5 14.05.2017, 09:38 Ćwiczenie 2.: Zaznaczanie, kopiowanie i wklejanie w GIMPie :. 1. W GIMPie jak i w innych programach do edycji grafiki rastrowej istnieje kilka możliwości zaznaczania fragmentów
Bardziej szczegółowoFotografia 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ółowoTemat 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ółowoCorelDraw - podstawowe operacje na obiektach graficznych
CorelDraw - podstawowe operacje na obiektach graficznych Przesuwanie obiektu Wymaż obszar roboczy programu CorelDraw (klawisze Ctrl+A i Delete). U góry kartki narysuj dowolnego bazgrołka po czym naciśnij
Bardziej szczegółowoMetaliczny 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Ćwiczenie pochodzi ze strony
Ćwiczenie pochodzi ze strony http://corel.durscy.pl/ Celem ćwiczenia jest poznanie właściwości obiektu Elipsa oraz możliwości tworzenia za pomocą niego rysunków. Dodatkowo, w zadaniu tym, ćwiczone są umiejętności
Bardziej szczegółowoCorelDRAW. 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ółowoTworzenie napisu i obrysu.
Tworzenie napisu i obrysu. Pierwszą rzeczą jaką powinniśmy wykonać, to ściągnięcie i zainstalowanie czcionki Visitor TT2 BRK. MoŜna ją znaleźć pod tym adresem: http://www.webpagepublicity.com/freefonts/v/visitor%20tt2%20-brk-.ttf
Bardziej szczegółowoTworzenie 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ółowoSystemy 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ółowoWstę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ółowoKażde zadanie, jeśli nie napisano inaczej, rozpocznij od oryginalnego pliku, natomiast wyniki zapisuj wg wzoru:
1 Zadanie MS Paint Przerysuj poniższy rysunek. Spróbuj dodać więcej detali. 2 GIMP Każde zadanie, jeśli nie napisano inaczej, rozpocznij od oryginalnego pliku, natomiast wyniki zapisuj wg wzoru: [OryginalnaNazwa]_[punkt][podpunkt].[abc],
Bardziej szczegółowoĆwiczenie 14 Dmuchawce
Dmuchawce Celem ćwiczenia jest wykorzystanie właściwości programu Flash do generowania animacji o charakterze losowym. Prezentowany efekt można wykorzystać do wielu różnych celów np. spadające liście,
Bardziej szczegółowonarzę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ółowoINSTRUKCJA ĆWICZENIOWA NR 2 GIMP: Narzędzia selekcji
INSTRUKCJA ĆWICZENIOWA NR 2 GIMP: Narzędzia selekcji Cel ćwiczenia Celem ćwiczenia jest nabycie umiejętności zaznaczania i modyfikowania dowolnych obszarów fotografii cyfrowych poprzez wykorzystanie narzędzi
Bardziej szczegółowoGIMP 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ółowoPhotoshop. Tworzenie tekstu
Photoshop Tworzenie tekstu Wykład 6 Autor: Elżbieta Fedko O czym będziemy mówić? Ustawienia tekstu na palecie Typografia. Ustawienia rodzaju tekstu Ustawienia tekstu dostępne na palecie Akapit Efekty specjalne
Bardziej szczegółowo1. OPEN OFFICE RYSUNKI
1. 1 1. OPEN OFFICE RYSUNKI 1.1 Wiadomości podstawowe Po uruchomieniu programu Draw okno aplikacji wygląda jak na poniższym rysunku. Składa się ono z głównego okna, w którym edytuje się rysunek oraz czterech
Bardziej szczegółowoWSTĘ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ółowoEGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2018 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie chronione do momentu rozpoczęcia egzaminu Układ graficzny CKE 2018 Nazwa kwalifikacji: Wykonywanie i realizacja projektów multimedialnych Oznaczenie kwalifikacji: A.25
Bardziej szczegółowoGIMP. Odręczne zaznaczanie obszarów (F) - Narzędzie to słuŝy do swobodnego definiowania zaznaczeń.
CZĘŚĆ I GIMP Celem zajęć jest nabycie umiejętności zaznaczania i modyfikowania dowolnych obszarów fotografii cyfrowych poprzez wykorzystanie narzędzi selekcji dostępnych w programie GIMP Selekcja jest
Bardziej szczegółowoNARZĘDZIA DO ZAZNACZANIA
NARZĘDZIA DO ZAZNACZANIA Narzędzia do zaznaczania Program Gimp pozwala zmieniać cały obrazek, wskazaną warstwę oraz wybrane jej fragmenty. Dzielenie obszaru warstwy na chroniony i edycyjny nazywamy zaznaczaniem.
Bardziej szczegółowoZnak wersja podstawowa
Księga znaku Spis treści Znak wersja podstawowa...2 Układ poziomy...2 Układ pionowy...2 Konstrukcja znaku...3 Symbol...3 Napis...3 Siatka modułowa...4 Układ poziomy...4 Układ pionowy...4 Pole ochronne
Bardziej szczegółowoĆwiczenie 1 Galeria zdjęć
Galeria zdjęć Pobierz przykład (http://jsekulska.kis.p.lodz.pl/studia.htm). Krok 1 Ustawienie stołu montażowego Otwieramy nowy plik i nazywamy go (np. gallery.fla). Ustawiamy wielkość pola roboczego na
Bardziej szczegółowoPodstawy Photoshopa - warstwy, zaznaczanie, zmiana kolorystyki obrazka, szybkie operacje, szparowanie
Podstawy Photoshopa - warstwy, zaznaczanie, zmiana kolorystyki obrazka, szybkie operacje, szparowanie Ctrl+Z cofnięcie jednej operacji Panel Historia (Okno -> Historia) pozwala anulować dużą liczbę zmian
Bardziej szczegółowoZastosowania informatyki w geologii ćwiczenia 1,2 INKSCAPE 1
INKSCAPE 1 Zadanie 1 (Ctrl + shift + c konwersja kształtu na scieżkę) Narysuj kształty: Usuń cały prostokąt i połowę gwiazdy Zadanie 2 Narysuj prostokąt o wymiarach: 40x20pikseli (wysokość, szerokość),
Bardziej szczegółowoWARSTWY cd. Narzędzia służące do transformacji warstw są przedstawione na poniższym rysunku: Służą one odpowiednio do:
1 z 5 WARSTWY cd. Narzędzia służące do transformacji warstw są przedstawione na poniższym rysunku: Służą one odpowiednio do: przesuwania warstwy (przy włączonym tym narzędziu możesz też używać klawiszy
Bardziej szczegółowoPrzedstawione przykłady możesz potraktować jako ćwiczenia doskonalące umiejętność wykorzystywania warstw.
Praca na warstwach Czym są warstwy? Można sobie wyobrazić, że są to nakładane na siebie arkusze zawierające jakieś elementy graficzne. Arkusze te mogą się wzajemnie przenikać. Mamy nadzieję, że rysunek
Bardziej szczegółowoSpis treści. Projekt współfinansowany przez Unię Europejską w ramach Europejskiego Funduszu Społecznego str. 1
Fotografi a Aut or kapr ogr amuz aj ęć: i nż.wer oni kasabi ni ewi cz Pr oj ektwspół f i nansowanyześr odkówuni ieur opej ski ejwr amacheur opej ski egofunduszuspoł ecznego Spis treści 1. GIMP... 2 1.1
Bardziej szczegółowoZadanie Wstaw wykres i dokonaj jego edycji dla poniższych danych. 8a 3,54 8b 5,25 8c 4,21 8d 4,85
Zadanie Wstaw wykres i dokonaj jego edycji dla poniższych danych Klasa Średnia 8a 3,54 8b 5,25 8c 4,21 8d 4,85 Do wstawienia wykresu w edytorze tekstu nie potrzebujemy mieć wykonanej tabeli jest ona tylko
Bardziej szczegółowoProjekt współfinansowany ze środków Unii Europejskiej w ramach Europejskiego Funduszu Społecznego
Projekt graficzny z metamorfozą (ćwiczenie dla grup I i II modułowych) Otwórz nowy rysunek. Ustal rozmiar arkusza na A4. Z przybornika wybierz rysowanie elipsy (1). Narysuj okrąg i nadaj mu średnicę 100
Bardziej szczegółowoZajęcia komputerowe klasy I-III- wymagania
Zajęcia komputerowe klasy I-III- wymagania L.P miesiąc Klasa I Klasa II Klasa III 1. wrzesień Uczeń Uczeń Uczeń Zna regulaminpracowni komputerowej i stosuje się do niego; Wymienia 4 elementyzestawukomputerowego;
Bardziej szczegółowoObsł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ółowoGrafika komputerowa. Zajęcia 8
Grafika komputerowa Zajęcia 8 Nakładanie masek Maski słuŝą do zaawansowanej edycji obrazka. Za pomocą masek wydziela się obszary, które mają zostać zmodyfikowane, chroniąc jednocześnie pozostałe obszary
Bardziej szczegółowoTECHNIKI 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ółowoAnimacje oraz ciekawe efekty dostępne w programie GIMP
Animacje oraz ciekawe efekty dostępne w programie GIMP Tworzenie Gifów Aby zobrazować różnice w tworzeniu plików z rozszerzeniem gif wykonamy na początek krótkie ćwiczenie. 1.Utwórz niebieską warstwę nad
Bardziej szczegółowo3.9 Tworzenie rysunku kurczaka
Ć WICZENIE 3.9 Tworzenie rysunku kurczaka W tym ćwiczeniu spróbujemy połączyć wszystkie zdobyte umiejętności, aby narysować uroczego kurczaczka. 1. Zaczniemy od korpusu, który powstaje przez narysowanie
Bardziej szczegółowoGrafika komputerowa. Zajęcia 7
Grafika komputerowa Zajęcia 7 Wygląd okna aplikacji programu Corel PhotoPaint Źródło: Podręcznik uŝytkownika pakietu CorelDRAW Graphics Suite 12 Tworzenie nowego obrazka Wybór trybu kolorów Określenie
Bardziej szczegółowoPraca z układem projektu
Praca z układem projektu Witamy w programie CorelDRAW, wszechstronnym programie do tworzenia rysunków wektorowych i projektów graficznych przeznaczonym dla profesjonalnych grafików. W niniejszym samouczku
Bardziej szczegółowoGrafika 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ółowoKrok 2 Następnie kliknij raz na obszar roboczy za pomocą narzędzia Elipsa (L). Ustaw szerokość i wysokość tak, jak szerokość zaokrąglonego prostokąta.
Krok 1 Użyj narzędzia Zaokrąglony prostokąt i narysuj prostokąt, który jest nieco ponad dwukrotnie większy niż jest szeroki. Możesz to zrobić na dwa sposoby: kliknij raz na obszar roboczy i wprowadź wartości
Bardziej szczegółowoOpis implementacji: Poznanie zasad tworzenia programów komputerowych za pomocą instrukcji języka programowania.
Nazwa implementacji: Robot biedronka Autor: Jarosław Żok Opis implementacji: Poznanie zasad tworzenia programów komputerowych za pomocą instrukcji języka programowania. Gra została zaimplementowana z wykorzystaniem
Bardziej szczegółowoCykl 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Ćwiczenia - CorelDraw
Ćwiczenia - CorelDraw Tworzenie linii Z przybornika wybieramy narzędzie Rysunek odręczny. Wyznaczamy miejsce, od którego chcemy zacząć rysowanie linii i przy wciśniętym LPM rysujemy krzywą. Gdy puścimy
Bardziej szczegółowoW niniejszym samouczku przedstawiono sposób tworzenia logo dla wymyślonej kawiarni. Tak będzie wyglądać ostateczny efekt pracy:
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ółowoZAZNACZENIA. Zaznaczenia (inaczej maski) służą do zaznaczania obszarów rysunku.
1 z 5 ZAZNACZENIA Zaznaczenia (inaczej maski) służą do zaznaczania obszarów rysunku. WAŻ E: Jeżeli obraz posiada zaznaczenie, to wszystkie przekształcenia obrazu (lub warstwy) są wykonywane w ramach. Rodzaje
Bardziej szczegółowoDoskonalimy Rysowanie Kartka Bożonarodzeniowa
Doskonalimy Rysowanie Kartka Bożonarodzeniowa CREATED BY: DAMIAN KUPCZYK OPIEKUN: dr Barbara Kołodziejczak 1. Zamiana obszaru roboczego (naszej kartki) na poziom. Naciskamy przycisk plik a następnie wybieramy
Bardziej szczegółowoOdbicie na szkłach okularów
Odbicie na szkłach okularów Jedna z wad fotografii studyjnych polega na tym, że w okularach sfotografowanych modeli odbija się oświetlenie i wyposażenie studio. W takich sytuacjach bardzo często stosuje
Bardziej szczegółowoĆwiczenia 7 Obsługa programu GIMP
Ćwiczenia 7 Obsługa programu GIMP GIMP - stworzony w ramach projektu GNU program do obróbki grafiki rastrowej. Zadanie 1. Prosty, animowany napis. ( Przykład: animowany napis.gif) Zaprojektuj i wykonaj
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 Październik 2015 1 / 14 Wykorzystanie warstw Opis zadania Obrazy do ćwiczeń Zadania
Bardziej szczegółowoĆwiczenie 6 Animacja trójwymiarowa
Animacja trójwymiarowa Wstęp Jedną z nowości Flasha CS4 i wyższych wersji jest tworzenie animacji 3D. Są do tego przeznaczone narzędzia Obrót 3D (W) i Translacja 3D (G). Narzędzia te działają na klipach
Bardziej szczegółowoGrafika Komputerowa Materiały Laboratoryjne
Grafika Komputerowa Materiały Laboratoryjne Laboratorium 9 Inkscape: tworzenie grafik do gier (część II) Wstęp W ramach dzisiejszych zajęć poznasz techniki tworzenia pseudotrójwymiarowych elementów do
Bardziej szczegółowoPrezentacje multimedialne. MS PowerPoint 2003
Prezentacje multimedialne MS PowerPoint 2003 Autokształt To prosty rysunek składający się z podstawowych figur geometrycznych, linii prostych itp. Autokształty Wstaw Rysunek Autokształty Pasek narzędzi
Bardziej szczegółowoGimp. 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ółowoCorelDraw - wbudowane obiekty wektorowe - prostokąty Rysowanie prostokątów
CorelDraw - wbudowane obiekty wektorowe - prostokąty Rysowanie prostokątów Naciskamy klawisz F6 lub klikamy w ikonę prostokąta w przyborniku po lewej stronie ekranu - zostanie wybrane narzędzie prostokąt.
Bardziej szczegółowoOperacje na Wielu Arkuszach
Operacje na Wielu Arkuszach 1. Operacje na wielu arkuszach na raz. 2. Przenoszenie i kopiowanie arkuszy pomiędzy plikami. 3. Ukrywanie arkuszy. Przykład 1. Operacje na wielu arkuszach na raz. Często pracując
Bardziej szczegółowoTworzenie 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ółowoNarzędzia programu Paint
Okno programu Paint Narzędzia programu Paint Na karcie Start znajduje się przybornik z narzędziami. Narzędzia te są bardzo przydatne w pracy z programem. Można nimi rysować i malować, kolorować i pisać,
Bardziej szczegółowoPhotoshop 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ółowoPROJEKT WIZYTÓWKI WIZYTÓWKA A
PROJEKT WIZYTÓWKI WIZYTÓWKA A 1. Za pomocą polecenia Otwórz otwieramy plik Organic logo.cdr. Na pasku Właściwości w polu Typ i rozmiar papieru wybieramy Wizytówka. 2. Następnie ustawiamy orientację papieru
Bardziej szczegółowoAnimacje z zastosowaniem suwaka i przycisku
Animacje z zastosowaniem suwaka i przycisku Animacja Pole równoległoboku Naukę tworzenia animacji uruchamianych na przycisk zaczynamy od przygotowania stosunkowo prostej animacji, za pomocą, której można
Bardziej szczegółowoGimp - poznaj jego możliwości!
Artykuł pobrano ze strony eioba.pl Gimp - poznaj jego możliwości! Gimp to program do tworzenia grafiki bitmapowiej - daje ogromne możliwości, a do tego jest darmowy! Spróbuj skorzystać z możliwości, jakie
Bardziej szczegółowoJak uzyskać efekt 3D na zdjęciach z wykorzystaniem programu InkScape
Jak uzyskać efekt 3D na zdjęciach z wykorzystaniem programu InkScape Program InkScape jest bezpłatnym polskojęzycznym programem grafiki wektorowej do pobrania ze strony http://www.dobreprogramy.pl/inkscape,program,windows,12218.html.
Bardziej szczegółowoAutomatyzacja i robotyzacja procesów technologicznych
Automatyzacja i robotyzacja procesów technologicznych Projektowanie grafiki wektorowej Dominik Rzepka, dominik.rzepka@agh.edu.pl 1. Wstęp Urządzenia dokonujące automatycznej obróbki materiałów (frezarki
Bardziej szczegółowoObsługa programu GIMP poziom podstawowy
Obsługa programu GIMP poziom podstawowy 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ółowoObszar pierwszy to pasek narzędzi (rys. 1) zawierający skróty do najczęściej uŝywanych funkcji. Rys. 1 Pasek Narzędzi
Do najwaŝniejszych zmian w CERTO v4.0 naleŝy: MoŜliwość wczytywania do programu plików graficznych zawierających rzuty lub przekroje budynku i zaznaczania na nich elementów wprowadzanych do programu CERTO.
Bardziej szczegółowoObsł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ółowoProgram 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ółowoPodręcznik Identyfikacji Wizualnej
Podręcznik Identyfikacji Wizualnej 1. ZESTAWIENIE ZNAKÓW 1 Znak RDC występuje w wersji pełnej z dopiskiem: Polskie Radio. Podstawowa wersja znaku składa się z symbolu graficznego RDC. Znak jako podstawowy
Bardziej szczegółowoDokument zawiera podstawowe informacje o użytkowaniu komputera oraz korzystaniu z Internetu.
Klub Seniora - Podstawy obsługi komputera oraz korzystania z Internetu Str. 1 Dokument zawiera podstawowe informacje o użytkowaniu komputera oraz korzystaniu z Internetu. Część 3 Opis programu MS Office
Bardziej szczegółowoPrzygotowanie 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Ćwiczenie nr 1. Kliknij myszką w trójkąt, aby otrzymać dostęp do uchwytów obrotów:
Ćwiczenie nr 1 Wybierz narzędzie wielokąt, ustaw na pasku własności liczbę boków równą 3 i z pomocą klawisza Ctrl narysuj trójkąt równoboczny, po czym naciśnij spację, aby przełączyć się na wskaźnik: Kliknij
Bardziej szczegółowoKoło zębate wału. Kolejnym krokiem będzie rozrysowanie zębatego koła przeniesienia napędu na wał.
Witam w kolejnej części kursu modelowania 3D. Jak wspomniałem na forum, dalsze etapy będą przedstawiały terminy i nazwy opcji, ustawień i menu z polskojęzycznego interfejsu programu. Na początek dla celów
Bardziej szczegółowoMinimalna wspierana wersja systemu Android to 2.3.3 zalecana 4.0. Ta dokumentacja została wykonana na telefonie HUAWEI ASCEND P7 z Android 4.
Dokumentacja dla Scandroid. Minimalna wspierana wersja systemu Android to 2.3.3 zalecana 4.0. Ta dokumentacja została wykonana na telefonie HUAWEI ASCEND P7 z Android 4. Scandroid to aplikacja przeznaczona
Bardziej szczegółowoGIMP. Ć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ółowoUWAGA: poniższe procedury przygotowane zostały w oparciu o program HiTi PhotoDesiree 2 w wersji 2.4.11.12.
Drukowanie zdjęć do nowych paszportów biometrycznych (format zdjęcia 35mm x 45mm) przy użyciu fotograficznych drukarek termosublimacyjnych HiTi i programu HiTi PhotoDesiree 2. UWAGA: poniższe procedury
Bardziej szczegółowoKurs Adobe Photoshop Elements 11
Kurs Adobe Photoshop Elements 11 Gladiatorx1 Gradient 2014-12- 27 Spis treści Gradient... 2 Opcje narzędzia... 2 Edytor gradientów... 8 Wypełnianie dokumentów i zaznaczeń gradientem... 12 Wykonał gladiatorx1
Bardziej szczegółowoInkscape. 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ółowoPrzetwarzanie 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ółowoObsługa mapy przy użyciu narzędzi nawigacji
Obsługa mapy przy użyciu narzędzi nawigacji Narzędzia do nawigacji znajdują się w lewym górnym rogu okna mapy. Przesuń w górę, dół, w lewo, w prawo- strzałki kierunkowe pozwalają przesuwać mapę w wybranym
Bardziej szczegółowoMaski warstw. Nic nie zastąpi przykładu, na którym jest jasno pokazane co i jak, a więc koniec wymądrzania się, zobaczmy o czym ja w ogóle mówię.
Maski warstw Maska warstwy tym różni się od innych masek, że jest przypisana na stałe do konkretnej warstwy i oddziałuje tylko na nią. Jest ona reprezentowana przez "obrazek" o palecie 256 odcieni szarości
Bardziej szczegółowoInstrukcja obsługi funkcji specjalnych szablonu C01 v.1.0
Instrukcja obsługi funkcji specjalnych szablonu C01 v.1.0 UWAGA 1: Przed dokonaniem jakichkolwiek zmian, zalecamy skopiować wcześniej kod html modułu do pliku na lokalnym dysku. W przypadku problemów ułatwi
Bardziej szczegółowoEGZAMIN POTWIERDZAJĄCY KWALIFIKACJE W ZAWODZIE Rok 2016 CZĘŚĆ PRAKTYCZNA
Arkusz zawiera informacje prawnie Układ graficzny CKE 2016 chronione do momentu rozpoczęcia egzaminu CENTRALNA KOMISJA EGZAMINACYJNA Nazwa kwalifikacji: Twmzenie aplikacji internetowych i baz danych oraz
Bardziej szczegółowoAdobe InDesign lab. 3 Jacek Wiślicki, Paweł Kośla
Spis treści 1. Zaawansowane techniki pracy... 2 1.1. Tekst z wypełnieniem... 2 1.2. Stosowanie przeźroczystości i oblewania tekstem... 6 strona 1 z 9 1. Zaawansowane techniki pracy 1 W poprzednich instrukcjach
Bardziej szczegółowoEdytor tekstu MS Word 2010 PL: grafika. Edytor tekstu MS Word umożliwia wstawianie do dokumentów grafiki.
Edytor tekstu MS Word 2010 PL: grafika. Edytor tekstu MS Word umożliwia wstawianie do dokumentów grafiki. Edytor tekstu MS Word 2010 PL: kształty. Do każdego dokumentu można wstawić tzw. kształty. Aby
Bardziej szczegółowoPrzewodnik po obszarze roboczym
Przewodnik po obszarze roboczym Witamy w programie CorelDRAW, wszechstronnym programie do tworzenia rysunków wektorowych i projektów graficznych przeznaczonym dla profesjonalnych grafików. Projekty tworzone
Bardziej szczegółowoZaznaczenie 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ółowoUwaga! CorelDRAW ćwiczenia kl. III Strona 1 z 6
Uwaga! Korzystaj z POMOCY programu CorelDRAW!!! Wpisz słowo kluczowe, które szukasz w odpowiednie miejsce (Zakładka POMOC- Tematy pomocy Indeks) Po wykonaniu każdego rysunku zgrupuj jego elementy (zaznacz
Bardziej szczegółowoPodstawy 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