[ Create a mp3 myspace player ] عمل مشغل اصوات احترافى

[salima]

السلام عليكم
ها الدرس مفصل روعه واحترافى
حبيت انقله لكم
الموقع اجنبى
المصدر الحقيقى
http://www.talk-mania.com/showthread.php?t=7550
بسم الله نبدأ
This is the Tutorial number 49 from the 100 Marathon Tutorial
As i have told you i will try to add a tutorial each day.




Today we will make a MP3 player. or you can use it as a mp3 myspace player of course after you will transform into a flash player

http://www.talk-mania.com/tutorials/tutorial49/30.jpg

Open a new document in photoshop with a black background #333333
The size of the document can be 500X500 pixels

Create a new layer ( press Ctrl+SHIFT+ALT+N )
Grab the Elliptical Marquee Tool and make a selection

http://www.talk-mania.com/tutorials/tutorial49/1.jpg

Select Rectangular Marquee Tool ( press on Subtract from selection ) and delete the top and the bottom selection from this circle

http://www.talk-mania.com/tutorials/tutorial49/2.jpg

Select Paint Bucket Tool and fill this selection with White then add the following layer styles

http://www.talk-mania.com/tutorials/tutorial49/3.jpg

http://www.talk-mania.com/tutorials/tutorial49/4.jpg

Duplicate the layer and resize it with a few pixels
Then add the following layer styles

http://www.talk-mania.com/tutorials/tutorial49/5.jpg

http://www.talk-mania.com/tutorials/tutorial49/6.jpg

http://www.talk-mania.com/tutorials/tutorial49/7.jpg

Then Select one more time Elliptical Marquee Tool and draw another selection

http://www.talk-mania.com/tutorials/tutorial49/8.jpg

Create a new layer ( Press CTRL+SHIFT+ALT+N ) And fill one more time the selection with white with the Paint Bucket Tool
Press CTRL+D to deselect

http://www.talk-mania.com/tutorials/tutorial49/9.jpg

Add the same layer styles as above

http://www.talk-mania.com/tutorials/tutorial49/3.jpg

http://www.talk-mania.com/tutorials/tutorial49/4.jpg

Then duplicate this oval shape and make it a little smaller
basically you will repeat the steps from above but for this time we will use
another shapes

http://www.talk-mania.com/tutorials/tutorial49/10.jpg

We will add some player buttons
This buttons are very simple and you can do this alone . Just use rectangle Tool and Polygon tool and i am sure you can create some basic mp3 player buttons

http://www.talk-mania.com/tutorials/tutorial49/11.jpg

Create another selection like in the next image

http://www.talk-mania.com/tutorials/tutorial49/12.jpg

Create a new layer ( press CTRL+SHIFT+ALT+N )
And after that With The Paint Bucket Tool Fill the selection with White

The go to Filter > Render > Difference Clouds

http://www.talk-mania.com/tutorials/tutorial49/13.jpg

Now go to Filter > Sketch > Chrome
Set the detail to 7 and smoothness also to 7 and press OK
Change the Layer blending mode to Overlay

http://www.talk-mania.com/tutorials/tutorial49/14.jpg

Now we will add some other details. For example i will add a shape under player controls, then i will add the following layer styles

http://www.talk-mania.com/tutorials/tutorial49/15.jpg

http://www.talk-mania.com/tutorials/tutorial49/16.jpg

http://www.talk-mania.com/tutorials/tutorial49/17.jpg

This is my result

http://www.talk-mania.com/tutorials/tutorial49/18.jpg

Now add some text

http://www.talk-mania.com/tutorials/tutorial49/19.jpg

Then Create a Spectrum Analyzer . this is very simple job. Grab Rectangle Tool and make a small rectangle and after that duplicate this rectangle and place it like in the following image

http://www.talk-mania.com/tutorials/tutorial49/20.jpg

Make another selection

http://www.talk-mania.com/tutorials/tutorial49/21.jpg

Create a new layer ( press CTRL+SHIFT+ALT+N )
Then Fill the selection with the following pattern
( more about patterns you can find here : http://www.talk-mania.com/showthread.php?t=37 (http://www.talk-mania.com/showthread.php?t=37) )

http://www.talk-mania.com/tutorials/tutorial49/22.jpg

Then change the opacity for this layer with pattern to 20 %

http://www.talk-mania.com/tutorials/tutorial49/23.jpg

We will create a Equalizer

This is also very simple. Choose Line tool ( set the weight to 3 pixels )
and make some line like in the next image

Add the following layer styles for this lines

http://www.talk-mania.com/tutorials/tutorial49/24.jpg

http://www.talk-mania.com/tutorials/tutorial49/25.jpg

http://www.talk-mania.com/tutorials/tutorial49/26.jpg

http://www.talk-mania.com/tutorials/tutorial49/27.jpg

this is my result

http://www.talk-mania.com/tutorials/tutorial49/28.jpg

With rounded rectangle tool i will create some other buttons for equalizer

http://www.talk-mania.com/tutorials/tutorial49/29.jpg

This is my final result

http://www.talk-mania.com/tutorials/tutorial49/30.jpg

I hope you will like this tutorial. To be honest i don't like it to much, but i am very tiered and i don't want to start another tutorial




https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©