رسم صورة فنية بالفوتوشوب

http://www.arb-up.com/files/arb-up-2008-1/auJ80628.gif

بسم الله الرحمن الرحيم



المقدمة

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

هل عندك برنامج الفوتوشوب؟؟ هل لديك الرغبة في ابتكار صورك الفنية الخاصة؟؟

تابع الدرس ..



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

http://www.arb-up.com/files/arb-up-2008-1/JOY80678.gif

سيظهر لك هذا البوكس ..

http://www.arb-up.com/files/arb-up-2008-1/XOF80730.gif

ومن خلاله يمكنك تغيير الحجم ،، لكن تأكد من وضع إشارة صح عند Constrain Proportions ،،

للعلم .. Constrain Proportion يجعل أبعاد الصورة ثابتاً من حيث الطول والعرض ،، أي عندما تغير في حجم العرض (Width) فإن الطول (Height) سيتغير تلقائياً .. وهذا الاختيار مهم عند تغيير حجم الصور .. لأنك إن غيرت حجم العرض دون الطول ستختل دقة الصورة ..

إلى الخطوة الثالثة

يـتـبـعـ:-

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

هذه الخطوة تتكون من أربعة مراحل سهله وعجيبة ..
تابع معي ..



المرحلة الأولى

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

http://www.arb-up.com/files/arb-up-2008-1/0yy81080.gif

إن لم تجد بوكس الليرات ،، أو لم تعرف كيف تنسخها ،، اتبع الرابط التالي ..

من لوحة المفاتيح اضغط على Shift + Ctrl + U

للعلم .. بإمكانك أن تطبق هذا الأمر بطريقة أخرى .. وهي:
Image >> Adjustments >> Desaturate

ستلاحظ تغيير لون الصورة للأبيض والأسود ..

شاهد النتيجة

http://www.arb-up.com/files/arb-up-2008-1/zNF81132.gif

المرحلة الثانية

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

قم بنسخ اللير ــ الذي حولناه للأبيض والأسود ــ
شاهد بوكس الليرات بعد عملية النسخ

http://www.arb-up.com/files/arb-up-2008-1/NhE81179.gif

على اللير الجديد ،، اتجه للوحة المفاتيح مرة أخرى ،، واضغط على Ctrl + I

للعلم .. بإمكانك تطبيق هذا الأمر بطريقة أخرى .. وهي:
Image >> Adjustments >> Invert

بالتأكيد شاهدت التغيير الكبير على الصورة .. لقد تحولت لصورة سلبية ــ نيجاتيف ــ

شاهد نتيجتي

http://www.arb-up.com/files/arb-up-2008-1/NJR81231.gif

مازالت الطفلة محتفظة ببراءتها حتى في النيجاتيف ،، لكن لن نبقيها هكذا طويلاً .. انتقل للمرحلة الثالثة



المرحلة الثالثة

إلى الفلتر التالي ..
Filter >> Blur >> Gaussian Blur

http://www.arb-up.com/files/arb-up-2008-1/OzU81359.gif

سيظهر لك بوكس آخر ،، أدخل فيه القيمة 3.5 ،، أو أي قيمة تجدها مناسبة ،، ولكن نصيحتي ألا يكون الرقم كبيراً ،، لأن ذلك سيؤثر على التصميم ..

اتجه لبوكس الليرات ،، وغير خاصية اللير من Normal إلى Color Dodge

شاهد التغيير في بوكس الليرات في هذه الصورة المتحركة

http://www.khellan.net/up2/uploads/b82700063a.gif

يا سلاااااام .. ما رأيك ؟؟

http://www.khellan.net/up2/uploads/87739d6643.gif

المرحلة الرابعة والأخيرة

اتجه لبوكس الليرات ،، وقم بإضافة لير جديد ..

لمزيد من المعلومات عن كيفية إضافة لير جديد ،، اتبع الرابط التالي ..

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

http://www.khellan.net/up2/uploads/98aff43edc.gif

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

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

لاحظ مساحة العمل بعد تطبيق التدرج ..

http://www.khellan.net/up2/uploads/76f5711255.gif

لقد اختفت الصورة!!
لا تقلق من اختفاء الصورة .. سنظهرها الآن بشكل رائع ..

