تسجيل الدخول

مشاهدة النسخة كاملة : الدرس الخامس طريقة عمل إطار بسيط للصورة


رحاب الرحمن
05/01/2008, 07:33 PM
السلام عليكم ورحمة الله وبركاته

المقدمة

إن الإطار جزء مهم من عملية التصميم ..

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

في النهاية الأمر يعتمد على مهارة المصمم وحاجة التصميم ..

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



وبالتأكيد الطريقة سهلة جداً ..




مثال على الدرس

http://www.jewelsuae.com/psd/allDoroos/pic-effect/E6ar-s/Ex.jpg



أدوات الدرس

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

وفي هذا الدرس .. سأقوم بالتطبيق على الصورة التالية ..

http://www.jewelsuae.com/psd/allDoroos/pic-effect/E6ar-s/L-mcqueen.gif

Lightning McQueen
ــ من فيلم Cars ـ الشخصية المفضلة عند أبنائي .. .. كوتشاووووو!



خطوات التنفيذ

بداية قم بفتح الصورة

File >> Open

http://www.jewelsuae.com/psd/PsdCS/File/Open.gif
ثم احضر الصورة المطلوبة من المكان الذي خزنتها فيه
http://www.jewelsuae.com/psd/allDoroos/pic-effect/E6ar-s/1.gif


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

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



الخطوة الثانية

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

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

أولاً : تحديد مساحة العمل باستخدام أداة التحديد المربعة .. بواسطة هذه الأداة .. قم برسم التحديد على كل الصورة ..




ثانياً: تحديد محتوى مساحة العمل عن طريق لوحة المفاتيح والماوس ـ الفأرة ـ

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

شاهد مكان النقر بالفأرة ..

http://www.jewelsuae.com/psd/allDoroos/pic-effect/E6ar-s/2.gif
بعدها يفترض أن تلاحظ ظهور علامة التحديد على مساحة العمل ..

http://www.jewelsuae.com/psd/allDoroos/pic-effect/E6ar-s/3.gif

والآن انتقل للخطوة الثالثة لتطبق هذا الأمر البسيط ..




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

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

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

حسناً .. لنقم بإضافة لير جديد ..

اتجه لبوكس الليرات واضغط على المربع الصغير الموجود أسفل بوكس الليرات ..

شاهد الصورة ..
http://www.jewelsuae.com/psd/allDoroos/pic-effect/E6ar-s/4.gif

لاحظ أن اللير (Layer 2) قد تمت إضافته .. اضغط عليه مرة واحدة بالفأرة ـ الماوس ـ لكي تقوم بتحديده ..

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

طبق الأمر التالي:

Edit >> Stroke

شاهد كيفية تطبيق الأمر على الصورة التالية:

http://www.jewelsuae.com/psd/PsdCS/Edit/Stroke.gif
ستلاحظ ظهور نافذة لتحدد إعدادات الإطار ..
http://www.jewelsuae.com/psd/allDoroos/pic-effect/E6ar-s/5.gif


لاحظ الأرقام التوضيحية التي على الصورة ..

1- عند كلمة Width سنحدد سمك الإطار .. ويجب أن تختار سمكاً ملائماً للتصميم .. فإذا كان حجم التصميم صغيراً .. قم بإدخال رقماً صغيراً .. وإن كان التصميم كبيراً .. أدخل رقماً كبيراً .. وكما تلاحظ أن تصميمنا ليس كبيراً .. لذا سأدخل الرقم 4 ..

2- عند الرقم 2 سنختار لون الإطار .. اضغط على المربع الملون بجانب كلمة Color ستلاحظ ظهور نافذة الألوان .. وقم باختيار اللون الملائم .. بما أن تصميمي يشمل على اللون الأحمر .. سأختار إطارً بنفس اللون تقريباً .. لذا اخترت الأحمر بالدرجة التالية: 990000 #

3- بالنسبة لاختيارات الموقع ( Location ) سنقوم بتحديد الاختيار الأول Inside أي أن التحديد سنضعه للداخل .. وهو الاختيار الأنسب في حال قمنا بتحديد التصميم بالكامل كما في الدرس .. لأننا لو اخترنا التحديد للخارج Outside فلن نرى الإطار .. لأنه سيكون قد تحدد خارج مساحة العمل ..

