×

:: درس :: عمل إطـار منقط ومتحـرك .. حصرياً لترايـدنت .

الســلام عليكم ورحمة الله وبركـاته . يا هــلا والله بكــل أعضــآء ترايدنـت والله وصــلتني أكثر من 11 رسالة على الإيميل يطلبون شرح كيفية عمل إطار

صورة 'Code Man' الرمزية
قديمة 06 - 05 - 2007, 22:06
المشاركة 1
الســلام عليكم ورحمة الله وبركـاته .

يا هــلا والله بكــل أعضــآء ترايدنـت

والله وصــلتني أكثر من 11 رسالة على الإيميل يطلبون شرح كيفية عمل إطار منقط و متحرك

فأحــببت أن أضــع هذا الــدرس المهدى إلى كـل عضو في ترايدنت

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

بحيث سأشرح أولاً :-
1- طريقة عمل البـاترن بشكل عـام .

2- طريقـة عمـل الإطار المنقط .

3- طريقة جعل الإطار يتحرك .

رجــأءاً :- الدرس أخذ مني فترة طويلة وجهد كبير فأرجو حفظ الحقوق عند النقــل وذكر المصدر .


مثــال تطبيقي للدرس :-
:: درس :: عمل إطـار منقط ومتحـرك .. حصرياً لترايـدنت .



بسـم الله نـبدأ الــدرس :-

++++++++++++++++++

طريقة عمل الباترن .



أولاً ســأشرح طريقة عمل الباترنات المطلوبة لعمل الإطار
وهي عبارة عن أربعة باترن سنستخدمها في عملنا .

أولاً :- عمل الباترن الذي سنستخدمه لعمل الإطار العلوي والسفلي للصورة.

نفتح برنامج الفوتوشوب ثم File ثم New عمل جديد بهذه المقاسات :-

أنظر الصورة :-
:: درس :: عمل إطـار منقط ومتحـرك .. حصرياً لترايـدنت .

ستظهر معنا بهذا الشكل :-
:: درس :: عمل إطـار منقط ومتحـرك .. حصرياً لترايـدنت .

نكبر الساحة حتى تظهر معنا بهذا الشكل :-
:: درس :: عمل إطـار منقط ومتحـرك .. حصرياً لترايـدنت .

الآن نختار أداة القلم و نقوم بتعبئة نصف المساحة الأيمن باللون الأسود كما في الصورة :-
:: درس :: عمل إطـار منقط ومتحـرك .. حصرياً لترايـدنت .

نذهب الآن لحفظ الباترن لنستخدمه في عملنا
طريقة حفظ الباترن كما في الصورة :-
:: درس :: عمل إطـار منقط ومتحـرك .. حصرياً لترايـدنت .

إحفظ الباترن بأي إسم ترغب به ولكني حفظته بإسم :-الرقم 1 .
:: درس :: عمل إطـار منقط ومتحـرك .. حصرياً لترايـدنت .

نفتح نفس مساحة العمل السابقة بنفس المقاسات ولكن نقوم بتعبئة النصف الأيسر من المساحة ونحفظه على شكل باترن كما أسلفنا( أنظر للخطوة السابقة لتعرف طريقة الحفظ ) ونحفظه بالرقم 2 .....

ثانياً:-عمل الباترن الذي سنستخدمه لعمل الإطار الجانبي للصورة .

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

ونكبر المساحة كما عملنا في الخطوة السابقة و نقوم بتعبئـة النصف العلوي من المساحة بأداة القلم
باللون الأسود " أو أي لون ترغب به " كما في الصورة :-
:: درس :: عمل إطـار منقط ومتحـرك .. حصرياً لترايـدنت .

ثم نحفظ الباترن :-
:: درس :: عمل إطـار منقط ومتحـرك .. حصرياً لترايـدنت .
ونحفظه برقم 3.

