درس مفصل تصميم فاصل متحرك للفصل بين المواضيع حصري لا يفوتك

[loulou ange]

http://www.dzbatna.com/img_site_dzbatna_net/dzbatna_net_tr.png

بسم الله الرحمن الرحيم
أقدم لكم الفاصل التالي كصورة متحركة احفظوا رابطه عندكم في المفضلة لإدراجه
في الفصل بين فقرات الموضوع عند كتابة موضوع في المنتدى forum



و لن نكتفي بالفاصل
( لا تعطني السمكة و لكن علمني كيف أصطاد )
بل سأشرح طريقة طريقة تصميمه بالفوتوشوب :

http://www.wahacafe.com/up/upload/1657-1-467252311.png



نملأ الصورة باللون الأسود
ونقوم بإنشاء طبقة جديدة بالضغط على زر إنشاء طبقة جديدة في لوح الطبقات
أو اختصاراً shift+ctrl+N
ونسميها أبيض و نلؤها باللون الأبيض
http://www.wahacafe.com/up/upload/1658-2-439441750.png


نرسم الآن مستطيلاً باستخدام أداة التحديد M كما في الصورة التالية
http://www.wahacafe.com/up/upload/1659-3-950273211.png


ثم نضغط بالزر اليمين و نختار الأمر feather
http://www.wahacafe.com/up/upload/1660-4-546739506.png

وذلك لإنشاء حد متدرج و لتكن القيمة 2 هي قيمة التدرج
http://www.wahacafe.com/up/upload/1661-5-664610076.png


ثم نضغط زر delete لحذف الطرف المحدد
ونقوم بإلغاء التحديد بالضغط على ctrl+D
ثم نختار أداة السهم V و نضغط مرة واحدة زر الاتجاه للأسفل
و ذلك لنقل محتويات الطبقة أبيض للأسفل قليلاً
و النتيجة ستكون كما يلي :
http://www.wahacafe.com/up/upload/1662-1-533004789.png

والآن نخفف شفافية اللون الأبيض قليلاً من الطبقة " أبيض "
http://www.wahacafe.com/up/upload/1663-2-549038428.png


ويمكن أيضاً حذف جزء صغير من أطراف الوهج الأبيض لتصبح أجمل

و الآن ننتقل للقسم الثاني من العمل
ننشئ طبقة جديدة Shift+ctrl+N
ونسميها أحمر
و نرسم باستخدام أداة التحديد M مستطيلات ثم نلمؤها باللون الاحمر ونلغي التحديد بعد ذلك ctrl+D
http://www.wahacafe.com/up/upload/1665-4-263886375.png
او اذا كنت تحب لون اخر بيصير يعني متل هيك
http://www.wahacafe.com/up/upload/1665-4-263886375.png


( ملاحظة على ملئ اللون هناك عدة طرق مثلاً نختار اللون الأمامي أحمر ونضغط Alt+Del )
و الآن نزيح اللون الأحمر قليلاً إلى الأسفل باختيار أداة السهم V ثم نضغط زر جهة الأسفل في لوحة المفاتيح مرة واحدة
ونطبق على اللون الأحمر ما طبقناه على خطوة أبيض بحيث تكون النتيجة كما يلي :
http://www.wahacafe.com/up/upload/1668-2-293071574.png

حيث اخترت هنا قيمة feather =3
و المستطيل المحدد نضيعة منخفض قبل الحذف ( الشرح طريقة مفصل مع طبقة "أبيض" )

و الآن : نختار أداة الممحاة E ونضغط بالزر اليمين و نضبطها على الإعدادات التالية :
http://www.wahacafe.com/up/upload/1667-1-301420840.png


وأفضل طريقة الضبط باختصارات لوحة المفاتيح
حيث ضبط حجم الممحاة ( و أي فرشاة أخرى ) باستخدام الزرين د و ج من لوحة المفاتيح
و ضبط التلاشي في أطرافها باستخدام نفس الزرين مع shift
Shift+د و Shift+ج

و الآن نقوم بالحذف من أطراف المربعات الحمراء بضغطة عند كل طرف

الان


نضافف الطبقة "'طبقة المربعات" بالضغط على ctrl+j و نزيحههما باستخدام السهم vحتى تصبح الطبقتين كما يلي:

http://www.wahacafe.com/up/upload/1669-3-482358849.png


وندمج كلاهما باستخدام ctrl+E

ننتقل الآن إلى القسم الثالث و هو التحريك و جعل الصورة متحركة
( ملاحظة " يوجد درس مفصل خاص لصناعة الصورة المتحركة بالفوتوشوب يمكنك متابعته بالضغط هنا (http://www.dzbatna.com/t1743154/))

نقوم بإظهار لوح animation
http://www.wahacafe.com/up/upload/1670-4-829452380.png

نقوم بإنشاء لقطة جديدة بالضغط على الزر المبين في الصورة التالية في لوح الحركة Animation
http://www.wahacafe.com/up/upload/1671-5-913449920.png





ثم باستخدام أداة سهم التحريك V
نحرك طبقة المربعات الحمراء قليلاً
و نكرر العلمية بحدود 15 مرة
إنشاء لقطة و تحريك المربعات الحمراء قليلاً
حتى يصبح لدينا ما يشبه التالي :
http://www.wahacafe.com/up/upload/1672-1-849537090.png


نضغط على زر مثلث التشغيل من أجل معانية النتيجة :
و نحفظ الصورة بصيغة Gif

http://www.wahacafe.com/up/upload/1673-2-599392639.png
---------------------------------------------------------------------------------------
وهذه نتيجة الدرس مفصل بعد تغيير الالوان لانها ما عجبني اللون الزهري( )مع اضافة اسم الموقع كطبقة

http://www.wahacafe.com/up/upload/1675-2-268984499.gif
http://www.wahacafe.com/up/upload/1674-1-498467980.gif
http://www.wahacafe.com/up/upload/1676-3-468917797.gif


[COLOR=Purple]صور الدرس مفصل مرفقة



http://www.dzbatna.com/img_site_dzbatna_net/dzbatna_net_tr.png



الملفات المرفقة
http://www.traidnt.net/vb/images/attach/zip.gif درس صناعة شريط.zip (http://www.traidnt.net/vb/attachments/564039d1301587243-درس-صناعة-شريط.zip) (313.3 كيلوبايت, عدد مرات المشاهدة 150 مرة)


https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©