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