ثم نفتح نفس المساحة ولكن نقوم بتعبئة النصف السفلي من مساحة العمل كما في الصورة :-
:: درس :: عمل إطـار منقط ومتحـرك .. حصرياً لترايـدنت .
ثم نحفظ الباترن ( كما تعلمنا طريقة الحفظ سابقاً ) برقم 4 .

الآن إنتهينا من عمل الباترنات المطلوبة لعمل الإطار المنقط و ستكون بهذا الشكل في البرنامج
كما في الصورة :-
:: درس :: عمل إطـار منقط ومتحـرك .. حصرياً لترايـدنت .


++++++++++++++++++


طريقة عمل الإطار المنقط على الصورة

نفتح الصورة التي نرغب بعمل الإطار عليها وأنا إخترت هذه الصورة :-
:: درس :: عمل إطـار منقط ومتحـرك .. حصرياً لترايـدنت .

نعمل لير جديد
:: درس :: عمل إطـار منقط ومتحـرك .. حصرياً لترايـدنت .

نبدأ في تأطير الصورة
نختــار أداة Single Row Marquee Tool كما في الصورة :-
:: درس :: عمل إطـار منقط ومتحـرك .. حصرياً لترايـدنت .

نضغط مرة واحدة بأعلى الصورة
ثم نضغط بالزر الأيمن للماوس على التحديد ونختار من القائمة المنسدلة Fill
كما في الصورة :-
:: درس :: عمل إطـار منقط ومتحـرك .. حصرياً لترايـدنت .
نختار أول باترن رقم 2.

ونعمل الإطار السفلي كما عملنا الإطار العلوي تماماً دون تغيير شيء .

الآن لعمل الإطار الجانبي نختار الأداة Single Column Marquee Tool بالضغط مرة واحدة على جانب الصورة كما في الطريقة السابقة في عمل الإطار العلوي والسفلي
:: درس :: عمل إطـار منقط ومتحـرك .. حصرياً لترايـدنت .

إلا أننا نختار الباترن رقم 1 كما في الصورة :-
:: درس :: عمل إطـار منقط ومتحـرك .. حصرياً لترايـدنت .


إنتهينا من عمل الإطار الأول الآن لنذهـب لعمل لير جديد لعمل الإطار الثاني " إذا كنت ترغب بأن يكون إطار متحرك نعمل لير جديد فوق لير الإطار الأول :-
:: درس :: عمل إطـار منقط ومتحـرك .. حصرياً لترايـدنت .

أخواني الأعضـآء يعني إن شـآء الله الجميع يكونوا عارفين كيف عملنا الإطار الأول الآن إعمل الإطار الثاني على الطبقة الثانية تماماً كما في الإطار الأول إلاّ أننا نختار الباترن رقم 4 لعمل الإطار العلوي والسفلي والباترن رقم 3 لعمل الإطار الجانبي للصورة :-
:: درس :: عمل إطـار منقط ومتحـرك .. حصرياً لترايـدنت .

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

ملاحظة مهمة :-إذا أردت عمل إطار منقط ثابت على الصورة إعمل الإطار مباشرة على الصورة
أما إذا أردت عمل إطار منقط متحرك إعمل الإطار على لير جديد بحيث نصنع الإطار الأول على لير والإطار الثاني على لير أخر .


++++++++++++++++++

طريقة جعل الإطار متحرك ( الإيمج ريدي )

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

الآن نعمل الفورم الأول في الإنميشن نخفي لير (طبقة ) الإطار الثاني ونجعل لير ( طبقة ) الإطار الأول ظاهراً
كما في الصورة :-
:: درس :: عمل إطـار منقط ومتحـرك .. حصرياً لترايـدنت .

ثم نعمل فورم ثاني على الأنيميشن ونخفي لير ( طبقة )الإطار الأول ونظهر لير ( طبقة ) الإطار الثاني
كما في الصورة :-
:: درس :: عمل إطـار منقط ومتحـرك .. حصرياً لترايـدنت .

