[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