كيفية رسم واقعية Samsung Galaxy S2 - فوتوشوب تعليمي

في هذا البرنامج التعليمي ، سنرسم Samsung Galaxy الشهير في Photoshop و Illustrator. سنبدأ برسم الإطار السلكي في Illustrator ثم تصديره إلى Photoshop لإضافة بعض الإضاءة المتطورة وغيرها من التأثيرات.

إليك معاينة لما ستقوم ببنائه:

لمتابعة هذا البرنامج التعليمي ، ستحتاج إلى الموارد التالية:

• 26 أنماط بكسل متكررة من PSDfreemium
• سديم حزمة الموارد من Kire1987

الخطوة 1 - إعداد قماش في المصور

افتح Adobe Illustrator الخاص بك. اصنع ملفًا جديدًا بحجم A4. اضغط Ctrl + R لإحضار المسطرة. اصنع طبقة جديدة واسميها يرشد. سوف نستخدم هذا لوضع جميع أدلة لدينا. ارسم من المسطرة على اللوحة القماشية لإنشاء دليل جديد. هناك حاجة إلى هذه الأدلة لمساعدتنا على رسم الإطار السلكي للهاتف بدقة. انظر الصورة أدناه للرجوع اليها.

الخطوة 2 - شكل الهاتف الأساسي

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

يمكنك ببساطة حذفه على الفور لأننا لسنا بحاجة إليه ، نحتاج فقط إلى تغيير إعدادات الأداة.

الخطوه 3

تأكد من تفعيل أدلة ذكية من رأي قائمة طعام. تساعدنا هذه الميزة في التقاط الأشياء بسهولة على الأدلة.

الخطوة 4

انقر واسحب لرسم مستطيل دائري مباشرة داخل الدليل المقدم. انظر الصورة أدناه للحصول على موضعها.

الخطوة 5

حدد المستطيل الدائري الذي أنشأناه للتو. انقر كائن> مسار> مسار الإزاحة. جلس الأوفست إلى -9 قرش.

الخطوة 6 - مساحة الشاشة

بينما ال مستطيل مستدير الزوايا الأداة لا تزال نشطة ، انقر مرة واحدة على قماش. جلس ركن دائرة نصف قطرها إلى 5 قرش. احذف المستطيل المدور المصنوع من مربع الحوار لأننا لن نحتاج إليه.

الخطوة 7

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

الخطوة 8

تكرار شكل الشاشة الذي تم إنشاؤه للتو. ارسم مستطيلًا تحت الشكل. حدد كلا الأشكال ثم حدد ناقص الجبهة في ال مستكشف فريق.

سيقطع المستطيل مساحة الشاشة ويحولها إلى مستطيل نصف دائري يمكننا استخدامه كمساحة شريط الحالة.

الخطوة 9

تفعيل مستطيل مستدير الزوايا أداة مرة أخرى وانقر مرة واحدة على قماش. جلس ركن دائرة نصف قطرها إلى 10.

الخطوة 10 - زر الصفحة الرئيسية

ارسم مستطيلًا مستديرًا على الجزء السفلي من الهاتف ؛ سيكون هذا هو زر الصفحة الرئيسية.

الخطوة 11

انقر كائن> مسار> مسار الإزاحة. جلس الأوفست إلى -4 قرش.

الخطوة 12

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

الخطوة 13

استخدم ال الاختيار المباشر أداة وحدد خطها السفلي. ضرب حذف لحذفه.

الخطوة 14

بينما لا يزال الشكل محددًا ، حدد كائن> توسيع. هذا سيحولها إلى شكل ملء ، وليس مجرد خط.

الخطوة 15

ارسم مستطيلين صغيرين داخل الشكل.

الخطوة 16

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

الخطوة 17

تحديد كائن> توسيع لتحويل هذا الخط إلى شكل.

الخطوة 18

ارسم مستطيلًا على طرف الشكل.

الخطوة 19

انقر فوق وسط الحد الأيسر للمستطيل لإضافة نقطة جديدة. انقر فوق الزوايا العلوية والسفلية للحذف. سوف نحصل على مثلث.

الخطوة 20

جلس ملء إلى أسود و السكتة الدماغية إلى لا شيء.

الخطوة 21

حدد كل الأشكال وانقر توحد على ال مستكشف فريق.

أدناه هي الأزرار التي قطعناها على أنفسنا.

