العاب قص شعر/العاب دبابات/العاب كرة قدم/العاب مكياج/العاب سيارات سباق/العاب سبونج بوب/العاب ماريو/العاب تلبيس/العاب اكشن نار/ adslsolutionsالعاب مغامرات/العاب ذكاء/العاب اطفال/العاب طبخ بنات/العاب باربي/العاب بن تن/العاب بوس/العاب تلوين/العاب ديكور


العودة   نادى الاتصالات والتقنية > اقسام التصميم والتطوير > منتدى تطوير وإدارة وتصميم المواقع

إضافة رد
 
أدوات الموضوع طريقة عرض الموضوع
قديم 06-05-2010, 04:53 PM   #1
ابو عمر
عضو نشيط
 
تاريخ التسجيل: Jun 2010
المشاركات: 52
افتراضي شرح تصميم استايل بدون نقطة تمدد ويناسب جميع مقاسات الشاشه



بسم الله الرحمن الرحيم

السلام عليكم روحمة لله وبركاته


بصراحه الكثير يعانون من مشكلة نقطة التمدد او الالتقاء وخاصه المبتدئين في مجال التصميم


يعني البعض منهم مو عارف يضبط نقطة التمدد


والبعض الاخر يرى انها تسبب فراع في التصميم وخاصه في مقاس الشاشه 1024


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


لان نقطة الالتقاء يجب ان تكون مستقيمه ويكون البنر مستقيم


لكن في ناس تفضل البنر يكون منحني او دائري او غيره وهذا يمكن ما يصلح


الا في الاستايل الثلاثي والاستايل الثلاثي لا يتناسب مع مقاسات الشاشه


فخطرت في بالي طريقه لتخلص من نقطة الالتقاء او التمدد في الاستايل الرباعي


ويكون بجميع المقاسات لشاشه


وان شاء الله اني اوفق في توصيل الفكره للجميع من خلال هذا الشرح



ونبداء مع الشرح


----------------- بسم الله الرحمن الرحيم -----------------


طبعا اخوي الغالي تركي سبق وان شرح تصميم الاستايل الرباعي كامل عبر هذا الرابط



لكن الفرق بين شرحي وبين الاخ تركي يبداء من بعد الانتهاء من تصميم الاعمده

اي من بعد هذي الصوره



بعد ما توصل لهذي الطريقه في شرح الاخ تركي وحاب يكون التصميم دون نقطة الالتقاء تابع معي هالشرح


--------- ويالله نبداء ---------


بعد ما خلصنا الاعمده


اللحين جينا على الهيدر


نضيف لير جيد




طيب اللحين نروح من اعلى برنامج الفوتوشوب ونختار view :: ثم :: Exstras


عشان نرجع التخطيط




انت اضفت لير صح!

ورجعت التخطيط

وش مطلوب منك في هاللير


علشان تصمم البنر وتفتك من نقطة التمدد


اول شي

لازم يكون البنر منفصل عن الاعمده يعني يكون البنر فقط بالوسط
بس اهم شي يكون المسافه بين العمود اليسار الى البنر
نفس المسافه من العمود اليمين الى البنر علشان يطلع الشكل مرتب
وتصمم البنر في الوسط نفس الصوره


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


براحتك بس مثل ما قلت لك اهم شي يكون منفصل عن الاعمده


صممنا الحين الهيدر واصبح بالشكل هذا



وبكذا خلصنا الاعمده والهيدر باقي علينا الفوتر


بنفس طريقه الهيدر نصمم الفوتر ومثل ما قلت منفصل عن الاعمده

يعني يكون بالوسط ونفس المسافه من اليمين واليسار
شوف الصوره


وبكذا يكون خلصنا من تصميم الهيدر والفوتر والاعمده واصبح عندنا التصميم

بهذا الشكل


عاد مثل ما قلت كل مصمم وله طريقته اللي يبيها تحطه مستقيم دايري منحنى


براحتك بس مثل ما قلت لك اهم شي يكون منفصل عن الاعمده


وهذا تطبيقي لتصميم



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


----------------


الحين طال عمركم نحفظ العمل



انتبه لصيغه في الحفظ



------------------ بنداء بالخطوه الثانيه وهي التقطيع ------------------


[:::عملية التقطيع :]