الآن وبــعون من الله إنتهينا من عمل الإطار المنقط
والله أني متأكد أنه أول ما تقرأو الدرس ستفهموا كل شيء .

الآن نحفظ عملنا :-
:: درس :: عمل إطـار منقط ومتحـرك .. حصرياً لترايـدنت .


هذه هي النتيجـة النهـائية :-
:: درس :: عمل إطـار منقط ومتحـرك .. حصرياً لترايـدنت .


أنا متأكد من أن كل من قرأ الدرس كامـلاً
لن يخـرج إلا وهو فـاهم العديد من الأمور المهمة التي مرت علينا في الدرس .


وأعيد رجــآئي :-بأن الدرس أخذ مني فترة طويلة وجهد كبير فأرجو حفظ الحقوق عند النقــل وذكر المصدر .
FLASHEN, hnadi, jay-jay و 3 آخرون معجبون بهذا.
المشاهدات 9403 | التعليقات 33
قديمة 06 - 05 - 2007, 22:12
المشاركة 2
صورة 'Code Man' الرمزية
Code Man
:: عضو نشيط ::
تاريخ الإنضمام: 30 - 11 - 2005
رقم العضوية : 13121
الدولة : :: TraidnT ::
المشاركات: 1,329
افتراضي
جميع الصور موجودة على صفحتي الخاصة على موقع www.9m.com
على الرابط التالي :- www.9m.com/p-cm

جــميع صور الشرح موجود في الملف المرفق .
الملفات المرفقة
نوع الملف : zip درس عمل الإطار المنقط المتحرك.zip (782.9 كيلوبايت, عدد مرات المشاهدة 1433 مرة)
شبكة لمار معجب بهذا.
قديمة 06 - 05 - 2007, 22:32
المشاركة 3
صورة 'سيف ديزاين' الرمزية
سيف ديزاين
:: عضو نشيط ::
تاريخ الإنضمام: 26 - 05 - 2006
رقم العضوية : 25201
الدولة : العراق , مقيم في سوريا
العمر: 33
المشاركات: 910
افتراضي
ربي يسلمك ويخليك
والى مزيد من التقدم
(( قُلْ يَا عِبَادِيَ الَّذِينَ أَسْرَفُوا عَلَى أَنفُسِهِمْ لَا تَقْنَطُوا مِن رَّحْمَةِ اللَّهِ إِنَّ اللَّهَ يَغْفِرُ الذُّنُوبَ جَمِيعًا إِنَّهُ هُوَ الْغَفُورُ الرَّحِيمُ ))


ايميلي للتواصل معكم :
[email protected]

لا إله إلا الله وحده لا شريك له له الملك وله الحمد وهو على كل شيء قدير .

الحارة القديمة العشوائية :: اهداء لسكان اترايدنت ::
تصميم مسجد ببرنامج الثريدي ماكس
قديمة 07 - 05 - 2007, 02:42
المشاركة 4
اسكندر
:: عضو نشيط ::
تاريخ الإنضمام: 17 - 11 - 2005
رقم العضوية : 12289
المشاركات: 341
افتراضي
ربي يسلمك ويخليك
والى مزيد من التقدم
S 3 ’oOo D معجب بهذا.
قديمة 07 - 05 - 2007, 02:57
المشاركة 5
صورة 'Prince' الرمزية
Prince
:: عضو شرف ::
تاريخ الإنضمام: 06 - 01 - 2006
رقم العضوية : 15667
الدولة : بالشيراتون
المشاركات: 13,017
افتراضي
بارك الله بيك اخوي

درس جميل

وشرح واضح

سلمت اناملك
قديمة 07 - 05 - 2007, 03:09
المشاركة 6
صورة 'hnadi' الرمزية
hnadi
:: عضو نشيط ::
تاريخ الإنضمام: 02 - 03 - 2007
رقم العضوية : 32769
الدولة : دار ابو متعب ..
المشاركات: 1,439
افتراضي
الله يعطيك العافيه

