Z powodu szerzącego się noobostwa w świecie grafiki komputerowej postanowiłem zrobić kilka tutoriali na bardzo łatwym poziomie. Od razu piszę, że piszę tutoriale tylko do Gimpa oraz (w przyszłości) do robienia pixelartów(paint). Będą tu efekty łatwe do zrobienia, jednak piękne jako tło dla sygnaturek i usebarów. Od razu, piszę, że na prośbę mogę wytłumaczyć jak zrobić jakiś efekt lub przetłumaczyć tutorial z języka Angielskiego. Wystarczy tylko prośba i link do obrazka lub angielskiego tutoriala. Nie mogą to być efekty o trudnym poziomie trudności, bo przeznaczone będą dla Newbie. Poziom trudności tutoriali oznaczam od 1 do 10.
Uwaga!
Z powodu dużej ilości i wielkości obrazów mogą one długo się ładować! Czym jest i do czego tak naprawdę służy tutorial?
Cytuj:
Tutorial (z ang. korepetycje) - artykuł typu "krok po kroku" - jest to publikacja pozwalająca łatwo uczyć się obsługi programów, programowania, tworzenia grafiki. Jest to również program lub komputerowa prezentacja pełniąca takie funkcje.
Czym jest tutorial zapewne większość z was wie. Jednak do czego tak naprawdę służy. Nie jest to, jak niektórzy myślą, instrukcja obsługi "jak narysować/zrobić taki efekt/obrazek". Tutorial ma na celu uświadomienie, nam jakie możliwości ma program i poszczególne jego narzędzia. Pomaga nam też poznać do czego tak naprawdę służą, i co możemy za ich pomocą wykonać. Człowiek kreatywny po przeczytaniu tutoriala przemyśli wszystkie narzędzia jakich użył. Potem z ich użyciem stworzy nową, często lepszą grafikę. Więc człowiek który przeczytał jak zrobić to:
Powinien być w stanie zrobić to:
Wy też możecie dawać tutaj tutoriale (tylko własne) lub zamieszczać linki do stron z tutorialami (nie do pojedynczych tutoriali, tylko stron).
Wersja GIMPA, w którym tworzę wszystkie grafiki to 2.2.10 lub wyższa
- Dla użytkownika - Prodigy - za wykonanie usebarów.
- Dla użytkownika - Shinjix - za przyklejenie tematu.
Na początek efektywne tło pod usebar lub sygnaturkę.
Ukryty tekst:
Tutorial 1
Poziom trudności: 2
Oto jego efekt:
A teraz jak go wykonać: 1.
Tworzymy nowy obraz o białym tle i dowolnych rozmiarach (ja użyłem 500 x 200 pix).
Rysujemy kilkanaście kresek. Ja zrobiłem to tak jak na obrazku. Liczy się to aby rysować je grubym pędzlem (CIRCLE 19).
2.
Teraz klikamy kolejno w:
Filtry>Zniekształcenia>Przesunięcie
Powinno nam pojawić się okno "Przesunięcie"
Zaznaczamy: Przesuń pionowo
Stopień przesunięcia: 20px
I klikamy w OK.
Obrazek powinien teraz wyglądać tak:
3.
A teraz klikamy w:
Filtry>Rozmycie>Rozmycie w "ruchu"
Zaznaczamy:
Typ rozmycia: Powiększenie
Długość: 20
Resztę zostawiamy w spokoju i klikamy OK.
Powinno wyjść coś takiego:
4.
Teraz klikamy w:
Warstwa>Kolory>Barwienie
I ustawiamy jak nam się podoba.
Na końcu możemy jeszcze wejść w:
Filtry>Zniekształcenia>Skręcanie i zaciskanie i eksperymentujemy według uznania.
Oto jeden z możliwych efektów:
I tutaj użyty jako tło usebara:
Ukryty tekst:
Tutorial 2
Poziom trudności: 1
"Planeta Ziemia"
W tym tutorialu dowiemy się jak w 5 minut zrobić planetę podobną do ziemi. Poziom trudności 1 ponieważ jest to tutorial dla całkowicie zielonych, aby pokazać im troszkę narzędzi GIMPA.
1.
W oknie GIMPA (nie dokumentu) klikamy kolejno w:
Dodatki>Script-Fu>Desenie>Ląd
Wybieramy dowolne wymiery obrazu (ja użyłem szerokość obrazu 300 i wysokość obrazu 300).
Wybieramy dowolne ziarno losowości (ja użyłem 48).
Teraz poziom szczegółów. Tu wszystko zależy od rozmiarów obrazu. Jeśli większe niż 500x500 to polecam 7 jeśli większy niż 700x700 to 9. Jeśli około 300x300 to 5. Jeśli mniej niż 200x200 to 4. Ja użyłem 5. Wybieramy gradient "Land 1".
Resztę zostawiamy tak jak jest. Klikamy OK.
Powinno nam wyjść coś takiego:
W zakładce z warstwami mamy dwie warstwy. Łączymy je (klikamy na Kopia bottom prawym przyciskiem myszy i klikamy połącz w dół).
Teraz klikamy kolejno w
Filtry>Odwzorowania>Stwórz bezszwowy
2.
Czyli robimy kulę.
Teraz klikamy kolejno w:
Filtry>Odwzorowania>Odwzorowanie obiektu
I wybieramy:
Obiekt docelowy: Sfera
Przechodzimy do zakładki ułożenie.
Pod napisem obrót mamy trzy suwaki.
Przestawiamy je i klikamy w podgląd tak, aby nasza planeta wyglądała ładnie.
Klikamy w OK.
I gotowe.
Nie jest to jakiś oszałamiający efekt, ale dla newbie w sam raz.
Tak wygląda moja planeta:
A teraz po drobnych modyfikacjach
Ukryty tekst:
Tutorial 3
Poziom trudności: 2
"Matrixowe literki"
1.
Tworzymy nowy dokument i wypełniamy go tak, aby tło było czarne (można oczywiście użyć też innego koloru lub przezroczystości ale wtedy nie będzie już tak bardzo matrixowo.) 2.
Rozrzucamy na nim literki, lub robimy napis. Używamy dowolnej czcionki (ja użyłem Arial Bold). Jeśli mamy je w różnych warstwach to łączamy wszystkie warstwy w jedną (PPM i połącz w dół). 3.
Naciskamy shift+r i obracamy obraz o 90 stopni. 4.
Klikamy:
Filtry>Zniekształcenia>Wiatr
I ustawimy tak:
Styl: Wiatr
Kierunek: W prawo
Naruszane krawędzie: Początkowe
Próg: 4 (zależy od rozmiaru liter)
Siła: 4 (zależy od rozmiaru lite)
Klikamy OK.
5.
Naciskamy shift+r
Ustawiamy kąt obrotu o -90 stopni, i obracamy.
W tym tutorialu dowiecie się jak robić kapsuły. Ważne! Ja tu napiszę, jak zrobić najprostszą kapsułę, a to wy musicie użyć swojej wyobraźni i rozwinąć pracę. I właśnie dlatego poziom trudności wynosi 6.
Więc zacznijmy.
1.
Tworzymy nowy dokument o dowolnych wymiarach. Ważne aby szerokość=wysokość bo inaczej nasza kapsuła będzie spłaszczona lub wygięta do góry. Ważne też aby tło było przezroczyste. 2.
Narzędziem zaznaczenie obszarów prostokątnych zaznaczamy obszar, który będzie potem ścianą okrągłej kapsuły. Wypełniamy to potem jakimś ładnym kolorem lub deseniem.
3.
Teraz musimy z tego zrobić kulę.
Klikamy kolejno.
Filtry>Odwzorowania>Odwzorowanie obiektu
I wybieramy:
Obiekt docelowy: Sfera
W zakładce Położenie, pod napisem Obrót ustawiamy tak aby było ładnie.
Ja użyłem: Obrót: X 0,0 Y 0,0 Z 2,0
Klikamy OK.
Teraz napiszę jak robi się szkło:
Tworzymy nową warstwę i wypełniamy ją kolorem szkła (może być normalne czyli białe lub kolorowe). Odwzorowujemy na obiekt tak jak przy poprzednich punktach. Krycie warstwy ustawiamy tak, aby było dobrze(zależy od koloru, ja użyłem 10). Obie warstwy łączymy w jedną.
Mnie wyszło coś takiego:
I jeszcze coś. Kapsuła w kształcie jajka:
Klikamy:
Filtry>Zniekształcenia>Wyginanie
I środek kreski przeciągamy o jedną kratkę w górę.
Powinno wyjść coś podobnego:
A tutaj jeszcze jedna z moich prac:
Ukryty tekst:
Tutorial 5
Poziom trudności: 2
"Płynne tło"
Tutaj dowiecie się jak zrobić efektowne tło pod banner usebar lub sygnaturkę. Poziom trudności to 3. Normalnie byłby 2, ale tu znowu wiele zależy od wyobraźni. 1.
Tworzymy nowy obraz o dowolnych rozmiarach (mój 300x300). 2.
Filtry>Renderowanie>Chmury>Plazma...
Ziarno losowości wybieramy dowolne (ja użyłem 1270056290)
Turbulencje również dowolne. Od nich w dużej mierze będzie zależał efekt końcowy. Ja wybrałem 1,5. 3.
Warstwa>Kolory>Desaturacja 4.
Filtry>Zniekształcenia>Deformowanie.
W zakładce Ustawienia bawimy się różnymi narzędziami.
Klikamy OK. Uwaga! Jeśli wymiary obrazu są duże, ta operacja może trochę potrwać (mówiąc duże mam na myśli naprawdę duże) 5.
Możemy teraz pobawić się różnymi filtrami, których używaliśmy (lub też nie) w poprzednich tutorialach. 6.
Watstwa>Kolory>Barwienie
I znomu ustawiamy tak jak nam się podoba.
Uwaga! Zamiast tego można użyć:
Filtry>Kolory>Odwzorowania>Odwzorowywanie gradientu
Przedtem musimy mieć wybrany jakiś ładny gradient(polecam Golden).
Oto efekty, jakie można uzyskać:
Ukryty tekst:
Tutorial 6
Poziom trudności: 1
"Skóra węża"
Tutaj znowu jeden z efektów na których jest kilka sposobów i ciągle powstają nowe. Ja zaprezentuję swój oraz podam link do 2 innych.
To najpierw ten mój. 1.
Tworzymy nowy dokument. 2.
Pędzlem Vine zapełniamy cały obraz. 3.
Klikamy:
Filtry>Zniekształcenia>Mozaika
I klikamy OK 4.
Zostawiamy tak jak jest lub stosujemy rozmycie gaussa (Filtry>Rozmycie>Rozmycie Gaussa) w promieniu rozmycia 1-2 pix w pionie i poziomie.
1.
Tworzymy nowy dokument o przeźroczystym tle. 2.
Wybieram narzędzie Zaznaczanie obszarów eliptycznych i po lewej stronie dokumentu rysujemy wysokie "jajo". 3.
W opcjach narzędzia odnajdujemy napis: Tryb: Obok powinny być 4 przyciski. Wybieramy trzeci(Odejmuje od bieżącego zaznaczenia). 4.
Ten tryb odejmuje obszary od zaznaczenia. Więc odejmujemy sobie kolejne obszary od naczej elipsy aby wyszedł nam ładny wzorek to będzie jeden z czterech (Uwaga! boków może być oczywiście więcej np. 6, 8 lub więcej) boków. 5.
Zaznaczenie wypełniamy czarnym kubełkiem. 6.
Kopiujemy zaznaczenie (ctrl+c). 7.
Wklejamy zaznaczenie (ctrl+v). 8.
Obracamy je o 90 stopni(jeśli chcemy mieć np3 8 boków to 45 itd. ). (shift+r, wpisujemy 90 i klikamy OK) Przesuwamy je tak aby stykało wyszedł taki kształt:
---------
|
|
|
| 9.
Powtarzamy punkt 8. (z tym, że stosujemy inne kąty obrotów) do momentu powstania czegoś podobnego do kwadratu lub koła (lub trójkąta, albo innej figury, zależnie od tego jakie kąty zastosowaliśmy). 10.
Klikamy:
Script-Fu>Renderowanie>Lawa
Klikamy OK. 11.
W tym punkcie napiszę jak zrobić poświatę: a. Duplikujemy warstwę tło. b. Stosujemy na niej rozmycie Gaussa (Filtry>Rozmycie>Rozmycie Gaussa) o promieniu rozmycia 7 pixeli. c. Przesuwamy tą warstwę na sam dół. d. Zostawiamy tak jak jest, lub stosujemy na tej warstwie:
Warstwa>Kolory>Barwienie i wybieramy jakiś ładny kolor.
I efekt:
A po drobnych zmianach:
Ukryty tekst:
Tutorial 8
Poziom trudności 2
"Karykatura"
W tym tutorialu napiszę jak zrobić karykaturę. Poziom trudności to 2 ponieważ 1 to normalny poziom trudności, a drugie 1 to nasza wyobraźnia. Nie będzie to typowy tutorial, a raczej przedstawienie pewnego narzędzia.
1.
Tworzymy nowy dokument i wklejamy jakieś zdjęcie. 2.
Klikamy:
Filtry>Zniekształcenia>Deformowanie
Pojawia nam się okno. Pracujemy w zakładce Ustawienia, zakładki Animacja nie ruszamy.
Pracujemy w miniaturce obrazka.
Dwa sktywne suwaki służą do zmiany szybkości i wielkości deformacji.
Powyżej mamy do wyboru 6 narzędzi. Przesunięcie służy do rozciągania i przesuwania fragmentów obrazu. Możemy nim np. podnieść brwi. Usunięcie cofa i usuwa zmiany na wybranych obszarach obrazu. Rozrost powiększa poszczególne części obrazu. Możemy nim np. uwydatnić policzki. Skurczenie zmniejsza poszczególne części obrazu. Możemy nim np. zmniejszyć nos. Zwinięcie PWZ i Zwinięcie ZWZ działa jak "mikser". PWZ i ZWZ różni to, że jedno kręci w prawo, a drugie w lewo.
Po skończeniu pracy klikamy OK.
Mój efekt: ocenzurowano :P
I oryginał: ocenzurowano :P
--Bonus--
Teraz taki mały bonusik. Nie jest to tutorial, tylko pewny obrazek dotyczący pixelartów, a w szczególności itemów-mieczy. Przedstawiłem tu jeden z wielu sposobów cieniowania ostrza. Chcę uświadomić, że cieniowanie to nie tylko rysowanie pasek po pasku coraz jaśniejszego koloru.
Miecz zrobiony w painicie.
Ukryty tekst:
Tutorial 9
Poziom trudności: 5
"Pulsująca sygnatura lub avatar"
W tym tutorialu dowiecie się jak zrobić piękną animowaną sygnaturkę lub avatar. Poziom trudności 5. Dlaczego? Sam tutorial 2 +1 z własną inwencję i 2 za wykonanie avatara. 1.
Tworzymy nowy obrazek. Wklejamy lob tworzymy grafikę, która ma pulsować. 2.
Duplikujemy warstwę 11 razy (w sumie ma być 12 warstw) 3.
Teraz przyszedł czas na naszą inwencję. Na każdej warstwie stosujemy dowolny typ rozmycia, czyli:
Filtry>Rozmycie>Pikselizacja, Rozmycie w ruchu(trzy różne), Rozmycie Gaussa
Inne dają słaby efekt 4.
Używając rozmycia które wybraliśmy stusujemy je kolejno na warstwach i o promieniu, długości lub też kącie rozmycia:
Tło (pierwsze od dołu, tutaj widzice na odwrót): 0
2: 5
3: 10
4: 15
5: 20
6: 25
7: 30
8: 25
9: 15
10: 5
11: 0
12: 0
5.
Zapisujemy:
Wpisujemy nazwę, wybieramy folder...
Typ pliku: Gif
Klikamy zapisz.
Powinno nam się pojawić okno
Wybieramy na nim: Zapisz jako animację
w drugim zostawiamy tak jak jest (pierwsza opcja)
Po potwierdzeniu powinno się pokazać drugie okno.
Zaznaczamy zapętlenie na zawsze (powinno być domyślnie zaznaczone)
Wybieramy 80 milisekund (albo inaczej, według waszego pomysłu) i potwierdzamy.
To by było na tyle. Efekt:
Tutaj rozjaśnianiałem narzędziem "Jasność i Kontrast" (Warswa>Kolory>Jasność i Kontrast)
Ukryty tekst:
Tutorial 10
Poziom trudności: 3
"śmieszny napis"
1.
Tworzymy nowy plik o czarnym tle i tworzymy na nim biały napis. 2.
Duplikujemy warstwę z tekstem. 3.
Dolną warstwę z tekstem łączymy z tłem. 4.
Wybieramy górną warstwę i:
klikamy na niej PrawymPrzyciskiemMyszy i wybieramy "dopasuj wymiary warstwy do obrazu" 5.
Wybieramy dolną warstwę, i stosujemy na niej rozmycie Gaussa o promieniu 20 px. 6.
Wybieramy górną warstwę i na niej również stosujemy rozmycie Gaussa tym razem jednak o promieniu 10 px 7.
Na dolnej warstwie stosujemy:
Warstwa>Kolory>Krzywe
I robimy pionowy zygzak, w taki sposób:
8.
Dalej na dolnej warstwie stosujemy:
Filtry>Odwzorowania>Mapowanie Wypukłości
Mapowanie wypukłości: ZAZNACZAMY GÓRNĄ WARSTWĘ!
Głębia: wasz wybór, ja zastosowałem najpierw 3 a potem 8(dwa razy stosowałem ten filtr).
Reszta tak jak jest. 9.
Warstwa>Kolory>Balans Kolorów 10.
Ważne! Górną warstwę powinniśmy usunąć, ale podczas pisania tutoriala zauważyłem, że jeśli jej nie usuniemy to uzyskamy inny, ale również ładny efekt
Efekt:
Ukryty tekst:
Tutorial 11
Poziom trudności: 2
"tkanino-mozaika" 1.
Filtry>Renderowanie>Chmury>Jednolite chmury
Wybieramy tak jak wam pasuje. 2.
Filtry>Rozmycie>Pikselizacja
Z rozmiarem można poeksperymentować. Ja użyłem 35. 3.
Duplikujemy warstwę. 4.
Na dolnej warstwie stosujemy:
Fltry>Rozmycie>Rozmycie Gaussa
Promień taki jak wam pasuje, zależy również od wymiarów i rozmiarów kafelków pikselizacjii. Ja użyłem 15. 5.
Na górnej warstwie stosujemy:
Filtry>Odwzorowania>Mapowanie wypukłości
Jako bazę do mapowania stosujemy dolną warstwę.
Tutaj również eksperymentujemy. Ja użyłem głębi 25.
Efekt:
Ukryty tekst:
Tutorial 12
Poziom trudności: 2
"wybuch"
Tłumaczony z PS-a na GIMPa - oryginał: http://graffik.pl/zrexp.htm 1.
Tworzmy dokument o czarnym tle i małym białym pędzlem mażemy po rysunku. Ważne, aby pośrodku było to dużo bardziej zagęszczone 2.
Filtry>Rozmycie>Rozmycie w ruchu
Ustawiamy:
Typ rozmycia: Powiększenie
Długość:15
Reszty nie zmieniamy. 3.
Powtarzamy punkt 2. To bardzo ważne, ponieważ ten filtr w GIMPie działa inaczej niż w PS-ie i musimy go użyć dwa razy żeby wyszedł podobny efekt(nawet nie próbujcie zwiększać długości - nic nie da). W razie potrzeby powtarzamy dwa razy (ew.na mniejszej długości) 4.
Wybieramy gradient German Flag Smooth 5.
Filtry>Kolory>Odwzorowania>Odwzorowanie Gradientu
I to tyle. Efekt:
I efekt z tutoriala na PS na którym się wzorowałem
__________________
[HACKED] by Winzard
Ostatnio edytowany przez slawekmag - 02-03-2007 o 20:56.
o w morde!
sławek! jesteś miszczem gimpa tak sąze (albo pokradłeś tutki - ojj nieładnie
juz biore sie do roboty i proboje swoich mozliwosci z roznymi kombinacjami
Teraz chcę napisać kilka tutorialów o napisach i efektach tekstowych. Może jeszcze dzisiaj będą matrixowe literki.
@ edit
Są!
@ edit
Czy mi się wydaje czy większość forum ma mnie na liście ignorowanych?
@edit
No co jest do ...... czy tylko Celoz tu zagląda? W innych topicach tyle komentów a ja mam 2 (to i galeria) i w żadnym z nich nikt nic nie komentuje.
@down
Długo czytałem cudze tutoriale, więc już na tyle dobrze znam wszystkie narzędzie, że pisanie i wymyślanie swoich tutoriali nie stanowi problemu. Może trochę czerpie z innych tutoriali, ale ich nie kopiuję ani nie przepisuję.
Chyba poproszę modka żeby zmienił temat na chat Sławek-Celoz
@edit
No chyba mnie zaraz szlag trafi!
...
SKOMENTUJCIE PLAX
@edit
NO !!!
Zaraz zwiaruję!
Może ktoś nie wiek jak zrobić jakiś efekt? Chętnie wytłumacze... Proszę komentujcie bo umrę z nudów
__________________
[HACKED] by Winzard
Ostatnio edytowany przez slawekmag - 16-09-2006 o 17:23.
up: najwyraźniej ;]
jak dodasz jakiegoś jeszcze jednego tutka to pochwale si moimi prackami
i zastanawia mnie skąd ty to masz - rżniesz z innych tutków czy sam robisz? :>
edit
mhihi
edit
up: dopisz że warto pobawić się opcjąscript fu -> stencil ops -> wax seal
edit
down: Oo..
polską, to jest gimp 1.2 o ile dobrze pamietam
edit
tak, wersja 1.2.5
to jest "zalanie woskiem" fajny efekt
Ostatnio edytowany przez Celoz - 16-09-2006 o 17:47.
hehe człowieku to co dałęś to ostatnie to masakra jest próbowałem z 50 razy i nie wychodzi
btw. więcej
to jest dopiero masakra. Tutorial według którekgo mniej więcej robiłem planetę z mojej galerii. Robiłem ją w rozmiarach 2000x2000 pixeli, ale imageshack zmniejszył zaledwie do około 600x600 . Spróbuj to zrobić (jeśli masz szybkiego kompa)
@edit
Dodałem nowy efekt końcowy w tutorialu 3
__________________
[HACKED] by Winzard
Ostatnio edytowany przez slawekmag - 17-09-2006 o 10:55.