السلام عليكم ورحمة الله وبركاته

في هذا الدرس راح نتعلم كيفية تصميم بطاقه جميله من نقطة الصفر في الفتوشوب
هذا الدرس اجنبي من ترجمتي وتطبيقي إن شاء الله تستفيدو منه واهم أدا’ بهذا الدرس البن تول ^^

بسم الله نبدأ :

1.اول شي نفتح صفحة عمل جديده بالاحجام هذي ( العرض 1920×الطول 1200)
وضع اللون (RGB)بكسل (72) الخلفيه بيضاء.

<table id="ncode_imageresizer_warning_1" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 647x433.</td></tr></table>

2.الآن نضيف ستايل للطبقه Add a layer style من خلال الضغط على الطبقه
دبل كليلك ونضيفGradient Overlay كما الخيارات الموضحه بالصووره




3.انقر في شريط الألوان لفتح محرر التدرجات وتعيين لون كما هو مبين.
انقر فوق موافق لإغلاق مربع الحوار محرر التدرج.



4.الآن لدينا شعاع في الخلفيه كما هو موضح في الصوره ^^.

<table id="ncode_imageresizer_warning_10" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 648x436.</td></tr></table>

5.هلأ جينا لأستخدام اداة البن تول وهي ممتعه كتير انا حبيتها بس بدها تركيز ^_*
اختر أداة القلم (P)، حدد من خيارات شريط وضع رسم شكل طبقات وارسم الشكل التالي :

<table id="ncode_imageresizer_warning_7" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 737x527.</td></tr></table>


6.هلأ منكرر الخطوه رقم (2) وهي : نضيف ستايل للطبقه Add a layer style
من خلال الضغط على الطبقه دبل كليلك ونضيفGradient Overlay
مع تغيير الخيارات كما موضح بالصووره.



7. .انقر في شريط الألوان لفتح محرر التدرجات وتعيين لون كما هو مبين.
انقر فوق موافق لإغلاق مربع الحوار محرر التدرج.



8.الآن ننسخ طبقة الشكل اللي رسمناه بالبن تول ونضغط على(ctrl+t)
ونحرك الشكل كما هو موضح بالصوره .
<table id="ncode_imageresizer_warning_8" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 749x588.</td></tr></table>

9. هلأ رح نعمل تعديل بسيط على الشكل من Add a layer styleونضيف
Gradient Overlay و نغير بعض الخيارات كما موضح في الصوره.




10. .انقر في شريط الألوان لفتح محرر التدرجات وتعيين لون كما هو مبين.
انقر فوق موافق لإغلاق مربع الحوار محرر التدرج.



11.الآن وصلنا لهذي النيجه ^_*

<table id="ncode_imageresizer_warning_9" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 650x433.</td></tr></table>

12.الآن نستخدم اداة الاشكال ونختار الشكل الموضح بالصوره .




13.رح نضيف لير ستايل للقلب و بهذي المره رح نضيف Gradient Overlay
و Stroke اول شي نجي لل Gradient Overlay ونضيف الخيارات
الموجوده بالصوره ولا تسكر النافذه خليها مفتووحه .





14. وهلأ منضيف ال Stroke ونضيف الخيارات الموجوده بالصوره .





15.هلأ حصلنا على هذا الشكل .
<table id="ncode_imageresizer_warning_4" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 648x430.</td></tr></table>

16. وبهذه الخطوة راح ننسخ طبقة القلب اللي هو الشكل
ونصغر حجمه بالضغط على (ctrl+t)هلأ منضيف Gradient Overlay
لطبقة القلب المنسوخه ونجعل التعبئه 0% ((fill 0%))
كما موضح بالصوره .







حصلنا على هذا الشكل



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

<table id="ncode_imageresizer_warning_5" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 651x433.</td></tr></table>





18.وهذي هي اللمعه اللي كتير حبيتها انا لانها غيرت كل شكل القلب ^_*

<table id="ncode_imageresizer_warning_11" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 649x435.</td></tr></table>


19.ومنرجع منكرر الخطوه 17 على الجهة الثانيه للقلب ونغير خيارات الستايل
متل اللي موجود بالصوره و التعبئة اهم شي تكون 0% .

<table id="ncode_imageresizer_warning_13" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 649x435.</td></tr></table>





20.وهلأ حصلنا على هااد الشكل وكل مره رح يزيد جمال البطاقه
بزيااده التأثيرات ^_^



21. هلأ مننسخ الطبقه الاولى من القلب ومنصغرها بالضغط على (ctrl+t)
كما هو موضح ونضيف لهذي الطبقه ستايل ونعدل الخيارات كما موضح بالصوره
وبعد اضافة الستايل منستخدم دائرة القص ونرسم دائره نفس اللي بالشكل .

<table id="ncode_imageresizer_warning_15" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 648x432.</td></tr></table>





22.هلأ حصلنا على هذا الشكل لسه الخير لقدام .

<table id="ncode_imageresizer_warning_3" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 648x433.</td></tr></table>

23.الآن نقوم بدمج جميع طبقاات القلب بالضغط على (ctrl+e) و نسخ
طبقة القلب 2 مرتين و سحب الطبقات وتصغير الحجم بالضغط على
( (ctrl+t ))كما موضح بالصوره .

<table id="ncode_imageresizer_warning_12" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 649x433.</td></tr></table>


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

<table id="ncode_imageresizer_warning_6" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 648x433.</td></tr></table>


25. الآن بعد دمج الطبقات للشكل الجديد نعمل على نسخ الطبقه الجديده
و نحركها شووي و نجعل التعبئه 50% نفسسسسس الصووره ^,^

<table id="ncode_imageresizer_warning_14" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 648x430.</td></tr></table>

26.ننسخها كمان مره للطبقه ونحركها شوي ونجعل التتعبئه 70% same pi ^^

<table id="ncode_imageresizer_warning_2" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 649x431.</td></tr></table>


27.وهلأ منجيب فرشااة ونرسم نقط كما موضح بالصوره عندي
و منضيف نقط بحجم اكبر ونجعل ال(Opacity 15%) اللي هي (تظليل 15% )
لا تنسوووا بس للدوائر الكبيره ^^

وهذه النتيجه النهائيه ^_____________^

<table id="ncode_imageresizer_warning_16" class="ncode_imageresizer_warning" width="640"><tr><td class="td1" width="20"></td><td class="td2">هذه الصورة بحجم اخر انقر هنا لعرض الصورة بالشكل الصحيح ابعاد الصورة هي 1920x1200.</td></tr></table>

و هيك بكوون خلصت الدرس وبعرف ان الشررح مو زياده بس اظن ان الصور تفهم اكثر
وواضحه اكثر وان شاء الله الاقي ردووود حلووه مثل تواجدكم بالدرس
لاني تعبت عليه كثييييييييير
و لا تنسوني من صالح الدعاآآء وان شاء الله تكون النتيجه عجبتكم ^^

~ْ* دمتم بحفظ الله ورعايته ~ْ*