Polskie Forum Użytkowników GIMP-a

Tutoriale => Edycja fotografii => Wątek zaczęty przez: be@ on 05.11.2012, 20:41:36



Tytuł: Szklana, przyciemniona ramka
Wiadomość wysłana przez: be@ on 05.11.2012, 20:41:36
Szklana, przyciemniona ramka
Tutorial

Opracowanie: bea
Poziom trudności: łatwy

(http://www.gimpuj.info/gallery/48452_06_11_12_3_26_58.png) (http://www.gimpuj.info/)[/url]



Tutorial opisuje sposób utworzenia prostej, półprzezroczystej ramki z cieniem i efektem szkła, na której możemy następnie dowolną czcionką dodać jakiś opis.

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



[lp] Zaczynamy

[lp] 1. Otwieramy w GIMP-ie obraz na którym ma się znajdować ramka i tworzymy zaznaczenie prostokątne <zaznaczenie-prostokatne> o wymiarach ramki, którą chcemy uzyskać. W opcjach narzędzia zaznaczamy zaokrąglanie rogów. Promień wybieramy wg uznania i zależnie od wielkości zaznaczenia. Może być od 5-30px.

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


[lp] 2. Dodajemy nową, przezroczystą warstwę powyżej obrazka, nazywamy ją Ramka i wypełniamy kolorem czarnym za pomocą kubełka <wypelnienie> (można też przeciągnąć kolor bezpośrednio z przybornika na zaznaczony obszar). Krycie warstwy zmniejszamy do 55%.

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


[lp] 3. Dodajemy kolejną przezroczystą warstwę powyżej warstwy Ramka, nazywamy ją Faza i wypełniamy kolorem ciemnoszarym: 666666, po czym wyłączamy zaznaczenie: Zaznaczenie -> Brak.

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


[lp] 4. Na warstwie Faza stosujemy filtr: Dekoracja -> Dodaj fazę z ustawieniami:
           Grubość: 6
           Reszta odznaczone

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


[lp] 5. Powtarzamy filtr Dodaj fazę, ale zmieniamy grubość na 5. Następnie znów powtarzamy zmniejszając grubość do 4 i jeszcze raz z grubością 3, a na koniec z grubością 1. Powinno wyjść coś takiego:

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


[lp] 6. Na warstwie Faza pobieramy próbnikiem <pobierz-kolor> kolor z środkowej części ramki, kopiujemy z przybornika kod tego koloru i stosujemy: Kolory -> Zmiana koloru na alfę wskazując skopiowany kolor (u mnie jest to 616161).

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


[lp] 7. W oknie warstw blokujemy przezroczystość warstwy Faza i wypełniamy ją kolorem białym za pomocą kubełka z ustawieniami:
           Krycie: 30
           Uwzględniany obszar: Całe zaznaczenie
           Reszta domyślnie

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


[lp] 8. W oknie warstw blokujemy przezroczystość warstwy Ramka i zaznaczamy lewą, mniejszą część ramki za pomocą narzędzia zaznaczenie odręczne <lasso> w sposób widoczny na obrazku poniżej.

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


[lp] 9. Ustawiamy w przyborniku kolor pierwszoplanowy 666666, klikamy w narzędzie gradient <gradient>, wybieramy gradient liniowy: kolor pierwszoplanowy na przezroczystość i na warstwie Ramka w zaznaczonym wcześniej obszarze przeciągamy nim od górnej krawędzi ramki nieco ukośnie w dół kończąc odrobinę poniżej dolnej krawędzi ramki.

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


 [lp] 10. W oknie warstw klikamy PPM na warstwę Ramka i wybieramy z menu kanał alfa na zaznaczenie. Następnie przechodzimy na najniższą warstwę, czyli tę z obrazkiem i stosujemy filtr: Rozmycie -> Rozmycie Gaussa o promieniu 10 poziomo i pionowo.

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


 [lp] 11. Z wciąż aktywnym zaznaczeniem stosujemy filtr: Światło i cień -> rzucanie cienia z ustawieniami:

Przesunięcie X i Y: 6
Promień rozmycia: 12
Kolor: czarny
Krycie: 90
      (http://www.gimpuj.info/gallery/48452_06_11_12_1_51_13.png) (http://www.gimpuj.info/)


 [lp] 12. Wyłączamy zaznaczenie i gotowe.

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

Oczywiście zamiast czarnego można także użyć innych kolorów, np. niebieskiego. Ciekawy efekt daje dodanie niewielkiego szumu:
http://www.gimpuj.info/gallery/48452_08_11_12_1_37_25.png (http://www.gimpuj.info/gallery/48452_08_11_12_1_37_25.png)

[lp] Koniec



Mam  nadzieję, że tutorial będzie przydatny. Życzę miłego GIMPowania :)




Tytuł: Odp: Szklana, przyciemniona ramka
Wiadomość wysłana przez: toooomelo on 25.11.2012, 09:37:48
Fajny tutorial, tylko mam mały problem.
Zatrzymałem się na punkcie "4", który brzmi:

4. Na warstwie Faza stosujemy filtr: Dekoracja -> Dodaj fazę z ustawieniami:

Nie mogę w swoim GIMP-ie (2.4.0-rc3) znaleźć filtra Dekoracja.
Gdzie on jest? A może trzeba go doinstalować?
U mnie filtry wyglądają tak:

(http://img223.imagevenue.com/loc899/th_833039701_Filtry_122_899lo.jpg) (http://img223.imagevenue.com/img.php?image=833039701_Filtry_122_899lo.jpg)

Proszę o pomoc.
     


Tytuł: Odp: Szklana, przyciemniona ramka
Wiadomość wysłana przez: davlasq on 25.11.2012, 10:02:31
Tutorial jest dla wersji 2.8. Ty używasz wersji sprzed dobrych paru lat. Zaktualizuj po prostu.


Tytuł: Odp: Szklana, przyciemniona ramka
Wiadomość wysłana przez: be@ on 25.11.2012, 12:39:41
@toooomelo - na screenie u samego dołu menu Filtry widzę: Dekoruj. Może w Twojej wersji tam będzie opcja dodawania fazy?


Tytuł: Odp: Szklana, przyciemniona ramka
Wiadomość wysłana przez: toooomelo on 25.11.2012, 13:02:41
@toooomelo - na screenie u samego dołu menu Filtry widzę: Dekoruj. Może w Twojej wersji tam będzie opcja dodawania fazy?


Jest: Dekoruj->Dodaj fazę.
Jeżeli to jest to, to dziękuję za pomoc!  :)

  (http://img24.imagevenue.com/loc216/th_845346150_Filtry2_122_216lo.jpg) (http://img24.imagevenue.com/img.php?image=845346150_Filtry2_122_216lo.jpg)
    


Tytuł: Odp: Szklana, przyciemniona ramka
Wiadomość wysłana przez: marko. on 07.01.2013, 05:35:49
Podobny efekt uzyskany za pomocą efektu xach
(http://www.gimpuj.info/gallery/thumb_29482_07_01_13_5_31_56.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=90593)

Dzięki za podpowiedź o blokowaniu przeźroczystości :)


Tytuł: Odp: Szklana, przyciemniona ramka
Wiadomość wysłana przez: Monika za końcem świata on 29.01.2013, 21:56:06
Szukałam czegoś podobnego przez dłuższy czas. Dzisiaj w końcu się zarejestrowałam na forum, żeby zapytać i proszę... mam nadzieję, że zrobię to, co chciałam. W każdym razie dziękuję :).


Tytuł: Odp: Szklana, przyciemniona ramka
Wiadomość wysłana przez: pepe0619 on 19.03.2013, 16:58:11
Jak się blokuje przeźroczystość? Wersja gimpa 2.8


Tytuł: Odp: Szklana, przyciemniona ramka
Wiadomość wysłana przez: be@ on 19.03.2013, 17:00:06
(http://www.gimpuj.info/gallery/48452_20_05_12_3_06_07.png)


Tytuł: Odp: Szklana, przyciemniona ramka
Wiadomość wysłana przez: pepe0619 on 19.03.2013, 17:05:22
Dzięki ;)


Tytuł: Odp: Szklana, przyciemniona ramka
Wiadomość wysłana przez: Mhelu on 31.03.2013, 20:44:12
Bardzo fajny efekt, akurat mi się przyda. <lol>
 Wyszło mi tak(tło z Google Grafiki) :

(http://img203.imageshack.us/img203/7038/lilie.png)


Tytuł: Odp: Szklana, przyciemniona ramka
Wiadomość wysłana przez: adam09 on 17.06.2013, 04:21:08
Jak zwykle jest to u Ciebie-Tutorial OK :).

(http://www.gimpuj.info/gallery/94/74636_26_01_14_3_56_41.png) (http://www.gimpuj.info/index.php?action=gallery;sa=view;id=94137)


Tytuł: Odp: Szklana, przyciemniona ramka
Wiadomość wysłana przez: Saran on 18.07.2013, 11:57:09
Przydatne ;) Dzięki,
a tak mi wyszło:

(http://www.gimpuj.info/gallery/92/79114_18_07_13_11_54_46.png)


Tytuł: Odp: Szklana, przyciemniona ramka
Wiadomość wysłana przez: Hasesis on 25.07.2013, 13:58:41
Bardzo fajny efekt just fantastic for some quotes  :laugh:
Dzięki za tutka :heart:  :wilber2:

(http://www.gimpuj.info/gallery/92/39432_25_07_13_1_55_28.jpg)


Tytuł: Odp: Szklana, przyciemniona ramka
Wiadomość wysłana przez: Ewelins18 on 07.08.2013, 14:18:28
Cholercia :), jak mogę dodać obrazek, aby był widoczny nie jako załącznik :)


Tytuł: Odp: Szklana, przyciemniona ramka
Wiadomość wysłana przez: be@ on 07.08.2013, 14:36:46
Wrzucić na dowolny hosting obrazków i podać bezpośredni link w znacznikach "img":
Kod:
[img]link do obrazka[/img]


Tytuł: Odp: Szklana, przyciemniona ramka
Wiadomość wysłana przez: Ewelins18 on 08.08.2013, 07:47:44
Dzięki za odp, poniżej moje dzieło :)

