مشاهدة النسخة كاملة : درس تصميم بنر للمواقع ..}


اخـــراحساس
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






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






مع خالص التحيات





اخـراحساس

ღ أسيرة هواهـ ღ
08-04-2010, 02:44 AM
------------------------------

ღ أسيرة هواهـ ღ
08-04-2010, 02:49 AM
مجهــــــــــود راااائع يستحق الشكر

5 ستااااااااار

داااااااائمـا متميزه اخر احساس

لاعدمنااااااااااااك

اخـــراحساس
08-04-2010, 03:00 AM
http://www.asdaff.com/imgcache2/1606.gif (http://www.asdaff.com/imgcache2/1606.gif)

عـــودالليل
08-04-2010, 03:21 AM
http://www.m5zn.com/uploads/2010/8/3/photo/gif/080310150847gofbovj.gif



بكل امانه نجمه متألقه
في هذا الدرس لك طابعك الخاص

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

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

ماشاء الله عليك


تقييم
ولك مني هديه 200 مشاركه فقط ارسلي لنظره لتلبي طلبك


الف شكر

اخـــراحساس
08-04-2010, 03:46 AM
http://www.asdaff.com/imgcache2/1606.gif (http://www.asdaff.com/imgcache2/1606.gif)

نظرة الحب
08-04-2010, 07:38 AM
يسلمو عالطرح الرائع


ربي مايحرمني منك

اخـــراحساس
08-04-2010, 08:10 AM
http://www.asdaff.com/imgcache2/1606.gif (http://www.asdaff.com/imgcache2/1606.gif)

جنــــون
08-05-2010, 03:23 AM
درر منتقاه بعنايه ؛؛ مضمونها نقي وجميل
طريقه نثرها رائعه وعذبه
ابداع متواصل 00 اتمناه لكـــ

ودي ..

اخـــراحساس
08-06-2010, 07:17 AM
http://www.asdaff.com/imgcache2/1606.gif (http://www.asdaff.com/imgcache2/1606.gif)