تستخدم اداة التحديد وبعد تحديد الجزء المراد قطعه
تقوم بالضغط على ctrl+ c (تنسخه)
تضغط على file :: ثم :: new



لاتحط اي مقاس

طبيعي راح يعطيك المقاس للجزء اللي انت حددته ثم نسخته
من غير نسخ ماراح يعطيك (انتبه)

من يوم ينفتح لك العمل :: اضغط ctrl + v (لصق)


جزء الهيدر لوحده



الوسط




الفوتر





والحين نبداء بتقطيع الهيدر





ونبداء في الجزء الايسر من الهيدر انتبه لا تقطع شي من البنر او الوسط فقط اليسار اي العمود لان الوسط والبنر نبيه لحاله كامل


نقطع الجز الايسر مثل ما في الصوره



واهم شي تنتبه للمقاسات وخاصه العرض سجل مقاس العرض عندك


الحين تقص وليس نسخ الجزء المحدد بالضغط على Ctrl+x


روح اضغط على file ::ثم :: new


مثل ماعلمتكم مجرد عمل نسخ لشئ محدد او قص وبعد الضغط على File ثم New


راح يطلع لك المقاس اوتوماتيك


فتحت العمل الجديد


طيب اللصقه بالضغط على Ctrl+V


بعد ما لصقته

روح الان من اعلى الفوتووشب واختر File ثم Save As واحفظها بصيغه JPE

نجي الحين للجهه اليمين وبنفس الطريقه


نقطع نحدد بأداة التحديد وبنفس مقاس العرض للجزء الايسر


كم كان المقاس في الجز الايسر


كان 1.52 يعني نقص الايمين بنفس المقاس


كما في الصوره




بنفس الطريقه تقص وليس نسخ الجزء المحدد بالضغط على Ctrl+x


روح اضغط على file ::ثم :: new


مثل ماعلمتكم مجرد عمل نسخ لشئ محدد او قص وبعد الضغط على File ثم New


راح يطلع لك المقاس اوتوماتيك


فتحت العمل الجديد


طيب اللصقه بالضغط على Ctrl+V


بعد ما لصقته

روح الان من اعلى الفوتووشب واختر File ثم Save As واحفظها بصيغه JPE

اصبح الحين الهيدر عندنا من اليمين واليسار مقطع وباقي اللي في النصف


لاتقص منه شئ


ابي منك تحدد القطعه المتبقيه


ماهو باداة التحديد الا بالضغط على Ctrl+ الضغط على لير القطعه المتبقيه


تشوفه تحدد معاك بهذا الشكل



بنفس الطريقه بعد تقص وليس نسخ الجزء المحدد بالضغط على Ctrl+x


روح اضغط على file ::ثم :: new


مثل ماعلمتكم مجرد عمل نسخ لشئ محدد او قص وبعد الضغط على File ثم New


راح يطلع لك المقاس اوتوماتيك


فتحت العمل الجديد


طيب اللصقه بالضغط على Ctrl+V


رح يكون معاك بهذا الشكل





بعد ما لصقته

روح الان من اعلى الفوتووشب واختر File ثم Save As واحفظها بصيغه JPE


خلصنا من الهيدر


=========


نجي للوسط




اللي نبي منه بس اليمين واليسار


ونبداء باليسار ونقطعه بنفس مقاس العرض اللي قطعنا الجز اليسار من الهيدر

كم كان المقاس في الجز الايسر من الهيدر

كان 1.52 نقطع الجز الايسر من الوسط بنفس المقاس كما في الصوره






الحين تقص وليس نسخ الجزء المحدد بالضغط على Ctrl+x


روح اضغط على file ::ثم :: new


مثل ماعلمتكم مجرد عمل نسخ لشئ محدد او قص وبعد الضغط على File ثم New


راح يطلع لك المقاس اوتوماتيك


فتحت العمل الجديد


طيب اللصقه بالضغط على Ctrl+V


بعد ما لصقته

روح الان من اعلى الفوتووشب واختر File ثم Save As واحفظها بصيغه JPE

وكذالك الجز اليمين من الوسط بنفس مقاس العرض





حلصنا الحين من الهيدر والاعمده


باقي الفوتر




مثل ما قطعنا الهيدر بنفس الطريقه بالضبط نسويها في الفوتر


