معهد هاك

العودة   معهد هاك > هاك دورات تعليم التصاميم والاستايلات للمبتدئين والمحت > هاك دورات تعليم الفوتوشوب والفلاش

عمل إطار بسيط للصورة




رد
 
LinkBack أدوات الموضوع طرق مشاهدة الموضوع
قديم 07-30-2008, 09:17 PM   #1
::HAKHAK::
::الرقابة الشديدة::
 
الصورة الصغيرة X_R
 
تاريخ التسجيل: May 2008
الدولة: البعد الرابع
المشاركات: 3,231
معدل تقييم المستوى: 42
X_R نشيط
افتراضي عمل إطار بسيط للصورة


عمل إطار بسيط للصورة


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

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


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



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

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


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


خطوات التنفيذ
بداية قم بفتح الصورة
File >> Open

ثم احضر الصورة المطلوبة من المكان الذي خزنتها فيه

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

عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]


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

عفوا ,,, لايمكنك مشاهده الروابط لانك غير مسجل لدينا [ للتسجيل اضغط هنا ]

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

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

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

بعدها يفترض أن تلاحظ ظهور علامة التحديد على مساحة العمل ..



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



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

شاهد الصورة ..

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

Edit >> Stroke

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


ستلاحظ ظهور نافذة لتحدد إعدادات الإطار ..

لاحظ الأرقام التوضيحية التي على الصورة ..
1- عند كلمة Width سنحدد سمك الإطار .. ويجب أن تختار سمكاً ملائماً للتصميم .. فإذا كان حجم التصميم صغيراً .. قم بإدخال رقماً صغيراً .. وإن كان التصميم كبيراً .. أدخل رقماً كبيراً .. وكما تلاحظ أن تصميمنا ليس كبيراً .. لذا سأدخل الرقم 4 ..
2- عند الرقم 2 سنختار لون الإطار .. اضغط على المربع الملون بجانب كلمة Color ستلاحظ ظهور نافذة الألوان .. وقم باختيار اللون الملائم .. بما أن تصميمي يشمل على اللون الأحمر .. سأختار إطارً بنفس اللون تقريباً .. لذا اخترت الأحمر بالدرجة التالية: 990000 #
3- بالنسبة لاختيارات الموقع ( Location ) سنقوم بتحديد الاختيار الأول Inside أي أن التحديد سنضعه للداخل .. وهو الاختيار الأنسب في حال قمنا بتحديد التصميم بالكامل كما في الدرس .. لأننا لو اخترنا التحديد للخارج Outside فلن نرى الإطار .. لأنه سيكون قد تحدد خارج مساحة العمل ..
4- وأخيراً اضغط على Ok لتأكيد ما فعلته ..

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


لرفع علامة التحديد .. من لوحة المفاتيح اضغط على Ctrl + D
بإمكانك أن تنهي العمل عند هذا الحد .. وتقوم بتخزين التصميم عن طريق File >> Save As

أو

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


خطوة إضافية
لاحظ .. مازلنا نعمل على لير الإطار .. وإن كنت تشك في ذلك .. اتجه لبوكس الليرات ثم اضغط عليه بالماوس كي تفعل اللير كما فعلنا قبل قليل
ثم اتجه للقائمة الرئيسية .. وطبق التالي ...
Layer >> Layer Style >> Blending Options

تابع الصورة

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

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

أكد العملية وأنهها بالضغط على Ok



شكراً على المتابعة
جزاكم الله خير

منقول من الموقع الرسمي
من مواضيع : X_R 0 مهارة التعامل مع الردود السيئة
0 عمل إطار بسيط للصورة
0 ~¤ô¦¦§¦¦ô¤~ ثيمات جميلة جدا لموبيلات نوكيا تحمل اسم الله مزخرف بطريقة بديعة~¤ô¦¦§¦¦ô
0 هذا ما جناه الاختلاط من مشاكل عاطفية مدمرة
0 غب ياهلال...انا طفلة عربية من ضحايا الاحتلال....غب ياهلال.
0 كلمات وخواطر رائعة عن الوادعـ^-_
0 [شرح] : نصيحه قبل الترقيه إلى نسخة 3.7.0 ادخل مهم بنسبه لك !!!
0 مليون حسنة
0 شرح عمل تعريب للـ vBulletin
0 احــتــفــظ بــثــــلاث ومـــزق ثــلاث ... ؟
X_R غير متواجد حالياً   رد مع اقتباس
قديم 11-16-2008, 06:20 PM   #5
 
تاريخ التسجيل: Nov 2008
المشاركات: 26
معدل تقييم المستوى: 3
جوجو هآآرت نشيط
افتراضي رد: عمل إطار بسيط للصورة

شرح واضح
وسهل


الله يعطيك العافيه
من مواضيع : جوجو هآآرت
جوجو هآآرت غير متواجد حالياً   رد مع اقتباس
رد

مواقع النشر

العبارات الدلالية
للصورة , بسيط , إطار
أدوات الموضوع
طرق مشاهدة الموضوع

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

كود BB متاحة
كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are معطلة
الانتقال السريع إلى

المواضيع المتشابهه للموضوع: عمل إطار بسيط للصورة
الموضوع كاتب الموضوع المنتدى مشاركات آخر مشاركة
..............................تحليل منطقي بسيط ............................ ramoz هاك الحوار العام 11 06-08-2008 09:17 PM
بسيط هاك هاك هاك الرسوم المتحركة وقناة Space toon 1 10-01-2007 12:54 PM


جميع الأوقات بتوقيت GMT. الساعة الآن 11:46 AM.

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79
RSS RSS 2.0 XML MAP HTML NEWS

الإستضافة مقدمة من الاستضافة السعودية ® النسخة 3.8.0
حقوق النشر محفوظة ©2000 - 2009, لمعهد هاك التطويري.
معهد هاك التطويري