الخطوة 22 - أيقونات التطبيق

تفعيل مستطيل مستدير الزوايا أداة. انقر مرة واحدة على قماش وتعيين ركن دائرة نصف قطرها إلى نقطة واحدة.

الخطوة 23

ارسم مستطيلًا دائريًا داخل الشاشة لقاعدة الرموز. تفعيل نقل أداة و Alt + Shift + سحب الشكل لتكرار ذلك.

الخطوة 24

حدد المستطيلات الدائرية التي أنشأناها للتو وانقر فوق مركز التوزيع الأفقي على ال محاذاة فريق.

الخطوة 25

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

الخطوة 26

استعمال نوع وأضف الملصق أسفل الأيقونة.

الخطوة 27

داخل المستطيل المدور التالي ، ارسم رمز الصورة الرمزية. ارسم القطع الناقص لرأسها ورسم كتفها يدويًا.

الخطوة 28

حدد كل الأشكال وانقر توحد على ال مستكشف أداة.

الخطوة 29

في المستطيل الدائري المستدير التالي ، ارسم شكل بيضاوي الشكل وشكل فاصلة. حدد كل الأشكال وانقر توحد لتحويله إلى وسيلة شرح بالون.

الخطوة 30

داخل المستطيل الأخير المستدير ، ارسم أربعة مستطيلات أصغر مستديرة.

الخطوة 31

فيما يلي الرموز المكتملة لدينا!

الخطوة 32 - قائمة الملاحة

فوق الرموز ، ارسم دوائر صغيرة. البديل + التحول + سحب الشكل لتكرار ذلك.

الخطوة 33

حدد جميع الدوائر وانقر مركز التوزيع الأفقي داخل ال محاذاة فريق.

الخطوة 34

حدد إحدى الدوائر وقم بتغيير حجمها. تشير هذه الدائرة الأكبر إلى أنها الصفحة "النشطة".

الخطوة 35 - أيقونة الإشارة

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

الخطوة 36

كرر هذه العملية حتى يكون لدينا أربعة مستطيلات كما هو موضح أدناه.

الخطوة 37 - رمز البطارية

ارسم مستطيلين دائريين. حدد كلا الشكلين ثم انقر فوق توحد.

الخطوة 38 - المتكلم

ارسم دائرة و Shift + Alt + سحب لتكرار ذلك. اضغط على Ctrl + D عدة مرات لتكرار عملية النسخ هذه.

الخطوة 39

ارسم مستطيلًا دائريًا كبيرًا يغطي الدوائر الصغيرة.

الخطوة 40 - الكاميرا

"الكاميرا" مصنوعة ببساطة من بعض الدوائر بأحجام مختلفة مع نفس الأصل.

الخطوة 41 - أزرار جانبية

ارسم مستطيلين دائريين على جانبي الهاتف كما هو موضح.

الخطوة 42 - إعداد قماش في برنامج فوتوشوب

لقد انتهينا من العمل على الهاتف السلكي. حان الوقت لتنشيطها باستخدام Photoshop. افتح Photoshop ثم قم بإنشاء ملف جديد, ملف> جديد.

الخطوة 43

حدد جميع المسارات في Illustrator (Ctrl + A) ثم احفظه في الحافظة (Ctrl + C). ارجع إلى Photoshop ثم الصقه (Ctrl + V). في مربع الحوار الخيار حدد مسار.

الخطوة 44

سيتم الاحتفاظ مسار المتجه في مسار جديد داخل مسارات فريق.

الخطوة 45 - الشكل الأساسي

انسخ مسار الشكل الأساسي إلى مسار جديد. انقر فوق دائرة بيضاء وسوداء في طبقات لوحة لإضافة طبقة ضبط جديدة. حدد لون خالص وضبط اللون على # 0f1219 في مربع الحوار التالي.

إضافة تغطية بالتدرج اللوني لإضافة إضاءة خفية على الشكل.

الخطوة 46

كرر الشكل الذي أنشأناه للتو وانقر نقرًا مزدوجًا فوق طبقة الصور المصغرة لتغيير لونه إلى # c3c6c9.

الخطوة 47

من شريط الخيارات ، اضبط وضع المسار الداخلي على طرح من منطقة المسار. سيؤدي ذلك إلى تحويل الشكل إلى حافة الهاتف.

إضافة شطبة وزخرف لتحويل الشكل إلى شكل ثلاثي الأبعاد.

