تاريخ نشر : 08‏/05‏/2012

إنشاء مشغل موسيقى أنيق في أدوبي فوتوشوب


في هذا البرنامج التعليمي سوف تتعلم كيفية إنشاء مشغل موسيقى أنيق في أدوبي فوتوشوب. من المهم أن تأخذ الوقت الكافي عند تصميم ولا نستعجل الامور. ركز على تفاصيل لذلك أدعوكم للنظر في كل شيء قليلا والتفكير مليا كيف نفعل ذلك وكيف يمكننا أن نتعلم من ذلك! حظا سعيدا!
إنشاء مشغل موسيقى أنيق في أدوبي فوتوشوب
الناتج النهائي:

ماذا سنفعل:

تحميل PSD:

وتعد الأدوات الخاصة بك

حسنا لذلك دعونا نبدأ! حجم اللوحة يعتمد على حجم من مشغل الموسيقى الخاص بك، وقماش
1000 × 500px. من فضلك تأكد من أنك تستخدم 72dpi قبل إنشاء قماش الجديد الخاص بك.
يجب أن يكون حجم قماش لطيف للعمل عليه، ولكن إذا كنت قد بحثت عن كثب في نهاية
نتيجة لذلك، لقد استعملت نمطا في الخلفية. هنا حيث ستحتاج أنماط خفية، وتحميل
وبات الملف. واختيار نمط ترغب والحد من التعتيم.
والآن ونحن نعرف ما هي الخلفية تبدو، يمكننا أن نجعل لوحة ألوان جميلة.

بدء تصميم المشغل  Player!

دعونا نبدأ من خلال خلق قاعدة من مشغل الموسيقى. انتزاع الخاص أداة المستطيل مقربة (U) و
تأكد من أن يتم تعيين نصف قطرها إلى 3px. لقد استعملت التدرج لالسكتة الدماغية وذلك لأن لقد انتهى الجزء السفلي من المشغل .
هذه هي خيارات المزج المستخدمة:
  • # 000000 شبح الهبوط
  • # FFFFFF الظل الداخلي
  • # # f7f7f7 إلى ebebeb عكس الانحدار
  • # # d4d4d4 bcbcbc إلى الانحدار stroke  
وينبغي أن يكون لديك خلفية جميلة لطيفة لـ  player now، ولكن هناك شيئا مفقودا. لذلك دعونا جعله أكثر لامع!
حدد أداة التحديد المستطيل (M) وجعل الاختيار في الجزء السفلي من الموسيقى
  player في الخلفية. الآن أن قمت بها مجموعة مختارة يمكننا اختيار أداة التدرج (G)، والاستيلاء على لون واحد للحفاظ على التدرج وغيرها من واحد شفافة لإنجاز تأثير لطيف لامع.
يمكنك إلغاء تحديد (cmd + D / CTRL + D) اختيارك بعد أجريتها التدرج، لأن طبقة تحت التدرج لديه تراكب الانحدار أنه من غير الممكن لجعل قناع القطع. لذلك ما نقوم به في الأساس هو جعل مجموعة مختارة من طبقة تحت وحدد معكوس، يمكنك
جعل التحديد CTRL أو فوق CMD المربع الذي أعطى ضربة أحمر.

ما يجب أن يكون هذا بعيدا

يتيح جعل غلاف الألبوم

وسوف تحتاج إلى استخدام أول اثنين من الألوان من لوحة جهدنا لجعل التدرج من خلفية
الألبوم الغطاء. تكرار طبقة الخلفية من مشغل موسيقانا وتأكد من وضع
طبقة فوق خلفية player's وتوهج. تنقيط طبقة وجعل مربع لطيف
التحديد، حدد معكوس واضغط حذف. وينبغي أن يكون لديك شيء من هذا القبيل:
ولكن مهلا - لم يكن على خلفية زرقاء غطاء الألبوم؟ نعم انها هي، حتى الآن لدينا لتعطيل طبقة التصميم والبدء في إضافة خيارات المزج جديد.
  • # FFFFFF الظل الداخلي
  • # 2961aa إلى الانحدار 45a6fa #
  • #1c5297  Stroke
أن لدينا الآن قاعدة جاهزة يمكننا تصميم إطار الصورة، والاستيلاء على مقربة الخاص فقط
أداة المستطيل، وجعل إطار لطيف مربع. وقدم لي من فضلك تأكد من إعطاء مساحة للتنفس إطار الصورة، وغطاء لي بهامش 20 بكسل على كل الجوانب. سيكون لدينا لاستخدام لوحة خيارات المزج مرة أخرى لإعطاء إطار الصورة على الحدود لطيف.
  • # 3379c6 شبح الهبوط
  • # 2961a9 التوهج الداخلي
  • #164c91 Stroke
