Follow us on Facebook Follow us on Twitter Linked In Flickr Watch us on YouTube My Space Blogger
التسجيل
النتائج 1 إلى 9 من 9

تصميم CD PLayer رائع

هذا الموضوع : تصميم CD PLayer رائع داخل الدورات والدروس التعليمية | Photoshop Tutorials & Tipsالتابع الي قسم الفوتوشوب | Adobe PhotoShop : This tutorial is the first step to making a realistic [COLOR=orange ! important] [COLOR=orange ! important] cd [COLOR=orange ! important] ...

  1. #1
    الصورة الرمزية k o g d
    مصمم متميز

    الحالة
    غير متصل
    تاريخ التسجيل
    Aug 2007
    العمر
    27
    المشاركات
    8,660
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    195

    تصميم CD PLayer رائع

    This tutorial is the first step to making a realistic [COLOR=orange ! important][COLOR=orange ! important]cd [COLOR=orange ! important]player[/COLOR][/COLOR][/COLOR] image shown below.


    This tutorial will show you how to make the basic shape needed to make your cd player.
    First off you are going to comprise your cd player shape of 3 object. A circle, a square, and another circle

    Center your square and place your first circle on the bottom of it.
    And do the same to the top.
    Now merge your layers.
    Now this shape is a bit to long, so we are going to take some of the middle out of it. Use your square selection tool to select some of the middle, and press delete.

    Now move them together.

    Now go to edit> transform> rotate and rotate your shape
    Now you have your basic shape.

    .


  2. #2
    الصورة الرمزية k o g d
    مصمم متميز

    الحالة
    غير متصل
    تاريخ التسجيل
    Aug 2007
    العمر
    27
    المشاركات
    8,660
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    195
    This tutorial is the second step in a series of tutorial showing you how to make a realistic [COLOR=orange ! important][COLOR=orange ! important]cd [COLOR=orange ! important]player[/COLOR][/COLOR][/COLOR]. Make sure you have done the first step before doing this one.

    We left off with our basic cd player shape. You might want to cut down a little bit on the rounded corners to more of an oval shape if you prefer, or just leave it how it is.

    Our first step is to add a gradient. So make your foreground color a light gray, and your bg color a medium gray. Now fill your shape until you get the right effect.


    Now, make a new layer under your other layers and select your cd player shape. Fill the selection with black and give it a Gaussian blur of 5. Now position your new shadow so that it looks like the image below.

    Now, make a new layer above all of your previous layers and select a small portion of the top of your shape. Fill this selection with a gray color slightly darker that your main gradient color. Make it as close to the image below as possible.
    Now make another layer. We are going to do the same thing, but this time of the bottom of the image. Again, try and make it look like the image below.
    Now duplicate the layer you just made and add a blur to it, you should now have an image like the one below.

    Now I added a thinner line of gray at the top of the shape to give it some more depth.
    Now just make a new layer, select your cd player image and give it a nice gray outline. To do this go to edit > stroke
    Now you should have a nice shape going. Now that you have come this far, on to the next tutorial! Hope your having fun



  3. #3
    الصورة الرمزية k o g d
    مصمم متميز

    الحالة
    غير متصل
    تاريخ التسجيل
    Aug 2007
    العمر
    27
    المشاركات
    8,660
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    195
    Now, this is the third tutorial in a series of tutorials showing you how to make a realistic cd player image. Do not use this tutorial until you have completed steps 1 and 2.

    The first thing you need to do is add a top to your cd player. Use your circle selection too to select a circle in the middle of your shape and fill it with a medium gray.


    Now we are going to add a small pixel inner bevel. Use the image below to see what I mean

    The secret behind this is to make 2 different lines. Make sure that the lighter line is below the darker one, as shown in the image below.
    Again, use your circle [COLOR=orange ! important][COLOR=orange ! important]selection [COLOR=orange ! important]tool[/COLOR][/COLOR][/COLOR] to add another small pixel inner bevel as shown below

    Now, lighten the area inside the second pixel bevel. To do this, merge your layers. Then select the portion that you want to make lighter and go to edit >adjust > brightness/contrast and slightly increase the brightness.
    Now that we are done adding these small details it is time to go onto the next tutorial to learn how to make the buttons! So lets go...



  4. #4
    الصورة الرمزية k o g d
    مصمم متميز

    الحالة
    غير متصل
    تاريخ التسجيل
    Aug 2007
    العمر
    27
    المشاركات
    8,660
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    195
    his tutorial is the forth section to the six part tutorial on making a cd player. Make sure you do tutorials 1 2 and 3 before doing this one.

    In the end of this installment, you should have an image like the one below.


    The first step is learning the key behind making the buttons. When you make these buttons, the steps are really easy.
    First, zoom in to make it easier.
    The first step is to make the part that the button will sit in. When doing this, make sure that you make the top section dark, and the button section light. This is due to the fact that the light would be hitting the bottom, and not the top.

    When making your button, use the gradient tool, making sure that the light portion is to the left, and the dark portion to the right. Then give it a good outline.
    Now place your buttons in there slots.

    Now [COLOR=orange ! important][COLOR=orange ! important]zoom [COLOR=orange ! important]out[/COLOR][/COLOR][/COLOR] and your will see how good it looks.
    Rotate your buttons and place them as shown below.
    Use the same method for the other 2 buttons and place them as shown above.
    Now that you are done making the buttons, its time to do to the next tutorial. You are getting close to the end

  5. #5
    الصورة الرمزية k o g d
    مصمم متميز

    الحالة
    غير متصل
    تاريخ التسجيل
    Aug 2007
    العمر
    27
    المشاركات
    8,660
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    195
    Welcome to the 5th tutorial in a series teaching you how to make a realistic cd player. Make sure you have completed steps 1, 2, 3, and 4 before attempting this step.

    The first step in this section is to make the small screen found on most cd players. To make this we are going to have to zoom in.


    Now that we are zoomed in we can see how easy this step really is. But, I am still going to do a quick outline on how I make it.
    First I made a selection like the one below and filled it with dark gray

    Now I made a selection like the one below and filled it with a medium gray.
    Again, making another selection to the other side, I filled this one with a light gray.
    And finally selecting the bottom and filling it with a lighter gray.

    Now [COLOR=orange ! important][COLOR=orange ! important]zoom [COLOR=orange ! important]out[/COLOR][/COLOR][/COLOR] and see what it really looks like.

    Now, using the text tool I added some basic text that is found on most cd players.
    Now you are almost done, all that is left now is to make the cord! Lets go onto the last and final step...



  6. #6
    الصورة الرمزية k o g d
    مصمم متميز

    الحالة
    غير متصل
    تاريخ التسجيل
    Aug 2007
    العمر
    27
    المشاركات
    8,660
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    195
    This is the last and final step to making your cd player. Make sure you have fully completed steps 1, 2, 3, 4, and 5 before completing this one.
    This first step to making our cord is to zoom in.
    Now make and fill a selection like the one below.
    I now added a lighter section inside the dark one, and a small square to the side were it will plug into the cd player.
    I now added 2 circle, making sure that the center of the circles are the lightest part so it give it that slightly 3d feel.
    I now added 3 small square shapes to the bottom of the 2 circles. And gave them a s small outline, along with the 2 circles.
    Now zoom out to see how good it looks.
    Now we are going to make the cord.
    First use your line tool to make a black line. Set the thickness to 2 pixels.
    Now go to layer >liquefy and use the tools to add the curves to your wire.
    Now duplicate the wire and position it next to your other wire, to give it the double wire look that many cd players have.


    Now connect your wires to your plug



    Now merge your wire layers, and hold control and click on your merged layer. This should give you an outline of your wire and plug. Make a new layer under your other layers and fill it with black and give it a blur Position your new shadow so it looks like the image below.
    Now zoom out and take a look at your finished product!







    انتها الدرس

  7. #7
    مصمم مشارك

    الحالة
    غير متصل
    تاريخ التسجيل
    Jul 2008
    الدولة
    cairo
    المشاركات
    65
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    13
    انا يشرفني اني اكون اول واحد يرد عليك لان بجد انا انبهرت بالعمل ده
    ونفسي ابقي بروفيشنل ذيك كده تفتكر ممكن الواحد يتعلم زيك كده
    انا بحب جدا التصميم بس مش عارف اتعلم وان شاء الله الدورة اللي هاخدها معاكم تكون جميل وافهم منها
    جزاك الله خيرا

  8. #8
    الصورة الرمزية k o g d
    مصمم متميز

    الحالة
    غير متصل
    تاريخ التسجيل
    Aug 2007
    العمر
    27
    المشاركات
    8,660
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    195
    الله يكرمك اخي الكريم وشكرا على المرور الطيب .
    للامانة الموضوع منقول .
    هناك موضوع وتصميم يحمل نفس الفكرة لهذا لكن تصميم mp3 player والدرس باللغة العربية مترجمة , يمكنك ان تجدها في قسم الدروس تحت اسم ( تصميم mp3 player ) .
    وان شاء الله بالتوفيق في دورة الفوتوشوب .
    سلام عليكم

  9. #9
    الصورة الرمزية raed66
    مصمم مشارك

    الحالة
    غير متصل
    تاريخ التسجيل
    May 2008
    الدولة
    غـــزه
    المشاركات
    85
    Thanks
    0
    Thanked 0 Times in 0 Posts
    معدل تقييم المستوى
    13
    بارك الله فيك وجعله الله في ميزان حسناتك ان شاء لله .
    جهد اكثر من رائع .
    بالتوفيق ان شاء الله


 

 

المواضيع المتشابهه

  1. موقع رائع خاصة برندرات لعيبة كره القدم Renders Of Football's Player
    بواسطة Shazly في المنتدى إضافات الفوتوشوب | Photoshop Add-ons
    مشاركات: 2
    آخر مشاركة: 03 / 07 / 2013, 46 : 03 PM
  2. درس تصميم ماوس --درس رائع جدا--
    بواسطة khaled moh في المنتدى الدروس التعليمية | Cinema4D Tutorials
    مشاركات: 12
    آخر مشاركة: 13 / 09 / 2011, 33 : 07 AM
  3. تصميم برق بالفوتوشوب رائع Lightning
    بواسطة k o g d في المنتدى الدورات والدروس التعليمية | Photoshop Tutorials & Tips
    مشاركات: 14
    آخر مشاركة: 30 / 10 / 2008, 24 : 09 PM
  4. درس تصميم كاسات الشاي درس رائع
    بواسطة abukaram في المنتدى السينما فوردي | Cinema4D
    مشاركات: 24
    آخر مشاركة: 27 / 01 / 2008, 09 : 10 AM
  5. تصميم رائع
    بواسطة نهر في المنتدى الديكور و الماكس المعماري | Decoration and Architectural
    مشاركات: 3
    آخر مشاركة: 22 / 09 / 2006, 25 : 04 PM

الكلمات الدلالية لهذا الموضوع

المفضلات

ضوابط المشاركة

  • لا تستطيع إضافة مواضيع جديدة
  • لا تستطيع الرد على المواضيع
  • لا تستطيع إرفاق ملفات
  • لا تستطيع تعديل مشاركاتك
  •  
الساعة الآن 13 : 02 PM
Powered by vBulletin® Version 4.2.3
Copyright © 2017 vBulletin Solutions, Inc. All rights reserved.
Search Engine Optimization by vBSEO