الخطوة 48

اصنع طبقة جديدة تحويل طبقة إلى قناع القطع بالضغط على Ctrl + Alt + G. من الآن فصاعدًا ، سوف يذهب كل ما ترسمه إلى حافة الهاتف. تفعيل فرشاة أداة وتعيين اللون الأمامي إلى الأسود. قم برسم الظلال الدقيقة على أجزاء من حواف الهاتف.

الخطوة 49

انقر مع الضغط على مفتاح Ctrl على طبقة حافة الهاتف لإجراء اختيار جديد بناءً على شكله. انقر اختر> تعديل> العقد بواسطة 1 بكسل. من خلال القيام بذلك ، فإنك تجعل التحديد أصغر بمقدار 1 بكسل.

الخطوة 50

اصنع طبقة جديدة وقم برسم الظلال والأضواء البارزة الأخرى.

الخطوة 51

كرر الخطوة السابقة ، استخدم هذا الوقت عقد بواسطة 2 بكسل. ارسم الظلال والضوء على حواف الهاتف.

أدناه هو الفرق قبل وبعد إضافة الضوء والظلال على الحافة. يمكننا أن نرى أن النتيجة أكثر واقعية.

الخطوة 52 - مساحة الشاشة

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

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

الخطوة 53

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

الخطوة 54

اضغط على Ctrl + Alt + G لتحويله إلى قناع القطع. سوف خلفية يذهب تلقائيا داخل الشاشة.

الخطوة 55

انقر أيقونة دائرة سوداء وبيضاء في طبقات لوحة لإضافة جديدة طبقة التعديل. تحديد هوى / تشبع من القائمة واستخدم شريط التمرير لتعديل لون الخلفية. اضبطه على قناع القطع مرة أخرى عن طريق الضغط على Ctrl + Alt + G. وبهذه الطريقة ، لن تؤثر طبقة الضبط إلا على خلفية الشاشة وليس الهاتف.

أدناه هو كيف ينبغي أن يكون مظهر طبقة الخاص بك.

الخطوة 56 - الأزرار الرئيسية

تكرار الزر الرئيسي على مسار جديد. إضافة ضبط طبقة اللون الصلبة مع اللون # cccfd2.

انقر نقرًا مزدوجًا فوق الطبقة وقم بتنشيطها شبح الهبوط و شطبة وزخرف.

الخطوة 57

لنرسم النقاط البارزة والظلال على الزر. هذه العملية تشبه إلى حد بعيد ما فعلناه بحافة الهاتف في الخطوة 48 إلى الخطوة 51.

انقر مع الضغط على مفتاح Ctrl على طبقة الزر الرئيسية لعمل تحديد جديد بناءً على شكله. انقر اختر> تعديل> العقد بواسطة 1 بكسل.

الخطوة 58

اصنع طبقة جديدة قم برسم الإبرازات والظلال الدقيقة على الأزرار.

الخطوة 59

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

الخطوة 60

هدم لها غموض إلى 20 ٪.

الخطوة 61 - رمز التطبيق

نسخ قواعد الرموز على مسار جديد. اصنع طبقة ضبط جديدة بلون خالص. اضبط لونه على اللون الأزرق.

الخطوة 62

انقر نقرا مزدوجا فوق طبقة وإضافة خفية تغطية بالتدرج اللوني.

الخطوة 63

حذف الأشكال الثلاثة الأخرى.

الخطوة 64

كرر العملية السابقة للألوان الأخرى.

الخطوة 65

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

انقر نقرًا مزدوجًا فوق طبقة الأيقونة وقم بتنشيطها التوهج الخارجي و تغطية بالتدرج اللوني.

الخطوة 66

إضافة تسمية مناسبة تحت كل رمز.

الخطوة 67 - قائمة الملاحة

حدد أربع دوائر تنقل صغيرة وانسخها إلى مسار جديد. أضف طبقة ضبط جديدة صلبة بلون # 7e899b2d.

الخطوة 68

كرر نفس العملية مع "علامة تبويب نشطة" أكبر في الوسط ، وهذه المرة باللون # cbced4.

الخطوة 69

أضف رقمًا أعلى علامة التبويب التنشيط. اخترت 3 للأعمال المتعلقة بالألغام.

الخطوة 70 - أزرار جانبية

زر جانبي مكرر إلى مسار جديد. اصنع طبقة ضبط جديدة بلون خالص مع اللون # b0b3b6. ضعه خلف الهاتف.