عظيم! في إطار استعداد حتى الآن يمكننا أن نضيف صورة لطيفة من نادية علي، مجرد فتح صورة مع فوتوشوب، وخلق قناع القطع، تغيير حجم الصورة عند الحاجة. ولكننا لسنا على استعداد حتى الآن، ما زلنا بحاجة لإضافة الوهج، حدد أداة القلم الخاص وجعل منحنى لطيف، وملء المسار (# FFFFFF) والحد من الابهام الى 20٪.
آخر شيء عليك القيام به هو جعل مجموعة من الألبوم الخاص قسم الغطاء، حدد الطبقات التي ترتبط غلاف الألبوم والصحافة CMD أو CTRL + G، وإعادة تسمية لمجموعة إلى كل ما تريد.

ما يجب أن يكون هذا الحد:

مما يجعل من الضوابط

ما هو player  من دون ضوابط، أليس كذلك؟ لذلك نحن نذهب  لجعل لطيفة / زر تشغيل / توقيف مؤقت، وأزرار السابق والتالي.
حدد أداة الخاص البيضوي (U) واسحب شكل دائرة مستديرة لطيفة، تأكد من اجراء تغيير. هذه الدائرة الأولى ستكون ضربة أزرق حول الزر وقفة، ويتطلب بعض خيارات المزج.
  • # 000000 التوهج الداخلي
  • # 2961aa إلى الانحدار 45a6fa #
  • 1c5297 # Stroke
حسنا لدينا دائرة لطيف أزرق الآن، وجعل مجرد حلقة جديدة على رأس هذه الدائرة مع بعض
المباعدة بين جميع الاطراف. وهذه الدائرة تحتاج فقط تراكب الانحدار.
  • # e8e8e8 إلى الانحدار f6f6f6 #

الآن لديك لإضافة رمز لطيف على الزر لجعلها تبدو وكأنها على زر التشغيل / الإيقاف المؤقت. إضافة تدرج لوني لطيف والظل الداخلي للرمز.
  • # 000000 الظل الداخلي
  • # e8e8e8 إلى الانحدار f6f6f6 #
وينبغي أن يتم على زر التشغيل / الإيقاف المؤقت من قبل الآن. الآن ونحن في طريقنا لجعل أزرار السابق والتالي، وهذه تتطلب أزرار التصميم نفسه على زر التشغيل، وبالتالي فإن نسخ نمط طبقة ولصقه على تلك الرموز.
أيضا إضافة هذه الطبقات إلى مجموعة والذي يطلق عليه "ضوابط".

ما يجب أن يكون هذا الحد:

إعطاء اسم الأغنية

هذه الخطوة تتطلب فقط 2 طبقات. ويمكن تحقيق هذه الخطوة مع طبقة واحدة واحدة ولكن أنا
شخصيا أفضل لتقديم اثنين من طبقات منفصلة.
لون النص من الفنانين وعنوان الأغنية # 2c69b4، حجم الخط من الفنانين هو 18pt وحجم الخط من عنوان الأغنية هو 12pt. كلاهما هلفتيكا نويه 55 الرومانية، وكلاهما يملك طبقات بيضاء شبح الهبوط 1px.

ما يجب أن يكون هذا الحد:

جعل زر المحبة وتكرار

جعل الزر الحب



دعونا نبدأ مع زر الحب، والحب لديه على زر تدرج لوني لطيف البرتقالي عندما حلقت أو
تفعيلها. جعل زر مع حجم لطيف مع أداة المستطيل مستدير، يرجى أن يكون على بينة من الرمز الذي يجب علينا أن توضع في وقت لاحق.
الآن أن لديك شكل مستطيل مستدير كنت على استعداد لإعطائه بعض خيارات المزج.
  • # FFFFFF شبح الهبوط
  • # FFFFFF الظل الداخلي
  • # db5825 إلى الانحدار ea6733 #
  •   bd530d # Stroke
يجب أن يكون لطيف زر البرتقالي إذا كنت قد فعلت هذا، ولكنها ليست كافية لامعة، لذلك نحن نذهب إلى تكرار هذه الخطوة التي قمنا به لجعل توهج للخلفية، وينبغي أن يكون على ما يرام.
الآن حان الوقت لرمز لاتخاذ مكان، تأخذ شكل مخصص أداة (U)، والعثور على شكل قلب، تأكد من اجراء تغيير في حين جعل لكم الرمز. بعد أن كنت قد فعلت ذلك، تأكد من أنه أبيض حتى نتمكن من إضافة ظل لطيف الداخلية إلى رمز.
  • # bf540f الظل الداخلي
جعل زر تكرار
حسنا حتى الآن لدينا زر الحب. إضافة الطبقات التي تنتمي إلى زر الحب إلى مجموعة، وإعادة تسمية المجموعة ترغب زر '. تكرار مجموعة وندعو زر للمجموعة كرر، لأن الزر هو تقريبا نفس الزر الحب، وليس لدينا سوى إلى إعادة بعض خيارات المزج.
إزالة رمز القلب وإضافة رمز تكرار لطيفة إلى الزر، أيضا هذا الرمز يجب أن يكون أبيض (يمكنك ان تجعل دائما بيضاء اللون تراكب).
على الزر:
  • استبدال الداخلي مع لون الظل # FFFFFF والحد من الابهام الى 25٪
  • استبدال التدرج مع # # d3d3d3 إلى e2e2e2
  • استبدال اللون مع السكتة الدماغية: # c1c1c1
على الرمز:
  • استبدال لون الظل الداخلي مع # c1c1c1

ما يجب أن يكون هذا الحد:

جعل شريط طول المسار

شريط طول المسار ونحن في طريقنا لجعل لديه تيار، تيار مخزنة ومسار التشغيل. ولكن نحن نذهب إلى أن تبدأ من خلال كتابة نص طول المسار.
تتم كتابة نص طول المسار في 2 ألوان مختلفة على النص مرور الوقت هو # 717171 و
كامل طول المسار # 2c69b4. إضافة شبح الهبوط 1px أبيض على النص والانتهاء من ذلك.

مجموع المسار

تأكد من أن تعطي هذا شريط هامش 20px من كلا الجانبين لجعلها محاذاة بشكل جيد. جعل
تشكل مع أداة المستطيل تقريب.
  • # 000000 الظل الداخلي
  • # 000000 الظل الداخلي
  • # e0e0e0 إلى الانحدار f1f1f1 #
  • f8f8f8 # Stroke
مخزنة المسار
تأكد من أن هذا هو شريط 2px أصغر ثم شريط المسار الكلي بسبب الحدود التي سنقوم بإضافة. جعل شكل مع أداة المستطيل تقريب. تأكد من أن تغيير زاوية الانحدار إلى 180 درجة.
  • # FFFFFF الظل الداخلي
  • # e8e8e8 إلى الانحدار f6f6f6 #
  • 8faed6 # Stroke

تشغيل  المسار

تأكد من أن هذا هو شريط 2px أصغر ثم شريط المسار الكلي بسبب الحدود التي سنقوم بإضافة. جعل شكل مع أداة المستطيل تقريب. ونسخ نمط طبقة طبقة المسار مخزنة. تأكد من أن تغيير زاوية الانحدار إلى 180 درجة.
  • كرنك حتى غموض التدرج إلى 100٪
  • اعطاء السكتة الدماغية اللون # 1c5297

ما يجب أن يكون هذا الحد:

تصميم التسطيب

تصميم خلفية قائمة المسارات بسيطة، انها بسيطة لأنه يمكنك فقط نسخ نمط طبقة وتوهج من الخلفية للمشغل. جعل مجرد مجمع للأغنيات موضوع مع أداة المستطيل تقريب ولصق نمط طبقة على طبقة، ولا تنس أن تضيف توهج.
الآن لدينا فقط لعرض الأغاني، وجعل آخر المستطيل تقريب وتأكد من أن يكون لديك 20 بكسل المساحة الحرة من كلا الجانبين. وهذه نظرة واحدة بت أأ مختلف عن الآخرين، وبالتالي لا يمكنك نسخ نمط طبقة. الرجاء التأكد من أن الخلفية من الشكل بيضاء، وإلا فإن التدرج لا تعمل.
  • # FFFFFF توهج الخارجي
  • # e1e1e1 التوهج الداخلي
  • # # d7d7d7 إلى b4b4b4 عكس الانحدار
  • d4d4d4 # Stroke
إضافة عدد من الأغنية، والاسم الكامل للأغنية في هذا المستطيل وإعطاء النص لون # 717171 1px وانخفاض الظل أبيض. وهذا هو التصميم نفسها التي تحتاج إلى إضافة إلى المسار إشارة طول.
تكرار زر الحب ووضعه في شكل المسار، ونسخ كل الأنماط طبقة من زر تكرار (أو يمكنك ترك الأمر على هذا النحو إذا كنت تريد البقاء برتقالي).
إضافة جميع الطبقات التي تنتمي إلى المسار الصحيح لمجموعة.

ما يجب أن يكون هذا الحد:

تكرار هذه المجموعة 3 مرات ووضعها تحت بعضها البعض مع هامش 10 بكسل. وعلى وشك الانتهاء الآن، والشيء الوحيد الذي يتعين علينا القيام به هو تصميم مؤشر الأغنية الحالية. اختيار أغنية واحدة، وتفعل الشيء نفسه كما فعلنا مع الخلفية للألبوم تغطية وإضافة نص تشغيل  الآن. يتم كتابة هذا النص مع متوسط ​​65 هلفتيكا نويه، لها لون أبيض، ولها ظل 1px # 1c5297 قطرة.
ياي ننتهي! آمل أنك استمتعت بقراءة هذا البرنامج التعليمي، وأنا أوصي لكم
تقديم الاقتراحات الخاصة بك للتأكد من أنك تفهم كل شيء بشكل جيد.

النتيجة النهائية

وانتهينا! آمل كنت تحب هذه النتيجة النهائية وتعلمت الكثير خلال هذه الدورة التعليمية!

هل يعجبك هذا؟

إتصل بنا

الاسم

بريد إلكتروني *

رسالة *

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


تابعنا في اليوتيوب

تابعنا على الفيس بوك