Tworzenie napisu i obrysu.

Wielkość: px

Rozpocząć pokaz od strony:

Download "Tworzenie napisu i obrysu."

Milena Amelia Zając
7 lat temu
Przeglądów:

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.

1 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: 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:

Stwórz nową warstwę u umieść ją pod warstwą z tekstem: Kliknij prawym przyciskiem na warstwę z

2 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":

3 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.

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

5 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:

6 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:

7 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:

8 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).

9 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.

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

Teraz stworzymy połysk, który jest nieodłączną częścią kaŝdego UserBara (bardzo rzadko zdarzają się wyjątki od tej reguły).

11 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".

12 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: POLECAM

Podobne dokumenty

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

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