اتجه إلى بوكس الليرات وغير خاصية اللير الجديد من Normal إلى Overlay أو Color Burn حسب ذوقك ــ بنفس الطريقة التي فعلنها قبل قليل في المرحلة الثالثة ــ

في الدرس غيرت إلى Overlay ..
لاحظ وضع بوكس الليرات ..

http://www.khellan.net/up2/uploads/0964411721.gif

والنتيجة ..

http://www.khellan.net/up2/uploads/aeea8d6933.gif

قم بدمج جميع الليرات عن طريق الضغط على Shift + Ctrl + E
للعلم .. بإمكانك تطبيق هذا الأمر بطريقة أخرى ،، وهي .. Layer >> Merge Visible

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

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

يـتـبـعـ:-

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

تتكون من ثلاث مراحل ..



المرحلة الأولى

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

اضغط على صورة الولد بالفأرة كي تقوم بتفعيلها ،،

ارفع القفل عن الصورة كما فعلنا في الخطوة الثانية مع صورة الطفلة ،،
للذكير .. Layer >> New >> Layer From Background
سيظهر لك بوكس آخر ا اضغط على Ok



المرحلة الثانية

سأقوم بتوضيح صورة الولد ..

قم بنسخ اللير ،، وعلى اللير الثاني ،، غير الخاصية من Normal إلى Screen
وغير قيمة Fill من 100% إلى 50%
لاحظ بوكس الليرات

http://www.khellan.net/up2/uploads/e2223fb726.gif

والآن ادمج الليرات كما فعلنا قبل قليل ،، بالضغط على Shift + Ctrl + E من لوحة المفاتيح ..

ملاحظة .. هذه الخطوة اختيارية ،، فقد تكون الصورة التي تستخدمها واضحة ،، فلا تحتاج لهذه الخطوة



المرحلة الثالثة

سنقوم الآن بنقل صورة الولد إلى الخلفية ــ صورة الطفلة ،، حان وقت الاستيقاظ خخخخخ ــ

اتبع الخطوات التالية بدقة ،، لا داعي للقلق .. فالخطوات سهلة جداً:

1- اضغط بالفأرة على صورة الولد .. ومن لوحة المفاتيح اضغط على:
Ctrl + A وذلك لتحديد الصورة بالكامل ..

2- مباشرة من لوحة المفاتيح مرة أخرى اضغط على:
Ctrl + C لنسخ الصورة ..

3- انتقل إلى صورة الطفلة الصغيرة ،، اضغط عليها بالفأرة ــ الماوس ــ لتفعيلها ثم من لوحة المفاتيح اضغط على:
Ctrl + V للصق صورة الولد على الخلفية ..


شاهد النتيجة قبل الانتقال للرقم 4

http://www.khellan.net/up2/uploads/4c8eaace23.gif

4- من لوحة المفاتيح مرة أخرى ،، اضغط على Ctrl + T ستظهر لك مربعات صغيرة حول صورة الولد ،، اضغط على الصورة من منتصفها وانقلها إلى اليسار قليلاً ،، أو عدل في وضعية الصورة حسب رغبتك ..

شاهد الصورة بعد تنفيذ الخطوة رقم (4)

http://www.khellan.net/up2/uploads/2ede6321d2.gif

اضغط على Enter من لوحة المفاتيح كي تؤكد على تثبيت وضعية الصورة ..



المرحلة الرابعة

في هذه المرحلة ،، سنقوم بترتيب حواف صورة الولد .. في خطوتين:
1- من قائمة الأدوات ,,اختر أداة الممحاة ،،
قم باستخدام الفرشاة الدائرية ذات الحواف الضبابية للممحاة وامسح الأطراف الزائدة التي على يمين صورة الولد .. يفضل استخدام الفرشاة بحجم كبير ،، وفي الدرس اخترت الحجم بقيمة 100 ..

شاهد الاعدادات في خصائص الممحاة ..

http://www.khellan.net/up2/uploads/b1bbbf67b0.gif

لمزيد من المعلومات عن أداة الممحاة .. اتبع الرابط التالي ..

شاهد الصورة أثناء عملية المسح ..

http://www.khellan.net/up2/uploads/9c7d028795.gif

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

شاهد النتيجة

http://www.khellan.net/up2/uploads/48088844f8.gif