وتستاهل التقييم
تم تصميم اكثر من 500عمل - ولله الحمد - سواء باسم مملكة هنادي او للشركات او حقوق شخصية.
اضافة الى الواجهات والدروس والبطاقات لاكثر من موقع
لطلب تصميم على الماسنجر:

[email protected]

[email protected]

:::::::::::::::::::::::::::::::;
[email protected]
هذا الايميل مسروق ارجوا عدم التعامل معه
لااستقبل رسائل على الهوتميل
لاتنسى المرور على طرائف العملاء
قديمة 07 - 05 - 2007, 03:31
المشاركة 7
شبكة لمار
:: عضـــو::
تاريخ الإنضمام: 22 - 03 - 2007
رقم العضوية : 33313
المشاركات: 40
افتراضي
رووعه الدرس يعطيك العافيه
قديمة 07 - 05 - 2007, 04:06
المشاركة 8
صورة 'majnonaha' الرمزية
majnonaha
:: عضو نشيط ::
تاريخ الإنضمام: 07 - 10 - 2005
رقم العضوية : 9664
الدولة : الســـعوديه
العمر: 40
المشاركات: 841
افتراضي
الف شكر لك يابطل
قديمة 07 - 05 - 2007, 07:21
المشاركة 9
صورة 'jay-jay' الرمزية
jay-jay
:: عضو نشيط ::
تاريخ الإنضمام: 20 - 04 - 2007
رقم العضوية : 34042
الدولة : سر
العمر: 33
المشاركات: 302
افتراضي

شرح رووعه يسلموا الايادي
آصدقائي ..
سيبقون وبرغم البُعد آحلى ..
وبرغم البُعد آرقى ..
وبرغم البُعد آغلى ..
موقعي الشخصي | jay-jay
..
.
ملاحظة مهمه جدنـ : آنآ فتآه و لست فتى .. !
قديمة 07 - 05 - 2007, 08:30
المشاركة 10
صورة 'Code Man' الرمزية
Code Man
:: عضو نشيط ::
تاريخ الإنضمام: 30 - 11 - 2005
رقم العضوية : 13121
الدولة : :: TraidnT ::
المشاركات: 1,329
افتراضي
الله يسلمك اخوي

العفو يالغالي

العفو أخوي ولإن شــآء الله تنالون الفائدة المرجوة من الشرح .

الله يعطيك العافيه

وتستاهل التقييم
الله يبارك فيك يالغالي

بارك الله بيك اخوي

درس جميل

وشرح واضح

سلمت اناملك
أعتز وأفتخر بردك أستاذي الكريم

وأشكرك على مرورك الكريم

ربي يسلمك ويخليك
والى مزيد من التقدم
تسلم يالغالي

ربي يسلمك ويخليك
والى مزيد من التقدم
الله يبارك فيك أستاذي سيف .
قديمة 07 - 05 - 2007, 11:28
المشاركة 11
صورة 'العازفـــ' الرمزية
العازفـــ
:: عضو نشيط ::
تاريخ الإنضمام: 03 - 05 - 2007
رقم العضوية : 36458
الدولة : السعودية - القطيف
العمر: 26
المشاركات: 378
افتراضي
درسـ راائعـ ..

تسلمـ والـى الامامـ ..

تقبلـ تحياتيـ ^ـ^ ,,
قديمة 07 - 05 - 2007, 11:37
المشاركة 12
صورة 'anger' الرمزية
anger
:: عضو نشيط ::
تاريخ الإنضمام: 28 - 03 - 2007
رقم العضوية : 33724
المشاركات: 334
افتراضي
وقفت عند حكايه
الآن نعمل الفورم الأول في الإنميشن نخفي لير (طبقة ) الإطار الثاني ونجعل لير ( طبقة ) الإطار الأول ظاهراً


يعني ياريت من حضرتك شرح لي مبسط شوي

مشكور اخوي
تحياتي ليك بدوام التوفيق
تحياتي
قديمة 07 - 05 - 2007, 12:01
المشاركة 13
منتديات ابداعات
:: عضو نشيط ::
تاريخ الإنضمام: 09 - 11 - 2005
رقم العضوية : 11788
الدولة : مكه المكرمه
المشاركات: 1,369
افتراضي
يعطيك العافية يالغلا على هالشرح

اليوم كنت ادور مثله والله

لكن يا بعدي وصلت للامج ريدي و وقفت

ما ضبط معاي ,,

ياليت توضح لي اكثر


تقبل تحياتي وتقديري
أكبر نصاب

[CENTER]العاني ديزاين .. للتصميم الاحترافي ..

A L 3 A N I 4D . N E T

[email protected]

الجوآل : 0567772125
قديمة 07 - 05 - 2007, 12:04
المشاركة 14
صورة 'Code Man' الرمزية
Code Man
:: عضو نشيط ::
تاريخ الإنضمام: 30 - 11 - 2005
رقم العضوية : 13121
الدولة : :: TraidnT ::
المشاركات: 1,329
افتراضي
وقفت عند حكايه
الآن نعمل الفورم الأول في الإنميشن نخفي لير (طبقة ) الإطار الثاني ونجعل لير ( طبقة ) الإطار الأول ظاهراً


يعني ياريت من حضرتك شرح لي مبسط شوي

مشكور اخوي
تحياتي ليك بدوام التوفيق
تحياتي
أخوي الغالي

يعني نزيل على العين اللي بجانب لير الإطار الثاني هذا في الفورم الأول
أما في الفورم الثاني نعكس يعني نزيل علامة العين التي بجانب لير الإطار الأول ونضع علامة العين بجانب لير الإطار الثاني
قديمة 07 - 05 - 2007, 12:10
المشاركة 15
صورة 'Code Man' الرمزية
Code Man
:: عضو نشيط ::
تاريخ الإنضمام: 30 - 11 - 2005
رقم العضوية : 13121
الدولة : :: TraidnT ::
المشاركات: 1,329
افتراضي
أخواني الأعضاء الكرام أعذروني بس حدث خطأ في الصورة قبل الأخيرة

الصورة الموجودة بعد هذه الخطوة :-

ثم نعمل فورم ثاني على الأنيميشن ونخفي لير ( طبقة )الإطار الأول ونظهر لير ( طبقة ) الإطار الثاني
كما في الصورة :-

وهذه هي الصورة المطلوبة

التعديل الأخير كان بواسطة Code Man; 07 - 05 - 2007 الساعة 12:18
 
اضافة رد
 

اريد برنامج الفلاش ودرس للمبتدئين استفتاء : ما هو الافضل بين اصدارات الفوتوشوب : الدخول للمصممين فقط

أدوات الموضوع ابحث في الموضوع
ابحث في الموضوع:

البحث المتقدم
طرق العرض


الساعة معتمدة بتوقيت جرينتش +3 . الساعة الآن : 20:36.
المعهد غير مسؤول عن أي اتفاق تجاري أو تعاوني بين الأعضاء
فعلى كل شخص تحمل مسئولية نفسه إتجاه مايقوم به من بيع وشراء وإتفاق وأعطاء معلومات موقعه
التعليقات المنشورة لا تعبر عن رأي معهد ترايدنت ولا نتحمل أي مسؤولية قانونية حيال ذلك (ويتحمل كاتبها مسؤولية النشر)

جميع الحقوق محفوظة Traidnt 2019
  • 00966138651070
  • 00966138648289
  • 2051033691
Powered by vBulletin® Version 3.8.11 .Copyright ©2000 - 2020, Jelsoft Enterprises Ltd
SEO by vBSEO ©2011, Crawlability, Inc.