Polskie Forum Użytkowników GIMP-a

Tutoriale => Efekty tekstowe => Wątek zaczęty przez: be@ on 29.07.2013, 05:31:11



Tytuł: Dwukolorowy napis z obwódką - dla początkujących
Wiadomość wysłana przez: be@ on 29.07.2013, 05:31:11
Dwukolorowy napis z obwódką - dla początkujących
Tutorial

Opracowanie: bea
Poziom trudności: bardzo łatwy

(http://www.gimpuj.info/gallery/92/48452_29_07_13_12_14_33_2.png)




Poniższy tutorial opisuje proste efekty, o które dość często pytają początkujący użytkownicy.

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



[lp] Zaczynamy

[lp] 1. Tworzymy nowy obraz: Plik -> Nowy, o takich wymiarach aby zmieścić napis. U mnie będzie to 500 x 200 px.

(http://www.gimpuj.info/gallery/92/48452_29_07_13_12_20_37.png)

Jeśli zamierzacie dodać napis do jakiegoś zdjęcia, to zamiast tworzyć nowy obraz, otwieracie rzeczone zdjęcie - wystarczy przeciągnąć je na okno programu.


[lp] 2. Wybieramy narzędzie tekstowe <tekst>, ustawiamy sobie wielkość, rodzaj oraz kolor czcionki, klikamy w obraz i wpisujemy nasz tekst. Ponieważ będzie miał on jeszcze obramowanie, to warto w opcjach narzędzia zwiększyć odstępy pomiędzy literami.

(http://www.gimpuj.info/gallery/92/48452_29_07_13_12_13_39_0.png)


[lp] 3. W oknie warstw blokujemy przezroczystość warstwy tekstowej klikając w kwadratową ikonkę szachownicy. Powinna pojawić się wokół niej obwódka.

(http://www.gimpuj.info/gallery/92/48452_29_07_13_4_56_01_1.png)

Jeśli nie widzicie tego okienka, to trzeba je otworzyć: Okna -> Dokowalne okna dialogowe -> Warstwy


[lp] 4. Zaznaczeniem prostokątnym <zaznaczenie-prostokatne> zaznaczamy dolną połowę napisu

(http://www.gimpuj.info/gallery/92/48452_29_07_13_12_13_39_1.png)

i wypełniamy wybranym kolorem (innym niż kolor napisu) za pomocą kubełka <wypelnienie>.
W opcjach narzędzia wypełnienie zaznaczamy:
Uwzględniany obszar:
Całe zaznaczenie

(http://www.gimpuj.info/gallery/92/48452_29_07_13_12_13_39_2.png)

Zamiast używać kubełka, można także przeciągnąć wybrany kolor bezpośrednio z przybornika i upuścić w zaznaczonym obszarze.

[lp] 5. W oknie warstw klikamy PPM na warstwę tekstową i wybieramy z menu: Kanał alfa na zaznaczenie. Powiększamy zaznaczenie o tyle pikseli ile ma wynosić grubość naszej obwódki: Zaznaczenie -> Powiększ. Ja wybrałam 3 px.

(http://www.gimpuj.info/gallery/92/48452_29_07_13_12_13_39_3.png)

(http://www.gimpuj.info/gallery/92/48452_29_07_13_12_13_39_4.png)


[lp] 6. Dodajemy nową, przezroczystą warstwę poniżej warstwy z napisem (kliknij w warstwę Tło w oknie warstw aby ją podświetlić i wybierz z górnego menu: Warstwa -> Nowa warstwa) i wypełniamy na niej zaznaczenie wybranym kolorem. Po wypełnieniu można wyłączyć zaznaczenie: Zaznaczenie -> Brak.

(http://www.gimpuj.info/gallery/92/48452_29_07_13_12_14_32_0.png)


[lp] 7. Na potrzeby tutorialu utworzyłam obraz z białym tłem aby wszystko było wyraźnie widoczne na zrzutach. Jeśli chcecie mieć napis na przezroczystym tle, możecie usunąć warstwę Tło. Można także od razu utworzyć obraz z przezroczystym tłem lub dodać napis do dowolnego innego tła, np. zdjęcia.
Uwaga:
 Napis z przezroczystym tłem wymaga zapisu w formacie obsługującym przezroczystość, np. PNG (najlepsza jakość) lub GIF (słaba jakość, postrzępione krawędzie ale mała waga pliku).  Format JPG nie obsługuje przezroczystości.

[lp] 8. Gdyby na koniec okazało się, że tła jest zbyt wiele, wystarczy użyć narzędzia kadrowanie <kadrowanie>. Zaznaczamy wybrany obszar i klikamy ENTER. Jeśli nie chcemy, aby tło w ogóle wystawało poza napis, to lepiej zamiast kadrowania połączyć wszystkie warstwy i użyć opcji: Obraz -> Automatycznie przytnij obraz.

(http://www.gimpuj.info/gallery/92/48452_29_07_13_12_14_33_1.png)

Przycięty napis na przezroczystym tle (tutaj użyłam innych kolorów i czcionki):

(http://www.gimpuj.info/gallery/92/48452_29_07_13_4_57_29_4.png)


[lp] 9. Zapisujemy nasz obraz w wybranym formacie, np. PNG. W GIMP 2.8 używamy opcji Plik -> Wyeksportuj. Opcje: Zapisz oraz Zapisz jako służą do zapisywania w formacie XCF (z zachowaniem warstw, zaznaczenia itd.).


[lp] Koniec



Dodatkowa uwaga odnośnie blokowania przezroczystości:
Opcja ta pozwala nie tylko na wypełnienie kolorem zaznaczonego fragmentu tekstu. Można również, bez użycia zaznaczenia, wypełnić cały tekst gradientem <gradient> lub deseniem albo pomazać go za pomocą pędzla <pedzel> bez naruszania przezroczystego tła. Dotyczy to nie tylko warstwy tekstowej ale dowolnego obiektu na przezroczystym tle.

Mam nadzieję, że powyższy poradnik jest wystarczająco przejrzysty i zrozumiały nawet dla najbardziej początkujących. W razie ew. pytań proszę pisać w odpowiedziach do wątku. Postaram się objaśnić wszelkie wątpliwości.
Pozdrawiam wszystkich zaczynających przygodę z GIMP-em i życzę szybkich postępów w poznawaniu możliwości programu :)


Tytuł: Odp: Dwukolorowy napis z obwódką - dla początkujących
Wiadomość wysłana przez: nediamnori on 18.08.2013, 13:55:51
Bardzo mi się podoba proste a za razem ładne pozwoliłem sobie zrobić poradnik wideo mam nadziej że się nie obazisz jak chcesz dodam twój nick w opisie :P
https://www.youtube.com/watch?v=U6ATwbM4Gtc


Tytuł: Odp: Dwukolorowy napis z obwódką - dla początkujących
Wiadomość wysłana przez: Hasia on 18.08.2013, 14:51:55
No ja nie wiem, czy to takie w porządku wobec be@, ale nie wiem co ona na to.
A podanie w opisie oryginalnego autora tego poradnika powinno być podstawą, jak również link do oryginału.


Tytuł: Odp: Dwukolorowy napis z obwódką - dla początkujących
Wiadomość wysłana przez: nediamnori on 18.08.2013, 17:12:47
W opisie jest link do tego poradnika a na początku jest info że link do poradnika jest w opisie. Nie kręciłem tego poradnika żeby ukraść komuś pomysł tylko po to aby ktoś kto chce mógł sobie zobaczyć jak to zrobić na filmie.


Tytuł: Odp: Dwukolorowy napis z obwódką - dla początkujących
Wiadomość wysłana przez: Hasia on 18.08.2013, 17:20:10
Nie wątpię w Twoje intencje, ale nie rób ze mnie głupiej. Obejrzałam wcześniej Twój filmik i w opisie nie było najmniejszej wzmianki o oryginalnym autorze i nie było też linku do tutka. W każdym bądź razie teraz jest tak jak powinno być od razu. A poradnik i tak jest bei, więc ona ma tu więcej do powiedzenia niż ja.


Tytuł: Odp: Dwukolorowy napis z obwódką - dla początkujących
Wiadomość wysłana przez: Mister123450 on 28.02.2014, 19:15:36
A o to mój tekst :)

(http://www.gimpuj.info/gallery/94/81937_28_02_14_7_12_36.png)


Tytuł: Odp: Dwukolorowy napis z obwódką - dla początkujących
Wiadomość wysłana przez: Zofik on 24.05.2014, 20:00:24
Uważam że dla początkujących przydatne.  <wilber>


(http://imgur.com/if1nZ1o)


Tytuł: Odp: Dwukolorowy napis z obwódką - dla początkujących
Wiadomość wysłana przez: weronika020830 on 07.06.2015, 15:00:41
Bardzo przydatne i dobrze opisane. Dzięki


Tytuł: Odp: dwukolorowy napis
Wiadomość wysłana przez: kicio on 16.12.2022, 12:51:48
Tak wyszło:

https://ibb.co/5FD4M3Y


Tytuł: Odp: Dwukolorowy napis z obwódką - dla początkujących
Wiadomość wysłana przez: mk1976 on 30.05.2023, 19:20:11
A mnie nie wychodzi. Stary jestem :-) , ale bede walczył


Tytuł: Odp: Dwukolorowy napis z obwódką - dla początkujących
Wiadomość wysłana przez: be@ on 31.05.2023, 13:05:37
A mnie nie wychodzi.
Trzeba uważnie czytać każdy punkt po kolei, a jak coś jest niejasne, to nie zgadywać po swojemu, tylko zapytać tutaj, a ja chętnie wytłumaczę ;)