كيفية عرض اعمالك بواقعية ” الجزء الثاني ”


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

هنا رابط الجزء الاول

الان في هذا الجزء سوف نتعلم تعديل التصميم لكي نستخدمة متى مانريد بكل سهولة واكثر من عمل ” Mock Up ”

وانا اشرح على الاصدار CS6 وتسطيع تنفيذة على الاصدار CS5 و Cs4

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

عموماً اذا لم تفهم فليست مشكلة .. فسوف تفهم بالاخير

دعونا نبداء هذا الجزء .. بسم الله

 

نفتح الفوتوشوب .. ونفتح الصورة التي حفظناها من الثري دي ماكس

 

17

الان نفتح صفحة جديدة ونضع الخيارات الاتية

 

18

 

نلاحظ ان الابعاد هي نفسها اللتي قمنا بها في الثري دي ماكس

الان نضع الصورة داخل الملف الجديد .. ” فاذا ظهرت رسالة اضغط اوكية ”

 

والمفترض ان يكون الملف كالاتي

 

19

 

طبعاً سنلاحظ ان اركان التصميم يوجد خط اسود مزعج بسبب انة حفظناة بدون خلفية ” شفاف ”

كما في الصورة الاتية

 

20

 

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

 

21

 

انظروا الان كيف انحلت المشكلة

 

23

 

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

سوف نقوم برسم مربع Shape وذلك عن طريق اختيار المربع ثم الضغط بالماوس على مكان العمل وسوف تظهر هذة النافذة .. نضع قيم البزنس كرت كما في الصورة الاتية .. ثم نضغط اوكية

” هذة النافذة لن تظهر الا للنسخة cs6 .. اللي عندهم اقل من هذة النسخة طبقوا الطريقة القادمة عند رسم اللترهيد “

 

24

 

نقوم بتلوينها باللون الاحمر مثلاً .. ونحول اللير الى سمارت اوبجكت على الفوووووووووور

“نضغط بيمين الماوس على لير المربع .. وسوف تظهر خيارات نختار منها كما بالصورة “

 

26

 

*** يجب تحويل اللير اللى سمارت اوبجكت فورأً قبل عمل اي تعديل على اللير والا فلن تستطيع التعديل لاحقاً .. لان فكرة الدرس هي السمارت اوبجكت ” ***

 

هكذا شكل اللير بعد تحويلة الى سمارت اوبجكت

 

27

 

الان لكي نجعل هذا المربع بنفس منظور الكرت وبنفس المقاس .. نقوم بتخفيف الشفافية الى 50 %

لكي استطيع رؤية اللي بالخلف

 

28

 

الان نضغط على Ctrl+T  ونختار Distort

 

29

 

الان نضع الاركان الاربع للمربع في نفس اركان الصورة ” mock up ” .. يجب عليك التأكد ان الاركان الاربع تطابق الاركان التي بالخلفية .. كبر المنظور للتأكد

 

30

.

.31

 

ثم نضغط Enter

.. الان نعيد الشفافية الى 100 %

 

32

 

نعيد نفس الخطوات السابقة لانشاء الكرت الخلفي

 

33

 

.34

 

الان نقوم بعمل اللترهيد ” تعمل هذة الطريقة للي عندهم الاصدار cs5 “

نختار الشكل المربع ونضع الخيارات كما هي موضحة في الصورة الاتية

 

35

 

ونلاحظ انة اصبح بهذا الشكل

 

36

 

نحولة فورررررررررررررا الى سمارت اوبجكت

وذلك بالضغط بيمين الماوس على اللير واختيار كما في الصورة الاتية

 

37

 

ثم نعيد الخوات التي قمنا بها في الكرت

تخفيف الشفاية الى 50%

ثم  Ctrl+ T واختيار Distort ووضع كل الاركان كما هي الحال بالكروت ..

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

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

 

38

 

ثم نضغط enter

وستكون النتيجة كالاتي

 

39

 

الان نعمل على ذلك الانحناء .. اضغط مرة اخرى على Ctrl + T واختر هذة المرة Warp

 

40

 

