Spis Stron RPG Regulamin Wieści POMOC Kalendarz
Wróć   lastinn > RPG - ogólnie > Kufer skarbów
Zarejestruj się Użytkownicy Oznacz fora jako przeczytane

Kufer skarbów Tutaj możesz dodać jakiś plik lub znaleźć coś dla siebie


Odpowiedz
 
Narzędzia wątku Wygląd
Stary 07-10-2013, 14:37   #1
 
Lechu's Avatar
 
Reputacja: 1 Lechu ma wspaniałą reputacjęLechu ma wspaniałą reputacjęLechu ma wspaniałą reputacjęLechu ma wspaniałą reputacjęLechu ma wspaniałą reputacjęLechu ma wspaniałą reputacjęLechu ma wspaniałą reputacjęLechu ma wspaniałą reputacjęLechu ma wspaniałą reputacjęLechu ma wspaniałą reputacjęLechu ma wspaniałą reputację
Post [Samouczek] Przezroczystość by Lechu...

Dzień dobry drodzy forumowicze. Jak zapewne część z was wie nie tak dawno stworzyłem swój pierwszy na łamach tego forum Samouczek pokazujący krok po kroku jak łatwo i przyjemnie wykonać szarpanie krawędzi obrazów (z opcjonalnym rzuceniem cienia na wymienione krawędzie). Jako, że tekst spotkał się ze sporą aprobatą to postanowiłem stworzyć kolejną część. Zanim jednak przejdę do rzeczy wklejam link dla niepoinformowanych:


W tej odsłonie miałem zająć się tym jak wrzucam muzykę i obrazy na forum, ale stwierdziłem, że bardziej przydatny może okazać się zabieg, który przedstawię poniżej. Będzie to przezroczystość obrazów. Jak we wcześniejszej części do zrealizowania postawionego celu wykorzystamy program GIMP. Dokładnie będzie to wersja 2.8.6, która jest dostępna pod poniższym adresem:


Przed przystąpieniem do pracy zalecam przejrzeć sobie wcześniejszy Samouczek gdyż zostało tam napisane jak podejść do pracy z wymienionym programem. Chyba wszyscy przyznamy, że nie ma sensu powtarzać części tego co tam napisałem po raz wtóry. Przedstawię podstawowe zabiegi z wykonaniem przezroczystości na obrazach z najczęściej spotykanym tłem czyli białym. Myślę, że powoli, krok po kroku uda nam się z tym uporać, a w przyszłości rozwinąć zdobytą wiedzę o własne spostrzeżenia. Zaczynamy od prezentacji obrazu, nad którym będę pracował.


Jak widzimy obraz składa się jedynie z dwóch barw - białej i czarnej. Po wymiarach od razu widzimy, że grafika bez problemu mieści się w szerokości naszego forum, ale gdyby było inaczej we wcześniejszym Samouczku napisałem jak bardzo łatwo zmienić wielkość obrazu. Przejdźmy jednak do zamiany tła z barwy białej na przezroczyste.

Krok 1) Wrzucenie obrazu do programu poprzez "upuszczenie" jego miniaturki na ikonie GIMPa. Program automatycznie się włącza, zasila o niezbędne aktualizacje i otwiera wybrany przez nas obraz.


Krok 2) Stosujemy technikę zaznaczenia obszaru obrazu według wybranego koloru. Wykorzystujemy do tego podświetlone przeze mnie narzędzie widoczne po prawej stronie szczytu przybornika.


Krok 3) Zauważamy, że wokół naszego azjatyckiego znaku pojawiło się zaznaczenie. Lewym przyciskiem myszy zaznaczamy nasz obraz w oknie warstw, a następnie klikamy prawym przyciskiem myszy. Otwiera nam się menu, z którego wybieramy "Dodaj kanał alfa". W ten sposób dodaliśmy informację o przezroczystości do naszej warstwy. Jest to niezbędne do uzyskania oczekiwanego efektu.


Krok 4) Używamy klawisza "Del" i zauważamy, że białe tło obrazu zniknęło. Pozostał jedynie znak.


Krok 5) Zapisujemy plik podobnie jak we wcześniejszym Samouczku. Dla przypomnienia wybieramy kolejno: Plik --> Wyeksportuj. Musimy pamiętać, że obraz należy zapisać w formacie PNG.


To koniec jeżeli chodzi o ten przykład. Muszę wspomnieć, że tego typu obrazy są najłatwiejsze w obróbce pod przezroczystość, bo wystarczy wyeliminować jedynie jeden kolor (tło) i otrzymamy interesujący nas efekt. Zapisana grafika wygląda następująco:


Muszę w tym miejscu dodać, że częstokroć bardziej skomplikowane grafiki posiadające poza dwoma barwami dużo kolorów pośrednich (w przypadku białego i czarnego różne odcienie szarości) też da się przerobić w wyżej pokazany sposób. Na przykład taką grafikę:


Jak widzimy obraz jest już bardziej skomplikowany, bo ma dużo kolorów pośrednich i więcej szczegółów co jednak nie przeszkodzi nam aby przejść wymienione 5 kroków i otrzymać następujący efekt:


Efekt nie jest może oszałamiający, ale uznałbym go za znośny. Idąc dalej chciałbym pokazać jak zrobić aby mało skomplikowany obraz nie składający się wyłącznie z dwóch kolorów uczynić przezroczystym. Tego typu obrazów jest w Internecie całe multum. Zdjęcia, obrazy, tapety i cała reszta grafik mieniąca się we wszystkich kolorach jakie tylko możemy sobie wyobrazić. Ja pokażę to jednak na prostym przykładzie. Obraz początkowo wygląda tak:


Krok 1) Otwieramy go za pomocą GIMPa w sposób, który pokazałem w pierwszym przykładzie.


Krok 2) W poznany już sposób dodajemy do obrazu kanał alfa.


Krok 3) Z przybornika wybieramy narzędzie "Różdżka", które zaznacza regularny obszar na podstawie koloru.


Krok 4) Zaznaczamy białe tło wokół naszej maczety i klikamy "Del". Zauważamy, że narzędzie usunęło wszystko co białe wokół wybranego obiektu. Gdybyśmy zastosowali w tym przypadku zaznaczenie według koloru maczeta zostałaby wypaczona, bo znajdują się na niej białe elementy. Był to zatem zabieg w pełni świadomy i słuszny.


Krok 5) Aby nie zostawić niechcianych elementów w obrazie wybieramy kolejno każdy z białych prostokątów w ostrzu maczety i usuwamy za pomocą klawisza "Del". Zauważamy, że w ostrzu pojawiają się przezroczyste dziury co jest zgodne z naszym zamierzeniem. Moim zdaniem wygląda to teraz bardziej elegancko.


Krok 6) Podobnie jak we wcześniejszym przykładzie zapisujemy plik nie zapominając o formacie PNG. Jest to bardzo ważne gdyż jedynie on używa kanału alfa (czyli gamy efektów opierających się na przezroczystości). Wracając do przykładu efekt końcowy pracy wygląda następująco:


Jak zatem widzimy praca z przezroczystością jest bardzo miła i na pewno nie musimy zaczynać od zabiegów skomplikowanych. Wiem, że to co pokazałem to jedynie kropla w morzu potrzeb, ale liczę na to, że chociaż garstka osób zacznie wykorzystywać i ten patent. Jest to bardzo proste, a dla tych, którzy lubią nieco komplikacji polecam drążyć temat we własnym zakresie. Dziękuję za uwagę i życzę miłego dnia.

Ps. W przypadku pomyłek czy błędów z mojej strony proszę pamiętać, że nawet najlepszym się one zdarzają. Każda uprzejma wiadomość na PW ze wskazaniem mi powyższych byłaby bardzo miła i na pewno zrobiłbym wszystko aby pracę w razie konieczności skorygować. Jak będziecie mieli jakiekolwiek problemy pisać śmiało a wszystko postaram się wyjaśnić.
 
Lechu jest offline   Odpowiedź z Cytowaniem
Stary 08-10-2013, 11:02   #2
 
F.leja's Avatar
 
Reputacja: 1 F.leja jest jak niezastąpione światło przewodnieF.leja jest jak niezastąpione światło przewodnieF.leja jest jak niezastąpione światło przewodnieF.leja jest jak niezastąpione światło przewodnieF.leja jest jak niezastąpione światło przewodnieF.leja jest jak niezastąpione światło przewodnieF.leja jest jak niezastąpione światło przewodnieF.leja jest jak niezastąpione światło przewodnieF.leja jest jak niezastąpione światło przewodnieF.leja jest jak niezastąpione światło przewodnieF.leja jest jak niezastąpione światło przewodnie
Kocham Cię, Lechu @.@
Bardzo, bardzo
 