الخطوة 71

إضافة الظل الداخلي مع زاوية 0 درجة و التوهج الداخلي.

الخطوة 72

كرر العملية للزر الآخر.

الخطوة 73

انقر نقرا مزدوجا فوق زر طبقة لفتح طبقة نمط صندوق المحادثة. إضافة الظل الداخلي ولكن هذه المرة استخدام 180 درجة لإضافة الظل على الزر. أيضا ، إضافة التوهج الداخلي.

الخطوة 74 - شريط الحالة

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

الخطوة 75

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

إضافة التوهج الداخلي مع الإعدادات التالية.

الخطوة 76

كرر أيقونة الإشارة إلى مسار جديد وقم بإضافة Adjustment Layer Solid Color. لاختيار لونه أبيض. نقرتين متتاليتين طبقة وتفعيل تغطية بالتدرج اللوني.

الخطوة 77 - المتكلم

كرر السماعة على مسار جديد. من شريط الخيارات ، اضبط وضع مسار دائرة أصغر على طرح من منطقة المسار. إضافة جديد ضبط طبقة اللون الصلبة مع # 6b6f76 كما لونه.

نقرتين متتاليتين طبقة وأضف ما يلي أنماط الطبقة.

هذه هي النتيجة.

الخطوة 78 - الكاميرا

تنشيط الدائرة وتكرارها إلى مسار جديد. إضافة جديد طبقة التعديل مع اللون # 272d36. تفعل الشيء نفسه مع الحلبة داخل الدائرة ولكن مع اللون # 585a5e.

أدناه هي الكاميرا في التكبير 100 ٪.

الخطوة 79 - التفكير

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

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

الخطوة 80

جلس مزيج وضع ل شاشة والحد منه غموض إلى 70٪ و ملء إلى 0٪.

الخطوة 81

انقر مع الضغط على Ctrl على طبقة الانعكاس. اجعل طبقة جديدة وطلاءًا أكثر تسليطًا على مساحتها العليا.

الخطوة 82

ضع طبقات الهاتف داخل المجموعة عن طريق تحديدها جميعًا واضغط على Ctrl + G. انقر على أيقونة العين في الخلفية لإخفائها وجعل الهاتف يجلس على خلفية شفافة. اضغط على Ctrl + A و Ctrl + Shift + C و Ctrl + V لتكرار الهاتف مع طبقة جديدة.

الخطوة 83

اضغط على Ctrl + T لتحويل الهاتف. انقر بزر الماوس الأيمن واختر الوجه الرأسي. ضع الهاتف تحت الهاتف الأصلي.

الخطوة 84

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

الخطوة 85 - الظل

تفعيل فرشاة أداة مع كبير حجم الفرشاة و صلابة 0٪. اصنع طبقة جديدة وارسم خطًا أسود أسفل الهاتف. تعيين لها غموض إلى 10٪.

الخطوة 86 - الخلفية

دعونا نعمل على الخلفية. اصنع طبقة جديدة وابدأ الطلاء باستخدام ظلال مختلفة من اللون الأزرق. ليس هناك قاعدة مثالية هنا. أطلق العنان لإبداعك.

الخطوة 87

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

الخطوة 88

لنقم بإنشاء نموذج بكسل (أو يمكنك تخطي هذه الخطوات واستخدام نموذج بكسل تم إنشاؤه بالفعل من PSDfreemium). جعل ملف جديد مع حجم 6 أ؟¢Â  ؟؟ ؟؟ 6 بكسل.

الخطوة 89

اضغط على Ctrl + 0 لتعظيم مستوى تكبير اللوحة. اصنع طبقة جديدة وارسم خط قطري باستخدام قلم أداة مع 1 حجم الفرشاة بكسل.

الخطوة 90

إخفاء خلفية لذلك نحن نرى فقط الخط القطري. انقر حرر> عرف الانماط لحفظ الصورة كنمط.

الخطوة 91

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

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

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

أخيرًا ، يمكننا إعادة هاتفنا. كما ترون ، قمنا بدمج مرونة الرسم المتجه في Illustrator ، وسهولة رسم البيكسل في Photoshop لتحقيق صورة منتج واقعية. وآمل أن يتمتع هذا البرنامج التعليمي.

تحميل

انقر هنا لتنزيل PSD النهائي لهذا البرنامج التعليمي.