[kumalg]

Oryginał: How to make 3D Text & Lettering
Opracowanie: Kendra Schaefer
Tłumaczenie: kumalg
Poziom trudności: średni

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


Zaczynamy

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.

2. Teraz użyj opcji Edycja węzłów [F2], potem z górnego panelu wybierz . Masz pełną kontrolę nad literą. Kiedy już to zrobisz, zmień kolor litery. U mnie jest to #009cefff.

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.

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ę i w zakładce Wypełnienie przyciemnić kolor.

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

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

Podobnie zrób ze wszystkimi innymi elementami litery.

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

W takiej sytuacji zaznacz element, który jest zasłonięty i z górnego paska użyj , aby naprawić ten błąd.

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.

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

6. Teraz zaznacz największy główny element, wejdź w , następnie w Edycja, wejdź na kolor drugoplanowy i zmień przezroczystość na około 190.

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

Wejdź w . 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ę.

Koniec


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

Miłego INKSCAPE'owania.

[Przemek178]

nie wiem jak do was dotrzeć więc lepiej pokażę obrazek kumalg-a

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

[kumalg]

A użyłeś opcji Edycja węzłów [F2]??

[zenwalker]

w nowej wersji inkscape 0.47-3 nie ma  >Efekty -> Wygeneruj ze ścieżki -> Wyciągnij. 

i co tu zrobić ?

[Enterprise]

Zobacz to wydaje się podobne na oko :

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

[Silterss]

Zobacz to wydaje się podobne na oko :

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

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

[czona]

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.

[SilentSpamer]

nie wiem jak do was dotrzeć więc lepiej pokażę obrazek kumalg-a

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

[bogatka1]

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:



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?

[tofatodi]

@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ś?

[bogatka1]

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:

[bogatka1]

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:



Jeszcze raz dziękuję za przydatny tutorial 

[dague]

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

[adell]

Hmm a czy jest mozliwosc ustawienia gradientu dwukolorowego a nie kolor na przezroczysty? Napewno jest, ale jak? Pozdrawiam

[mmiicc]

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/

[Avatar2011]

Inkscape jest darmowy?

[Sooly]

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

[Raz]

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.




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


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

[be@]

Też mam wersję 0.91 i u mnie taki problem nie występuje. Może zapodaj tutaj SVG?

[Raz]

Dziękuję za szybką odpowiedź. Plik w załączniku.

[be@]

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.