نعدل الانحناء بتلك الزاوية عن طريق الهاندل وجعلة بنفس انحناء الصورة الخلفية ..

 

41

 

نعيد الشفافية الى 100 %

ويكون لدينا هذا النتيجة ..

 

42

 

نقوم بتسمية الليرات ” Letterhead – Back – Front” او حسب ماتريد .. فقط هذة الخطوة للتذكير لانة عندما تاتي للتعديل بيكون سهل عليك اختيار اللير بكل سهولة

 

43

 

الان سوف نظيف لمسات خفيفة لجعل التصمي يبدوا واقعياً .. وذلك باضافة ظل واضائة .. لكن سوف نرتب الليرات

سوف ننشاء مجلد ونسمية Shadow او ظل .. لان جميع ليرات الظل بتكون داخل هذا المجلد .. ونتأكد ان يكون اسفل جميع الليرات

 

44

 

والان ننشىء الظل .. وسوف نبداء بالكرت الامامي ” front ” سوف نضغط ctrl ونضغط بالماوس على اللير ” اللي اسمة front ”

وسنلاحظ انة تم تحديد ذلك اللير

 

45

 

الان نذهب الى مجلد Shadow  وننشىء لير جديد داخلة كما في الصورة الاتية

 

46

 

نضغط في الكيبورد على الحرف D لكي يعيد لي الااوان الاساسية ” الابيض والاسود ” .. ثم نضغط على Alt+Delete  لنعبىء اللير باللون الاسود

 

47

 

الان نلغي التحديد عن طريق الاختصار ctrl + D

الان نختار اداة الموف ” او اضغط في الكيبورد على الحرف V ”

ثم حرك اللير الى الاسفل بالاسهم .. مرتين الى الاسفل ومرتين الى اليسار

ويجب ان تكون النتيجة كالاتي

 

48

 

نلاحظ ان الظل ظهر .. الان نطبق علية فلتر الجوشن بلر ونضع القيمة الاتية

 

49

 

50

 

ثم نخفف الشفافية الى 80%

 

51

 

ثم نعمل نسخة اخرى من اللير ” الظل ” وذلك عن طريق ضغط الاختصار الاتي

Ctrl + J

ونطبق علية نفس الفلتر ولكن هذة المرة سوف تزيد من القيمة كما في الصورة الاتية

 

52

 

ثم نخفف الشفافية الى 30 %

كما في الصورة الاتية

 

53

 

الان نكرر نفس الخطوات السابقة الخاصة بالظل على الكرت الثاني وبنفس القيم ..

فيصبح لديك هكذا الشكل

 

54

 

الان نقوم بعمل  الظل للترهيد.. ننشىء لير جديد ونضغط ctrl ووالماوس على لير اللترهيد لعمل تحديد .. ثم نعبئة باللون الاسود وذلك عن طريق الاختصار Alt + Delete

 

55

 

الان نلغي التحديد ” Ctrl + D ”

ثم نحرك اللير الى الاسفل مرتين واليسار مرتين كما عملنا بالظل الخاص بالكرت عن طريق اداة الموف “V ”

 

56

 

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

ولكي نمسح ذلك الجزء .. نختار المساحة ببرش ناعمة .. كما هي الخيارات الاتية

 

57

 

ثم نمسح ذلك الجزء ” المحدد في الصورة الاتية”

 

58

 

الان نطبق فلتر الجوشن بلر ونضع القيم الاتية

 

59

 

وبذلك نكون انتهينا من الظل .. الان نضيف اضائة ” لمكان العطفة ليبان البعد والعطفة كذلك ”

ننشىء مجلد ونسمية “Highlight” او اضائة .. ونضعة في اعلى الليرات

 

60

 

ننشىء لير جديد في ذلك المجلد ونعمل تحديد على لير اللترهيد كما عملنا سابقاً ” Ctrl ونضغط على اللير لعمل التحديد ”

 

61

 

نحتار الان اداة التدرج وبالخيارات الاتية ” لون واحد ثم شفافية ” واللون الاسود

ونوعية التدرج لنير

 

