Forum Odjechani.com.pl wykorzystuje cookies. Korzystanie z witryny oznacza zgodę na ich zapis lub wykorzystanie, więcej informacji w polityce prywatności
Akceptuję politykę prywatność, zamknij informację
  • Uwaga! Przez pewien czas forum może nie działać poprawnie.
  • Prowadzimy prace knserwacyjne i staramy się poprawić jakość forum.
  • Przepraszamy za wszelkie utrudnienia z tym związane.
  • Witamy na forum Odjechani.com.pl!
  • Rozgość się, każdy znajdzie tu coś dla siebie ;)
Witaj! Logowanie Rejestracja


Tutorial GIMP: Przycisk
#1
W tym tutorialu pokaże wam jak zrobić ciekawy przycisk w Gimpie. Jeżeli jesteś początkujący radze zapoznać się z nazwami narzędzi w tym poście http://odjechani.com.pl/thread-3745-post-24420.html#pid24420
1. Utwórz nowy obraz o rozmiarach 200px na 200px (Ctrl + N)
2. Następnie rozwiń opcje zaawansowane i wypełnienie ustaw na "Przezroczysta"
3. Wypełnij nasz obraz białym kolorem (przeciągnij kolor pierwszoplanowy na nasz obraz) i utwórz nowa warstwę (Shift +Ctrl + N) ustaw ją na "Przezroczysta"
4. Tak powinny wyglądać nasze warstwy.
[Obrazek: nasza_warstwa-1313414541.jpg]
5. Na przezroczystej warstwie tworzymy prostokąt o wymiarach 175px na 50px i zaokrąglamy jego rogi ( Zaznaczenie -> Zaokrąglenie... ) i ustawiamy promień na 20%.
6. Następnie wypełniamy go tym kolorem. 70a210
7. Tworzymy kolejną przezroczystą warstwę (Shift + Ctrl + N) i wypełniamy białym gradientem od góry do mniej więcej środka przycisku. Tryb warstwy ustawiamy na "Pokrywanie"
8. Znów tworzymy nową warstwę (Shift + Ctrl + N)
9. Tworzymy także nowy obraz o wymiarach 3px na 3px. Wypełnienie przezroczyste.
10. Wybieramy narzędzie ołówek. Kolor pierwszoplanowy ustawiamy na 000000
11. Narzędziem "Powiększenie" przybliżamy nasz obraz o 9000% i narzędziem ołówek rysujemy tak jak na załączonym obrazku.
[Obrazek: 3na3-1313415641.jpg]
12. Na tej warstwie klikamy PPM i zaznaczamy opcję "Kanał alfa na zaznaczenie". Następnie klikamy (Ctrl + N).
13 Powracamy do naszego przycisku, wybieramy narzędzie "Wypełnienie kubełkiem" zaznaczymy opcje deseń i wchodzimy w obrazek przypominający teksturę drewna. Następnie wybieramy obraz o nazwie "Schowek" i na ostatniej warstwie klikamy kubełkiem. Krycie warstwy ustawiamy na 10%.
14. Czas na tekst. Na nowej warstwie (Shift + Ctrl + N) zaznaczamy obszar naszego tekstu. Wyświetli nam się pole gdzie wpisujemy nasz tekst. Rozmiar czcionki ustawimy na 18px, typ czcionki "Sans Bold Italic". Kolor czcionki 146f14. Zaznacz także opcję "wygładzaj", jeżeli nie jest zaznaczona. Narzędziem "Przesunięcie" ustawiamy napis na środku.
15. Teraz duplikujemy warstwę z tekstem.
[Obrazek: duplikat-1313416707.jpg]
16. Na z duplikowanej warstwie klikamy PPM "Kanał alfa na zaznaczenie i wypełniamy kolorem 000000
17. Z duplikowaną warstwę przeciągamy pod oryginalną warstwę z tekstem i za pomocą narzędzia "Przesunięcie" przesuwamy" o 1px w lewo i 1px do góry. Krycie warstwy ustawiamy na 60%.
18. Przejdź teraz na na drugą warstwę i wejdź w opcje Filtry -> Światło i cień -> Rzucanie cienia i ustaw zaczynając od góry 2, 2, 6, 30%.
19. Możesz teraz usunąć warstwę tło PPM na warstwie "Usuń warstwę"
20. Zapisz plik w formacie png. Shift + Ctrl + S i zapisz pod nazwą przycisk.png
21. Nasz obraz można jeszcze przyciąć do odpowiednich rozmiarów, aby zmieścił się w ramce
22. Efekt końcowy.
[Obrazek: button-1313418087.png]
Chomik: YouTube | Portfolio deviantART


 
Odpowiedz cyt. }
Podziękowania od:
#2
Wszystko ładnie opisane. Ja chociaż nigdy nic nie robiłem w gimpie ; p zrozumiałem o co chodzi Usmiech
Czekam na więcej Usmiech
Od­wróco­ne dno nie sta­nie się szczytem.
 
Odpowiedz cyt. }
Podziękowania od:
#3
A ja dopiero zaczynam zabawę z grafiką i mam problem z kilkoma punktami...

rafal07000 napisał(a):7. Tworzymy kolejną przezroczystą warstwę (Shift + Ctrl + N) i wypełniamy białym gradientem od góry do mniej więcej środka przycisku. Tryb warstwy ustawiamy na "Pokrywanie"
Gradientem wypełniamy przycisk? Można prosić o dokładniejsze instrukcje, jak to zrobić?
Edit: Punkt 7. nieaktualny, już sobie poradziłam. Oczko

rafal07000 napisał(a):9. Tworzymy także nowy obraz o wymiarach 3px na 3px. Wypełnienie przezroczyste.
10. Wybieramy narzędzie ołówek. Kolor pierwszoplanowy ustawiamy na 000000
11. Narzędziem "Powiększenie" przybliżamy nasz obraz o 9000% i narzędziem ołówek rysujemy tak jak na załączonym obrazku.
12. Na tej warstwie klikamy PPM i zaznaczamy opcję "Kanał alfa na zaznaczenie". Następnie klikamy (Ctrl + N).
Po co to wszystko robiliśmy, skoro tego nie wykorzystaliśmy?

rafal07000 napisał(a):18. Przejdź teraz na na drugą warstwę i wejdź w opcje Filtry -> Światło i cień -> Rzucanie cienia i ustaw zaczynając od góry 2, 2, 6, 30%.
U mnie nie ma opcji "Rzucanie cienia", da się to w jakiś sposób zastąpić?
 
Odpowiedz cyt. }
Podziękowania od:
  


Podobne wątki
Wątek: Autor Odpowiedzi: Wyświetleń: Ostatni post
  Tutorial: Photoshop - dodawanie nowych pędzli. Nieśmiertelny 6 783 12.02.2013, 01:35
Ostatni post: B0hazard
  Tutorial: Photoshop cs6 - nawet ładny napis. Nieśmiertelny 2 1,069 11.17.2013, 13:03
Ostatni post: Nieśmiertelny
  Tutorial Cinema 4D | Napis z drzwiami B0hazard 10 1,307 08.27.2013, 17:40
Ostatni post: B0hazard
Lightbulb Tutorial Photoshop: Napis wypełniony obrazkiem Nicholas 7 2,535 08.25.2013, 22:44
Ostatni post: Nicholas
  Tutorial Photoshop PL: Digital Make Up [Poradnik by B0hazard] B0hazard 13 4,997 08.18.2013, 17:36
Ostatni post: SandiK2o13

Skocz do:


Przeglądanie: 1 gości