Wajper
12-12-2010, 22:24
MediaBar/PlayerBar/MusicBar? - jeszcze nie słyszeliście o czymś takim i słusznie, bo tego nie ma (oficjalnie). Na pomysł stworzenia tej grafiki wpadłem podczas kreowania swojego podpisu na forum. Postanowiłem zrobić małą ikonkę w rodzaju userbara z tym wyjątkiem że pionową, po której kliknięciu przeniesiemy się do wybranego utworu wykonawcy którego przedstawia ta graficzka.
Tutorial jest prosty dla absolutnych laików, wszystko krok po kroku, czas wykonania to dosłownie 10-15 minut. Nie wiem czy za pierwszym razem wam to wyjdzie ale lubię placki. Zaczynamy!
1. Gdzieś na Twoim pulpicie powinna znajdować się ikonka PS - u mnie wygląda to tak:
http://img440.imageshack.us/img440/682/62287932.jpg
klikamy ;)
2. Gdy Twym oczom ukaże się królestwo Twojej wyobraźni schowane w kreatywnym pałacu Twojego umysłu... stwórz nowy dokument o wymiarach 18 piks x 72 piks, tło przezroczyste.
http://img822.imageshack.us/img822/8481/78926614.jpg
3. Spójrz na swoje biurko i znajdź jedno miejsce które jest prostopadłe do Twojej brody, przyjrzyj się albo nawet zaznacz ołówkiem w celu jego zapamiętania. Puknij głową 3 i pół raza w to miejsce, potem wróć do pracy. Mi to pomaga przezwyciężyć problemy z komputerem, polecam!
4. Znajdź teraz obrazek przedstawiający utwór który chcesz podlinkować pod mediabara, np. okładka płyty tego wykonawcy, ja się posłużę np. Juniorem Stressem, polskim wykonawcą muzyki reggae. Obrazek wklej w nowy dokument w photoshopie i ustaw sobie wygodnie obok mediabarka.
http://img337.imageshack.us/img337/6918/37043806.jpg
5. Zaznacz okładkę albumu i wklej ją w miejsce mediabara (pamiętaj aby przedtem stworzyć nową warstwę!) Okładkę zmniejsz i ustaw tak jak Ci się podoba.
http://img80.imageshack.us/img80/7743/89934132.jpg
6. Stwórz nową warstwę ctrl + shift + N zaznacz ją ctrl + A i obrysuj
http://img138.imageshack.us/img138/7779/27711462.jpg
http://img26.imageshack.us/img26/4629/78098301.jpg
7. Czas na dodanie cienia. Wchodzimy w menu Obraz -> Rozmiar Obszaru Roboczego bądź przez skrót Ctrl + Alt + C i zmieniamy wartość wysokości na 12 pikseli, oraz ułożenie jak na obrazku:
http://img826.imageshack.us/img826/1418/65047975.jpg
8. Jak widać poza obszarem obrysu jest jeszcze kawałek naszej warstwy, zaznaczamy ją zaznaczeniem protokątnym i wycinamy klawiszem [DELETE].
http://img63.imageshack.us/img63/8133/59802972.jpg
9. Zaznaczamy warstwę z przeskalowaną okładką, kopiujemy ją i wklejamy (bądź po prostu duplikujemy w oknie warstw). Następnie odbijamy ją poziomo i ustawiamy poniżej tworząc lustrzane odbicie okładki, potem tylko klikamy prawym przyciskiem myszy na nią i powtarzamy czynność obrysowywania, z takimi samymi danymi jak wcześniej 1 piks kolor czarny. Warstwie nadajemy 60 - 80% Krycia!
http://img574.imageshack.us/img574/3390/36465611.jpg
10. Klikamy na pędzelek i ustawiamy dużą średnicę, ja wybrałem 73 być może taka wystarczy do tego co zaraz wykonamy. Twardość musi być ustawiona na 0% a opcje mieszania na "usuń".
http://img153.imageshack.us/img153/8365/53744296.jpg
11. Pędzlem tym musimy teraz przejechać po południowej stronie naszego odbicia w celu miękkiego zlikwidowania odbicia i jego obrysu. Potem wygląda to jakby zanikało.
http://img814.imageshack.us/img814/191/10086004.jpg
12. Czas wkleić ikonkę serwisu do którego linkujemy obrazek, ja użyję YouTube:
http://img828.imageshack.us/img828/5036/youtubeiconz.png
http://img828.imageshack.us/img828/5036/youtubeiconz.pngWklejamy to na szczyt naszego dokumentu, jeśli czarna czcionka nie pasuje kolorujemy ją ołówkiem o średnicy 1 piks.
http://img695.imageshack.us/img695/5120/50870725.jpg
13. Tworzymy nową warstwę Ctrl + shift + N, klikamy na nią a potem w menu Obraz wybieramy opcję zastosuj obraz.
http://img249.imageshack.us/img249/8164/13919905.jpg
Zastosowany obraz możemy potraktować też białą elipsą jak w userbarach ale ja tego jakoś nie reflektuję więc zostawiam jak jest.
14. Zastosowany obraz wyostrzamy maską wyostrzającą, bądź topaz sharpenem czy inną wtyczką jeśli sobie takową zakupiłeś lub ściągłeś z terentów piracie.
http://img189.imageshack.us/img189/2271/87959761.jpg
GOTOWE ! STWORZYLIŚMY OBRAZEK MEDIABAR!
http://img718.imageshack.us/img718/1620/juniorp.png
Ostatnim punktem będzie wstawienie na forum. Tutaj podaję kod specjalny:
adres mediabara (http://adres%20filmu%20z%20youtube)
Można komentować, można dać pochwałę ale najbardziej ucieszy mnie widok waszych wypocin, tak więc do roboty czekam na outy ;)
Tutorial jest prosty dla absolutnych laików, wszystko krok po kroku, czas wykonania to dosłownie 10-15 minut. Nie wiem czy za pierwszym razem wam to wyjdzie ale lubię placki. Zaczynamy!
1. Gdzieś na Twoim pulpicie powinna znajdować się ikonka PS - u mnie wygląda to tak:
http://img440.imageshack.us/img440/682/62287932.jpg
klikamy ;)
2. Gdy Twym oczom ukaże się królestwo Twojej wyobraźni schowane w kreatywnym pałacu Twojego umysłu... stwórz nowy dokument o wymiarach 18 piks x 72 piks, tło przezroczyste.
http://img822.imageshack.us/img822/8481/78926614.jpg
3. Spójrz na swoje biurko i znajdź jedno miejsce które jest prostopadłe do Twojej brody, przyjrzyj się albo nawet zaznacz ołówkiem w celu jego zapamiętania. Puknij głową 3 i pół raza w to miejsce, potem wróć do pracy. Mi to pomaga przezwyciężyć problemy z komputerem, polecam!
4. Znajdź teraz obrazek przedstawiający utwór który chcesz podlinkować pod mediabara, np. okładka płyty tego wykonawcy, ja się posłużę np. Juniorem Stressem, polskim wykonawcą muzyki reggae. Obrazek wklej w nowy dokument w photoshopie i ustaw sobie wygodnie obok mediabarka.
http://img337.imageshack.us/img337/6918/37043806.jpg
5. Zaznacz okładkę albumu i wklej ją w miejsce mediabara (pamiętaj aby przedtem stworzyć nową warstwę!) Okładkę zmniejsz i ustaw tak jak Ci się podoba.
http://img80.imageshack.us/img80/7743/89934132.jpg
6. Stwórz nową warstwę ctrl + shift + N zaznacz ją ctrl + A i obrysuj
http://img138.imageshack.us/img138/7779/27711462.jpg
http://img26.imageshack.us/img26/4629/78098301.jpg
7. Czas na dodanie cienia. Wchodzimy w menu Obraz -> Rozmiar Obszaru Roboczego bądź przez skrót Ctrl + Alt + C i zmieniamy wartość wysokości na 12 pikseli, oraz ułożenie jak na obrazku:
http://img826.imageshack.us/img826/1418/65047975.jpg
8. Jak widać poza obszarem obrysu jest jeszcze kawałek naszej warstwy, zaznaczamy ją zaznaczeniem protokątnym i wycinamy klawiszem [DELETE].
http://img63.imageshack.us/img63/8133/59802972.jpg
9. Zaznaczamy warstwę z przeskalowaną okładką, kopiujemy ją i wklejamy (bądź po prostu duplikujemy w oknie warstw). Następnie odbijamy ją poziomo i ustawiamy poniżej tworząc lustrzane odbicie okładki, potem tylko klikamy prawym przyciskiem myszy na nią i powtarzamy czynność obrysowywania, z takimi samymi danymi jak wcześniej 1 piks kolor czarny. Warstwie nadajemy 60 - 80% Krycia!
http://img574.imageshack.us/img574/3390/36465611.jpg
10. Klikamy na pędzelek i ustawiamy dużą średnicę, ja wybrałem 73 być może taka wystarczy do tego co zaraz wykonamy. Twardość musi być ustawiona na 0% a opcje mieszania na "usuń".
http://img153.imageshack.us/img153/8365/53744296.jpg
11. Pędzlem tym musimy teraz przejechać po południowej stronie naszego odbicia w celu miękkiego zlikwidowania odbicia i jego obrysu. Potem wygląda to jakby zanikało.
http://img814.imageshack.us/img814/191/10086004.jpg
12. Czas wkleić ikonkę serwisu do którego linkujemy obrazek, ja użyję YouTube:
http://img828.imageshack.us/img828/5036/youtubeiconz.png
http://img828.imageshack.us/img828/5036/youtubeiconz.pngWklejamy to na szczyt naszego dokumentu, jeśli czarna czcionka nie pasuje kolorujemy ją ołówkiem o średnicy 1 piks.
http://img695.imageshack.us/img695/5120/50870725.jpg
13. Tworzymy nową warstwę Ctrl + shift + N, klikamy na nią a potem w menu Obraz wybieramy opcję zastosuj obraz.
http://img249.imageshack.us/img249/8164/13919905.jpg
Zastosowany obraz możemy potraktować też białą elipsą jak w userbarach ale ja tego jakoś nie reflektuję więc zostawiam jak jest.
14. Zastosowany obraz wyostrzamy maską wyostrzającą, bądź topaz sharpenem czy inną wtyczką jeśli sobie takową zakupiłeś lub ściągłeś z terentów piracie.
http://img189.imageshack.us/img189/2271/87959761.jpg
GOTOWE ! STWORZYLIŚMY OBRAZEK MEDIABAR!
http://img718.imageshack.us/img718/1620/juniorp.png
Ostatnim punktem będzie wstawienie na forum. Tutaj podaję kod specjalny:
adres mediabara (http://adres%20filmu%20z%20youtube)
Można komentować, można dać pochwałę ale najbardziej ucieszy mnie widok waszych wypocin, tak więc do roboty czekam na outy ;)