__________________
I don't mean to sound bitter, cold, or cruel, but I am, so that's how it comes out. ~~ Bill Hicks
F.leja jest offline   Odpowiedź z Cytowaniem
Stary 08-10-2013, 11:12   #3
 
Autumm's Avatar
 
Reputacja: 1 Autumm ma wspaniałą reputacjęAutumm ma wspaniałą reputacjęAutumm ma wspaniałą reputacjęAutumm ma wspaniałą reputacjęAutumm ma wspaniałą reputacjęAutumm ma wspaniałą reputacjęAutumm ma wspaniałą reputacjęAutumm ma wspaniałą reputacjęAutumm ma wspaniałą reputacjęAutumm ma wspaniałą reputacjęAutumm ma wspaniałą reputację
Wszyscy (i wszystkie) kochamy Lecha ^.^ Nie jesteś sama ;p

A w ogóle, propsy za promocję otwartego oprogramowania

Masz tu pingwinka !

 
__________________
"Polecam inteligentną i terminową graczkę. I tylko graczkę. Jak z każdą kobietą - dyskusja jest bezcelowa - wie lepiej i ma rację nawet jak się myli." ~ by Aschaar [banned] 02.06.2014
Nieobecna 28.04 - 01.05!
Autumm jest offline   Odpowiedź z Cytowaniem
Stary 08-10-2013, 11:23   #4
 
F.leja's Avatar
 
Reputacja: 1 F.leja jest jak niezastąpione światło przewodnieF.leja jest jak niezastąpione światło przewodnieF.leja jest jak niezastąpione światło przewodnieF.leja jest jak niezastąpione światło przewodnieF.leja jest jak niezastąpione światło przewodnieF.leja jest jak niezastąpione światło przewodnieF.leja jest jak niezastąpione światło przewodnieF.leja jest jak niezastąpione światło przewodnieF.leja jest jak niezastąpione światło przewodnieF.leja jest jak niezastąpione światło przewodnieF.leja jest jak niezastąpione światło przewodnie
Ale ja najbardziej!
 
__________________
I don't mean to sound bitter, cold, or cruel, but I am, so that's how it comes out. ~~ Bill Hicks
F.leja jest offline   Odpowiedź z Cytowaniem
Stary 09-10-2013, 14:23   #5
 
Spaiker's Avatar
 
Reputacja: 1 Spaiker jest godny podziwuSpaiker jest godny podziwuSpaiker jest godny podziwuSpaiker jest godny podziwuSpaiker jest godny podziwuSpaiker jest godny podziwuSpaiker jest godny podziwuSpaiker jest godny podziwuSpaiker jest godny podziwuSpaiker jest godny podziwuSpaiker jest godny podziwu
Szkoda ze nie było tego poradnika jak robiłem awatar XD Seria poradników Lecha zapowiada się dobrze <3 .
 
__________________
It's only after we've lost everything that we're free to do anything.
On a long enough time line, the survival rate for everyone drops to zero.
Spaiker jest offline   Odpowiedź z Cytowaniem
Odpowiedz


Narzędzia wątku
Wygląd

Zasady Pisania Postów
Nie Możesz wysyłać nowe wątki
Nie Możesz wysyłać odpowiedzi
Nie Możesz wysyłać załączniki
Nie Możesz edytować swoje posty

vB code jest Wł.
UśmieszkiWł.
kod [IMG] jest Wł.
kod HTML jest Wył.
Trackbacks jest Wył.
PingbacksWł.
Refbacks are Wył.


Czasy w strefie GMT +2. Teraz jest 05:52.



Powered by: vBulletin Version 3.6.5
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Search Engine Optimization by vBSEO 3.1.0
Pozycjonowanie stron | polecanki
Free online flash Mario Bros -Mario games site

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 112 113 114 115 116 117 118 119 120 121 122 123 124 125 126 127 128 129 130 131 132 133 134 135 136 137 138 139 140 141 142 143 144 145 146 147 148 149 150 151 152 153 154 155 156 157 158 159 160 161 162 163 164 165 166 167 168 169 170 171 172