(http://img560.imageshack.us/img560/6316/s8p.png)


Tytuł: Odp: Szklana, przyciemniona ramka
Wiadomość wysłana przez: hozern on 10.10.2013, 10:34:42
Prosty tut, a efekt jest naprawdę ciekawy. Na pewno przyda się do wszelkiego rodzaju prezentacji.


Tytuł: Odp: Szklana, przyciemniona ramka
Wiadomość wysłana przez: Tesha on 13.10.2013, 08:48:45
Mi wyszło tak trochę dziwacznie  :D

(http://oi42.tinypic.com/1t0pwx.jpg)


Tytuł: Odp: Szklana, przyciemniona ramka
Wiadomość wysłana przez: Tesha on 14.10.2013, 14:25:56
Chciałabym zrobić jeszcze takie coś tylko tego typu:
3 okienka, tylko przy 2 nie chce się rozmazać tak jak na 1  :'(

(http://oi41.tinypic.com/wcclzp.jpg)

Nie śmiejcie się z napisu  :laugh: To do gry, poza tym trzeba z czegoś zarabiać w niej ;3


Tytuł: Odp: Szklana, przyciemniona ramka
Wiadomość wysłana przez: SweetSugar on 17.12.2013, 19:37:09
Jej moja praca  :laugh:
Ukryta treść (kliknij aby pokazać/schować)



Tytuł: Odp: Szklana, przyciemniona ramka
Wiadomość wysłana przez: Madzia. on 17.12.2013, 20:07:19
A o to i moje arcydzieło   :laugh:

(http://www.editer.pl/fotka/f8be8f6358de1f6e3ffd492877ef3dff_1.jpg)



Tytuł: Odp: Szklana, przyciemniona ramka
Wiadomość wysłana przez: Carnival on 22.12.2013, 13:28:18
Tut prosty, ale ciekawy i przydatny :), a oto moja praca :P

http://img690.imageshack.us/img690/4499/ynkl.png


Tytuł: Odp: Szklana, przyciemniona ramka
Wiadomość wysłana przez: weronika020830 on 02.06.2015, 18:25:33
fajny efekt, dzięki za tutek, na pewno mi się przyda,