Polskie Forum Użytkowników GIMP-a

Tutoriale => Inkscape => Wątek zaczęty przez: kumalg on 15.10.2009, 16:02:00



Tytuł: Szklany napis
Wiadomość wysłana przez: kumalg on 15.10.2009, 16:02:00
(http://www.gimpuj.info/gallery/24805_16_10_09_6_18_53.png)

Oryginał: How to make 3D Text & Lettering (http://www.kendraschaefer.com/2009/03/inkscape-tutorial-how-to-make-3d-text-lettering/#anchor)
Opracowanie: Kendra Schaefer
Tłumaczenie: kumalg
Poziom trudności: średni

(http://www.gimpuj.info/gallery/24805_03_10_09_3_43_46.png)




W tym poradniku nauczycie się robić ładne, szklane litery w Inkscape. Tutorial nie jest trudny i zachęcam do jego przerobienia.

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



[lp] Zaczynamy

[lp] 1. Za pomocą narzędzia Tekst [F8] napisz słowo, które będziesz obrabiał. Najlepiej jakby czcionka była pogrubiona i bez zaokrągleń, ponieważ tak będzie łatwiej i efektywniej. W moim przypadku jest to czcionka Arial Black.

(http://www.gimpuj.info/gallery/24805_15_10_09_4_15_58.png)


[lp] 2. Teraz użyj opcji Edycja węzłów [F2], potem z górnego panelu wybierz (http://www.gimpuj.info/gallery/24805_15_10_09_3_54_41.png). Masz pełną kontrolę nad literą. Kiedy już to zrobisz, zmień kolor litery. U mnie jest to #009cefff.

(http://www.gimpuj.info/gallery/24805_15_10_09_4_18_18.png)


[lp] 3. Teraz wejdź w Efekty -> Wygeneruj ze ścieżki -> Wyciągnij... i poustawiaj opcje tak jak poniżej. Mowa o Kącie, bo Wielkość u każdego może być inna, ponieważ nie każdy ma litery tej samej wielkości.

(http://www.gimpuj.info/gallery/24805_15_10_09_5_21_39.png)


[lp] 4. Mając włączoną opcję Edycja węzłów, klikamy dwukrotnie LPM na jeden kawałek naszej litery. U mnie będzie to jej dolny kawałek. Teraz zmieniamy kolor na ciemniejszy. Zmienisz go w dolnym panelu z kolorami lub wchodząc w opcję (http://www.gimpuj.info/gallery/24805_15_10_09_5_36_45.png) i w zakładce Wypełnienie przyciemnić kolor.

(http://www.gimpuj.info/gallery/24805_15_10_09_5_39_55.png)


Będąc nadal w zakładce Wypełnienie ustaw Gradient liniowy.

(http://www.gimpuj.info/gallery/24805_15_10_09_5_45_17.png)


Teraz wejdź w opcję Edytuj, wejdź w kolor drugoplanowy i ustaw jaśniejszy kolor.

(http://www.gimpuj.info/gallery/24805_15_10_09_5_50_51.png)


Podobnie zrób ze wszystkimi innymi elementami litery.

(http://www.gimpuj.info/gallery/24805_15_10_09_5_56_32.png)


[op] UWAGA: Mogą występować błędy tego typu:

(http://www.gimpuj.info/gallery/24805_15_10_09_5_59_24.png)



W takiej sytuacji zaznacz element, który jest zasłonięty i z górnego paska użyj (http://www.gimpuj.info/gallery/24805_15_10_09_6_01_32.png), aby naprawić ten błąd.

[lp] 5. Teraz litera wygląda trochę dziwnie. Musimy pozmieniać kierunki gradientów. W takim razie znowu zaznaczamy jakiś element tak jak w punkcie powyżej i zmieniamy kierunki gradientów.

(http://www.gimpuj.info/gallery/24805_15_10_09_6_06_44.png)


Tu efekt po skończeniu. Największy element trochę rozjaśniłem, aby wyglądało to lepiej.

(http://www.gimpuj.info/gallery/24805_15_10_09_6_10_39.png)


[lp] 6. Teraz zaznacz największy główny element, wejdź w (http://www.gimpuj.info/gallery/24805_15_10_09_5_36_45.png), następnie w Edycja, wejdź na kolor drugoplanowy i zmień przezroczystość na około 190.

(http://www.gimpuj.info/gallery/24805_15_10_09_6_18_30.png)


[lp] 7. Dochodzimy do końca. Teraz za pomocą Pióra narysuj taki kształt:

(http://www.gimpuj.info/gallery/24805_15_10_09_6_22_15.png)


Wejdź w (http://www.gimpuj.info/gallery/24805_15_10_09_5_36_45.png). W zakładce Wypełnienie ustaw kolor biały, a w zakładce Kontur ustaw na nic. Teraz duplikuj największy kształt litery. Przytrzymując [Shift] kliknij na białą figurę, tak aby była zaznaczona ona i główny kawałek litery. Następnie wejdź w Obiekt -> Przytnij -> Ustaw. Teraz zmniejsz krycie na około 20%. Tak samo narysuj drugą podobną figurę.

(http://www.gimpuj.info/gallery/24805_15_10_09_6_31_43.png)


[lp] Koniec



Mam nadzieję, że nie mieliście problemów ze zrobieniem tutka. ;)

Miłego INKSCAPE'owania. :)




Tytuł: Odp: Szklany napis
Wiadomość wysłana przez: Przemek178 on 28.11.2009, 15:34:11
nie wiem jak do was dotrzeć więc lepiej pokażę obrazek kumalg-a
(http://www.gimpuj.info/gallery/30301_28_11_09_3_29_58.jpg)
elementu zaznaczonego na czerwono na moich obrazach NIE MA
takich elementów jest kilka
jeszcze raz powtarzam że robiłem dokładnie to co pisze w tutku


Tytuł: Odp: Szklany napis
Wiadomość wysłana przez: kumalg on 28.11.2009, 21:08:05
A użyłeś opcji Edycja węzłów [F2]??


Tytuł: Odp: Szklany napis
Wiadomość wysłana przez: zenwalker on 24.12.2009, 15:39:35
w nowej wersji inkscape 0.47-3 nie ma  >Efekty -> Wygeneruj ze ścieżki -> Wyciągnij.  ???

i co tu zrobić ? :-[


Tytuł: Odp: Szklany napis
Wiadomość wysłana przez: Enterprise on 24.12.2009, 16:13:31
Zobacz to wydaje się podobne na oko :

Efekty -> Wygeneruj ze ścieżki -> Ruch


Tytuł: Odp: Szklany napis
Wiadomość wysłana przez: Silterss on 24.12.2009, 16:19:08
Zobacz to wydaje się podobne na oko :

Efekty -> Wygeneruj ze ścieżki -> Ruch

Podobne? To właśnie jest dawniejsze "wyciągnij".


Tytuł: Szklany napis - problem
Wiadomość wysłana przez: czona on 01.01.2010, 16:00:29
Mam problem z wykonaniem kroku 3. Chodzi o to że tutaj wyciągnięcie jest tak jakby w górę i w lewo, u mnie idzie przeciwnie - w dół i w prawo. Co daje zły efekt. Z góry dziękuję za pomoc.


Tytuł: Odp: Szklany napis
Wiadomość wysłana przez: SilentSpamer on 02.01.2010, 16:34:48
nie wiem jak do was dotrzeć więc lepiej pokażę obrazek kumalg-a
(http://www.gimpuj.info/gallery/30301_28_11_09_3_29_58.jpg)
elementu zaznaczonego na czerwono na moich obrazach NIE MA
takich elementów jest kilka
jeszcze raz powtarzam że robiłem dokładnie to co pisze w tutku

Uh, mam wrazenie, ze to wina czcionki, ale... Ja mialem ten sam problem (w "podstawie" liter). Przed "wyciagnij" (w moim przypadku "Ruch") zaznaczylem dane odcinki i zamienilem je na proste (mimo, ze one "krzywe" to nie byly).
Problem zniknal.


Jeśli poziom trudności to średni, to na pewno jeśli włączyłeś inkscape 2 godz. temu to go nie zrobisz.

eee, taaam :)
To moja pierwsza praca w tym programie:
http://i49.tinypic.com/2r4pkpz.png (bez tagow, poniewaz... dosc spore rozmiary).
Dodam, ze przygode z grafika zaczynam dopiero od wczoraj, wiec nie mam doswiadczen z innymi programami.
Co do mojej pracy: pewnie za bardzo wyciagnalem literki i nieodpowiednie wybralem kolory (odcienie?) gradientu, wiec to wyglada jak wyglada (nienajlepiej).

btw. to moj pierwszy post na forum, a nie znalazlem w regulaminie informacji dotyczacej uzywania polskich znakow, wiec nie wiem, czy moge je sobie odpuscic (pewnie byloby ciezko sie przestawic).


Tytuł: Odp: Szklany napis
Wiadomość wysłana przez: bogatka1 on 05.02.2010, 19:08:41
Dobry tutorial, dzięki.
Mam problem ze zrozumieniem, jak dodaje się drugi kolor do gradientu?
Bo w moich próbach zmienia się kolor pierwszy, a drugi pozostaje przezroczysty.
Tak krok po kroku, co trzeba robić w Modyfikacji gradientu, bardzo proszę.  :'(
Jeśli uda mi się z tym łączeniem kolorów w gradientach, to zamieszczę następną swoją próbę.  :-[
 ;) Na razie tyle:

(http://s6.tinypic.com/1zefpjo.jpg) (http://s6.tinypic.com/t0rxhu.jpg)

To mój drugi post na tym forum, pozdrawiam.

P.S. Tak przy okazji, w podglądzie zobaczyłam, że razi to białe tło, więc jak uzyskać przezroczystość tła do tych liter?


Tytuł: Odp: Szklany napis
Wiadomość wysłana przez: tofatodi on 05.02.2010, 20:57:03
@UP: jeśli eksportujesz do bitmapy to eksportuj do .png, a nawet jeśli to nie masz żadnego białego tła pod literą? Prostokąta czy coś?


Tytuł: Odp: Szklany napis
Wiadomość wysłana przez: bogatka1 on 06.02.2010, 13:14:37
Nadal nie wiem, gdzie wchodzi się w kolor drugoplanowy gradientu w Inkscape.
W oknie Modyfikacja gradientu to powinno być?
klikam na inny kolor z paska palety na dole, zmienia się kolor pierwszoplanowy, a drugoplanowy jest nadal przezroczysty, a powinien być ten drugi wybrany kolor  :'(  >:(

Testuję, jak ta szklana przezroczystość zachowuje się przy zaokrąglonych krawędziach obiektu:
(http://s6.tinypic.com/2qd4d8k.jpg)


Tytuł: Odp: Szklany napis
Wiadomość wysłana przez: bogatka1 on 06.02.2010, 16:25:00
Już wiem, jak robi się gradient wielokolorowy, trzeba kliknąć Stop..... do edycji, a następnie suwakami HSL ustawiać, a najważniejsze, to kanał alfa A ustawić pomiędzy 0 a 255, tak około 180.
Przy okazji nowa praca:

(http://i45.tinypic.com/hvavs7.jpg)

Jeszcze raz dziękuję za przydatny tutorial  ^^


Tytuł: Odp: Szklany napis
Wiadomość wysłana przez: dague on 27.03.2010, 19:25:42
Też chciałabym się pochwalić moim dziełem, a jest to moja pierwsza praca w Inkscape. Może z dwa razy coś pokręciłam i musiałam nieco cofnąć, ale po około godzince w końcu się udało ^^
(http://www.gimpuj.info/gallery/17886_27_03_10_7_19_36.png) (http://www.gimpuj.info/)


Tytuł: Odp: Szklany napis
Wiadomość wysłana przez: adell on 21.04.2010, 15:13:06
Hmm a czy jest mozliwosc ustawienia gradientu dwukolorowego a nie kolor na przezroczysty? Napewno jest, ale jak? Pozdrawiam :)


Tytuł: Odp: Szklany napis
Wiadomość wysłana przez: mmiicc on 21.04.2010, 22:04:05
Jeśli znasz angielski, to tu jest to obszernie opisane: http://www.kendraschaefer.com/2009/06/inkscape-tutorial-color-and-gradients-for-absolute-beginners/2/


Tytuł: Odp: Szklany napis
Wiadomość wysłana przez: Avatar2011 on 08.01.2012, 19:45:21
Inkscape jest darmowy?


Tytuł: Odp: Szklany napis
Wiadomość wysłana przez: Sooly on 08.01.2012, 19:53:52
Nie, ale mogę Ci sprzedać specjalną wersję dla studentów za 50 zł, pisz na pw w razie czego.

A tak serio to Inkscape, tak jak GIMP jest programem na licencji GNU, jakbyś zajrzał do działu "Download" to zobaczyłbyś, że możesz go za darmo ściągnąć. Poza tym nawet na kochanej Wikipedii mógłbyś co nieco o nim przeczytać...


Tytuł: Odp: Szklany napis
Wiadomość wysłana przez: Raz on 05.02.2016, 08:17:25
Witam,
funkcja "ruch" nie działa mi na zakrzywionych krawędziach. Jest tak cały czas. Co może być przyczyną? Mam wersje 0.91.

(http://www.gimpuj.info/gallery/97/60405_05_02_16_8_16_22.jpg) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=97129)


EDIT:
W przypadku litery A, nie moge zaznaczyc spodka. Moje A jest dziurawe XD Jak zaznaczam tylną ścianę to i ją modyfikuję. Jak zaznaczam spodek, to modyfikuję tył.
(http://www.gimpuj.info/gallery/97/60405_05_02_16_9_10_02.jpg) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=97130)

Coś bardzo źle robię? Czy Inkscape miewa humory?


Tytuł: Odp: Szklany napis
Wiadomość wysłana przez: be@ on 05.02.2016, 09:59:38
Też mam wersję 0.91 i u mnie taki problem nie występuje. Może zapodaj tutaj SVG?


Tytuł: Odp: Szklany napis
Wiadomość wysłana przez: Raz on 05.02.2016, 10:08:47
Dziękuję za szybką odpowiedź. Plik w załączniku.


Tytuł: Odp: Szklany napis
Wiadomość wysłana przez: be@ on 05.02.2016, 10:23:09
Hmm, dziwna sprawa. Niby z tą Twoją literą "t" wydaje się być wszystko w porządku, ale u mnie też efekt jest taki sam jak u Ciebie, chociaż wcześniej sprawdzałam na literach "C" oraz "O" i problemu nie było...
Natomiast kiedy wpiszę sobie sama literę "t" i zamienię ją w ścieżkę, to wszystko działa jak powinno. Tylko ta Twoja jakaś zepsuta. Jedyne co mi wygląda w niej podejrzanie, to duża ilość węzłów na tej krzywiźnie, ale czasami efekt zamiany tekstu w ścieżkę tak właśnie wygląda, zależy od kształtu litery.
http://inkscape-tutorial.pl/forum/ostatnie.html - może tutaj ktoś będzie w stanie wyjaśnić to zjawisko.