62

 

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

 

63

 

رائع الى الان .. :D

الان نلغي التحديد .. ونختار اداة الموف V

نحرك الظل للاعلى مرة واحدة بالاسهم واليسار مرة واحدة برضة

 

64

 

هذة الحركة لاضافة سمك الورقة :D

قم الان بتخفيف الشفافية لهذا اللير الى 30%

 

65

 

نضيف الان لمعة للكروت ” هذا الخطوة إختيارية .. بكيفك اذا حبيتها طبقها .. اذا ماحبيتها لاتطبقها :] ”

سوف ننشىء لير جديد ونعمل تدرج كما في الصورة الاتية بعد تحديد الكرت

 

66

 

نخفف الشافافية الى %20 ونعيد نفس الحركة للكرت الثاني

 

67

 

الان نغط على السهم اللي بجانب مجلد الظل والاضاءة ليكون فقط الليرات الظاهرة هي السمارت اوبجكت كهذا الصورة

 

68

 

وبهذا نكون انتهينا من التصميم والتعديل ..

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

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

 

ننقر مرتين على لير اللترهيد .. وسوف يفتح لك صفحة جديدة مؤقتة

 

69

 

هذة الصفحة هي مؤقتة لكي نضع فيها التصميم اللترهيد ..

افتح تصميمك اللي صممت فية اللتر هيد .. كهذا مثلاً

 

70

 

اقوم بعمل تحديد ونسخ جميع الليرات عن طريق الاختصار

Ctrl+Shift+C

نعود الان الى ملف السمارت الاوبجكت المؤقت .. ونضع تصميمنا فية عن طريق الاختصار Ctrl + V

وسوف يكون كالاتي

 

71

الان نحفظ الملف عن طريق الاختصار Ctrl+S

لن تظهر لك اي نافذة او شيء .. وانما يعتمد التعديلات في السمارت اوبجكت .. كل ماعليك عملة هو اغلاق هذة النافذة عن طريق الاختصار Ctrl+W

وسوف يعود بك الى الملف الاصلي

 

72

 

ياللروووووووووووعة .. هذا هو قوة السمارت اوبجكت .. هنا يكمن الابداع

كرر نفس الخطوات للكروت

 

73

 

ماشاء الله لاتمرع نفسك :D

الان استعرض اعمالك امام العملاء واصدقائك بكل احترافية وابداع

وتستطيع استخدامة في اي عمل تريدة .. مراراً وتكراراً ..

هنا كما نشاهد

 

74

وبذلك نكون انتهينا من هذا الدرس الطويل .. والرائع ..

واتمنى ان اكون وفقت بشرحة وسهلتة للجميع ..

وهذا الاساس وعليك رسم البقية كما في الصور الاتية بنفس الاسلوب

 

business_stationery_3dmockup_cs3 Corporate Stationery Identity_Mockups

.

.

.

لاتنسوني من خالص الدعاء .. دمتم بخير

————————————————-

طبعاً لن ننسى المجهود الكبير جدا للسيد ( أيمن الفقيه ) صاحب مدونة جرافيكس الذي قام بإنشاء هذا الدرس بهذه السهولة و الروعة … كل الشكر و الامتنان

One thought on “كيفية عرض اعمالك بواقعية ” الجزء الثاني ”

  1. Amer Kanjo كتب:

    يا اخي انت ليش اسمك محمد لازم يسموك فنان … يعطيك الف الف عافية
    ويا للروووووووووعة

اترك رد

إملأ الحقول أدناه بالمعلومات المناسبة أو إضغط على إحدى الأيقونات لتسجيل الدخول:

WordPress.com Logo

أنت تعلق بإستخدام حساب WordPress.com. تسجيل خروج   / تغيير )

صورة تويتر

أنت تعلق بإستخدام حساب Twitter. تسجيل خروج   / تغيير )

Facebook photo

أنت تعلق بإستخدام حساب Facebook. تسجيل خروج   / تغيير )

Google+ photo

أنت تعلق بإستخدام حساب Google+. تسجيل خروج   / تغيير )

Connecting to %s