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

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


 
 
Narzędzia wątku Wygląd
Stary 10-07-2013, 18:22   #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] Szarpanie krawędzi obrazów by Lechu...

Witam was serdecznie. Jako, że ostatnimi czasy dostałem parę prywatnych wiadomości z zapytaniem o to jak przerabiam ramki obrazków, które wrzucam na LI postanowiłem - poza odpisaniem na wyżej wymienione - napisać o tym słów kilka w naszym forumowym Kuferku Skarbów. Wiem, że wielu z was zapewne zna bardziej zaawansowane metody na dodanie własnej ramki, ale są też pewnie tacy użytkownicy, którzy chętnie przeczytają te kilka linijek tekstu. A nóż nożyczki komuś się to spodoba i dzięki temu jego posty staną się bardziej estetyczne?

Zaczynając temat muszę wspomnieć, że korzystam z całkowicie darmowego programu GIMP, który wykorzystywany jest do zaawansowanej obróbki fotografii jak i do tworzenia grafik na potrzeby Internetu. Podobnie jak Photoshop został on wyposażony w szereg przydatnych narzędzi pozwalających wykonać elementarne, choć wcale nie tak proste obliczeniowo operacje na grafice. Osobiście korzystam z wersji 2.8.6 (możliwe, że są już nowsze), która całkowicie wystarczy mi do tego o czym napiszę lada moment. Link do ściągnięcia programu:


Pamiętam jak czytałem tematy innych użytkowników takie jak:
* Temat o ciekawych grafikach założony przez Komete.
* Temat o mapach własnej roboty tworzonych w programie Dundjinni założony przez użytkownika Qumi.

Natchniony tym, że takiego tekstu na LI jeszcze nie ma pomyślałem, że chociaż garstka osób z niego skorzysta. Przejdźmy jednak do rzeczy. Okno programu, o którym mowa wygląda mniej więcej tak (rozłożenie przybornika można dowolnie zmieniać):


Zaczynając pracę z programem polecam przejrzeć sobie pobieżnie zakładki i przyjrzeć się jego narzędziom. Aby pokazać wam "z czym to się je" pobieram sobie z Internetu (moje własne) zdjęcie. Nie będę was pouczał w sprawach takich jak Prawa Autorskie, bo nie po stworzyłem ten materiał. Początkowo moja fota wygląda tak:


Jak widać zdjęcie nie jest dostosowane do rozmiaru okna, a ramką zajmiemy się lada moment. Całość będę wymieniał w punktach, które wykonywał będę kolejno jeden po drugim. Być może z czasem każdy nabierze wprawy i będzie mógł sobie pozwolić na jakieś "akrobacje".

Krok 1) Aby umieścić samo zdjęcie w polu roboczym programu chwytamy ikonkę zdjęcia i wrzucamy ją do okna programu. Bywa czasem, że program poprosi o dostosowanie profilu kolorów obrazu. Aby to zrobić klikamy w wyświetlającym się okienku "Przekonwertuj".


Krok 2) Wybieramy kolejno zakładkę "Zaznaczenie" i opcję "Całość". W ten sposób zaznaczyliśmy całe zdjęcie.


Krok 3) Wybieramy kolejno zakładkę "Zaznaczenie" i opcję "Zmniejsz". Ma to na celu zmniejszenie krawędzi zaznaczenia. Po co to robimy okaże się za parę chwil.


Krok 4) W okienku "Zmniejszenie zaznaczenia" wybieramy o ile ma zmniejszyć się zaznaczenie. Jest to zależne od wielkości obrazka. Im większy tym większe musi być zmniejszenie. Dlaczego? Większe zdjęcie aby jego ramka nie miała miejscami płaskich krawędzi (my je przecież chcemy poszarpać) musi mieć też większy odstęp zaznaczenia od nich. Ja (zgodnie z załączonym SS) wybrałem 8px.


Krok 5) Wybieramy kolejno zakładkę "Zaznaczenie" i opcję "Zniekształcenie". W tym kroku dokonamy samego zniekształcenia zaznaczenia.


