Polskie Forum Użytkowników GIMP-a

Tutoriale => Inkscape => Wątek zaczęty przez: Ravicious on 08.02.2008, 23:05:09



Tytuł: Szklany napis 2
Wiadomość wysłana przez: Ravicious on 08.02.2008, 23:05:09
Szklany napis 2
Tutorial

Opracowanie: rav
Poziom trudności: średni

(http://www.gimpuj.info/gallery/1039_09_02_08_1_42_06_1.png) (http://www.gimpuj.info/)




Dzisiaj natknąłem się na bardzo ciekawy efekt szkła. Wykonanie takiego napisu zajmuje mniej niż pięć minut. Tutorial napisany na podstawie Clouds Uhh (http://noclayto.deviantart.com/art/Clouds-Uhh-31751187) autorstwa noclayto (http://noclayto.deviantart.com/). Stosować można go również na innych obiektach.

Tutorial napisany w wersji Inkscape 0.45. W innych wersjach nazwy narzędzi i pojęć mogą się różnić.



[lp] Zaczynamy

[lp] 1. Tworzymy nowy obraz o dowolnych wymiarach i tworzymy na nim napis [F8]. Ja użyłem czcionki Tahoma o wielkości 22 pikseli. Pozostaje nam do wyboru kolor czcionki, bardzo ładne kolory można znaleźć w palecie kolorów Tango Icon Theme Palette. W tym tutorialu użyję koloru 204a87ff.

(http://www.gimpuj.info/gallery/1039_09_02_08_1_40_06_0.png) (http://www.gimpuj.info/)


[lp] 2. Przechodzimy do okna Wypełnienie i kontur [Shift + Ctrl + F]. W zakładce Kontur upewniamy się, że kontur jest wyłączony. Jako wypełnienie tekstu (nie konturu) wybieramy Gradient liniowy, gdzie punktem początkowym będzie wybrany przez nas kolor, a końcowym kolor biały, bez przezroczystości.

(http://www.gimpuj.info/gallery/1039_09_02_08_1_40_08_1.png) (http://www.gimpuj.info/)


[lp] 3. Ustawiamy gradient za pomocą narzędzia do tworzenia i modyfikowania gradientów [Ctrl + F1] pionowo tak, by dół tekstu był lekko białawy.

(http://www.gimpuj.info/gallery/1039_09_02_08_1_40_08_2.png) (http://www.gimpuj.info/)


[lp] 4. Duplikujemy tekst - [Ctrl + D]. Wybieramy narzędzie do tworzenia okręgów [F5] i tworzymy elipsę, która będzie zakrywała nasz napis mniej więcej od połowy w dół.

(http://www.gimpuj.info/gallery/1039_09_02_08_1_40_08_3.png) (http://www.gimpuj.info/)


[lp] 5. Zaznaczamy tekst i elipsę (da się to wykonać przytrzymując klawisz [Shift]). Stosujemy na nich różnicę ścieżki - Ścieżka -> Różnica [Ctrl + -]. Jako wypełnienie dla nowo powstałego obiektu wybieramy Gradient liniowy, którego początkowy punkt będzie biały, a końcowy również biały, ale z przezroczystością o wartości zero. Gradient ustawiamy tak, by obiekt był częściowo przezroczysty.

(http://www.gimpuj.info/gallery/1039_09_02_08_1_40_08_4.png) (http://www.gimpuj.info/)


[lp] 6. Ostatnim krokiem będzie nadanie tekstowi czarnego konturu. Jego rozmiar nie powinien przekraczać 1 px, ale to już jest zależne od wielkości czcionki. Można również ustawić Zaokrąglone Połączenie. I tak oto uzyskaliśmy całkiem niezły efekt.

(http://www.gimpuj.info/gallery/1039_09_02_08_1_42_06_0.png) (http://www.gimpuj.info/)


(http://www.gimpuj.info/gallery/1039_09_02_08_1_42_06_1.png) (http://www.gimpuj.info/)


[lp] Koniec



Jak już pisałem, ten efekt można również stosować na obiektach. Oto kilka przykładów:
(http://www.gimpuj.info/gallery/1039_09_02_08_1_42_06_2.png) (http://www.gimpuj.info/)


(http://www.gimpuj.info/gallery/1039_09_02_08_1_42_06_3.png) (http://www.gimpuj.info/)


(http://www.gimpuj.info/gallery/1039_09_02_08_1_42_06_4.png) (http://www.gimpuj.info/)




Tytuł: Odp: Szklany napis
Wiadomość wysłana przez: Koszt on 28.02.2009, 22:32:01
Mogłeś to łatwiej napisać... jestem początkujące, i mam problemy z wykonaniem 2 punktu


Tytuł: Odp: Szklany napis
Wiadomość wysłana przez: Ravicious on 01.03.2009, 10:51:17
Z czym dokładnie?


Tytuł: Odp: Szklany napis
Wiadomość wysłana przez: Koszt on 01.03.2009, 20:22:20
Z tym:

Jako wypełnienie tekstu (nie konturu) wybieramy Gradient liniowy, gdzie punktem początkowym będzie wybrany przez nas kolor, a końcowym kolor biały, bez przezroczystości.


Tytuł: Odp: Szklany napis
Wiadomość wysłana przez: Myron on 01.03.2009, 21:28:43
Wszystko jest bardzo czytelnie opisane, wiec najlepiej będzie jak zanim zaczniesz przerabiać tutoriale zapoznasz się z interfejsem Inkscape'a.
Polecam na początek obejrzenie tych filmów szkoleniowych: KLIKADEŁKO (http://filmiki.inf.sgsp.edu.pl/filmiki.php).

Odpowiadając na Twoje pytanie, to pierw zaznaczasz tekst za pomocą wskaźnika [F1], następnie z narzędziówki wybierasz gradient a u góry w opcjach narzędzia wybierasz gradient liniowy, po czym przeciągasz od góry do dołu tekstu. Klikasz w górny uchwyt gradientu i klikasz na wybranym kolorze z palety kolorów, z niższym uchwytem gradientu robisz podobnie, z tym że wybierasz kolor biały.


Tytuł: Odp: Szklany napis
Wiadomość wysłana przez: Harnasik on 06.07.2009, 23:53:13
Mamy problemy w punkcie 5. Po zrobieniu różnicy, wycina mi część z napisu i ze zrobieniem gradientu jest, oczywiście, potem problem.
Przestudiowałem filmiki (fajna sprawa - tylko trzeba sobie przerwy w nich robić jak ktoś nie jest obcykany) ale nie pomogło mi to przebrnąć.
Gdzie zrobiłem błąd, przy różnicowaniu czy przy gradiencie?

plik zrzutu z ekranu poniżej


Tytuł: Odp: Szklany napis
Wiadomość wysłana przez: ADii298 on 14.11.2009, 08:46:51
Hej mi tez nie wychodzilo z tą różnicą i troche pozmieniałem oto moja pierwsza praca w inkscape:
(http://www.gimpuj.info/replacement.png)


Tytuł: Odp: Szklany napis 2
Wiadomość wysłana przez: dYm on 26.01.2010, 17:55:12
Chłopie 2 pkt nieopisany ani nic :/ nierozumiem.


Tytuł: Odp: Szklany napis 2
Wiadomość wysłana przez: Myron on 26.01.2010, 20:58:16
Chłopie 2 pkt nieopisany ani nic :/ nierozumiem.

Punkt 2, podobnie jak i wszystkie pozostałe jest opisany doskonale, a dodatkowo zawiera zrzut ekranowy.
Po pierwsze, napisz z czym masz problem. Czym więcej informacji podasz, tym łatwiej będzie Ci udzielić pomocy. Samo pisanie "nie rozumiem" nic nikomu nie daje. Ja też twojego problemu nie rozumiem...


Tytuł: Odp: Szklany napis 2
Wiadomość wysłana przez: xy0urn3ux on 19.04.2010, 15:37:20
Moje dzieło :
(http://www.gimpuj.info/replacement.png) (http://img402.imageshack.us/i/napisc.png/)



Tytuł: Odp: Szklany napis 2
Wiadomość wysłana przez: mikedaddy on 23.06.2010, 07:52:50
2. WYPEŁNIENIE I KONTUR - w ogole tego nie mam.. nie mam takiej ramki aby sobie samemu ustawic koloru gradientu tylko gotowe wzorce ktore do konca mi nie odpowiadaja. Używam GIMP 2.6.8.     Ktos mi pomoze ?

PS. napis szklany wyszedl super :))


Tytuł: Odp: Szklany napis 2
Wiadomość wysłana przez: Terrqge on 23.06.2010, 08:20:28
To tutorial do programu Inkscape.


Tytuł: Odp: Szklany napis 2
Wiadomość wysłana przez: mikedaddy on 28.06.2010, 22:10:27
sory za glupie pytanie.. (zaznaczam ze jestem kompletnie zielony) napis wyszedl ekstra. wielkie dzieki. mam tylko problem. elipsa nie rysuje mi sie tak jak u Was jak na obrazku tylko w danym kolorze i nie przyciemnia tak jak tu koloru (ten łuk) a rozjaśnia. jak zrobić by elipsa przyciemniła swój łuk? nie tworząc oczywiscie koloru całej elipsy poza napisem? albo chociaz latwiej.. jak rozjasnić przezroczystosc (o koncowych pkt bialy-bialy) aby nie rozjasnialo za mocno.. sorry


Tytuł: Odp: Szklany napis 2
Wiadomość wysłana przez: mmiicc on 29.06.2010, 22:35:06
mikedaddy, napisz to jeszcze raz ze zwracaniem uwagi na znaki interpunkcyjne. Możesz dodać zrzut ekranu z Twoim efektem. Nic nie zrozumiałem.