اخـــراحساس
08-04-2010, 02:38 AM
مقدمة:
بداية :البنر عبارة عن تصميم بسيط يعرف بالموقع او يعطي معلومة بسيطة عن موقع معين .....وقد كثر استخدام البنرات على الشبكة وتطورت انواعها
ولكن الهدف منها هو الاعلان عن الموقع بطريقة بسيطة وجميلة^^
وسنتكلم اليوم عن تصميم بنر متحرك يحمل اسم موقع قصايد ليل
وطبعا تابعو التطبيق ......وبنفس الطريقة يمكن تصميم بنرات لمواقع اخرى
------------------------------------------
نبدأ :
افتح برنامج الفوتوشوب....وافتح صفحة عمل جديدة من
File< new بمقاسات 400X80 وخلفية بيضاء
مع العلم انه يمكن استخدام مقاسات اكبر لو اردنا ان نصمم بنر لاعلى واجهة الموقع او المنتدى .....مثلا 770X100
الان استخدمو اذواقكم في اختيار اللون المناسب والشكل المناسب للخلفية
وانا اخترت هذا الشكل
http://www.m5zn.com/uploads/2010/8/3/photo/gif/0803101408165jrf1b7qvekh.gif
لاحظو بكس الليرات فيه لير واحد فقط
سنقوم بتضعيف اللير لان العمل سيكون فقط على خلفية واحدة او على شكل واحد
وسيكون التغيير فقط في النص ...(( تحريك النص))
وذلك بالضغط باليمين على اللير واختيار الامر
Duplicate layer
مضاعفة الطبقة
http://www.m5zn.com/uploads/2010/8/3/photo/0803101408380wffjp9es6huf9q.bmp
كرر العملية مرتين ....سيصبح لدينا 3 ليرات من نفس النوع
لاحظ ان العين على اللير الاول المفعل .....بينما العين مرفوعة عن الليرات الاخرى
http://www.m5zn.com/uploads/2010/8/3/photo/0803101408445xehuw8h.bmp
الان اختر اداة الكتابة واكتب ما تشاء على اللير الاول
كمثال سيكون لدينا ثلاث ليرات ....
.الاول مكتوب فيه (( شاركونا في تصميم دروس الفوتوشوب ))
والثاني (( عبر موقع قصايد ليل ))
والثالث ((www.gsaidlil.com (http://www.gsaidlil.com/)))
بعد ان انتهينا من كتابة الاول وعمل تاثيرات مناسبة للنص .....
سنقوم بخطوة مهمة جدا
وهي دمج لير النص مع لير الخلفية ....لاحظو ان العين موجودة على لير النص
وعلى لير الخلفية فقط......واحنا راح نضيف سلسلة جنب العين في لير النص
ومن المثلث الصغير الازرق راح نختار امر merge visible
دمج المرئي
http://www.m5zn.com/uploads/2010/8/3/photo/080310140824iiymgyni42vjw0.bmp
راح يطلع عنا هالشكل
http://www.m5zn.com/uploads/2010/8/3/photo/gif/080310140815ryr131wwigoo.gif
الان باستخدام اداة الكتابة سنكتب النص الثاني
مع ملاحظة ان العين مرفوعة عن اللير الاول وموجودة على اللير الثاني المفعل
وبعد الانتهاء راح نضيف سلسلة جنب النص وبنفس الطريقة الاولى راح ندمج
وراح يصير بكس الليرات بهالشكل
http://www.m5zn.com/uploads/2010/8/3/photo/080310140853xf9sroh3q.bmp
وهاي النتيجة بعد الدمج
http://www.m5zn.com/uploads/2010/8/3/photo/gif/080310150836k24gd041tttev.gif
والان بنفس الطريقة راح نكتب اخر نص وندمجو مع اخر خلفية عنا
وهاي النتيجة
http://www.m5zn.com/uploads/2010/8/3/photo/gif/080310150834kll07y5njxih.gif
والان سننتقل الى الايميج ريدي
http://www.m5zn.com/uploads/2010/8/3/photo/080310150809sbdxwgxghnh5j51.bmp
ويتم تحرير الليرات من الامر
Make frame from layer الموجود في بوكس الانيميشن
إنشاء إطارات من الطبقات
http://www.m5zn.com/uploads/2010/8/3/photo/080310150828v46wfwnrr0prqo4.bmp
راح يكون عنا بهالشكل 3 فريمات
كل ما علينا الان هو ضبط الزمن وحفظ الملف من file <save optimize as
http://www.m5zn.com/uploads/2010/8/3/photo/080310150851eg6tz5z8al1.bmp
وهذا البنر جااااااااااهز
http://www.m5zn.com/uploads/2010/8/3/photo/gif/0803101508339p60dq7hv7uk9rje.gif
واليكم مثال آخر
http://www.m5zn.com/uploads/2010/8/3/photo/gif/080310150847gofbovj.gif
اتمنى يكون الدرس واضح وان ينال اعجابكم ورضاكم
مع خالص التحيات
اخـراحساس
بداية :البنر عبارة عن تصميم بسيط يعرف بالموقع او يعطي معلومة بسيطة عن موقع معين .....وقد كثر استخدام البنرات على الشبكة وتطورت انواعها
ولكن الهدف منها هو الاعلان عن الموقع بطريقة بسيطة وجميلة^^
وسنتكلم اليوم عن تصميم بنر متحرك يحمل اسم موقع قصايد ليل
وطبعا تابعو التطبيق ......وبنفس الطريقة يمكن تصميم بنرات لمواقع اخرى
------------------------------------------
نبدأ :
افتح برنامج الفوتوشوب....وافتح صفحة عمل جديدة من
File< new بمقاسات 400X80 وخلفية بيضاء
مع العلم انه يمكن استخدام مقاسات اكبر لو اردنا ان نصمم بنر لاعلى واجهة الموقع او المنتدى .....مثلا 770X100
الان استخدمو اذواقكم في اختيار اللون المناسب والشكل المناسب للخلفية
وانا اخترت هذا الشكل
http://www.m5zn.com/uploads/2010/8/3/photo/gif/0803101408165jrf1b7qvekh.gif
لاحظو بكس الليرات فيه لير واحد فقط
سنقوم بتضعيف اللير لان العمل سيكون فقط على خلفية واحدة او على شكل واحد
وسيكون التغيير فقط في النص ...(( تحريك النص))
وذلك بالضغط باليمين على اللير واختيار الامر
Duplicate layer
مضاعفة الطبقة
http://www.m5zn.com/uploads/2010/8/3/photo/0803101408380wffjp9es6huf9q.bmp
كرر العملية مرتين ....سيصبح لدينا 3 ليرات من نفس النوع
لاحظ ان العين على اللير الاول المفعل .....بينما العين مرفوعة عن الليرات الاخرى
http://www.m5zn.com/uploads/2010/8/3/photo/0803101408445xehuw8h.bmp
الان اختر اداة الكتابة واكتب ما تشاء على اللير الاول
كمثال سيكون لدينا ثلاث ليرات ....
.الاول مكتوب فيه (( شاركونا في تصميم دروس الفوتوشوب ))
والثاني (( عبر موقع قصايد ليل ))
والثالث ((www.gsaidlil.com (http://www.gsaidlil.com/)))
بعد ان انتهينا من كتابة الاول وعمل تاثيرات مناسبة للنص .....
سنقوم بخطوة مهمة جدا
وهي دمج لير النص مع لير الخلفية ....لاحظو ان العين موجودة على لير النص
وعلى لير الخلفية فقط......واحنا راح نضيف سلسلة جنب العين في لير النص
ومن المثلث الصغير الازرق راح نختار امر merge visible
دمج المرئي
http://www.m5zn.com/uploads/2010/8/3/photo/080310140824iiymgyni42vjw0.bmp
راح يطلع عنا هالشكل
http://www.m5zn.com/uploads/2010/8/3/photo/gif/080310140815ryr131wwigoo.gif
الان باستخدام اداة الكتابة سنكتب النص الثاني
مع ملاحظة ان العين مرفوعة عن اللير الاول وموجودة على اللير الثاني المفعل
وبعد الانتهاء راح نضيف سلسلة جنب النص وبنفس الطريقة الاولى راح ندمج
وراح يصير بكس الليرات بهالشكل
http://www.m5zn.com/uploads/2010/8/3/photo/080310140853xf9sroh3q.bmp
وهاي النتيجة بعد الدمج
http://www.m5zn.com/uploads/2010/8/3/photo/gif/080310150836k24gd041tttev.gif
والان بنفس الطريقة راح نكتب اخر نص وندمجو مع اخر خلفية عنا
وهاي النتيجة
http://www.m5zn.com/uploads/2010/8/3/photo/gif/080310150834kll07y5njxih.gif
والان سننتقل الى الايميج ريدي
http://www.m5zn.com/uploads/2010/8/3/photo/080310150809sbdxwgxghnh5j51.bmp
ويتم تحرير الليرات من الامر
Make frame from layer الموجود في بوكس الانيميشن
إنشاء إطارات من الطبقات
http://www.m5zn.com/uploads/2010/8/3/photo/080310150828v46wfwnrr0prqo4.bmp
راح يكون عنا بهالشكل 3 فريمات
كل ما علينا الان هو ضبط الزمن وحفظ الملف من file <save optimize as
http://www.m5zn.com/uploads/2010/8/3/photo/080310150851eg6tz5z8al1.bmp
وهذا البنر جااااااااااهز
http://www.m5zn.com/uploads/2010/8/3/photo/gif/0803101508339p60dq7hv7uk9rje.gif
واليكم مثال آخر
http://www.m5zn.com/uploads/2010/8/3/photo/gif/080310150847gofbovj.gif
اتمنى يكون الدرس واضح وان ينال اعجابكم ورضاكم
مع خالص التحيات
اخـراحساس