To mój pierwszy tutorial,ale mam nadzieję, że sie spodoba.
1.główne warstwyTworzymy nowy dokument np. 420x300px. Wybieramy
Zazanczenie obszarów prostokatnych i zaznaczamy prostokąt przypominajacy mniej więcej nasz odtwarzacz. Wybieramy Zaznaczenie - Zaokraglenie i ustawiamy promień na 14%. I wypelniamy dowolnym kolorem.
Dodajemy drugą warstwę która nazwijmy "wyswietlacz". Rysujemy drugi prostokat który bedzie naszym wyswietlaczem. I tak samo go zaokrąglamy. Wyswietlacz wypełniamy gradientem - niebiesko-białym ja wybrałam d0d2ff i ffffff.
2.dodajemy blaskiOtwieramy warstwę nr.1. Zaznaczamy ją jak na obrazku, a nastepnie wybieramy gumke. Krycie ustawiamy na 23,6 i "mażemy" po obszarze gumką. A teraz cień.
Podobnie robimy z warstwą "wyświetlacz" z tą różnicą że zaznaczamy ją eliptycznie jak na rysunku i "mażemy" 2 razy, aby byl mocniejszy efekt.
3.tworzymy klawiaturkęNa nastepnej warstwie (nazywamy ja "klawisze") tworzymy kolejny prostokat znów zaokrąglamy.
Kolor pierwszoplanowy ustawiamy na biały a drugoplanowy na czarny i wypełniamy gradientem o kryciu 62,1.
Duplikujemy warstwę i zamalowujemy ją na szary kolor. Przesuwamy ja pod warstwę "klawisze" i ustawiamy tak aby lekko
wystawała od góry oraz z lewej. Wycieramy zaznaczenie w warstwie "klawisze" gumką (krycie 100%) aby pozbyć się wcześniej zrobionego cienia z klawiaturki. Gdy mamy już gotowy zarys naszych klawiszy rysujemy
na nich półokrąg imitujacy błysk. "Mażemy" po nim pędzlem (kolor biały) o kryciu 9,6.
4.znaki klawiaturkiDo nadania przyciskom etykiet uzyjemy ścieżek. Rysujemy znaki jak poniżej - Zaznaczenie - ze ścieżki i kolorujemy na biało. Jest o wiele łatwiej z czcionką "Webdings", ale nie mogłam jej nigdzie znaleść.A teraz bedziemy oddzielać od siebie przyciski. Ustawiamy pedzel "Crilce 01" i rysujemy pionowe kreski kolorem #737373.
5.zawartość wyświetlaczaDodajemy warstwę.
Za pomocą narzedzia tekstu wpisujemy dowolny tekst w nasz wyświetlacz. Ja użyłam czcionki Tahoma Bold,w rozmiarze 15px. Krycie warstwy ustawiamy na 80,7.
A teraz rysujemy pasek postępu. Dodajemy kolejna warstwę. Wybieramy ołówek razem ze shiftem rysujemy prostokat nastepnie grubsza linią wypełnienie postepu. Mozemy równiez dodać czas.
A oto nasz efekt: