المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : درس تصميم خلفية


mero
27-02-2010, 11:00 PM
بسم الله الرحمن الرحيم
درس النهارده طويل بس اعذروني بحب اشرح بالتفصيل عشان المبتدئين :abc_145:
هنفتح ملف عمل جديد بالحجم اللي احنا عايزينه في درسنا الحجم
800*600px
وهنروح علي ايقونة التدرج اللوني
Gradient Tool
ونختار اللونين
#cbdf86 , #719100
http://img132.imageshack.us/img132/9144/27070303.jpg (http://img132.imageshack.us/my.php?image=27070303.jpg)
ونسحب المؤشر من اعلي يمين الصفحة الي اسفل ناحية الشمال
http://img87.imageshack.us/img87/6151/19756369.jpg (http://img87.imageshack.us/my.php?image=19756369.jpg)
http://img225.imageshack.us/img225/5818/19185765.jpg (http://img225.imageshack.us/my.php?image=19185765.jpg)
وهنختار اداة Pen Tool ونرسم هذا المسار
http://img87.imageshack.us/img87/8887/81222401.jpg (http://img87.imageshack.us/my.php?image=81222401.jpg)
http://img225.imageshack.us/img225/9121/73596652.jpg (http://img225.imageshack.us/my.php?image=73596652.jpg)
ونروح علي قائمة Path
ثم نضغط يمين الماوس ونختار Make Selectionثم ok
http://img87.imageshack.us/img87/2259/95565437.jpg (http://img87.imageshack.us/my.php?image=95565437.jpg)
ونعمل ليرجديد
http://img87.imageshack.us/img87/1214/81896767.jpg (http://img87.imageshack.us/my.php?image=81896767.jpg)
ونختار اداه التدرج اللوني
Gradient Toolبالاعدادات دي
http://img87.imageshack.us/img87/1021/53419630.jpg (http://img87.imageshack.us/my.php?image=53419630.jpg)
ونسحب من خارج التحديد الي الداخل
http://img412.imageshack.us/img412/3613/50278437.jpg (http://img412.imageshack.us/my.php?image=50278437.jpg)
http://img299.imageshack.us/img299/6269/80450405.jpg (http://img299.imageshack.us/my.php?image=80450405.jpg)
ونكرر هذه الخطوه ثلاث مرات اخري ليتكون هذا الشكل
http://img132.imageshack.us/img132/4813/44054940.jpg (http://img132.imageshack.us/my.php?image=44054940.jpg)
ثم نقوم باخفاء لير الخلفية بالضغط علي علامه العين التي بجانبها
http://img408.imageshack.us/img408/2020/60754128.jpg (http://img408.imageshack.us/my.php?image=60754128.jpg)
ثم ندرج لير جديد
http://img72.imageshack.us/img72/5021/67398384.jpg (http://img72.imageshack.us/my.php?image=67398384.jpg)
ونذهب لقائمة imageثم نختار Apply image
ثم هذه الاعدادات
http://img225.imageshack.us/img225/993/21298035.jpg (http://img225.imageshack.us/my.php?image=21298035.jpg)
ثم نقوم باظهار لير الخلفية بالضغط علي علامة العين مرة اخري
وننشط اللير الخامس ثم نسحبه الي اعلي يسار الصفحة
http://img30.imageshack.us/img30/151/77105623.jpg (http://img30.imageshack.us/my.php?image=77105623.jpg)
ونغير الopacity 50%
نذهب الي قائمة filter ثم Blur ثم Gaussian Blur ثم هذه الاعدادات
http://img72.imageshack.us/img72/1421/99438126.jpg (http://img72.imageshack.us/my.php?image=99438126.jpg)
وننسخ هذا اللير بالضغط علي ctrl+j
http://img256.imageshack.us/img256/9526/25901506.jpg (http://img256.imageshack.us/my.php?image=25901506.jpg)
ونسحبة الي اسفل ناحية اليمين
ثم ندرج Group
http://img225.imageshack.us/img225/1659/14506013.jpg (http://img225.imageshack.us/my.php?image=14506013.jpg)
ثم نضع جميع الليرات بداخل الجروب بتظليلها جميعا ثم سحبها تجاهه
ثم ننسخ الجروب بالضغط علي ctrl+j
ننشط الجروب الاول ثم نضغط يمين الماوس ثم نختار merge Group
ثم نذهب الي قائمة filter ثم نختار sharpen ثم sharpen
ثم نغير ال mode الي overlay
http://img87.imageshack.us/img87/8897/65546008.jpg (http://img87.imageshack.us/my.php?image=65546008.jpg)
ثم نكتب ما نريد ونغير ال fill 0%
http://img256.imageshack.us/img256/2382/75983562.jpg (http://img256.imageshack.us/my.php?image=75983562.jpg)
ونضغط علي لير الكلمة مرتين ثم نغير هذه الاعدادات
http://img256.imageshack.us/img256/8652/16658740.jpg (http://img256.imageshack.us/my.php?image=16658740.jpg)
وده الشكل النهائي للدرس
http://img269.imageshack.us/img269/7294/34739614.jpg (http://img269.imageshack.us/my.php?image=34739614.jpg)
اتمني ان اكون وصلت المعلومة بشكل صحيح وعذرا علي طول الدرس :abc_152:

