Atalouli Co0l
بسم الله الرحمن الرحيم
مرحبا بك بين بساتين وازهار منتدياتنا ورحيق التواصل
وشهدالمحبه والاخلاص
منور بتواجدك معناويسعدنا تواصلك واشتراكك معنا
اتمنى تفيد وتستفيد ولاتبخل علينا بمالديك

انت عضو غير مسجل اضغط على التسجيل للتسجيل او دخول لمشاهدة فئات المنتدى



Free CursorsMyspace Layout
 
الرئيسيةالبــوابـــــــاليوميةمكتبة الصورس .و .جبحـثالأعضاءالمجموعاتالتسجيلدخول

شاطر
 

 تصميم بانر للموقع

اذهب الى الأسفل 
كاتب الموضوعرسالة
فارسة الاحلام
عضو متألق
عضو متألق
فارسة الاحلام

عدد المساهمات : 1564
تاريخ التسجيل : 09/06/2009
العمر : 21

بطاقة الشخصية
الاعضاء فقط:
تصميم بانر للموقع Left_bar_bleue20/20تصميم بانر للموقع Empty_bar_bleue  (20/20)

تصميم بانر للموقع Empty
مُساهمةموضوع: تصميم بانر للموقع   تصميم بانر للموقع Emptyالثلاثاء مايو 04, 2010 10:21 am

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

وسنتكلم اليوم عن تصميم بنر متحرك يحمل اسم موقع جواهر الامارات
وطبعا تابعو التطبيق ......وبنفس الطريقة يمكن تصميم بنرات لمواقع اخرى

نبدا:

افتح برنامج الفوتوشوب....وافتح صفحة عمل جديدة من
File< new بمقاسات 400X80 وخلفية بيضاء
مع العلم انه يمكن استخدام مقاسات اكبر لو اردنا ان نصمم بنر لاعلى واجهة الموقع او المنتدى .....مثلا 770X100

الان استخدمو اذواقكم في اختيار اللون المناسب والشكل المناسب للخلفية
وانا اخترت هذا الشكل

تصميم بانر للموقع Image003

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

وذلك بالضغط باليمين على اللير واختيار الامر
Duplicate layer
تصميم بانر للموقع Image005

كرر العملية مرتين ....سيصبح لدينا 3 ليرات من نفس النوع
لاحظ ان العين على اللير الاول المفعل .....بينما العين مرفوعة عن الليرات الاخرى
تصميم بانر للموقع Image007

تصميم بانر للموقع Gold2L
الان اختر اداة الكتابة واكتب ما تشاء على اللير الاول
كمثال سيكون لدينا ثلاث ليرات ....
.الاول مكتوب فيه (( شاركونا في تصميم دروس الفوتوشوب ))
والثاني (( عبر موقع جواهر الامارات ))
والثالث (( www.jewelsuae.com))

بعد ان انتهينا من كتابة الاول وعمل تاثيرات مناسبة للنص .....
سنقوم بخطوة مهمة جدا
وهي دمج لير النص مع لير الخلفية ....لاحظو ان العين موجودة على لير النص
وعلى لير الخلفية فقط......واحنا راح نضيف سلسلة جنب العين في لير النص
ومن المثلث الصغير الازرق راح نختار امر merge visible

تصميم بانر للموقع Image009

راح يطلع عنا هالشكل
تصميم بانر للموقع Image011
تصميم بانر للموقع Gold2L
الان باستخدام اداة الكتابة سنكتب النص الثاني
مع ملاحظة ان العين مرفوعة عن اللير الاول وموجودة على اللير الثاني المفعل
وبعد الانتهاء راح نضيف سلسلة جنب النص وبنفس الطريقة الاولى راح ندمج
وراح يصير بكس الليرات بهالشكل
تصميم بانر للموقع Image013

وهاي النتيجة بعد الدمج
تصميم بانر للموقع Image015
تصميم بانر للموقع Gold2L
والان بنفس الطريقة راح نكتب اخر نص وندمجو مع اخر خلفية عنا
وهاي النتيجة
تصميم بانر للموقع Image017

والان سننتقل الى الايميج ريدي
تصميم بانر للموقع Image019
تصميم بانر للموقع Gold2L
ويتم تحرير الليرات من الامر
Make frame from layer الموجود في بوكس الانيميشن
تصميم بانر للموقع Image021

راح يكون عنا بهالشكل 3 فريمات
كل ما علينا الان هو ضبط الزمن وحفظ الملف من file <save optimize as
تصميم بانر للموقع Image023


وهذا البنر جااااااااااهز
تصميم بانر للموقع Image024

واليكم مثال آخر
تصميم بانر للموقع Image025

اتمنى يكون الدرس واضح وان ينال اعجابكم ورضاكم

تصميم بانر للموقع 48231
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
قصر الحب
عضو مشارك
عضو مشارك
قصر الحب

عدد المساهمات : 74
تاريخ التسجيل : 17/09/2009
العمر : 24
الموقع : http://mazika29.ahlamontada.net/

بطاقة الشخصية
الاعضاء فقط:
تصميم بانر للموقع Left_bar_bleue20/20تصميم بانر للموقع Empty_bar_bleue  (20/20)

تصميم بانر للموقع Empty
مُساهمةموضوع: رد: تصميم بانر للموقع   تصميم بانر للموقع Emptyالخميس يونيو 03, 2010 6:12 am

شكرا كتير على الدرس انا استفدت كتير ودا تصميمى تصميم بانر للموقع Uw363602
الرجوع الى أعلى الصفحة اذهب الى الأسفل
معاينة صفحة البيانات الشخصي للعضو
 
تصميم بانر للموقع
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
Atalouli Co0l :: عالم الفوتوشوب واسراره :: دروس الفوتوشوب-
انتقل الى: