فواصل » موسيقى http://portal.fwasl.com Wed, 16 Oct 2019 18:49:35 +0000 ar hourly 1 https://wordpress.org/?v=3.9.40 تصميمات عصرية لشعارات موسيقية http://portal.fwasl.com/%d8%aa%d8%b5%d9%85%d9%8a%d9%85%d8%a7%d8%aa-%d8%b9%d8%b5%d8%b1%d9%8a%d8%a9-%d9%84%d8%b4%d8%b9%d8%a7%d8%b1%d8%a7%d8%aa-%d9%85%d9%88%d8%b3%d9%8a%d9%82%d9%8a%d8%a9/ http://portal.fwasl.com/%d8%aa%d8%b5%d9%85%d9%8a%d9%85%d8%a7%d8%aa-%d8%b9%d8%b5%d8%b1%d9%8a%d8%a9-%d9%84%d8%b4%d8%b9%d8%a7%d8%b1%d8%a7%d8%aa-%d9%85%d9%88%d8%b3%d9%8a%d9%82%d9%8a%d8%a9/#comments Thu, 03 May 2012 15:44:02 +0000 http://www.portal.fwasl.com/?p=21299 العديد من الفنانين سواء فنانى الديجيتال أو حتى العاديين منهم يجدون كثيرا من الالهام فى الموسيقى. فهى تمثل عالم واسع من الابداع الفنى واطلاق العنان أمام خيالهم. بعض الفنانين يؤمنون بأن الموسيقى تساعدهم على رؤية الأبعاد ، الألوان والأشكال ، وكثيرا ما تفتح امامهم مشاعر وأحاسيس تساعدهم على خلق عمل فنى مبدع وخلاب.
فى اغلب الأوقات يتحول الوحى إلى لوحة عمل …!
نعم فكثير من تصميمات الأعمال الموسيقية بدأت هكذا.
واليوم نتشارك معكم مجموعة من أروع وأكثر ابداعات الفنانين فى تصميمات لوجوهات وشعارات موسيقية. ونرجو ان تنال رضاكم واعجابكم.
]]> http://portal.fwasl.com/%d8%aa%d8%b5%d9%85%d9%8a%d9%85%d8%a7%d8%aa-%d8%b9%d8%b5%d8%b1%d9%8a%d8%a9-%d9%84%d8%b4%d8%b9%d8%a7%d8%b1%d8%a7%d8%aa-%d9%85%d9%88%d8%b3%d9%8a%d9%82%d9%8a%d8%a9/feed/ 0 4 أيقونات لمشغل الموسيقى للتحميل http://portal.fwasl.com/4-%d8%a3%d9%8a%d9%82%d9%88%d9%86%d8%a7%d8%aa-%d9%84%d9%85%d8%b4%d8%ba%d9%84-%d8%a7%d9%84%d9%85%d9%88%d8%b3%d9%8a%d9%82%d9%89-%d9%84%d9%84%d8%aa%d8%ad%d9%85%d9%8a%d9%84/ http://portal.fwasl.com/4-%d8%a3%d9%8a%d9%82%d9%88%d9%86%d8%a7%d8%aa-%d9%84%d9%85%d8%b4%d8%ba%d9%84-%d8%a7%d9%84%d9%85%d9%88%d8%b3%d9%8a%d9%82%d9%89-%d9%84%d9%84%d8%aa%d8%ad%d9%85%d9%8a%d9%84/#comments Tue, 17 Apr 2012 11:06:42 +0000 http://www.portal.fwasl.com/?p=19974 يتجدد اللقاء مع احدث اضافات المصممين والمبدعين من اليقونات للمسات ابداعية رائعة على تصميمات الويب.

واليوم معنا مجموعة رائعة من أيقونات مشغلات الموسيقى..

اليكم صورة من المجموعة …

 

 

للتحميل من هنـــــا

]]> http://portal.fwasl.com/4-%d8%a3%d9%8a%d9%82%d9%88%d9%86%d8%a7%d8%aa-%d9%84%d9%85%d8%b4%d8%ba%d9%84-%d8%a7%d9%84%d9%85%d9%88%d8%b3%d9%8a%d9%82%d9%89-%d9%84%d9%84%d8%aa%d8%ad%d9%85%d9%8a%d9%84/feed/ 0 13 تصميم فوتوشوب مختلف لمشغلات الموسيقى http://portal.fwasl.com/13-%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d9%81%d9%88%d8%aa%d9%88%d8%b4%d9%88%d8%a8-%d9%85%d8%ae%d8%aa%d9%84%d9%81-%d9%84%d9%85%d8%b4%d8%ba%d9%84%d8%a7%d8%aa-%d8%a7%d9%84%d9%85%d9%88%d8%b3%d9%8a%d9%82%d9%89/ http://portal.fwasl.com/13-%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d9%81%d9%88%d8%aa%d9%88%d8%b4%d9%88%d8%a8-%d9%85%d8%ae%d8%aa%d9%84%d9%81-%d9%84%d9%85%d8%b4%d8%ba%d9%84%d8%a7%d8%aa-%d8%a7%d9%84%d9%85%d9%88%d8%b3%d9%8a%d9%82%d9%89/#comments Wed, 21 Mar 2012 14:29:17 +0000 http://www.portal.fwasl.com/?p=18048 هذه الأيام يتجه العديد من زوار المواقع الالكترونية من الاستماع إلى الأغانى ومشاهدة مقاطع الفيديو اونلاين. وتمثل هذة الميزة شعبية كبيرة لدى المواقع الالكترونية، وهنا برز مصممو الويب وتنافسوا لخلق أكثر المشغلات تفردا وجمالا وانسيابية. كل هذا لجعلك تحظى بمتعة أكثر أثناء استماعك أو مشاهدتك للأغانى ومقاطع الفيديو.

واليكم هنا عدد 13 اختيار لتصميمات فوتوشوب لأشكال مختلفة لمشغلات الموسيقى..

واليكم جانب من صور الملفات الموجودة للتحميل.

للتحميل يمكنك النقر هنــــــــــا

]]> http://portal.fwasl.com/13-%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d9%81%d9%88%d8%aa%d9%88%d8%b4%d9%88%d8%a8-%d9%85%d8%ae%d8%aa%d9%84%d9%81-%d9%84%d9%85%d8%b4%d8%ba%d9%84%d8%a7%d8%aa-%d8%a7%d9%84%d9%85%d9%88%d8%b3%d9%8a%d9%82%d9%89/feed/ 0 خدمة جديدة من الفيس بوك :إستمع للموسيقى مع أصدقائك http://portal.fwasl.com/%d8%ae%d8%af%d9%85%d8%a9-%d8%ac%d8%af%d9%8a%d8%af%d8%a9-%d9%85%d9%86-%d8%a7%d9%84%d9%81%d9%8a%d8%b3-%d8%a8%d9%88%d9%83-%d8%a5%d8%b3%d8%aa%d9%85%d8%b9-%d9%84%d9%84%d9%85%d9%88%d8%b3%d9%8a%d9%82%d9%89/ http://portal.fwasl.com/%d8%ae%d8%af%d9%85%d8%a9-%d8%ac%d8%af%d9%8a%d8%af%d8%a9-%d9%85%d9%86-%d8%a7%d9%84%d9%81%d9%8a%d8%b3-%d8%a8%d9%88%d9%83-%d8%a5%d8%b3%d8%aa%d9%85%d8%b9-%d9%84%d9%84%d9%85%d9%88%d8%b3%d9%8a%d9%82%d9%89/#comments Mon, 16 Jan 2012 11:46:55 +0000 http://www.portal.fwasl.com/?p=10852 يعتبر الإستماع إلى شيءٍ ما من أهم الحاجيات في أيامنا هذه  ففينا  من يستمتع بسماع الأناشيد وفينا من يحبذ الموسيقى أو أي شيء مسموع لدرجة أن العديد أصبح يشغّل شيء ما من خلال مسجّل السيارة عند القيادة أو حتى عند الدراسة و بما أن موقع الفيس بوك أصبح  عادة يومية بالنسبة لنا جميعاً  فيا حبذا إذاً لو أن كل شخص يستمع إلى شيء مع وصديقه الذي يتكلم معه وهذه هي الميزة أو الخدمة الذي أعلن عليها مارك زوكنبرج في مؤتمر F8 والتي سأقوم بالكتابة عن كيفية عملها في هذه التدوينة .

كل ما عليك فعله هو البحث في الشريط الجانبي للدردشة عن كلمة “music” لمعرفة أي من أصدقائك يستمع إلى شيء في الوقت الراهن ثم الضغط على زر استمع وسوف تبدأ بالإستماع من خلال الخدمة التي يستعملها صديقك .

خدمة جديدة من الفيس بوك :إستمع للموسيقى مع أصدقائك

خدمة جديدة من الفيس بوك :إستمع للموسيقى مع أصدقائك

وسوف يكون لديك خيار الدردشة حول ما كنتم تستمعون إليه وحتى إدخال آخرين معكم في مجموعة واحدة كما هو موضح في الصورة تحت .

خدمة جديدة من الفيس بوك :إستمع للموسيقى مع أصدقائك

خدمة جديدة من الفيس بوك :إستمع للموسيقى مع أصدقائك

كما يمكنك التحكم في الأشخاص الذين يستمعون معك من خلال الإعدادات الخاصة بك وستبدأ هذه الخدمة بالعمل إبتداءً من الأسبوع المقبل.

]]> http://portal.fwasl.com/%d8%ae%d8%af%d9%85%d8%a9-%d8%ac%d8%af%d9%8a%d8%af%d8%a9-%d9%85%d9%86-%d8%a7%d9%84%d9%81%d9%8a%d8%b3-%d8%a8%d9%88%d9%83-%d8%a5%d8%b3%d8%aa%d9%85%d8%b9-%d9%84%d9%84%d9%85%d9%88%d8%b3%d9%8a%d9%82%d9%89/feed/ 2 البديل الأفضل للمقدّمات الفلاشية في مواقع الانترنت http://portal.fwasl.com/%d8%a7%d9%84%d8%a8%d8%af%d9%8a%d9%84-%d8%a7%d9%84%d8%a3%d9%81%d8%b6%d9%84-%d9%84%d9%84%d9%85%d9%82%d8%af%d9%91%d9%85%d8%a7%d8%aa-%d8%a7%d9%84%d9%81%d9%84%d8%a7%d8%b4%d9%8a%d8%a9-%d9%81%d9%8a-%d9%85/ http://portal.fwasl.com/%d8%a7%d9%84%d8%a8%d8%af%d9%8a%d9%84-%d8%a7%d9%84%d8%a3%d9%81%d8%b6%d9%84-%d9%84%d9%84%d9%85%d9%82%d8%af%d9%91%d9%85%d8%a7%d8%aa-%d8%a7%d9%84%d9%81%d9%84%d8%a7%d8%b4%d9%8a%d8%a9-%d9%81%d9%8a-%d9%85/#comments Thu, 05 Jan 2012 14:33:47 +0000 http://www.portal.fwasl.com/?p=5979 احدى الأشياء التي انتشرت في بدايات الانترنت ولا تزال تستخدم حتى الآن هي “المقدّمة الفلاشية” التي تراها في الموقع الذي يستخدمها قبل صفحته الرئيسيّة، فاما أن تشاهدها أو تضغط رابط معيّن لتتخطّاها، كما ترى في موقع شركة الاتصالات المتكاملة.

البديل الأفضل للمقدّمات الفلاشية في مواقع الانترنت

البديل الأفضل للمقدّمات الفلاشية في مواقع الانترنت

 

تستخدم هذه المقدّمات الفلاشية عادة لاحدى الأسباب التالية:

  • محاولة شرح فكرة الموقع للزائر.
  • محاولة مخاطبة مشاعر الزائر بالعروض والموسيقى والصور المتحرّكة وغيرها أملاً في اشعال حماسه للموقع أو أياً كان الهدف.
  • الاعلان عن شيء معيّن (كما في الموقع الذي استخدمته كمثال).

ومع ان المقدّمة الفلاشية قد تؤدي غرضها مع الزوّار الجدد، الّا انها تصبح مزعجة للزوّار المتكرّرين، اذ انها تضع خطوة اضافية لا داعي لها عند عودتهم للموقع كل مرّة، وهو ما قد يساهم في افراغ “خزّان حسن النية” (أو اعطاء تجربة اسوأ لمستخدمي الموقع عموماً).

اذاً لو قرّرنا الاستغناء عن المقدّمات الفلاشيّة، هل هناك بديل يساعدنا على الحصول على نفس تأثيرها دون ازعاج الزوّار؟

بالتأكيد!

البديل هو ببساطة وضع فيديو يشغل مساحة بسيطة في الصفحة الرئيسية ويؤدّي نفس غرض المقدّمة الفلاشيّة، وهو ما يقوم به الكثير من مطوّري مواقع الانترنت الحديثة حتى كبار الشركات. احد المواقع الجميله التي طبقّت هذه الطريقة هو موقع Inspired By Muhammad، وهو موقع باللغة الانجليزية يهدف الى التعريف بالرسول محمد عليه الصلاة والسلام، وتعاليم الدين الاسلامي الحميدة.

البديل الأفضل للمقدّمات الفلاشية في مواقع الانترنت

البديل الأفضل للمقدّمات الفلاشية في مواقع الانترنت

الموقع شرح فكرته بشكل مختصر كتابياً ومن ثم وضع الفيديو لشرح الفكره بشكل أعمق

 

فكما ترى ملف الفيديو يفيد في ايصال رسالة الموقع بشكل أعمق دون أن يزعج الزائر أو يقف عائقاً في طريقة. فهو موجود هناك كوسيلة اختيارية تدعم المعلومة وتطوّر تجربة الزائر، ولا يتم فرضها عليه.

عند استخدام مقاطع الفيديو لأي غرض، يجب مراعاة تهيئتها بحيث لا تعمل تلقائياً بمجرد فتح الصفحة، حيث أن ذلك يسبّب ازعاجاً كبيراً للزوّار (بسبب التشويش على ما يستمع له الزائر وقتها عند زيارة الموقع أو اجبارة على الاستماع لمقطع فيديو سبق وأن شاهده). ويفضّل أيضاً اعطاء الزائر امكانية التحكّم بشكل كامل بالفيديو بحيث يستطيع ايقافه واعادته او مشاهدة مقطع معيّن به في أي وقت يريد.

وبهذه الطريقة نتجنّب مشكلة المقدّمات الفلاشية باستبدالها بطريقة أكثر فعالية وأقل ازعاجاً للزوّار.

]]> http://portal.fwasl.com/%d8%a7%d9%84%d8%a8%d8%af%d9%8a%d9%84-%d8%a7%d9%84%d8%a3%d9%81%d8%b6%d9%84-%d9%84%d9%84%d9%85%d9%82%d8%af%d9%91%d9%85%d8%a7%d8%aa-%d8%a7%d9%84%d9%81%d9%84%d8%a7%d8%b4%d9%8a%d8%a9-%d9%81%d9%8a-%d9%85/feed/ 0 مشغل أبل الموسيقي iPod Touch 5 أبيض http://portal.fwasl.com/%d9%85%d8%b4%d8%ba%d9%84-%d8%a3%d8%a8%d9%84-%d8%a7%d9%84%d9%85%d9%88%d8%b3%d9%8a%d9%82%d9%8a-ipod-touch-5-%d8%a3%d8%a8%d9%8a%d8%b6/ http://portal.fwasl.com/%d9%85%d8%b4%d8%ba%d9%84-%d8%a3%d8%a8%d9%84-%d8%a7%d9%84%d9%85%d9%88%d8%b3%d9%8a%d9%82%d9%8a-ipod-touch-5-%d8%a3%d8%a8%d9%8a%d8%b6/#comments Wed, 04 Jan 2012 20:07:26 +0000 http://www.portal.fwasl.com/?p=5364
مشغل أبل الموسيقي iPod Touch 5 باللون الأبيض

مشغل أبل الموسيقي iPod Touch 5 باللون الأبيض

من المتوقع ان تصدر شركة آبل الأمريكية الاصدار الخامس من مشغل أبل الموسيقي iPod Touch 5 باللون الأبيض على غرار والآيباد.
 وانتشرت مؤخرا عبر شبكة الانترنت صوراً للاصدار الجديد من الأيباد حيث أفادت بعض التقارير عن عزم أبل اطلاق الجهاز باللون الأبيض كما فعلت مع جهازي iPad وiPhone بأيلول المقبل.

وتوقعت التقارير أن يتم اطلاق النسخة الجديدة من الجهاز خلال معرض أبل في سبتمبر القادم كما جرت التقاليد عند شركة أبل لاطلاق منتجاتها الجديدة.

وأشارت التقارير بأن المشغل الجديد سيدعم اتصالات الجيل الثالث 3G كما أنه سيتمتع بمعالج A5 ثنائي النواة بسرعة 1 جيجا هيرتز بالاضافة لتحسينات على الكاميرا والمساحة التخزينية.

]]> http://portal.fwasl.com/%d9%85%d8%b4%d8%ba%d9%84-%d8%a3%d8%a8%d9%84-%d8%a7%d9%84%d9%85%d9%88%d8%b3%d9%8a%d9%82%d9%8a-ipod-touch-5-%d8%a3%d8%a8%d9%8a%d8%b6/feed/ 0 تعلم تصميم واجهة مشغل الموسيقى http://portal.fwasl.com/%d8%aa%d8%b9%d9%84%d9%85-%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d9%88%d8%a7%d8%ac%d9%87%d8%a9-%d9%85%d8%b4%d8%ba%d9%84-%d8%a7%d9%84%d9%85%d9%88%d8%b3%d9%8a%d9%82%d9%89/ http://portal.fwasl.com/%d8%aa%d8%b9%d9%84%d9%85-%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d9%88%d8%a7%d8%ac%d9%87%d8%a9-%d9%85%d8%b4%d8%ba%d9%84-%d8%a7%d9%84%d9%85%d9%88%d8%b3%d9%8a%d9%82%d9%89/#comments Sun, 02 Oct 2011 14:19:20 +0000 http://graphics.portal.fwasl.com/?p=2184 استكمالا لما بدأناها سابقا من سلسلة روائع الفوتوشوب .. فنحن اليوم بصدد تقديم درس مقارب لخدعة الجزء السابق أل وهى تصميم واجهة مشغل موسيقى وسوف نركز على أماكن الظل والنوروتأثيراتها الشديدة فى إظهار عمق التصميم .

الخطوة الأولى :

قم بإنشاء ورقة عمل جديدة بمقاس 1000×800 بكسل وبخلفية رصاصي قاتم.

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

الخطوة الثانية :

في اغلب الواجهات من هذا النوع سوف تجد الدوائر اللامعة والمركزية. استخد اداه التحديد الدائرية وقم بملئها بتدرج مناسب ثم طبق الستايل التالي.

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

الخطوة الثالثة :

اضف عمق اكبر للدائرة. اضغط على CTRL + ALT + G لتطبيق ماسك ثم غير نوع الطبقة إلى Overlay. الآن استخدم فرشاه ناعمة بقطر 60 بكسل لإضافة بعد الظلال اسفل الدائرة. لإضافة الإضاءة استخدم فرشاه بلون ازرق قاتم وقم بالمسح فى الاسفل فى نقاط صغيرة.

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

الخطوة الرابعة :

الآن لنضف بعض الإضاءة. تذكر دائماً ان تستخدم الماسك. اضف 3 فرش بيضاء فوق الثلاثة فرش الزرقاء من الخطوة السابقة. ثم حدد نوع الطبقة إلى Overlay ثم اضف فرشاه بدرجة شفافية خفيفة وتكون الفرشاه مشبحه كما تحب.

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

الخطوة الخامسة :

حدد اختيار حول الدائرة الأصلية بإستخدام زر الـ CTRL مع الضغط على مصغرة الدائرة بواسطة مؤشر الفارة ثم اذهب إلى Select > Expand وحدد القيمة إلى 4 بكسل والآن مرة اخرى Select > Expand والقيمة 8 بكسل. هنا ستجد لديك دائرتين احداهما اكبر من الاخرى. بإستخدام فرشاه وإضافة ظلال قم بعمل شكل معدني داخل الدائرتين بإستخدام الابيض والاسود.

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

الخطوة السادسة :

ارجع إلى الدائرة الأصلية واضف ثلاثة دوائر 1 بكسل و 2 بكسل و 3 بكسل لعمل التأثير الزجاجي وقلل درجة شفافيتهم.

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

الخطوة السابعة:

بإستخدام فرشاه بقطر 60 بكسل اضف بعض الإضاءة للدائرة المعدنية لزيادة تأثير الإضاءة وقم بتغيير نوع الطبقة إلى Overlay.

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

الخطوة الثامنة :

الآن انتهينا من دائرتنا المضيئة كما اردنا.. اضف داخلها الآن ما تريد وليكن شكل منظم الصوت “الإكواليزر” مع بعض الكلمات لتكن اسم الملف الصوتي المعروض.

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

الخطوة التاسعة :

الآن قم برسم دائرة خلف الدائرة الاصلية واضف الماسك وقم بعمل إضاءة كما تحب ولكن تأكد من انك تستخدم فرشاه ناعمة بقطر 60 بكسل.

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

الخطوة العاشرة :

قم بتكرار الدائرة وطبق ماسك عليها. قم بتغيير اللون إلى لون افتح قليلاً. ثم اضف دائرة بيضاء بقطر 10 بكسل فوقها. ولإضاءة اكثر اضف دائرة اخرى واضف تأثيرات الإضاءة كما تحب. قم بتغيير نوع الطبقة إلى Overlay. ثم اضف بعض الظلال كما فى الدائرة الاصلية.

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

الخطوة الحادية عشر :

لإضافة عمق اكبر كرر الخطوات السابقة لإضافة دوائر اكثر.

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

الخطوة الثانية عشر :

بإستخدام اداه القلم (P) قم برسم جناح كما بالشكل.

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

الخطوة الثالثة عشر:

الآن استخدم الماسك لإضافة اضاءة وتظليل. لاحظ ان الجانب العلوي افتح من الجانب السفلي. دائماً استخدم فرش ناعمه لعمل الظلال. استخدم اداه القلم (P) لرسم شرائط لعمل التأثير الزجاجي.

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

الخطوة الرابعة عشر :

قم برسم خط جانبي لتحديد مكان نصف الدائرة الذي سيتم رسمه على الطرف. فقط قم برسم خط بإستخدام اداه القلم، وحددها بخط دائري بفرشاه قطرها 2 بكسل ثم قم بتحريك الخط إلى اليمين بإستخدام الإتجاهات فى لوحة المفاتيح. وحدده كما فعلنا سابقاً ولكن باللون الاسود ثم احذف القط نفسه.ثم استخدم CTRL + T لجعل الخط ارفع قليلاً.

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

الخطوة الخامسة عشر :

الآن نرسم الدائرة الجانبية.. لا تقلق فخبرتك فى الخطوات الاولى ستجعلك قادراً على رسم الدائرة الجانبية بسهولة. كما بالشكل.

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

الخطوة السادسة عشر :

الآن لنعمل على ضبط الجناح اكثر لإعطائه شكل ثلاثي الابعاد. استخدم اداه القلم واختر الجزء العلوي. املئ الإختيار بأي لون ثم اضف ماسك.

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

الخطوة السابعة عشر :

الآن اضف ظلال للجزء العلوي لجعل شكلها ثلاثي الابعاد.

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

الخطوة الثامنة عشر :

الآن قم بعمل نفس الخطوة مع الجزء السفلي لجعل شكله ثلاثي الأبعاد.

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

الخطوة التاسعة عشر :

الآن لنقم بعمل الفتحات، هناك عدة طرق لعمل الفتحات. يمكنك استخدام اداه القلم ورسم مكان الفتحة وملئها باللون الاسود ثم املأها بفتحات معدنية .

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

الخطوة العشرون:

يمكنك ان ترسم بعض اللهب عند الفتحة لإعطائها شكل اكثر جمالاً. بإستخدام الفرشاه واعطاها بعض التأثيرات لتخرج بالشكل التالي.

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

 

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

الخطوة الحادية والعشرون:

قم بتكرار الطبقات واقلبها وضعها على الجانب الاخر من الدائرة تأكد من ان الابعاد متناسقة.

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

الخطوة الثانية والعشرون:

الآن لنرسم الكسر فى الزجاج. اولاً قم برسم شكل اسود غير منتظم.

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

الخطوة الثالثة والعشرون:

غير نوع الطبقة إلى Overlay ثم اضف ماسك واستخدم فرشاه بيضاء لتلوين داخل الشكل لإحداث تأثير خروج الضوء من الجانب المكسور.

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

الخطوة الرابعة والعشرون:

الآن قم بإستخدام اداه القلم لرسم خط متعرج. وحدده بفرشاه سوداء بقطر 1 بكسل ثم كرر التحديد وحركه لليسار خطوة بإستخدام الاتجاهات واعطه اللون الابيض.

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

الخطوة الخامسة والعشرون:

أضف بعض الأشكال الغير منتظمة واعطها تدرج مناسب لتعطي اشكال الزجاج المنثور بعد الكسر.

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

الخطوة السادسة والعشرون:

الآن لنضف بعض الأناقة للشكل. ارسم خطوطاً تنكسر حسب الاتجاه الثلاثي الابعاد للأجنحه كما بالشكل وافعل معها ما فعلنا مع الخط الخارجي فى الخطوة 14.

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

الخطوة السابعة والعشرون:

الآن لنرسم ازرار التشغيل. قم برسم شكل الزر واضف تدرج مناسب له.

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

كرر الشكل وصغره قليلاً واملئه باللون الاسود وحد داخلي بقيمة 1 بكسل باللون الابيض.

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

الخطوة الثامنة والعشرون:

كرر الشكل مرة اخرة وصغره قليلاً. واضف تدرج ازرق إليها. اضف ماسك وقم بإضافة اضاءه بإستخدام الفرش وغير نوعهم إلى Overlay. ثم اضف شكل العرض.

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

الخطوة التاسعة والعشرون:

الآن كرر الطبقة واجعلها اصغر قليلاً واضف إليها زر التالي والسابق كما بالشكل.

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

الخطوة الثلاثون:

الآن لرسم الأسلاك قم بإستخدام اداه القلم ثم تحديد الخط بفرشاه سوداء بقطر 20 بكسل. كرر الشكل ثم اضف ماسك ثم اضف بعض الظلال لعمل شكل ثلاثي الابعاد. ثم اذهب إلى النسخة الاولى من السلك واملئها باللون الابيض. وضع الطبقة فوق الطبقة السابقة ثم اجعل درجة شفافية الطبقة 10% ثم اضف خطوط متقطعه كما بالخطوات السابقة.

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

تعلم تصميم واجهة مشغل الموسيقى

الآن اضف بعض الظلال والإضاءة للعمل النهائي كما تحب.

]]> http://portal.fwasl.com/%d8%aa%d8%b9%d9%84%d9%85-%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d9%88%d8%a7%d8%ac%d9%87%d8%a9-%d9%85%d8%b4%d8%ba%d9%84-%d8%a7%d9%84%d9%85%d9%88%d8%b3%d9%8a%d9%82%d9%89/feed/ 3 روائع الفوتوشوب : تصميم مشغل موسيقى http://portal.fwasl.com/%d8%b1%d9%88%d8%a7%d8%a6%d8%b9-%d8%a7%d9%84%d9%81%d9%88%d8%aa%d9%88%d8%b4%d9%88%d8%a8-%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d9%85%d8%b4%d8%ba%d9%84-%d9%85%d9%88%d8%b3%d9%8a%d9%82%d9%89/ http://portal.fwasl.com/%d8%b1%d9%88%d8%a7%d8%a6%d8%b9-%d8%a7%d9%84%d9%81%d9%88%d8%aa%d9%88%d8%b4%d9%88%d8%a8-%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d9%85%d8%b4%d8%ba%d9%84-%d9%85%d9%88%d8%b3%d9%8a%d9%82%d9%89/#comments Sun, 02 Oct 2011 13:50:19 +0000 http://graphics.portal.fwasl.com/?p=2161 الكثير منا يريد أن يرسم العديد والعديد من ألأشياء بإستخدام برنامج الفوتوشوب وكمية التأثيرات والخدع التى يعطيها لنا. لذا قررنا أن نبدأ سلسلة من روائع تصميمات الفوتوشوب فى حياتنا اليومية والعملية وسنبدأها معا اليوم بكيفية تصميم مشغل موسيقى … لنرى معا الطريقة…

الخطوة الأولى :

قم بإنشاء ورقة عمل جديدة بأي مقاس تريد، ثم قم بعمل طبقة جديدة واملأها باللون الاسود ثم طبق عليها التدرج التالي.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة الثانية :

قم بإستخدام أداة الشكل المستطيل و حدد قيمة الـ radius لـ 20 بكسل، قم برسم الجسم الرئيسي للعمل.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة الثالثة :

قم بملئ الشكل باللون الرمادى بدرجة #E1E0E0 لإضافة بعض التوهج للعمل، فى كل مرة ستنوي فيها استخدام الابيض استخدم معه الرمادى لإضافة الإضاءة واللمعان.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة الرابعة :

الآن نضغط CTRL + R لتفعيل المساطر ثو نقوم بسحب دليل جديد من عند زاوية المسطرة حتى زاوية العمل على الجانبين لعمل تحديد داخلي لشاشة العمل عن طريق تحديد البعد الداخلي للرسم.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة الخامسة :

عند الإنتهاء من التحديد قم برسم شكل اخر داخل الشكل الاساسي. ثم قلل درجة حشو الطبقة إلى 0% نحن فقط نريد التحديد الخارجي للطبقة وليس الطبقة نفسها.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة السادسة :

قم بتطبيق Stroke على الطبقة فى وضع داخلي وبحجم 1 بكسل.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة السابعة :

طبق Inner Glow بسمك 2 بكسل وبإستخدام القيم التالية :

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة الثامنة :

طبق تدرج ناعم على الطبقة لإعطاء بعض التحدب لواجهة الجهاز.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة التاسعة :

الآن نعمل مع حدود الجهاز. طبق Stroke خارجي بحجم 2 بكسل وبلون رمادى .

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة العاشرة :

الآن من نافذة layer styles طبق Bevel & Emboss على الطبقة لإعطاء بعض الإضاءة على الخط الخارجي لعمل تدوير املس.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة الحادية عشر :

اضف ظل داخلي Gradient ناعم لإضافة اضاءة اكثر داخل الواجهة.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة الثانية عشر :

الآن قم بتكرار الطبقة الامامية وتصغيرها لعمل ازرار التحكم بالجهاز.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة الثالثة عشر :

الآن لنقوم بعمل زر الإيقاف والتشغيل. قم بعمل دائرة وطبق عليها ستايل الطبقة الامامية المكررة وقم بتعديل حجم الدائرة لتكون اكبر بـ 10% من الطبقة المكررة بالخطوة السابقة.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة الرابعة عشر :

الآن قم بتحديد الشكل السابق فى الخطوة 13 بإستخدام اداه التحديد ثم طبق الماسك.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة الخامسة عشر :

لجعل الماسك فعال بالشكل الذي تريده اختر الخيار “Layer Mask Hides Effects” كما بالصورة. إن لم تقم بهذا الإختيار سيخفي الماسك الإختيار الداخلي لا الخارجي.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة السادسة عشر :

نفس الماسك يمكن تطبيقة بالنسبة للطبقات الامامية الاخرى. ويمكن اخذه من الطبقة الاخرى بسهولة. بالضغط على زر الفارة الايمن على مصغرة الماسك فى الطبقة ثم اختيار “Subtract Layer Mask from Selection” هذا سيعطي اختيار للماسك.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة السابعة عشر :

قم بعمل تحديد كما بالصورة وطبق الماسك السابق مرة اخرى على الطبقة الخلفية.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة الثامنة عشر :

الآن لنقم برسم شاشة عرض البرنامج.. حيث سيعرض اسم الملف المشغل.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة التاسعة عشر :

استخدمنا الظل لعمل المكان الذي ستهبط عليه الإضاءة من أعلى قم بإستخدام القيم التالية لعمل التأثير.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة العشرون:

الآن نحتاج لعمل تدرج دائري Radial اسحب اللونين الابيض والاسود ليتقابلا فى المنتصف. مكان اللون الاسود 49% ومكان اللون الابيض 50%.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة الحادية والعشرون:

قم بإلغاء الخيار Align with Layer ثم طبق القيم التالية :

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة الثانية والعشرون:

بعد الانتهاء من اضافة التأثير الزجاجي، قم بإضافة تأثيرات داخلية لإضافة الإضاءة كما فعلنا سابقاً. طبق Stroke اسود داخلي بسمك 1 بكسل، وتوهج داخلي بحجم 2 بكسل ونوعه Screen.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة الثالثة والعشرون:

الآن انتهينا من واجهة الجهاز، سنحتاج لإضافة بعض الايقونات للمفاتيح والنصوص على شاشة العمل.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة الرابعة والعشرون:

الآن لنقم بمحاكاه النص الإلكتروني على شاشة العمل. نحتاج لإستخدام خط الكتروني بأطراف حادة لعرض البيانات على الشاشة. قمنا بإستخدام خط النوكيا (يمكن تحميله من هنا).

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة الخامسة والعشرون:

وبإستخدام خط الكتروني منقط اخر قم بكتابة موقت التشغيل. (يمكنك تحميل الخط من هنا).

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة السادسة والعشرون:

الآن استخدم هذا الخط لرسم اشكال الايقاف والتشغيل فى المشغل الموسيقي. لا تنسى انك إذا استخدمته ستحتاج لعمل زر الايقاف والتشغيل مرتين ليعمل الايقاف عند التشغيل ويعمل التشغيل عند الايقاف بشكل عكسي.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة السابعة والعشرون:

قم بملئ الشكل بلون الواجهة الاصلية المضيئة بإستخدام اداه التقاط الالوان.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة الثامنة والعشرون:

الآن طبق ظل داخلي بإستخدام القيم فى الصورة لعمل تأثير الحفر.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة التاسعة والعشرون:

قم بتطبيق اضاءة خارجية لعمل تأثير اكثر وضوحاً بإستخدام القيم التالية

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة الثلاثون:

قم بإضافة تدرج صغير ناعم داخل المفتاح بالقيم التالية. وقم بتكرار الخطوات السابقة لكل المفاتيح.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة الحادية والثلاثون:

الآن لنقم بعمل زر التحكم بالصوت. قم برسم شكل دائري كما بالشكل.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة الثانية والثلاثون:

استخدم الظل لعمل الايهام ببعد المسافه بين الدائرة البيضاء وجسم الجهاز.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة الثالثة والثلاثون:

الآن طبق تدرج فى الحالة “Angle” مكون من ابيض ورصاصي لاحظ ان اللون على اليسار نفس اللون على اليمين.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة الرابعة والثلاثون:

الآن طبق Stroke بشكل متدرج وطبق القيم التالية

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة الخامسة والثلاثون:

قمنا الآن بالإنتهاء من اداه التحكم بالصوت. الآن لنضف زر كتم الصوت كما فعلنا فى التشغيل والايقاف.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة السادسة والثلاثون:

الآن قم برسم تحديد بيضاوي كما بالشكل.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة السابعة والثلاثون:

اضغط CTRL + H لإخفاء التحديد ثم استخدم فرشاه ناعمه سوداء بقطر 100 بكسل وقم برسم الظل وراعي ان يكون الظل اثقل فى الوسط واخف عن الطرفين.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة الثامنة والثلاثون:

الآن لنضع بعض الوجع على شاشة عرض الجهاز. قم بتكبير الصورة وعمل تحديد للمساحة المضيئة كما بالصورة، ثم بإستخدام فرشاه بيضاء فى طبقة جديدة قم بالضغط فى المنتصف عده مرات ولا تحرك الفرشاه.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة التاسعة والثلاثون:

الآن قم بعمل تأثير الضغط على الزر. قم برسم دائرة خلف ايقونه الايقاف والتشغيل كما بالصورة.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة الأربعون:

الآن قم بطبيق ظل لتنعيم الحدود.. ثم اضف تدرج قاتم من اعلى فاتح من الاسفل كما بالصورة.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة الحادية والأربعون:

سنقوم الآن بإخفاء الاجزاء العلوية من الطبقة بواسطة الماسك كما فعلنا من قبل.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة الثانية والأربعون:

كرر الماسك مرة اخرى

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الخطوة الثالثة والأربعون:

الآن لنضف بعض الإضاءة استخدم لونين.. الازرق بدرجة #00CCFF للأطراف و الابيض للوسط. نحن نسعى لحدود مضيئة حول زر التشغيل. كرر الطبقة واقلبها عمودياً نحو الاسفل وغير نوع الطبقة إلى Screen.

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

 

روائع الفوتوشوب : تصميم مشغل موسيقى

روائع الفوتوشوب : تصميم مشغل موسيقى

الآن انتهينا يمكنك وضع اضافات بسيطة مثل رسم سلك كما تريد.

]]> http://portal.fwasl.com/%d8%b1%d9%88%d8%a7%d8%a6%d8%b9-%d8%a7%d9%84%d9%81%d9%88%d8%aa%d9%88%d8%b4%d9%88%d8%a8-%d8%aa%d8%b5%d9%85%d9%8a%d9%85-%d9%85%d8%b4%d8%ba%d9%84-%d9%85%d9%88%d8%b3%d9%8a%d9%82%d9%89/feed/ 2