GIMP: tworzenie grafiki na potrzeby WWW (cz 5)
|
|
- Angelika Wrona
- 8 lat temu
- Przeglądów:
Transkrypt
1 GIMP: tworzenie grafiki na potrzeby WWW (cz 5) Włodzimierz Gajda Po szczegółowym omówieniu selekcji, cieek oraz warstw nadszedł czas na połczenie wszystkich elementów. Dzisiejszy zestaw wicze zaprezentuje podstawowe techniki projektowania szaty graficznej witryny WWW. Selekcje, cieki oraz warstwy Kluczem do opanowania GIMPa jest biegłe posługiwanie si selekcjami, ciekami oraz warstwami. Kade z tych narzdzi znajduje swoje zastosowanie podczas tworzenia witryn internetowych i jest konieczne przy bardziej złoonych projektach. Zanim przejdziemy do wykonywania wicze, zatrzymajmy si przy operacjach łczcych cieki, warstwy i selekcje. Rozpocznijmy od przekształcania selekcji w warstw i na odwrót. Przekształcenie selekcji w warstw moemy wykona na dwa sposoby: stosujc operacj kopiuj/wklej lub wykorzystujc technik cignij-upu. W obydwu przypadkach mamy do czynienia z tzw. pływajcym zaznaczeniem. Pływajce zaznaczenie moemy zakotwiczy (tj. umieci) na aktywnej warstwie lub przekształci w now warstw. Tworzenie pływajcej selekcji czsto wprawia pocztkujcych uytkowników GIMPa w zakłopotanie. Pamitajmy, e operacja cofnij usunie wszelkie zmiany w rysunku przywracajc poprzedni jego stan. Zwrómy równie uwag, e operacja kopiuj/wklej umoliwia skopiowanie zawartoci aktywnej warstwy lub warstw widocznych. Po wklejeniu, w obrazie pojawia si pływajca selekcja o kształcie i zawartoci odpowiadajcej biecemu zaznaczeniu. Przejdmy do przekształcenia warstwy w selekcj. Przekształcenie warstwy w selekcje ma na celu zaznaczenie całej nieprzezroczystej zawartoci warstwy. Słuy do tego opcja Warstwy Zaznaczenie z kanału alfa. Drugim rodzajem przekształce jest konwersja zaznaczenia w ciek i na odwrót. Do tego słu przyciski Tworzy zaznaczenie ze cieki oraz Tworzy ciek z zaznaczenia dostpne w oknie dialogowym cieek. Łczc przekształcenia zaznaczenia w warstwy oraz cieek w zaznaczenia moemy oczywicie uzyska przekształcenie cieki w warstw i na odwrót. W celu przekształcenia cieki w warstw wystarczy ciek przekształci w zaznaczenie, a nastpnie wykona operacje kopiuj/wklej. W ten sposób otrzymamy warstw o kształcie 1
2 odpowiadajcym kształcie cieki. Przekształcenie odwrotne, warstwy w ciek przebiega nastpujco: zaznaczamy cał warstw (Warstwy Zaznaczenie z kanału alfa), a nastpnie przekształcamy zaznaczenie w ciek. Otrzymana cieka bdzie miała identyczny kształt jak aktywna warstwa. Jak praktycznie wykorzysta opisane przekształcenia? Na przykład do tworzenia cieek o kształcie okrgu lub kwadratu. Poniewa bardzo łatwo otrzyma selekcj okrgł lub kwadratow, zatem najprostsza metoda otrzymania cieki o takim kształcie polega na uzyskaniu zaznaczenia i przekształceniu go w ciek. Tyle, jeli chodzi o przekształcenia. Przejdmy do drugiej wanej sprawy, jak jest zapamitywanie selekcji. Wprawdzie kształt selekcji moglibymy zapamita w ciece, nie jest to jednak wygodne, poniewa powoduje utracenie czci informacji dotyczcych zaznaczenia. Zaznaczenia charakteryzuj si dwoma cechami: kształtem oraz gładkoci. Zapamitanie selekcji w postaci cieki powoduje utrat informacji o gładkoci. Do zapamitywania selekcji naley wykorzysta kanały. Dodatkow zalet jest moliwo łatwego łczenia zapamitanych cieek. Klawisze Ctrl oraz Shift pomog uzyska sum, rónic lub cz wspóln kilku zapamitanych zaznacze. Zapamitanie biecej selekcji wykonamy klikajc opcj Zaznaczenie Zapisz do kanału. Ostatni wan rzecz, na jak chciałbym zwróci uwag we wstpie jest fakt, e wszystkie operacje edytorskie dotycz aktualnej selekcji oraz warstwy. Jeli na przykład malujemy pdzlem, wówczas lady pdzla zostaj umieszczone na warstwie aktywnej nawet, jeli jest ona niewidoczna. Ponadto pdzel nie wyjedzie poza brzeg aktywnej warstwy ani biecej selekcji. Narzdzia edycyjne (np. pdzel, ołówek, wypełnianie farb) maluj po aktywnej warstwie. Dzieje si tak nawet wówczas, gdy jest ona niewidoczna. Zasig narzdzia jest ograniczony przez rozmiar aktywnej warstwy oraz selekcji. cieki moemy przekształca w selekcje, za selekcje - w cieki. Ponadto moliwe jest dokonanie konwersji zaznaczenia w kształt warstwy oraz nieprzezroczystej zawartoci warstwy w zaznaczenie. Selekcje charakteryzuje kształt oraz mikko krawdzi. Do zapisywania selekcji słu kanały. Kilka selekcji zapisanych w kanałach łatwo połczy wykonujc sum, rónic bd cz wspóln za pomoc klawiszy Ctrl oraz Shift. 2
3 Nagłówek strony WWW Wykonanie przedstawionych nagłówków wymaga umiejtnoci operowania warstwami, dodawania efektu cienia oraz tworzenia ozdobnych napisów skryptami Script-Fu Loga. wiczenie 1 Wykonaj nagłówek strony www "Fotogaleria" przedstawiony na rysunku 1. Przedstawiony nagłówek składa si z czterech elementów: napisu oraz trzech małych fotografii. Kady z tych elementów umieszczamy na osobnej warstwie. Łcznie obraz posiada wic pi warstw: białe tło, napis tytułowy oraz trzy warstwy ze zdjciami. Napis "FOTOGALERIA" wykonujemy przy uyciu skryptu Dodatki Script-Fu Loga Proste I. Wybrana czcionka to Tachoma o kolorze niebieskim. Po wykonaniu napisu, wyłczamy widoczno warstwy tło, spłaszczamy obraz i kopiujemy do przygotowywanego nagłówka. Nastpnie przystpujemy do wklejenia trzech miniaturowych fotografii. Zauwamy, e kada z fotografii posiada niewielk niebiesk krawd. Krawd dodamy do obrazu korzystajc ze skryptu Script-Fu Dekoracje Dodaj krawd. Kolejno dla kadej fotografii wykonujemy nastpujca procedur: otwieramy obraz, skalujemy do rozmiarów 200x150 pikseli, dodajemy jednopikselow krawd, spłaszczamy obraz (krawd znajduje si na osobnej warstwie), kopiujemy i wklejamy do przygotowywanego nagłówka. Po wklejeniu skalujemy wklejon warstw zmniejszajc nieco jej rozmiary w taki sposób, by kada z wklejonych miniatur miała inny rozmiar. Do skalowania warstw słuy narzdzie przekształce: Obracanie, skalowanie, cinanie, perspektywa. Domylnie aktywn opcj jest obracanie. Działanie narzdzia zmienimy podwójnie klikajc w jego przycisk w oknie głównym GIMPa. Rys. 1. Baner serwisu "Fotogaleria". wiczenie 2 Wykonaj nagłówek serwisu powiconego klockom Lego. Nagłówek ten jest nieco bardziej skomplikowany od nagłówka fotogalerii. Posiada on łcznie 10 warstw: dwie warstwy na napisy "Lego" oraz "technic", dwie warstwy na rysunki helikoptera i samochodu. Kady z tych elementów posiada cie umieszczony na osobnej warstwie, co daje łcznie osiem warstw. Dodatkowo rysunek posiada białe tło oraz warstw zawierajc wypełnienie szarym gradientem. 3
4 Po utworzeniu nowego rysunku dodajemy do niego now pust warstw o rozmiarze równym rozmiarowi rysunku. Warstw t wypełniamy szarym gradientem liniowym. Nastpnie dodajemy do obrazu napisy. Wykorzystany skrypt to ponownie Dodatki Script-Fu Loga Proste I, za czcionka to Comic Sans MS. Po wklejeniu napisów przystpujemy do wycicia samolotu oraz helikoptera z instrukcji Lego. Do wycicia elementów wykorzystujemy cieki. Gdy cieka jest gotowa, przekształcamy j w zaznaczenie, po czym wykonujemy operacj kopiuj/wklej. Po wklejeniu helikoptera skalujemy go do odpowiednich rozmiarów. Podobnie postpujemy z samochodem. Teraz pozostało ju tylko dodanie cienia czterech elementów: samolotu, samochodu oraz dwóch napisów. Ustalamy aktywn warstw warstw z napisem "Lego", a nastpnie wykonujemy zaznaczenie z kanału alfa, po czym uruchamiamy skrypt Script-Fu Cie Rzucany cie. W identyczny sposób dodajemy cie pozostałym trzem elementom. Rys. 2. Nagłówek witryny "Lego Technic". Projekt szaty graficznej witryny WWW wiczenie 3 Przygotuj stron tytułow firmy "BEST" przedstawion na rysunku 3. Przedstawiona strona składa si z niebiesko-białego tła, nazwy opcji, czarnych kropek umieszczonych przy opcjach oraz napisu prezentujcego nazw firmy. Prac rozpoczynamy od przygotowania tła. Na nowym, pustym rysunku umieszczamy prowadnice wyznaczajce rodek koła stanowicego tło. Nastpnie zaznaczamy due koło, po czym wykorzystujc operacj łczenia zaznacze dodajemy do koła prostokt. Teraz zaznaczony obszar powinien odpowiada białemu fragmentowi tła strony. Rysunek 3.b przedstawia dwa zmniejszone zaznaczenia, które tworz białe tło. W celu wypełnienia niebieskiego obszaru farb odwracamy zaznaczenie, po czym dodajemy now, przezroczyst warstw i wypełniamy zaznaczenie na nowej warstwie niebiesk farb. Powinnimy otrzyma niebieski łuk stanowicy tło. Teraz przystpujemy do dodania opcji "Informacje", "Usługi", "Serwis", "Sklep". Opcje dodajemy za pomoc narzdzia tekstowego. W dokładnym pozycjonowaniu napisów pomog nam prowadnice. 4
5 Kolejny element strony to czarne kropki znajdujce si z lewej strony opcji. Kropki te wykonujemy za pomoc zaznaczenia eliptycznego. Klawisze Ctrl oraz Shift modyfikuj działanie narzdzia do zaznaczania eliptycznych obszarów w taki sposób, e zaznaczane jest koło o zadanym rodku. Wszystkie kropki umieszczamy na jednej warstwie. Po dodaniu do rysunku nowej warstwy ustawiamy prowadnice, nastpnie zaznaczamy koło i wypełniamy je farb. Ostatni element strony to nazwa firmy "BEST". Logo firmy tworzymy wykorzystujc narzdzie tekstowe. Po dodaniu na osobnej warstwie napisu "BEST" tworzymy zaznaczenie z kanału alfa obejmujce cały napis. Zaznaczenie powikszamy, a nastpnie wypełniamy niebiesk farb (na nowej warstwie). Tak powstaje niebieskie tło nazwy firmy. 5
6 Rys. 3. Strona firmy "BEST". 6
7 wiczenie 4 Przygotuj szkielet strony studia fotograficznego przedstawiony na rysunku 4. Strona "Studio fotograficzne" zawiera: tło składajce si z kratki ilustracji, łuk z lewej strony, cie łuku oraz ozdobny napis. Pierwszym etapem naszej pracy bdzie przygotowanie kratki szesnastu miniaturowych ilustracji. wiczenie to zostało szczegółowo opisane w poprzednim odcinku. Nastpnie do strony dodajemy łuk. Tworzymy now warstw, pomniejszamy kilkukrotnie widok (klawisz -), i zaznaczamy koło o rodku lecym na lewo od rysunku i o duym promieniu. Tak uzyskane zaznaczenie odwracamy, i wypełniamy biał farb. Jeli zmniejszymy nieprzepuszczalno warstwy do około 80%, oraz wyłczymy widoczno innych warstw (Shift-klik w wybran warstw), wówczas powinnimy otrzyma obraz przedstawiony na rysunku 4.b. Kolejnym etapem pracy jest dodanie cienia rzucanego przez łuk. Ponownie zaznaczamy łuk wykonujc operacj zaznaczenie z kanału alfa (dla warstwy z łukiem), po czym odwracamy zaznaczenie. Teraz wykonujemy skrypt rzucajcy cie. Ostatnim elementem, jaki dodajemy do rysunku jest napis "Fotogaleria" tworzony jednym ze skryptów Dodatki Script-Fu Loga. 7
8 Rys. 4. Serwis studia fotograficznego. wiczenie 5 Przygotuj stron firmy "Maszyny" przedstawion na rysunku 5. Strona składa si z nagłówka oraz menu. Nagłówek strony zawiera dwa długie prostokty rzucajce cie, na których umieszczono miniaturowe fotografie oraz napisy. Menu strony zawiera kilka prostoktów rzucajcych cie i napisy. Główn trudno w wykonaniu strony stanowi prostokty. Prostokty tworzymy za pomoc selekcji prostoktnej z wykorzystaniem prowadnic. Prac rozpoczynamy od dokładnego ustawienia prowadnic, po czym kolejno zaznaczamy prostokty tak jak to pokazano na rysunku 5.b. 8
9 Prostokty wypełniamy gradientem liniowym, a nastpnie dodajemy do rysunku cie. Kolejnym krokiem jest dodanie do rysunku miniaturowych fotografii koparki oraz lokomotywy. Otwieramy plik przedstawiajcy kopark, zaznaczamy cało (Ctrl+A), kopiujemy (Ctrl+C), wklejamy do tworzonej strony firmy "Maszyny" (Ctrl+V) i umieszczamy na osobnej warstwie (Ctrl+L, Ctrl+N). Tak umieszczon warstw skalujemy wykorzystujc opcj Narzdzia Przekształcenia Przekształ (w zalenoci od ustawie programu moe by konieczna zmiana biecego przekształcenia Narzdzia Okna dialogowe Opcje narzdzia). Po przeskalowaniu zdjcia koparki do danych rozmiarów zmieniamy kolorystyk warstwy stosujc najpierw opcj Obraz Kolory Desaturacja, a nastpnie okno dialogowe Obraz Kolory Balans kolorów. Pamitajmy, e zarówno desaturacja jak i balans kolorów odnosz si do biecej warstwy. Po dodaniu miniaturki z lokomotyw pozostało nam jedynie umieszczenie napisów i efektu cienia, jaki rzucaj napisy. Stosujemy narzdzie tekstowe oraz skrypt Rzucany cie. 9
10 Rys. 5. Strona spółki "Maszyny S. C.". wiczenie 6 Przygotuj stron tytułow serwisu powiconego jzykowi "Logo" przedstawion na rysunku 6. Strona składa si z kilku napisów, ramki tworzcej menu i posiada niebieskie tło. Po utworzeniu nowego obrazu, zaznaczamy cał warstw tło (Ctrl+A) i wypełniamy j kolorem niebieskim (Skrót Ctrl+.). Ramk wykonujemy z wykorzystaniem cieek. Ustalamy prowadnice tak jak to przedstawiono na rysunku 6.c, po czym dodajemy do rysunku ciek widoczn na rysunku 6.b. Gdy cieka jest gotowa, przekształcamy j w zaznaczenie, a nastpnie wypełniamy kolorem ciemnoniebieskim. Po wypełnieniu kolorem obrysowujemy ciek naciskajc 10
11 przycisk Rysuje ciek znajdujcy si w dolnej czci okna dialogowego cieek. Ponownie przekształcamy ciek w zaznaczenie i dodajemy efekt cienia. Pozostało nam jeszcze dodanie napisów opcji. Skorzystanie z narzdzia tekstowego i dodanie efektu cienia do napisów koczy wiczenie. 11
12 Rys. 6. Zbiór zada z jzyka Logo. 12
13 wiczenie 7 Przygotuj stron tytułow serwisu powiconego jzykowi "Logo" przedstawion na rysunku 7. wiczenie to wykonujemy niemal identycznie jak wiczenie poprzednie. Rozpoczynamy od tła. Strona posiada tło zawierajce dwuliniowy gradient przechodzcy od koloru ółtego poprzez biały z powrotem do ółtego. Po wywietleniu okna dialogowego modyfikujcego właciwoci gradientu ustalamy Gradient: dwuliniowy. Gdy tło jest gotowe dodajemy do rysunku ciek. Kształt cieki został przedstawiony na rysunku 7.b. Gotow ciek przekształcamy w zaznaczenie i wypełniamy kolorem ółtym, po czym dodajemy efekt cienia. Na zakoczenie, wykorzystujc narzdzie tekstowe dodajemy nazwy opcji. 13
14 Rys. 7. Druga wersja zbioru zada "Logo". wiczenie 8 Przygotuj stron powicona programowi "NotH" widoczn na rysunku 8. wiczenie numer 8 zawiera nastpujce elementy: czarny poziomy pas, cienk, czarn kresk pionow z poziomymi odnogami, dwukolorowy napis "NotH" oraz napis gajdaw. wiczenie rozpoczynamy od umiejscowienia prowadnic tam, gdzie ma si znale czarny poziomy pas i cienkie czarne kreski. Umiejscowienie prowadnic ilustruje rysunek 8.c. 14
15 Nastpnie rysujemy czarny pas. Wykorzystujemy do tego zaznaczenie prostoktne oraz wypełnianie farb. W celu dodania delikatnego cienia, jaki rzuca czarny pas, wykonujemy skrypt Rzucany cie. Teraz przechodzimy do cienkich kresek. Rysujemy je wykorzystujc cieki. Dodajemy do rysunku sze cieek, bdcych liniami prostymi tak, by po wykonaniu operacji Rysuj ciek otrzyma kreski przedstawione na rysunku 8.b. Po narysowaniu cienkich czarnych kresek na osobnej warstwie wykonujemy operacj Zaznaczenie z kanału alfa, po czym wykonujemy skrypt tworzcy cie zaznaczenia. W ten sposób kreski zostan wzbogacone o cie. Ostatni etap pracy to dwukolorowy napis "NotH". Napis ten tworzymy nastpujco. Dodajemy czarny napis "NotH" na osobnej warstwie. Zaznaczamy cały napis stosujc opcj Zaznaczenie z kanału alfa. Wykorzystujc prowadnice, zaznaczenie prostoktne oraz klawisz Ctrl usuwamy górn połow zaznaczenia. Dodajemy now warstw, po czym wypełniamy na niej selekcj (pokrywajca w tym momencie doln cz napisu "NotH") kolorem białym. Powinnymy otrzyma napis dwukolorowy. Cie napisu "NotH" dodajmy zaznaczajc cały napis (ponownie selekcja z kanału alfa dla warstwy z czarnym napisem "NotH") i uruchamiajc skrypt Rzucany cie wiczenie koczymy dodajc napis "gajdaw" w lewej czci strony. 15
16 Rys. 8. Strona programu "NotH". 16
17 wiczenie 9 Przygotuj witryn sklepu "Animal" widoczn na rysunku 9. wiczenie to prezentuje wykorzystanie wspomnianej we wstpie metody zapisywania zaznacze w kanałach. Głównym elementem strony jest ółto-czerwone tło. Ponadto strona składa si z napisów tytułowych "Animal" oraz "sklep zoologiczny". Napisy te s nieco obrócone. W dolnej czci strony zostały umieszczone napisy "gady", "ptaki", itd. Tło strony wykonamy wykorzystujc kanały. Wykonujemy zaznaczenie widoczne na rysunku 9.b. Zaznaczenie to jest duym okrgiem, którego rodek ley daleko poza praw krawdzi obrazu. Wykonane zaznaczenie odwracamy (Zaznaczenie Odwró), a nastpnie na nowej warstwie wypełniamy kolorem czerwonym. Powinnimy otrzyma obraz widoczny na rysunku 9.b. Biece zaznaczenie zapisujemy wykonujc operacj Zaznaczenie Zapisz do kanału. Przechodzimy do łuku widocznego na rysunku 9.c. Wykonujemy zaznaczenie eliptyczne o kształcie koła, którego rodek ley daleko poniej dolnej krawdzi obrazu. Nastpnie zaznaczenie odwracamy i zapisujemy do kanału (Zaznaczenie Zapisz do kanału). Teraz dodajemy now warstw i wypełniamy j kolorem czerwonym. Górny ółty naronik namalujemy wykonujc cz wspólna dwóch zapamitanych zaznacze. Przechodzimy do okna kanałów: Warstwy Warstwy, kanały i cieki, zakładka Kanały (skrót: Ctrl+L). Wybieramy jedn z zapamitanych selekcji i naciskamy przycisk Tworzy zaznaczenie z kanału dostpny w dolnej czci okna dialogowego. Powinnimy otrzyma pierwsz selekcj. Nastpnie przechodzimy na drug selekcj i przytrzymujc klawisze Ctrl oraz Shift (w stosunku do selekcji klawisze te tworz cz wspóln) ponownie naciskamy guzik Tworzy zaznaczenie z kanału. Otrzymane zaznaczenie powinno odpowiada górnemu, lewemu naronikowi. Dodajemy now warstw i wypełniamy zaznaczenie kolorem ółtym. Dolny ółty fragment strony to odwrócona suma dwóch pierwszych zaznacze przedstawionych na rysunkach 9.b oraz 9.c. Zatem usuwamy zaznaczenie (Ctrl+Shift+A) i przechodzimy do okna kanałów (Ctrl+L). Uzyskujemy zaznaczenie z pierwszego z zapamitanych kanałów, po czym przechodzimy do drugiego kanału i przytrzymujc klawisz Shift, który powoduje sumowanie zaznacze, naciskamy przycisk Tworzy zaznaczenie z kanału. Po odwróceniu, otrzymane zaznaczenie powinno pokrywa dolny ółty fragment strony. Dodajmy now warstw i wypełniamy zaznaczenie kolorem ółtym. Powinnimy otrzyma cztery warstwy, które przedstawiaj tło widoczne na rysunku 9.d. Obrócone napisy "Animal" oraz "sklep zoologiczny" wykonujemy stosujc narzdzie tekstowe i umieszczajc napisy na osobnych warstwach. Do obracania warstwy słuy narzdzie Obracanie, skalowanie, cinanie, perspektywa. 17
18 Rys. 9. Witryna sklepu "Animal". 18
19 wiczenie 10 Przygotuj stron WWW powicon literaturze przedstawion na rysunku 10. Strona ta składa si z nastpujcych elementów: tło przedstawiajce obrócony tekst opowiadania "Zew krwi", brzowe tło rozjanione w miejscach przeznaczonych na opcje i blednce ku dołowi, brzowe kreski oddzielajce nagłówek strony, lewe oraz prawe menu, napisy. Wykonanie wiczenia rozpoczynamy od tła strony. Otwieramy plik tekstowy z opowiadaniem "Zew krwi" dowolnym edytorem (np. programem notatnik). Zwikszamy okno edytora na cały ekran, a nastpnie kopiujemy wygld okna do schowka naciskajc klawisze Alt- PrintScreen. Zawarto okna została skopiowana do schowka. Teraz w programie GIMP wykonujemy operacj wklejania ze schowka: Edycja Wklej ze schowka. Poniewa wklejony obraz zawiera oprócz tekstu powieci równie ramk okna i menu główne, zatem zaznaczamy fragment obrazu zawierajcy wyłcznie tekst utworu, kopiujemy i wklejamy do przygotowywanej witryny. Wklejony obraz umieszczamy na osobnej warstwie. Nastpnie warstw nieco obracamy i zmniejszamy jej nieprzepuszczalno. W ten sposób otrzymalimy tło witryny zawierajce tekst opowiadania. Przystpujemy do dodania brzowej powiaty znikajcej ku dołowi. Wykorzystujc odpowiednio rozmieszczone prowadnice tworzymy zaznaczenie przedstawione na rysunku 10.b. Zaznaczenie to składa si z trzech prostoktów. Po otrzymaniu zaznaczenia bdcego sum trzech prostoktów wygładzamy zaznaczenie (Zaznaczenie Wygład), po czym je odwracamy. Teraz zaznaczony obszar wypełniamy gradientem zmieniajcym si od brzowego do białego. Nastpnie wykorzystujc prowadnice i cieki dodajemy do rysunku brzowe kreski. wiczenie koczymy umieszczajc napisy "Literatura", "Autorzy", "Utwory", "Proza" oraz "Poezja" wykonane skryptami z menu Loga. 19
20 Rys. 10. Serwis powicony literaturze. wiczenie 11 Przygotuj witryn "TIK-TAK" przedstawion na rysunku 11. Witryna "TIK-TAK" składa si dwóch zielonych łuków, napisu "TIK-TAK" oraz czterech fotografii. Najtrudniejszym elementem s dwa zielone łuki. Łuk dolny wykonamy zaznaczajc koło o duym promieniu i o rodku lecym duo poniej dolnej krawdzi obrazu. Współrzdna X rodka zaznaczenia wypada w połowie szerokoci obrazu. Po otrzymaniu zaznaczenia wypełniamy je na osobnej warstwie kolorem zielonym. 20
21 Górny łuk otrzymamy kopiujc łuk dolny i odpowiednio przekształcajc. Zduplikujmy warstw zawierajc dolny łuk, a nastpnie odbijmy j pionowo (Narzdzia Przekształcenia Odbij; naley przytrzyma klawisz Ctrl). Jeli teraz przesuniemy otrzyman warstw do góry i umiecimy na rodku strony wówczas otrzymamy obraz przedstawiony na rysunku 11.b i składajcy si z trzech warstw: białego tła, dolnego łuku i górnego łuku. Stosujc narzdzie tekstowe dodajemy do rysunku napis "TIK-TAK". Ostatni etap pracy stanowi dodanie czterech kwadratowych fotografii. Dla kadej fotografii z osobna wykonujemy nastpujc procedur: otwieramy zdjcie, skalujemy obraz (Obraz Skaluj obraz) tak, by interesujcy nas fragment fotografii miecił si w kwadracie 150x150 pikseli, wykorzystujc narzdzie Kadrowanie i zmiana rozmiaru zmieniamy rozmiar obrazu na 148x148 pikseli, dodajemy jednopikselow ramk do obrazu (Script-Fu Dekoracje Dodaj krawd); dodanie ramki jednopiselowej zwikszy rozmiar obrazu do wymiarów 150x150px, spłaszczamy obraz, usuwamy kolory: Obraz Kolory Desaturacja, zmieniamy balans kolorów Obraz Kolory Balans kolorów, kopiujemy obraz i wklejamy do przygotowywanej strony. Po wklejeniu czterech jednobarwnych obrazów o rozmiarach 150x150 pikseli pozostało jedynie dodanie prowadnic i odpowiednie rozmieszczenie wklejonych zdj. 21
22 Rys. 11. Witryna "TIK-TAK". wiczenie 12 Przygotuj witryn "Nadlenictwo" przedstawion na rysunku 12. Witryna nadlenictwo składa si z tła, napisu "Nadlenictwo" i kwadratów znajdujcych si z lewej strony, z trzech pionowych fotografii drzew, napisów "Zasoby", "Ludzie", "Lasy" znajdujcych si na tle wypełnionym gradientem oraz białego kwadratu przeznaczonego na tre strony. Tło strony stanowi zdjcie o bladozielonych kolorach. Na warstwie tło umieszczamy fotografi, nastpnie dodajemy warstw, któr wypełniamy kolorem zielonym. Warstwa 22
23 zielona przysłania warstw ze zdjciem. Zmniejszajc nieprzezroczysto warstwy zielonej osigniemy efekt widoczny na tle strony "Nadlenictwo". Teraz wklejamy trzy wycite fotografie drzew o wymiarach 100x300 pikseli. Za pomoc narzdzia tekstowego pod fotografiami umieszczamy napisy. Tło kadego z napisów stanowi prostokt wypełniony gradientem. Zaznaczamy prostokt o odpowiednim kształcie, dodajemy now przezroczyst warstw i wypełniamy j gradientem. Tak otrzymane tło przesuwamy pod warstw z napisem. Ostatni element witryny to biały kwadrat o rozmytym brzegu. Zaznaczamy selekcj kwadratow, rozmywamy jej brzeg, po czym na nowej warstwie wlewamy w ni kolor biały. Rys. 12. Strona "Nadlenictwo". Podsumowanie Dzisiejsza seria wicze łczy operacje na warstwach, selekcjach i ciekach. Płynne wykonywanie zada takich jak kopiowanie i wklejanie fragmentów, precyzyjne pozycjonowanie warstw, selekcji i cieek za pomoc prowadnic, skalowanie rysunków do danych rozmiarów w taki sposób, by wymagany fragment ilustracji był w całoci umieszczony na przeskalowanym obrazie stanowi abecadło pracy projektanta strony WWW. 23
Tworzenie 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ółowoGIMP: tworzenie grafiki na potrzeby WWW (cz 4)
GIMP: tworzenie grafiki na potrzeby WWW (cz 4) Włodzimierz Gajda Wraz z selekcjami oraz ciekami warstwy współtworz elazny repertuar moliwoci oferowanych przez współczesne programy do przetwarzania grafik
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ół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ółowoGIMP: tworzenie grafiki na potrzeby WWW (cz 1)
GIMP: tworzenie grafiki na potrzeby WWW (cz 1) Włodzimierz Gajda Program GIMP jest bezpłatnym narzdziem oferujcym bogate moliwoci obróbki grafiki komputerowej. Z powodu rónic interfejsu programu w stosunku
Bardziej szczegółowoGIMP: tworzenie grafiki na potrzeby WWW (cz 2)
GIMP: tworzenie grafiki na potrzeby WWW (cz 2) Włodzimierz Gajda Drugie spotkanie z GIMPem powicimy selekcjom, linijkom i prowadnicom. Linijki i prowadnice pomagaj w precyzyjnym umiejscowieniu elementów
Bardziej szczegółowoSpis treści. http://www.gajdaw.pl/gimp/szablon-witryny-magazyn-internet/print.html. Włodzimierz Gajda
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
Bardziej szczegółowoEfekt 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ół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ół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ół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ół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ół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ół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ółowoGIMP: tworzenie grafiki na potrzeby WWW (cz 3)
GIMP: tworzenie grafiki na potrzeby WWW (cz 3) Włodzimierz Gajda W kolejnym spotkaniu z programem GIMP przyjrzymy si ciekom. Wykorzystanie cieek daje autorowi moliwo wygodnego modyfikowania kształtu rysowanych
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ół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ół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ół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ółowoGrafika Inżynierska (komputerowa) Grafika rastrowa Program GIMP
Grafika Inżynierska (komputerowa) Grafika rastrowa Program GIMP Zadanie 1. Celem dwiczenia jest utworzenie kolażu pewnego rodzaju reklamy. Do dyspozycji mamy następujące pliki: 1. Rysunek techniczny koła
Bardziej szczegółowoPOLITECHNIKA KRAKOWSKA im.t.kociuszki. Instytut Informatyki Stosowanej, WM Zakład Systemów Multimedialnych i Informacyjnych.
POLITECHNIKA KRAKOWSKA im.t.kociuszki Instytut Informatyki Stosowanej, WM Zakład Systemów Multimedialnych i Informacyjnych Gimp - efekty Technologie informacyjne LABORATORIUM 2 x 45min LAB 04 Program GIMP
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ół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ół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ół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ółowoĆwiczenia I 2011r. zajęcia stacjonarne Przygotowanie grafiki statycznej i animowanej w programie GIMP
Projekt zaliczeniowy z ćwiczeń do przedmiotu Podstawy technik cyfrowego przetwarzania informacji obejmuje utworzenie strony internetowej na temat Moje hobby lub Ulubione zakątki w miejscu zamieszkania
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ółowoZastosowanie programu Microsoft Excel do analizy wyników nauczania
Grayna Napieralska Zastosowanie programu Microsoft Excel do analizy wyników nauczania Koniecznym i bardzo wanym elementem pracy dydaktycznej nauczyciela jest badanie wyników nauczania. Prawidłow analiz
Bardziej szczegółowoPokażę 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ół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ół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ół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ół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ółowoGraż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ółowoInkscape. Narzędzia informatyki
Inkscape Narzędzia informatyki Inkscape Narzędzie do tworzenia grafiki wektorowej kompatybilnej z formatem SVG Rozwijane od 2003 r. Dostępne dla Windows, Mac OS X i Linux a Dostępne na licencji GNU www.inkscape.org
Bardziej szczegółowoAnimacje 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ół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ółowoZadania do wykonaj przed przyst!pieniem do pracy:
wiczenie 3 Tworzenie bazy danych Biblioteka tworzenie kwerend, formularzy Cel wiczenia: Zapoznanie si ze sposobami konstruowania formularzy operujcych na danych z tabel oraz metodami tworzenia kwerend
Bardziej szczegółowonetster instrukcja obsługi
Spis treści netster instrukcja obsługi Informacje wstępne...2 Logowanie do systemu...2 Widok po zalogowaniu...2 Menu systemu...3 Zarządzanie treścią...3 Treść...5 Przenieś...6 Dodaj podstronę...6 Newsy...7
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ółowoSpis treści. strona 1 z 10
Spis treści 1. Zaawansowane techniki obróbki fotografii...2 1.1. Odbicia na samochodzie...2 1.2. Mokra nawierzchnia...4 1.3. Odbicie od powierzchni wody...5 1.4. Koloryzacja fotografii...7 1.5. Phantasy...8
Bardziej szczegółowoMaskowanie 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ół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ół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ółowoINSTRUKCJA ĆWICZENIOWA NR 4
INSTRUKCJA ĆWICZENIOWA NR 4 GIMP: Tworzenie tekstu Cel ćwiczenia Celem ćwiczenia jest nabycie umiejętności tworzenia i edytowania tekstu w programie Gimp. Wiadomości teoretyczne W programie Gimp wprowadzanie
Bardziej szczegółowoTworzenie stempla W poniższym poradniku zostanie zaprezentowany ciekawy sposób na stworzenie
Tworzenie stempla W poniższym poradniku zostanie zaprezentowany ciekawy sposób na stworzenie średniowiecznej woskowej pieczęci. Na samym początku przy pomocy [Ctrl + N] tworzymy nowy dokument o wymiarach
Bardziej szczegółowoAgnieszka 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ół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ół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ół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ół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ół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ół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ółowoAdobe InDesign lab.1 Jacek Wiślicki, Paweł Kośla. Spis treści: 1 Podstawy pracy z aplikacją Układ strony... 2.
Spis treści: 1 Podstawy pracy z aplikacją... 2 1.1 Układ strony... 2 strona 1 z 7 1 Podstawy pracy z aplikacją InDesign jest następcą starzejącego się PageMakera. Pod wieloma względami jest do niego bardzo
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ół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ół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ół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ółowoWesoła szkoła i przyjaciele, kl. 2 Plan wynikowy zaj komputerowych
Wesoła szkoła i przyjaciele, kl. 2 Plan wynikowy zaj komputerowych Numer zaj 1. 2. 3. 4. Temat zaj Zakres materiału Osignicia ucznia Znowu razem Bdmy bezpieczni! Bdmy uwani! Ogród pełen barw i smaków Sprztamy
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ółowoInformatyka Arkusz kalkulacyjny Excel 2010 dla WINDOWS cz. 1
Wyższa Szkoła Ekologii i Zarządzania Informatyka Arkusz kalkulacyjny Excel 2010 dla WINDOWS cz. 1 Slajd 1 Excel Slajd 2 Ogólne informacje Arkusz kalkulacyjny podstawowe narzędzie pracy menadżera Arkusz
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ółowoInformatyka Edytor tekstów Word 2010 dla WINDOWS cz.3
Wyższa Szkoła Ekologii i Zarządzania Informatyka Edytor tekstów Word 2010 dla WINDOWS cz.3 Slajd 1 Slajd 2 Numerowanie i punktowanie Automatyczne ponumerowanie lub wypunktowanie zaznaczonych akapitów w
Bardziej szczegółowoInformatyka Arkusz kalkulacyjny Excel 2010 dla WINDOWS cz. 1
Wyższa Szkoła Ekologii i Zarządzania Informatyka Arkusz kalkulacyjny 2010 dla WINDOWS cz. 1 Slajd 1 Slajd 2 Ogólne informacje Arkusz kalkulacyjny podstawowe narzędzie pracy menadżera Arkusz kalkulacyjny
Bardziej szczegółowo1. Opis okna podstawowego programu TPrezenter.
OPIS PROGRAMU TPREZENTER. Program TPrezenter przeznaczony jest do pełnej graficznej prezentacji danych bieżących lub archiwalnych dla systemów serii AL154. Umożliwia wygodną i dokładną analizę na monitorze
Bardziej szczegółowoInformatyka Edytor tekstów Word 2010 dla WINDOWS cz.3
Wyższa Szkoła Ekologii i Zarządzania Informatyka Edytor tekstów Word 2010 dla WINDOWS cz.3 Slajd 1 Slajd 2 Numerowanie i punktowanie Automatyczne ponumerowanie lub wypunktowanie zaznaczonych akapitów w
Bardziej szczegółowoJak przygotować pokaz album w Logomocji
Logomocja zawiera szereg ułatwień pozwalających na dość proste przygotowanie albumu multimedialnego. Najpierw należy zgromadzić potrzebne materiały, najlepiej w jednym folderze. Ustalamy wygląd strony
Bardziej szczegółowoTematy lekcji informatyki klasa 4a styczeń 2013
Tematy lekcji informatyki klasa 4a styczeń 2013 temat 7. z podręcznika (str. 70-72); sztuczki 4. i 5. (str. 78); Narysuj ikony narzędzi do zaznaczania i opisz je. 19 Zaznaczamy fragment rysunku i przenosimy
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ółowoPrezentacja multimedialna MS PowerPoint 2010 (podstawy)
Prezentacja multimedialna MS PowerPoint 2010 (podstawy) Cz. 1. Tworzenie slajdów MS PowerPoint 2010 to najnowsza wersja popularnego programu do tworzenia prezentacji multimedialnych. Wygląd programu 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ółowoDodawanie 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ółowoAdam Dudek, Systemy Multimedialne 2015
Adam Dudek, Systemy Multimedialne 2015 Logo GIMPA sympatyczna maskotka o imieniu WILBER. 1 3 4 2 5 1. Narzędzia główne zestaw przycisków z symbolami używany do wybierania narzędzi 2. Opcje narzędzi zawartość
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ółowoPROGRAM KÓŁKA MŁODY TECHNIK prowadzący Mariusz Domaradzki CZAS REALIZACJI: KAŻDY PONIEDZIAŁEK GODZ 13.15- SALA 19 I.
PROGRAM KÓŁKA MŁODY TECHNIK prowadzący Mariusz Domaradzki CZAS REALIZACJI: KAŻDY PONIEDZIAŁEK GODZ 13.15- SALA 19 I. CELE EDUKACYJNE Cele ogólne programu: -rozbudzanie zainteresowań uczniów rozwojem grafiki
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ółowoPoradnik korzystania z serwisu UNET: Dostp do poczty elektronicznej ze strony WWW
Poradnik korzystania z serwisu UNET: Dostp do poczty elektronicznej ze strony WWW W przypadku braku stosownego oprogramowania słucego do komunikacji z systemem pocztowym UNET uytkownik ma moliwo skorzystania
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ół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ółowoGrafika komputerowa ZS Sieniawa Andrzej Pokrywka. Ścieżki cz. 2. Rysunki z kreskówek. Autor: Joshua Koudys
Ścieżki cz. 2 Rysunki z kreskówek 1. Zaczynamy od stworzenia nowego obrazka na białym tle, o wymiarach np. 500x500 px. 2. Tworzymy nową warstwę o nazwie linie pomocnicze. 3. Tworzymy Eliptyczne zaznaczenie
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ółowoEdytor tekstu OpenOffice Writer Podstawy
Edytor tekstu OpenOffice Writer Podstawy OpenOffice to darmowy zaawansowany pakiet biurowy, w skład którego wchodzą następujące programy: edytor tekstu Writer, arkusz kalkulacyjny Calc, program do tworzenia
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ół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ół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ółowoINSTRUKCJA UŻYTKOWNIKA. Spis treści. I. Wprowadzenie... 2. II. Tworzenie nowej karty pracy... 3. a. Obiekty... 4. b. Nauka pisania...
INSTRUKCJA UŻYTKOWNIKA Spis treści I. Wprowadzenie... 2 II. Tworzenie nowej karty pracy... 3 a. Obiekty... 4 b. Nauka pisania... 5 c. Piktogramy komunikacyjne... 5 d. Warstwy... 5 e. Zapis... 6 III. Galeria...
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ółowoĆwiczenie 1 Automatyczna animacja ruchu
Automatyczna animacja ruchu Celem ćwiczenia jest poznanie procesu tworzenia automatycznej animacji ruchu, która jest podstawą większości projektów we Flashu. Ze względu na swoją wszechstronność omawiana
Bardziej szczegółowoRozwiązanie ćwiczenia 8a
Rozwiązanie ćwiczenia 8a Aby utworzyć spis ilustracji: 1. Ustaw kursor za tekstem na ostatniej stronie dokumentu Polska_broszura.doc i kliknij przycisk Podział strony na karcie Wstawianie w grupie Strony
Bardziej szczegółowoTworzenie infografik za pomocą narzędzia Canva
Tworzenie infografik za pomocą narzędzia Canva Spis treści Wstęp... 1 Układy... 3 Zmiana tekstu... 4 Obrazki... 5 Elementy... 6 Zdjęcia - Gratis... 6 Siatki... 8 Ramki... 10 Kształty... 12 Linie... 12
Bardziej szczegółowoCYKL ZAJ POZNAJEMY POWER POINT
CYKL ZAJ POZNAJEMY POWER POINT TEMAT: Pracujemy w programie Power Point. Czas (4 x 45 minut ) ZAKRES TRECI PROGRAMOWYCH: Bezpieczestwo, higiena i reguły pracy przy komputerze Sposoby porozumiewania si
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ółowoPrzed rozpoczęciem pracy otwórz nowy plik (Ctrl +N) wykorzystując szablon acadiso.dwt
Przed rozpoczęciem pracy otwórz nowy plik (Ctrl +N) wykorzystując szablon acadiso.dwt Zadanie: Utwórz szablon rysunkowy składający się z: - warstw - tabelki rysunkowej w postaci bloku (według wzoru poniżej)
Bardziej szczegółowoRYSUNEK TECHNICZNY I GEOMETRIA WYKREŚLNA INSTRUKCJA DOM Z DRABINĄ I KOMINEM W 2D
Politechnika Białostocka Wydział Budownictwa i Inżynierii Środowiska Zakład Informacji Przestrzennej Inżynieria Środowiska INSTRUKCJA KOMPUTEROWA z Rysunku technicznego i geometrii wykreślnej RYSUNEK TECHNICZNY
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ółowoPadlet wirtualna tablica lub papier w Internecie
Padlet wirtualna tablica lub papier w Internecie Umiejętność gromadzenia, a potem przetwarzania, wykorzystania i zastosowania informacji w celu rozwiązania jakiegoś problemu, jest uważana za jedną z kluczowych,
Bardziej szczegółowo1. Umieść kursor w miejscu, w którym ma być wprowadzony ozdobny napis. 2. Na karcie Wstawianie w grupie Tekst kliknij przycisk WordArt.
Grafika w dokumencie Wprowadzanie ozdobnych napisów WordArt Do tworzenia efektownych, ozdobnych napisów służy obiekt WordArt. Aby wstawić do dokumentu obiekt WordArt: 1. Umieść kursor w miejscu, w którym
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ółowoWłącza i wyłącza automatyczny hinting. Pozwala na określenie czy chcemy, aby hinting był stosowany również do większych czcionek.
Napisy Warstwy tekstowe Aby umieścić tekst w obrazie wybieramy narzędzie Tekst, a następnie klikamy w miejscu na obrazie, w którym chcemy go umieścić. Nad warstwą aktywną, utworzy się warstwa tekstowa.
Bardziej szczegółowoAdobe InDesign lab. 3 Jacek Wiślicki,
Spis treści 1. Zaawansowane techniki pracy...2 1.1. Tekst z wypełnieniem...2 1.2. Stosowanie przeźroczystości i oblewania tekstem...5 strona 1 z 8 1. Zaawansowane techniki pracy 1 W poprzednich instrukcjach
Bardziej szczegółowo