Polskie Forum Użytkowników GIMP-a

Tutoriale => Ikony => Wątek zaczęty przez: noss on 01.10.2006, 15:17:28



Tytuł: Znaczek pocztowy
Wiadomość wysłana przez: noss on 01.10.2006, 15:17:28
Znaczek pocztowy
Tutorial

Opracowanie: noss, poprawa: be@
Poziom trudności: średni

(http://www.gimpuj.info/gallery/94/48452_03_06_14_6_44_17.png)



Oryginalny tutorial dla Photoshopa znajduje się na webowers.org (http://www.webovers.org/index.php?id=art&topic=82), jego autorem jest RAV rav@webovers.org
Przerobiłem go na język gimpowców za zgodą autora.

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



[lp] Zaczynamy

[lp] 1. Tworzymy nowy, biały obraz o wymiarach min. 300 x 200 px, ponieważ nasz znaczek będzie miał wymiary: 200 x 140 px.

[lp] 2. Tworzymy Zaznaczenie prostokątne <zaznaczenie-prostokatne> [R] o wymiarach: 200 x 140 px. W opcjach narzędzia zaznaczamy Zaokrąglanie rogów o promieniu 20.

(http://www.gimpuj.info/gallery/94/48452_03_06_14_5_41_27.png)


[lp] 3. Na nowej, przezroczystej warstwie powyżej Tła wypełniamy zaznaczenie kolorem czarnym używając narzędzia Wypełnienie <wypelnienie> [Shift+B] lub przeciągając kolor bezpośrednio z przybornika na zaznaczony obszar.

(http://www.gimpuj.info/gallery/94/48452_03_06_14_5_47_22.png)


[lp] 4. Zmieniamy zaznaczenie na ścieżkę: Zaznaczenie -> Przekształć na ścieżkę i wyłączamy je: Zaznaczenie -> Brak.

[lp] 5. Wybieramy z przybornika narzędzie Gumka <gumka> [Shift+E] i w opcjach narzędzia ustawiamy pędzel Hardness100, czyli zwykły, okrągły, twardy pędzel. Krycie pozostawiamy domyślnie na 100% i wyłączamy dynamikę wybierając: Dynamics Off. Rozmiar zmieniamy na 8. W okienku Pędzle zwiększamy odstępy do 165.

(http://www.gimpuj.info/gallery/94/48452_03_06_14_6_01_57.png)


[lp] 6. Wybieramy z menu: Edycja -> Rysuj wzdłuż ścieżki. W okienku, które się pojawi zaznaczamy: Rysuje za pomocą narzędzia rysowania i ustawiamy Gumkę. Emulowanie dynamiki pędzla zostawiamy odznaczone. Klikamy Rysuj.

(http://www.gimpuj.info/gallery/94/48452_03_06_14_6_11_44.png)


Jeśli nie będziecie zadowoleni z efektu, to zawsze można cofnąć operację i np. zmienić nieco rozmiar pędzla lub odstępy.

[lp] 7. Duplikujemy <duplikowanie-warstwy> [Shift+Ctrl+D] warstwę z czarnym wypełnieniem i na kopii stosujemy: Kolory -> Inwersja, co spowoduje zmianę koloru na biały.

(http://www.gimpuj.info/gallery/94/48452_03_06_14_6_21_00.png)


[lp] 8. Na oryginalnej warstwie (tej z czarnym wypełnieniem) stosujemy filtr: Rozmycie -> Rozmycie Gaussa o promieniu ok. 7 - 8 poziomo i pionowo.

(http://www.gimpuj.info/gallery/94/48452_03_06_14_6_25_45.png)


[lp] 9. Wybieramy z górnego menu: Zaznaczenie -> Ze ścieżki i zmniejszamy je o ok. 15 px: Zaznaczenie -> Zmniejsz.

(http://www.gimpuj.info/gallery/94/48452_03_06_14_6_30_01.png)


[lp] 10. Wybieramy: Zaznaczenie -> Zaokrąglenie, ustawiamy promień 20 i klikamy OK.

(http://www.gimpuj.info/gallery/94/48452_03_06_14_6_33_39.png)


[lp] 11. W oknie warstw klikamy na warstwę: kopia: Warstwa (tę z białym wypełnieniem) aby ją aktywować i wklejamy przygotowany wcześniej (przeskalowany do wymiarów znaczka), skopiowany obraz/zdjęcie używając opcji: Edycja -> Wklej do.

(http://www.gimpuj.info/gallery/94/48452_03_06_14_6_38_31.png)


Zakotwiczamy i znaczek gotowy:

(http://www.gimpuj.info/gallery/94/48452_03_06_14_6_40_03.png)


Jeśli chcemy mieć znaczek na przezroczystym tle aby wrzucić go później na jakieś inne tło czy dodać do dowolnego obrazka, np. kartki pocztowej, to wystarczy przed zapisem wyłączyć widoczność <widocznosc> warstwy Tło i eksportować obraz do formatu PNG lub ICO (jeśli ma to być ikona). Format JPG nie obsługuje przezroczystości.

[lp] Koniec



Można jeszcze dodać jakieś napisy, pieczątkę czy inne ozdobniki, nieco przekręcić znaczek aby mu nadać więcej realizmu. Takie znaczki mogą zostać wykorzystane np. do jakiejś galerii na stronie.

Zamieszczam samą ramkę znaczka w formacie PNG, którą można wykorzystać jako gotową ramkę.

(http://www.gimpuj.info/gallery/94/48452_03_06_14_6_45_33.png)





Tytuł: Odp: Znaczek
Wiadomość wysłana przez: ba®thez on 03.12.2006, 01:02:38
Ja użyłem troche innych parametrów przy 'dziurkowaniu' i wyszło mi coś takiego:

(http://www.gimpuj.info/replacement.png)

i jeszcze pieczątka mojej roboty :P


Tytuł: Odp: Znaczek
Wiadomość wysłana przez: heex307 on 16.12.2006, 20:08:32
Ja zrobiłem taki:
(http://images3.fotosik.pl/295/730a38d6aecdac18.png)

Nie wiem jak zrobić zaokrąglony
napis na pieczątce, pomozcie.


Tytuł: Odp: Znaczek
Wiadomość wysłana przez: Dzazder on 18.01.2007, 20:48:00
Moj znaczek  ;D
(http://images13.fotosik.pl/18/25946d45d77b617c.jpg) (http://www.dzazder.fotosik.pl)


Tytuł: Odp: Znaczek
Wiadomość wysłana przez: jadsadah on 15.10.2007, 23:15:50
Dziękuję za świetny tutorial.
Przede mną jeszcze daleka droga zanim stworze coś swojego, ale fantastycznie się bawię korzystając z Waszego doświadczenia.
Pozdrawiam

(http://barbara.eu.org/~jadsadah/grafiki/znaczek3.jpg)


Tytuł: Odp: Znaczek
Wiadomość wysłana przez: Pilej on 08.11.2007, 18:54:07
Moje dzielo ;D

(http://www.gimpuj.info/replacement.png)


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: KoronerKing on 29.01.2008, 17:03:51
Gdzie jest to zaznaczenie przezroczystości warstwy?


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: qmstars on 09.02.2008, 18:57:09
Tez nie wiem gdzie jest zaznaczenie przezroczystości warstwy. CZEKAM na szybką odpowiedź. Jak robicie takie fajne stęple:)?


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: noss on 09.02.2008, 19:35:58
Teraz ta opcja nazywa się "Blokowanie", a jest umieszczona w górnej części warstw.

(http://www.gimpuj.info/replacement.png)


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: jurasss on 14.02.2008, 18:50:20
A to mój znaczek :P ( i mój pierwszy post na tym forum :)  )


(http://www.gimpuj.info/replacement.png)


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: Pingwin2216 on 21.02.2008, 23:45:17
Nie wiem  jak zrobić ten prostokąt :( pomocy


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: Calii on 22.02.2008, 10:19:58
Punkt 2. wyraznie mówi co masz zrobić nie wiesz jakich arzędzi użyc?
 naciśnij R to skrót od znaczka  <zaznaczenie-prostokatne> w narzedziówce


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: NokiZ on 14.03.2008, 02:09:52
a Oto efekt mojej pracy :) (i tym samy moja pierwsza praca zamieszczona na forum :P) fajny tut :)


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: HooLs on 15.03.2008, 18:16:12
Mój znaczek:
(http://www.gimpuj.info/gallery/9554_15_03_08_5_15_41.jpg)


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: Graf on 10.05.2008, 18:37:40
Oto moja praca:
(http://www.gimpuj.info/gallery/6898_02_05_08_8_11_44.png) (http://www.gimpuj.info/)


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: yvonnek on 10.08.2008, 17:24:53
nie wiem jak wkleoc to zdjecie, prosze o pomoc, wszystko idzie do dobrze do momentu wklejenia zdjecia, nie mam pojecia jak to zrobic????


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: amator :-( on 04.10.2008, 09:06:40
Cytuj
4. Dodajemy kolejną nową warstwę. Przechodzimy do zakładki z pędzlami i wybieramy pędzel Circle (07), dla którego Odstęp ustawiamy na np. 120 (można po eksperymentować z ustawieniami od 100 - 200).

Gdzie ustawia się odstęp w najnowszym gimpie?


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: ba®thez on 04.10.2008, 09:52:31
Dokładnie w tym samym miejscu.


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: nancylady on 14.12.2008, 17:56:19
a jak zrobic ta pieczątke??


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: Sparrow on 14.12.2008, 19:07:19
a przeczytaj tutek ;/


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: Cicha on 23.12.2008, 21:41:21
(http://i40.tinypic.com/2ee90rs.png)
Jak coś robię, to z chomikiem ^^


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: michal_kk on 31.12.2008, 00:59:20
Mam problem z szóstym punktem. Robię wszystko tak jak trzeba (tak myślę): Kanał alfa na zaznaczenie na trzeciej warstwie i zaznaczam Blokowanie na tejże warstwie, mając na dwóch na pierwszej i na tle tą funkcję odznaczoną. Niestety po przyciśnięciu Edycja -> Wyczyśćnic się nie dzieje. Kółeczka się nie usuwają. Co mam zrobić? Pomoże ktoś??


Michał


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: Qba_ on 03.02.2009, 12:51:12
A mnie wyszło tak w połączeniu z pieczątką:
(http://www.gimpuj.info/replacement.png)


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: mat2009 on 09.02.2009, 20:54:10
Jaką czcionką najlepiej zrobić ten napis żeby ładnie wyglądało ???


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: Bio on 11.02.2009, 15:52:08
Strasznie ciężko i bardzo skrótowo wyjaśnione; od razu widać , że nie dla początkujących, chociażby dlatego, że pisząc, "robimy nową warstwę" warto byłoby dodać, że ma być przezroczysta.


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: noss on 11.02.2009, 21:26:55
Jaką czcionką najlepiej zrobić ten napis żeby ładnie wyglądało ???

Jakąkolwiek która Ci się podoba :P

Strasznie ciężko i bardzo skrótowo wyjaśnione; od razu widać , że nie dla początkujących, chociażby dlatego, że pisząc, "robimy nową warstwę" warto byłoby dodać, że ma być przezroczysta.

Cytuj
Poziom trudności: średni
>:D

GIMP domyślnie tworzy przeźroczyste warstwy, więc w czym problem?

Oczywiście tutorial można rozpisać i dołączyć łopatologiczny opis każdej zastosowanej opcji i funkcji, dla 6 letnich dzieci i to samo zrobić z innymi tutorialami. Tak aby po przerobieniu jakiegokolwiek tutorialu całego Gimpa się od razu nauczyć. Forum można by nazwać "Gimp dla Przedszkolaków", z dopiskiem, że na tym forum myślenie logiczne jest zbędne. :P


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: Jerzu on 11.02.2009, 23:23:13
Pomimo to ja zadam pytanie. Jestem w ostatnim punkcie, już mam znaczek na monitorze, ale po wyłączeniu zaznaczenia, znaczek ginie i jest tylko wklejony obrazek. Jak daję "Wklej do" to tworzy się szósta warstwa (oderwane zaznaczenie), a nie jak na obrazku, gdzie jest 5 warstw. Spłaszczenie też nic nie zmienia :(


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: noss on 11.02.2009, 23:55:49
Po pojawieniu się szóstej warstwy, kliknij w kotwicę aby ją zakotwiczyć, powinno być dobrze.


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: Jerzu on 12.02.2009, 00:03:05
Dzięki, ale to nic nie daje. Już nie wiem co dalej robić, mózg mi stanął. Zapiszę i jutro będę walczył. Musiałem gdzieś jakiś błąd popełnić, ale dziś już tego nie rozkumam. Może jutro z wypoczętą głową spróbuje.


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: Jerzu on 12.02.2009, 21:29:51
Wklejana fotografia była większa niż zaznaczenie. Jak widać na każdy szczegół trzeba zwracać uwagę


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: Kelo821 on 18.02.2009, 23:17:25
Bardzo fajny tutek  :D :D :D
A oto moja paca
(http://www.gimpuj.info/replacement.png)


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: MaciuSiowy on 25.02.2009, 20:42:14
HEHE tut przydatny
Oto moje wypociny Ech.
(http://iv.pl/images/w9tnxyt3w7uocesmql2a.png)


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: Kakaowa on 02.04.2009, 22:18:41
A to moje :)
http://www.gimpuj.info/replacement.png
Adres nieprawdziwy, ale miasto istnieje i ten kod pocztowy to losowe liczby :)


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: Puppets' Master on 04.04.2009, 21:51:08
Moja praca :D

(http://www.gimpuj.info/replacement.png) (http://img9.imageshack.us/my.php?image=znaczekt.png)


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: graftoni on 13.04.2009, 16:10:10
Dokładnie w tym samym miejscu.
Mam zainstalowaną wersje GIMP-a 2.4.6 i usiłuje znaleźć opcje Odstęp dla Pędzla .... niestety bezskutecznie. Uprzejmie proszę o pomoc....
Proszę o nie udzielanie mi aroganckiej odpowiedzi ... iż Forum nie jest od tego aby uczyć gimpa ( chodź jak dotąd nie mam wiedzy czemu ono służy). Gimpa uczę się sam, korzystając z wielu źródeł... także z Forum ... Wielu "oświeconych" użytkowników ujawnia te tajemnice pisząc tutoriale ("tutki"), szkoda tylko, że tak mało dbają o czytelność swoich prac. "Znaczek pocztowy" jest interesującym tutorialem, szczególnie dla początkujących. "Takie maleństwo - a tak bardzo cieszy" - jeśli się go wykona.
Z przyjaznym pozdrowieniem  Graftoni.


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: kajasl on 17.05.2009, 12:46:24
odstęp ustawia się w okienku gdzie masz warstwy,kanały,ścieżki w dolnym rogu klikasz na pędzel i tam jest odstęp:) też się naszukałam bo miałam tam przełączone na gradienty


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: Mati230 on 15.07.2009, 17:38:49
 :)
(http://www.gimpuj.info/replacement.png)


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: Wertyś on 21.08.2009, 23:56:34
odstęp ustawia się w okienku gdzie masz warstwy,kanały,ścieżki w dolnym rogu klikasz na pędzel i tam jest odstęp:) też się naszukałam bo miałam tam przełączone na gradienty

Ja wyłączyłem sobie to okno i wszystko mam w przyborniku i nie mogę nigdzie znaleźć odstępu :(

Edit: Udało mi się otworzyć to okno. Po problemie :)


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: Terrqge on 09.09.2009, 18:26:29
Dziwne że dopiero teraz zauważyłem ten tutorial, oczywiście super :D.
Moja praca:
(http://www.gimpuj.info/gallery/29444_09_09_09_5_25_42.png)


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: {VeTeR} on 11.09.2009, 20:29:14
Super tutek, nawet nie wiedzialem o funkcji rysowania wg zaznaczenia  :-[

(http://www.gimpuj.info/gallery/30551_11_09_09_7_35_12.png)
poprawilem troszke cien bo bylo ledwo widac (http://www.gimpuj.info/gallery/30551_11_09_09_7_26_05.png)


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: ania76513 on 22.12.2009, 15:43:05
 Jakoś nie potrafię tego zrobic..
PS. Jestem tutaj początkujący ;)


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: Ziomioslaw on 22.12.2009, 17:40:02
Jakoś nie potrafię tego zrobic..
PS. Jestem tutaj początkujący ;)

Konkretnie córciu, konkretnie, bo ten post zostanie wyrzucony. A.. zdecyduj się, czy jesteś chłopcem ("PS. Jestem tutaj początkujący"), czy dziewczynką ("ania76513").


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: marcin121234 on 28.12.2009, 15:59:10
jadsadah jak zrobiles ten stempel?? BARDZO MI TO JEST POTRZEBNE prosilbym o szybka odpowiedz


Tytuł: Odp: Znaczek
Wiadomość wysłana przez: Wieckos on 23.10.2010, 12:22:49
Ja użyłem troche innych parametrów przy 'dziurkowaniu' i wyszło mi coś takiego:

(http://www.gimpuj.info/replacement.png)

i jeszcze pieczątka mojej roboty :P

Tutorial dobry, przyda sie
P.S baŸthez tobie świetnie wyszedł ten znaczek i na dodatek ta zniszczona pieczatka :P super !


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: Mary on 31.10.2010, 23:06:23
Mi coś nie wychodzi. Mógłby mi ktoś wskazać, gdzie robię błąd?
Dodaje zrzut: http://images35.fotosik.pl/196/04db98cfc14f0373.jpg (http://images35.fotosik.pl/196/04db98cfc14f0373.jpg)


Tytuł: Odp: Znaczek pocztowy
Wiadomość wysłana przez: Dramagus on 02.12.2011, 15:44:22
Mógłby ktoś uaktualnić niektóre obrazki w tym tutorialu. Będę wdzięczny bo nie mogę sobie poradzić a bardzo chciałbym zrobić taki znaczek.

Już sobie poradziłem :) za piątym podejściem.