نروح للجه اليسار من الفوتر ونحددها بنفس العرض اللي اخترناه للجهه اليسار من الهيدر والوسط

انتبه للمقاسات زين والعرض
شوف الصوره


المطلوب منك بعد التحديد


اللي ابيه قص الجزء المحدد بالضغط على Ctrl+x


روح اضغط على file ::ثم :: new


راح يطلع لك المقاس اوتوماتيك


فتحت العمل الجديد


طيب اللصقه بالضغط على Ctrl+v


روح الان من اعلى الفوتووشب واختر File ثم Save As واحفظها بصيغه JPE


نجي للجهه اليمين من الفوتر بنفس المقاسات والطريقه نسويها





خلصنا من اليمين والسيار للفوتر باقي عندنا اللي في الوسط


بنفس ما سوينا في الوسط اللي بالهيدر نسويه بالوسط اللي في الفوتر


ابي منك تحدد القطعه المتبقيه


ماهو باداة التحديد الا بالضغط على Ctrl+ الضغط على لير القطعه المتبقيه


بعد ما تحدد



بنفس الطريقه بعد تقص وليس نسخ الجزء المحدد بالضغط على Ctrl+x


روح اضغط على file ::ثم :: new


مثل ماعلمتكم مجرد عمل نسخ لشئ محدد او قص وبعد الضغط على File ثم New


راح يطلع لك المقاس اوتوماتيك


فتحت العمل الجديد


طيب اللصقه بالضغط على Ctrl+V


رح يكون معاك بهذا الشكل



روح الان من اعلى الفوتوشوب واختر File ثم Save As واحفظها بصيغه JPE


=================


الحين خلصنا التصميم واصبح عندنا اجزاء او صور الاستايل 8

بهذا الشكل



عاد مثل ما قلت لكم من قبل كل واحد وكل مصمم له طريقته في التصمم واختيار الادوات والاشكال في التصميم سواء في البنر او الاعمده او الهيدر


الاهم هو تجنب نقطة الالتقاء ويكون البنر والفوتر موحد من دون نقطة التمدد

وهذا تطبيقي كتصميم


بكذا تركبه في الفرونت بيج على هذا الشكل



[bimg]http://www.lelti.com/tsamem/tsm/23.jpg[/bimg]


وبيكون البنر والفوتر بالنصف والتمدد راحت ما فيه تطلع مكانها الخلفيه للمنتدى


وهذا احدى الاستايلات التي صممتها على نفس الطريقه


شكل بمقاس الشاشه 800 في 600


[bimg]http://www.lelti.com/tsamem/tsm/21.jpg[/bimg]


شكل بمقاس الشاشه 1024 في 768

[bimg]http://www.lelti.com/tsamem/tsm/22.jpg[/bimg]

اتمنى ان اكون وفقت بالشرح والفكره
من مواضيعي في المنتدي

ابو عمر غير متواجد حالياً   رد مع اقتباس
إضافة رد

أدوات الموضوع
طريقة عرض الموضوع

تعليمات المشاركة
لا تستطيع إضافة مواضيع جديدة
لا تستطيع الرد على المواضيع
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

BB code is متاحة
كود [IMG] متاحة
كود HTML معطلة

الانتقال السريع

المواضيع المتشابهه
الموضوع كاتب الموضوع المنتدى مشاركات آخر رد
دورة تصميم استايل غير متمدد انا غيييير منتدى تطوير وإدارة وتصميم المواقع 0 06-08-2010 08:14 PM
شرح تصميم استايل المكتبة الاسلامية ابو عمر منتدى تطوير وإدارة وتصميم المواقع 0 06-05-2010 05:00 PM
تصميم استايل احترافي و تقطيعه ابو عمر منتدى تطوير وإدارة وتصميم المواقع 0 06-05-2010 04:57 PM
شرح تصميم استايل بدون منطقة تمدد ابو عمر منتدى تطوير وإدارة وتصميم المواقع 0 06-05-2010 04:51 PM
شرح تصميم استايل منتدى بالفيديو ابو عمر منتدى تطوير وإدارة وتصميم المواقع 0 06-05-2010 04:35 PM


الساعة الآن 02:59 AM.


dsl.adslsolutions.net