4- وأخيراً اضغط على Ok لتأكيد ما فعلته ..



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

http://www.jewelsuae.com/psd/allDoroos/pic-effect/E6ar-s/6.gif
لرفع علامة التحديد .. من لوحة المفاتيح اضغط على Ctrl + D

بإمكانك أن تنهي العمل عند هذا الحد .. وتقوم بتخزين التصميم عن طريق File >> Save As



أو



يمكنك أن تطبق معي هذه الخطوة الإضافية ..





خطوة إضافية

لاحظ .. مازلنا نعمل على لير الإطار .. وإن كنت تشك في ذلك .. اتجه لبوكس الليرات ثم اضغط عليه بالماوس كي تفعل اللير ـ كما فعلنا قبل قليل ـ

ثم اتجه للقائمة الرئيسية .. وطبق التالي ...

Layer >> Layer Style >> Blending Options

تابع الصورة

http://www.jewelsuae.com/psd/AlQaemah/LStyleBO.gif
بعد هذه الخطوة سيظهر لك بوكس كبير على يساره قائمة بالخصائص المتنوعة ،، سنحتاج إلى خاصية واحدة فقط ..
وهي: Drop Shadow

فقط قم بالضغط على المربع الصغير الموجود على يسار العبارة .. كي تظهر علامة الصح ..
شاهد الصورة ..
http://www.jewelsuae.com/psd/allDoroos/text-effect/glass/8.gif
أكد العملية وأنهها بالضغط على Ok
http://www.jewelsuae.com/psd/allDoroos/pic-effect/E6ar-s/Ex.jpg

رحاب الرحمن
05/01/2008, 07:35 PM
انتظر تطبيقاتكم
الدرس طبعا منقول لضيق الوقت عندى

صوت الباحة
05/01/2008, 08:56 PM
الاخت رحاب الرحمن

امل تاجيل هذا الدرس حتى يتم تحويل البرنامج لدي الي الانجليزي لانه واجهني صعوبه في التطبيق

تقبلي وديوتقديري

ahmad96
05/01/2008, 09:02 PM
اقّدر جهودك الجبارة يا رحاب
وفقك الله

رحاب الرحمن
05/01/2008, 09:19 PM
الاخت رحاب الرحمن

امل تاجيل هذا الدرس حتى يتم تحويل البرنامج لدي الي الانجليزي لانه واجهني صعوبه في التطبيق

تقبلي وديوتقديري

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

حمل البرنامج من هنا نسخة متميزة
http://www.ruba3.com/vb/showthread.php?t=21511

رحاب الرحمن
05/01/2008, 09:22 PM
اقّدر جهودك الجبارة يا رحاب
وفقك الله

شكرا لك و لمرورك الطيب
نتمنى مشاركتك معنا فى التطبيقات على الدروس

حورية البحر
06/01/2008, 10:05 AM
رائعة دائما كما عودينا
مشكورة اختى وفعلا درس شيق ومفيد

رحاب الرحمن
06/01/2008, 03:50 PM
رائعة دائما كما عودينا
مشكورة اختى وفعلا درس شيق ومفيد

شكرا لك يا حورية
و اشكر مرورك الرائع
اتمنى مشاركتك معنا

أم رتيبة
06/01/2008, 04:26 PM
رائع شرحك وطريقـةلعرض

شكرا لك

صوت الباحة
06/01/2008, 08:24 PM
http://www.up07.com/up8/uploads/fc12a1950f.jpg (http://www.up07.com/up8)


هذا التطبيق استاذتي الفاضلة

رحاب الرحمن
08/01/2008, 07:58 AM
safaqahsafaqahsafaqahsafaqah
برافوووووووووووووو تلميذى المجتهد 10\10
ملحوظة صغيره يا ريت تطبق على صور مختلفة عن صور الدرس المشروح

صوت الباحة
08/01/2008, 10:55 AM
علم وينفذ يا استاذتي العزيزه

المؤمنه بالله
10/01/2008, 03:44 AM
http://up10.arabsh.com/my/6fc7b20.jpg (http://up10.arabsh.com)

وفقك الله