مبتدأ فلاش
:abc_138:

الدمشقي
27-02-2010, 11:37 PM
لمسات احترافية شعرت بها قبل أن أرى دروسك من خلال أعمالك التي طرحتها بالمنتدى
خلفيات اسلامية لا توجد الا هنا (http://www.abc4web.net/vb/showthread.php?t=6693) :abc_088:

وهانحن نرى الدليل القاطع من خلال هذا الدرس الإبداعي الجميل
:abc_022:
سلمت يداك الكريمة أخي
وإلى مزيد من الإبداع
لك مني كل التحية والتقدير
:abc_139:

mero
27-02-2010, 11:46 PM
بسم الله الرحمن الرحيم

شكرا جزيلا لك اخي الدمشقي

فتعليقك يشجعني لشرح مزيد من الدروس

كينج نت
27-02-2010, 11:54 PM
السلام عليكم ورحمة الله وبركاته

مشكور اخي العزيز مبتدأ فلاش

درس مميز وشرح احترافي وواضح

جاري التطبيق والاستفاده جزاك الله عنا كل خير

.

abohmam
28-02-2010, 02:03 AM
بارك الله فيك أخى Mero

ماشاء الله درس رائع تسلم الأيادي

كما قال أخى الدمشقي لمسات إحترافية والشرح ولا اروع

فى إنتظار المزيد إن شاء الله

mero
28-02-2010, 08:08 AM
بسم الله الرحمن الرحيم

شكرا لك اخي كنج نت واخي ابوهمام
ارائكم ومروركم يعطني دفعة للامام

أبو يوسف
28-02-2010, 05:33 PM
:teslam:

شرح رائع ووافي

بارك الله فيك أخي الفاضل

.

الراعي
28-02-2010, 06:50 PM
بسم الله الرحمن الرحيم
السلام عليكم ورحمة الله وبركاته
تسلم أخي مبتدئ فلاش على الدرس الكبير والشرح الوافي .....استفدت منه كثيرا وحاولت عند التطبيق
المروق عن بعض الخطوات لعلي احصل على تغيير ما ....فكانت هذه المحاولة المفتوحة لتقييمكم
وتقويمكم ...................................

http://dc148.4shared.com/img/231612945/880c8ce3/77_online.png?sizeM=3
دمت بود

سيرين ملكة زماني
01-03-2010, 07:34 AM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

منال عمار
04-03-2010, 04:08 PM
درس جميل جدا و سهل يا ميرو
تسلم ايدك
:abc_152::abc_152::abc_152: شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

سالي الفلسطينية
04-03-2010, 04:53 PM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

أبوالبراء
05-03-2010, 12:24 AM
شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
وجاري التطبيق إن شاء الله

mero
07-03-2010, 03:50 PM
بسم الله الرحمن الرحيم
شكرا لكم جميعا مروركم اسعدني :abc_138:
اما اخي الراعي
فتصميمك رائع :abc_050:
شكرا لمروركم :abc_152: