Photoshop

Dodatki do Photoshopa. Akcje, pluginy, tutoriale, gradienty.

Gimp

Tutoriale do Gimpa.

Wordpress

Wtyczki, motywy graficzne i proste modyfikacje Wordpressa.

Button w stylu Mac’a

0
doda³ covalic w kategorii : Tutorials / kwi 4 2009


1. Otwieramy Adobe i tworzymy nowy plik, rozmiar np 200×200, tÅ‚o przezroczyste (transparent).
2. Okrągłym zaznaczeniem (eliptical marque tool) zaznaczamy kółko (w miarę równe tongue.gif)
3. WypeÅ‚niamy je jakimÅ› – wybranym przez nas – kolorem.

4. Ctrl + J – powielamy warstwÄ™.  Klikamy na warstwÄ™ wyższÄ… – prawym przyciskiem myszki – Blending Options [opcje mieszania??] (albo 3 razy klick lewym myszki)
5. Ustawiamy Drop shadow (czyli cieÅ„) z takimi jak na rysunku wartoÅ›ciami – ważne, żeby „distance” byÅ‚o równe 0
6. Klikamy OK i mamy kółko z cieniem biggrin.gif

7. Można opcjonalnie dodać dodatkowÄ… obramówkÄ™ (stroke) z takimi mniej wiÄ™cej parametrami – ważne żeby nie zasÅ‚onić cienia, który jest ważniejszy i bez niego nasza praca nie bÄ™dzie taka Å‚adna tongue.gif

8. Na naszym obrazku, na warstwie tej caÅ‚kiem pod spodem (warstwie tÅ‚a) rysujemy elipsÄ™ [jak na obrazku], klikamy PPM (prawym myszki) i dajemy select inverse – zaznacz odwrotnie – i kopiujemy to co sie nam zaznaczyÅ‚o.

9. przechodzimy na górnÄ… warstwÄ™, i w menu layer -> new layer – tworzymy nowa warstwÄ™ nad poprzednimi – i wklejamy tam to co skopiowalismy – uważamy żeby wkleiÅ‚o siÄ™ porzÄ…dnie w miejscu które chcemy – w razie czegoÅ› przesuwamy na miejsce narzÄ™dziem Move Tool.
10. Zaznaczamy te nasze wklejone kawałki (magic wand tool) i malujemy jakimś ciemniejszym ale pasującym do reszty kolorem, albo sciemniamy burn toolem

Jeżeli kolor jest zbyt mocny, można w opcjach warstwy zmniejszyć jego nasycenie (tzn zwiększyć przeźroczystość) tak, aby na oko współgrał z tłem.

11. Layer -> new layer nad poprzednimi, zaznaczamy elipse jak na rysunku, i wypełniamy ją gardientem biało-przezroczystym.
12. PodobnÄ… elipsÄ™ rysujemy na dole naszego kółka i tez wypeÅ‚niamy gardientem – ważne żeby elipsa nie wychodziÅ‚a poza obramowanie naszego kółka

Jeżeli jesteÅ›my zadowoleni z efektu, możemy zapisać prace, w formacie .png – aby tÅ‚o pozostaÅ‚o przezroczyste, a kolory siÄ™ nie zmieniÅ‚y. Oto wynik:

Można dodać dodatkowe efekty, jak np. Render –> Lens Flare (użyj na kolorowej warstwie, bo na pustej nie bÄ™dzie widać efektu)

Możemy dodać też jakiś element wewnątrz kółka, np porządnie wykonany obrazek .png z przezroczystym tłem, np ze składu grafik png

Albo jakiÅ› harmonijny napis… ale trzeba wytężyć zmysÅ‚ estetyczny, by nie zepsuć efektu.

życzę przyjemnej i owocnej zabawy biggrin.gif

źródło: http://www.webtips.pl/post2472.html



O autorze

covalic opublikował łąznie 95 artykułów dla eXtreme Design.

Marcin Kowalski vel. covalic 32 letni grafik z zawodu, fotografik (amator) z zamiłowania.

Napisz komentarz