Tworzenie napisu i obrysu.

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

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

Grafika komputerowa ZS Sieniawa Andrzej Pokrywka. Ścieżki cz. 2. Rysunki z kreskówek. Autor: Joshua Koudys

Metaliczny button z deseniem.

Fotografia cyfrowa obsługa programu GIMP

Studia podyplomowe dla nauczycieli w zakresie nauczania informatyki i technologii informacyjnej

Gimp - poznaj jego możliwości!

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

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

GIMP. Odręczne zaznaczanie obszarów (F) - Narzędzie to słuŝy do swobodnego definiowania zaznaczeń.

Ćwiczenia GIMP. S t r o n a Uruchom program gimp: 2. I program się uruchomił:

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

Tworzenie grafiki na potrzeby WWW

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

Projekt witryny pt. Oko

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

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.

Grafika Komputerowa. Zajęcia X

Efekt rollover ze wskaźnikiem wybranej opcji

Woda na powierzchniach. Rafał Chylaszek & Tomasz Krok 5 czerwiec 2009

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

Systemy multimedialne 2015

Spis treści. Włodzimierz Gajda

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

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

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

Tworzenie stempla W poniższym poradniku zostanie zaprezentowany ciekawy sposób na stworzenie

Jak uzyskać efekt 3D na zdjęciach z wykorzystaniem programu InkScape

Odbicie na szkłach okularów

Grafika Inżynierska (komputerowa) Grafika rastrowa Program GIMP

.: Zaznaczanie, kopiowanie i wklejanie w GIMPie :.

GIMP Grafika rastrowa (Ćwiczenia cz. 2)

Projekt współfinansowany ze środków Unii Europejskiej w ramach Europejskiego Funduszu Społecznego

Przedstawione przykłady możesz potraktować jako ćwiczenia doskonalące umiejętność wykorzystywania warstw.

PROJEKT WIZYTÓWKI WIZYTÓWKA A

Konfiguracja szablonu i wystawienie pierwszej aukcji allegro

Instrukcja obsługi programu Creative Fotos

Obsługa programu GIMP poziom podstawowy

Utworzyliśmy właśnie fragment elementów, które będą imitować fotomanipulację kobietycyborga. W taki sposób prezentuje się nasz efekt:

Ćwiczenia 7 Obsługa programu GIMP

Tworzenie nowego dokumentu. Ćwiczenie

Tworzenie logo. Omówione zagadnienia

Ćwiczenie nr 2. Najbardziej przydatnymi narzędziami do retuszu są: stempel - kopiuje fragmenty obrazu z wybranego obszaru w inne miejsca obrazka,

Obsługa programu GIMP poziom zaawansowany

Informatyka Arkusz kalkulacyjny Excel 2010 dla WINDOWS cz. 1

NARZĘDZIA DO ZAZNACZANIA

Przetwarzanie grafiki rastrowej na wektorową

Przed rozpoczęciem pracy otwórz nowy plik (Ctrl +N) wykorzystując szablon acadiso.dwt

Kopiowanie, przenoszenie plików i folderów

Wstawianie nowej strony


Maskowanie i selekcja

Tworzenie menu i authoring w programie DVDStyler

"Fotomontaż- proste i szybkie efekty"

Ćwiczenia I 2011r. zajęcia stacjonarne Przygotowanie grafiki statycznej i animowanej w programie GIMP

CorelDraw - wbudowane obiekty wektorowe - prostokąty Rysowanie prostokątów

Informatyka Arkusz kalkulacyjny Excel 2010 dla WINDOWS cz. 1

WSTĘP; NARZĘDZIA DO RYSOWANIA

ZAZNACZENIA. Zaznaczenia (inaczej maski) służą do zaznaczania obszarów rysunku.

Kurs Adobe Photoshop Elements 11

DOKUMENTY I GRAFIKI. Zarządzanie zawartością Tworzenie folderu Dodawanie dokumentu / grafiki Wersje plików... 7

CalendarGenerator v0.1 - instrukcja obsługi

Zaznaczanie komórek. Zaznaczenie pojedynczej komórki polega na kliknięciu na niej LPM

Obsługa programu Paint. mgr Katarzyna Paliwoda

Jak tworzyć pliki *.pdf z dowolnego programu (np. Word, Exel, PowerPoint itp.).

Doskonalimy Rysowanie Kartka Bożonarodzeniowa

Grafika komputerowa. Zajęcia IX

GIMP fotografia kolorowa i czarno-biała