2- الخطوة الثانية من ترتيب الحواف ..

اختر أداة القطع Crop

http://www.khellan.net/up2/uploads/5b79f0c23a.gif

ثم حدد حواف البرواز بالكامل ..

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

شاهد كيفية التحديد ..

http://www.khellan.net/up2/uploads/c7f962c2b6.gif

بعد أن تحدد البرواز اضغط على Enter من لوحة المفاتيح لتؤكد على القطع ..

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

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

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

والآن .. هل يمكننا أن ننتقل للخطوة الأخيرة؟!

يـتـبـعـ:-

الخطوة الخامسة والأخيرة

هذه الخطوة إختيارية ،، حيث سنقوم بتصميم إطار للصورة ،،

تتكون هذه الخطوة أيضاً من أربعة مراحل ..



المرحلة الأولى

سنزيد من حجم التصميم ككل 20 بيكسل للطول والعرض

طبق التالي ..
Image >> Convas Size

http://www.khellan.net/up2/uploads/2f5c705948.gif

سيظهر لك بوكس لتعديل الحجم .. طبق فيه التالي ..
عند New Size ستجد شريط أبيض بجانبه سهم أزرق ،، اضغط على السهم وحول الاختيار إلى Pixels ،، افعل ذلك في الشريطين ،، بعد ذلك قم بزيادة الأرقام في العرض والطول 20 بيكسل ..
مثلاً في التصميم الذي نعمل عليه الآن ،، حجم العرض (Width) عندي 300 بيكسل والطول (Height) بقيمة 198 بيكسل ..
وقمت بزيادة 20 بكسل على العرض فأصبحت القيمة 320 ,, وزدت 20 أخرى على الطول فأصبحت 218 ..
شاهد الصورة ..

http://www.khellan.net/up2/uploads/64f810c365.gif

والنتيجة على مساحة العمل

http://www.khellan.net/up2/uploads/8ecfebe366.gif

المرحلة الثانية

سنضيف بعض التأثير على الصورة ..

اتجه إلى ..
Layer >> Layer Style >> Blending Options

http://www.khellan.net/up2/uploads/495a91c8a3.gif

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

http://www.khellan.net/up2/uploads/fce42fcc4f.gif

هذا كل شيء .. اضغط Ok ..

ستلاحظ إضافة ظل أسفل التصميم ..

وقبل أن أريك النتيجة طبق التالي ..
اتجه إلى قائمة >>
Edit >> Transform >> Rotate

http://www.khellan.net/up2/uploads/87e905c08b.gif

ستظهر لك مربعات التحديد حول الصورة ،، وهذه المرة لتدوير الصورة ،، قم بتوير الصورة نحو اليسار قليلاً ،، احرص على أن تبقي زوايا التصميم ظاهرة للمحافظة على الدقة ..

شاهد النتيجة أثناء التطبيق

http://www.khellan.net/up2/uploads/2d69b570b7.gif

من لوحة المفاتيح اضغط على Enter لتأكيد الأمر ..



المرحلة الثالثة

قم بإضافة لير جديد
لمعرفة المزيد عن كيفية إضافة الليرات ،، اتبع الرابط التالي ..


اختر لوناً مناسباً يتماشى مع عناصر التصميم .. وقد اخترت اللون الأزرق بدرجة: 99CCFF
ثم باستخدام أداة السطل قم بتعبئة اللير الجديد باللون الذي اخترته ..

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

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

اتجه مرة أخرى إلى ..
Layer >> Layer Style >> Blending Options

في النافذة الكبيرة ،، ضع إشارة صح على مربعين فقط ،،
المربع الذي بجانب كلمة Bevel and Emboss
والمربع الذي بجانب Texture
ثم اضغط Ok

شاهد تطبيق الأمر السابق

http://www.khellan.net/up2/uploads/92411a089a.gif

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

http://www.khellan.net/up2/uploads/8d3dad727a.gif

مممممممم .. جميييل!



والمرحلة الأخيرة

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

http://www.khellan.net/up2/uploads/26242f7675.gif

ما رأيك الآن

http://www.khellan.net/up2/uploads/de735b27f4.gif

تم بحمد الله

منقول

شككككككككرا على الدرس الرااااائع

شكرا على الدرس الروعه