Krok 6) W okienku "Zniekształcenie" ustawiany opcje charakterystyczne dla tej funkcji. Ja przeważnie korzystam tylko z opcji "Próg" oznaczającej jak bardzo zawiła (czy też poszarpana) ma być ramka. W tym przypadku zostawiam to bez zmian i klikam "OK".


Krok 7) Zaznaczamy warstwę obrazu (klikamy w oknie "Warstwy-Pędzle" obok miniatury naszego obrazu,) a następnie wycinamy obraz (ctrl+x).


Teraz wygląda to tak:


Krok 8} Tworzymy nową warstwę klikając w oknie "Warstwy-Pędzle" w podświetlony symbol.


Krok 9) W oknie "Nowa warstwa" wybieramy "Typ wypełnienia warstwy" jako "Przezroczysta". Jest to konieczne aby później nasz obraz przybrał tło strony, na którą go wstawimy.


Krok 10) Zaznaczamy nową warstwę w oknie "Warstwy-Pędzle".


Krok 11) Wklejamy wyciętą wcześniej warstwę (ctrl+v).


Krok 12) Warstwę, która się ukazała (nazywa się "Oderwane zaznaczenie") kotwiczymy z warstwą znajdującą się pod nią. Jak? Zaznaczamy ją i klikamy PPM wybierając opcję "Zakotwicz warstwę".


Krok 13) Zauważamy, że warstwy się zakotwiczyły. Klikamy dolną, starą warstwę (tą z białym tłem) i usuwamy ją za pomocą podświetlonego symbolu w oknie "Warstwy-Pędzle".


Krok 14) Wybieramy zakładkę "Filtry" następnie opcje "Światło i cień" i "Rzucanie cienia". Ma to na celu nadanie naszym krawędziom efektu cienia, który czasem mogliście dostrzec w obrazach, które wrzucałem w moich postach.


Krok 15) W okienku "Rzucanie cienia" ustawiany opcje charakterystyczne dla tej funkcji. Ja przeważnie klikam "OK" nie zmieniając tutaj zupełnie nic.


Krok 16) Wybieramy zakładkę "Obraz" a następnie "Skaluj obraz". Będziemy teraz dostosowywać wielkość obrazu do szerokości strony.


Krok 17) W oknie "Skalowanie obrazu" wybieramy takie wymiany obrazu aby ten był dopasowany do szerokości ramki forum. Na LI jest to 600px więc ja wybiorę sobie 580px szerokości (ważne szerokość była mniejsza od tych 600px).




Krok 18} Pozostało nam już tylko zapisać nasz obraz. W tym celu wybieramy zakładkę "Plik" a następnie opcję "Wyeksportuj".


Krok 19) O ile obraz możemy nazwać jak nam się podoba to jako format pliku zalecam format PNG, który obsługuje przezroczystość grafiki. Dzięki temu jako tło mamy tło strony (w naszym przypadku po wrzuceniu na forum tło LastInn).


Krok 20) W okienku "Eksport obrazu jako PNG" wybieramy opcje charakterystyczne dla tego formatu. Ja zwykle zostawiam to wybierając jedynie maksymalny "Poziom kompresji".


Skończone. Możemy zamknąć program. Nasz obraz jest gotowy i wygląda następująco:


Na koniec tego samouczka chciałbym życzyć powodzenia chętnym się pobawić użytkownikom. Są zapewne inne, możliwe, że nawet prostsze sposoby wykonania takiej ramki, ale ja (a pewną wprawę już posiadam) przerobię sobie każdą grafikę w czasie nie dłuższym jak minuta. Oczywiście poza szarpaniem krawędzi można też je obramować lub zaokrąglić. Zalecam pobawić się programem, a zobaczycie jak prosto jest to zrobić. Oczywiście jak temat będzie się cieszył jakimś zainteresowaniem zastanowię się nad innymi projektami (albo ogólnymi jak ten albo związanymi z moimi rodzimymi systemami RPG). Dziękuję za uwagę i życzę miłego dnia.
 

Ostatnio edytowane przez Lechu : 02-01-2016 o 11:14.
Lechu jest offline   Odpowiedź z Cytowaniem
 



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 09:45.



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