Podstawy Photoshopa - warstwy, zaznaczanie, zmiana kolorystyki obrazka, szybkie operacje, szparowanie

osiągnąd z zakładki zaznaczenie wybieramy powiększ obszar zaznaczenia

TECHNIKI MULTIMEDIALNE LABORATORIUM GIMP: Projektowanie tła

z :14

Co nowego w GIMP-ie v 2.4 cz.iv

30/01/2008. Instrukcja obsługi RoofCon Viewer

kolorami komplementarnymi.

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

Narzędzia programu Paint

Ćwiczenie 2 Warstwy i kształty podstawowe

Aby pobrać program FotoSender naleŝy na stronę lub i kliknąć na link Program do wysyłki zdjęć Internetem.

z :15

Obsługa programu Paint materiały szkoleniowe

Laboratorium z Grafiki InŜynierskiej CAD. Rozpoczęcie pracy z AutoCAD-em. Uruchomienie programu

INSTRUKCJA ĆWICZENIOWA NR 2 GIMP: Narzędzia selekcji

Tworzenie infografik za pomocą narzędzia Canva

Adam Dudek, Systemy Multimedialne 2015

Rób to najmniejszym rozmiarem stempla, powiększ obraz w trakcie tej korekty.

Fotografia cyfrowa obsługa programu GIMP. Cz. 15. Retusz twarzy i postaci. Jak skorygowad defekty i wygładzid twarz?

Jak przygotować pokaz album w Logomocji

Obsługa komputera. Paweł Kruk

Program MS PowerPoint umożliwia tworzenie prezentacji z wykorzystaniem trzech podstawowych sposobów:

Ćwiczenie 6 Animacja trójwymiarowa

Wstęp. Co przed przystąpieniem do pracy wiedzieć powinieneś?

Ćwiczenie dodatkowe - Wybrane narzędzia modelowania Zadanie Przygotować model stołu z krzesłami jak na rysunku poniżej(rys. 1).

PORADNIK PRZEMALOWANIA MODELI cz.2

Ćwiczenie 1 Wyznaczanie prawidłowej orientacji zdjęcia słonecznej fotosfery, wykonanego teleskopem TAD Gloria.

Inkscape. Narzędzia informatyki

Tworzenie prezentacji w MS PowerPoint

W niniejszym samouczku przedstawiono sposób tworzenia logo dla wymyślonej kawiarni. Tak będzie wyglądać ostateczny efekt pracy:

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

Obszar pierwszy to pasek narzędzi (rys. 1) zawierający skróty do najczęściej uŝywanych funkcji. Rys. 1 Pasek Narzędzi

Transkrypt:

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 Po zapisaniu jej na dysku kopiujemy plik do katalogu C:/Windows/Fonts Uruchamiamy program GIMP, tworzymy nowy obraz, wybieramy narzędzie tekstowe(t) i ustawiamy je następująco: Wypełnijmy obraz jakimś kolorem (najlepiej jasnym, ale sam zadecyduj), na którym będzie dobrze widoczny zarówno kolor biały, jak i czarny. Proponuję #00AEFF. Wybieramy kolor biały i piszemy coś na obrazie. Okno warstw powinno przedstawiać się następująco:

Oczywiście w miejscu "marrek13" będzie widniał wpisany przez Ciebie tekst. Teraz zajmiemy się stworzeniem obrysu, czyli czarnej ramki wokół napisu. Stwórz nową warstwę u umieść ją pod warstwą z tekstem: Kliknij prawym przyciskiem na warstwę z tekstem i wybierz "Kanał alfa na zaznaczenie". Zaznacz ponownie stworzoną właśnie warstwę i przejdź do okna obrazu. Z menu wybierz "Zaznaczenie -> Powiększ":

Wybieramy teraz kolor czarny, oraz narzędzie Wypełnienie kubełkiem(shift + B). Jego opcję ustawiamy następująco: Wypełniamy zaznaczenie i... koniec. Napis jest gotowy. PS: wielkość czcionki jak i jej rodzaj moŝesz dowolnie dobierać wg potrzeb.

Tworzenie i uŝywanie patternów. Tworzymy nowy obraz o wymiarach 3x3 lub proporcjonalnie większy. Tworzymy nową, przezroczystą warstwę. Usuwamy warstwę tła.

Wybieramy narzędzie Ołówek (N) i ustawiamy następująco: Przechodzimy do okna obrazu. Powiększenie ustawiamy na 800% i rysujemy taki kształt:

Z menu górnego wybieramy "Script-Fu->Zaznaczenie->Do desenia": Wpisujemy nazwę dla patternu, np. "3x3", "3 na ukos" itd. Potwierdzamy stworzenie. Przechodzimy do narzędzia "Wypełnienie kubełkiem (Shift+B)". Jako "Typ wypełnienia" zaznaczamy "Deseń" i z listy wybieramy stworzony właśnie pattern. MoŜemy wypełnić nim obrazek Wycinanie rendera. Pierwszym krokiem jest zdobycie dobrego rendera. Najlepiej jeśli kolory tła i kontur rendera mają kontrast. Pierwszy przykład przedstawię na podstawie rendera, którego juŝ wcześniej wykorzystałem do stworzenia userbara:

Po zapisaniu na dysk, ładujemy obrazek do gimpa. Przechodzimy do okna z warstwami. Zaznaczamy "Tło" i naciskamy "Utworzenie dupliaktu warstwy", pod listą warstw. Usuwamy warstwę "Tło", tak aby została tylko kopia. Wybieramy narzędzie "Zaznaczanie sąsiadujących obszarów (Z)". Ustawiamy próg na 15 i "Zaokrąglaj krawędzie" na 5. Przechodzimy do okna obrazu, i zaznaczamy białe tło naciskając w pustych miejscach, przytrzymując klawisz Shift (łączenie zaznaczenia), tak aby uzyskać efekt:

Z menu wybieramy "Edycja->Wyczyść (Ctrl + K)", a następnie "Zaznaczenie->Brak (Ctrl+Shift+A)". W efekcie otrzymujemy ładnie wycięte logo z zaokrąglonymi krawędziami. Tworzenie UserBara. Tworzymy nowy obraz o wymiarach 350x19. Są to standardowe wymiary kaŝdego UserBara (nie licząc wersji mini - 150x19).

Wypełniamy tło gradientem o kolorach #be231e i #f13c38 w taki sposób: Wypełniamy naszego UserBara patternem wg. drugiej części tutoriala. Wycinamy render, przedstawiony w 3 części tutoriala i wklejamy do naszego UserBara.

Naciskamy przycisk Nowa Warstwa, pod listą warstw. Teraz z menu wybieramy kolejno: Warstwa->Skaluj warstwę... Ustawiamy następujące wartości:

Przesuwamy render tak aby znalazł się w miejscu takim jak poniŝej. Oczywiście robimy to narzędziem "Przesuwanie warstw i zaznaczeń (M)". Praca powinna się przedstawiać podobnie jak ta: Następnym krokiem jest stworzenie napisu wg 1 części tutoriala. Teraz stworzymy połysk, który jest nieodłączną częścią kaŝdego UserBara (bardzo rzadko zdarzają się wyjątki od tej reguły). Wybieramy narzędzie "Zaznaczanie obszarów eliptycznych (E)" i tworzymy zaznaczenie podobne do tego poniŝej: Tworzymy nową warstwę, nie rezygnując z zaznaczenia i wypełniamy je białym kolorem. Krycie nowej warstwy ustawiamy na 20. Widok warstw powinien wyglądać tak:

Natomiast praca tak: Teraz stworzymy ramkę. Aby tego dokonać musimy wykonać następujące kroki: 1. Wybieramy z menu "Zaznaczenie -> Wszystko (Ctrl + A)". 2. Wybieramy "Zaznaczenie -> Zmniejsz... -> 1px". 3. Odwracamy zaznaczenie wybierając "Zaznaczenie -> Odwróć (Ctrl + I)". 4. Tworzymy nową warstwę. 5. Wypełniamy zaznaczenie czarnym kolorem. Po tym zabiegu, nasz UserBar jest gotowy Oczywiście praca ta jest wykonana tylko na potrzeby tego tutoriala i nie naleŝy robić UserBarów schematycznie. NaleŜy pamiętać tylko o kilku zasadach. KaŜdy UserBar powinien mieć: 1. Wymiary 350x19 lub 150x19 2. Ramkę 1px, zazwyczaj czarną, lecz nie koniecznie. 3. Połysk, standardowo barwy białej, ale takŝe nie ma sprzeciwu przeciw innym kolorom. Wszystko zaleŝy od konkretnej pracy. 4. Napis wykonany czcionką Visitor BRK TT2 o wielkości 13px. POWODZENIA Więcej na: www.gimpuj.info POLECAM