[شرح طريقة] تقطيع الاستايل style بطريقة اسهل من القديمة ...انا تعلمت منها ((بالصور))

[romaissa]

http://www.dzbatna.com/images/icons/icon30.gif [ط´ط±ط*] طھظ‚ط·ظٹط¹ ط§ظ„ط§ط³طھط§ظٹظ„ ط¨ط·ط±ظٹظ‚ط© ط§ط³ظ‡ظ„ ظ…ظ† ط§ظ„ظ‚ط¯ظٹظ…ط© ...ط§ظ†ط§ طھط¹ظ„ظ…طھ ظ…ظ†ظ‡ط§ ((ط¨ط§ظ„طµظˆط±)) (http://www.dzbatna.com/t798105/)




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


إن شاء الله أمور الجميع بخير و صحه و عافيه http://www.v99x.com/vb/h/smilies/0069.gif
خلاص ما بآقي شي و نكون خلصنا من الاستايل style ..


كل شي هآن و الله http://www.v99x.com/vb/h/smilies/7.gif
و بآقي همتكم و حمآسكم http://www.v99x.com/vb/h/smilies/9.gif



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


التقطيع يعتبر أصعب مرحله عند المصمم و أقدر أحلف لك
إن فيه ناس محترفين فوتوشوب ..
و لهم بطآقات خياليه و فوق ما تتصور بعد .. !


لكن تركوا تصميم الاستايل styleات عشان التقطيع بس .. !
لأنه له أكثر من طريقه و لو صآر أي خطاء
يعتبر ستايل styleك غلط .. !
و رآح تمشي و تكمل و تتفاجئ بالنهايه أنك ماشي على شي خطاء و السبب نسيت تقص من هنا
و لا من هنا ..


عشان كذا يا أخوان ابي منكم شي واحد بس ..


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


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



عني انا ..
و الله حآولت اسوي الشرح طريقة على ابسط ما يكون و هو الي راح تشوفونه ..
الدرس مفصل إجتهاده و تفكيره مني أنا .. و فيه طرق ثانيه
مثل طريقة الأخ تركي الودعاني ..
لكن طووووووووويله جداً و تستغرق وقت كثير
بس مضمونه .. الله يوفقه و يسهل دربه http://www.v99x.com/vb/h/smilies/0069.gif






طولت في المقدمه عليكم .. بعطيكم شي بسيط قبل لا نبداء البداية الفعليه


صورة = اي منطقه في الاستايل style تحتوي على صورة أو كتابه
خليه = منطقه فارغه في الاستايل style و شرط ان ما يكون عليها اي كتابه او صورة و هي العاده
اللي تكون منطقة التمدد لتصميمنا





س : على أي أساس نقطع الاستايل style .. ؟


1 - زآوية يمنى [هيدر]
2- زآوية يسرى [هيدر]
3 - زآوية يمنى [فوتر]
4- زاوية يسرى [فوتر]
5 - صورة تجميليه في اليمين [هيدر]
6 - صورة تجميليه في اليسار [هيدر]
7- صورة تجميليه في اليمين [فوتر]
8- صورة تجميليه في اليسار [فوتر]
9- منطقه تمدد للهيدر
10- منطقه تمدد للفوتر
11 - عمود أيمن
12- عمود أيسر



=




نقول بسم بالله ..


نفتح التصميم اللي صممناه قبل على حسب الصورة هذي http://www.v99x.com/vb/h/smilies/7.gif


http://www.frindsksa.com/vb/style2/1.jpg


الحين التصميم أمامنا مفتوح .. نسوي عليه الشبكه



http://www.frindsksa.com/vb/style/3.jpg



الحين التصميم أمامنا على شكل شبكه .. حلو ؟
طيب تمام ..



نبغى نقطع الزوآيا أول شي ..
الاربعه الزوآيا ..



وين أداة التقطيع .. ؟
أداة التقطيع موجوده من ضمن ادوات الفوتوشوب و هذي صورتها من بين الادوات ..


http://www.frindsksa.com/vb/style2/2.jpg


طيب الحين أخترنا أداة التقطيع ..
فيه واحد يسآلني كيف أقطع ؟


أداة التقطيع يا أخوان مثل أداة التحديد .. لا جيت تبي تحدد شي بالفوتوشوب اش تسوي ؟
تمسك اداة التحديد و تسوي حوله مربع حول المكان اللي تبي تحدده و تحدد ..


زي كذا اداة التقطيع .. تسوي زي المربع حول الشي اللي انت تبغآه و عند الحفظ تحصله مقطع


طيب نبداء بسم الله بالزاويه اليسرى .. الله لا يجعلكم من أهل اليسار قولوا آمين http://www.v99x.com/vb/h/smilies/0069.gif



http://www.frindsksa.com/vb/style2/3.jpg




شوفوا كم نقطه أنا أخذت ؟
2 نقطتين صح .. طيب أنت سوي زي كذا ..
المهم أن تقطيعك للزاويه من تحدد يأخذ اول نقطه في العمود الايسر ..
و يعدي نقطتين من الزآويه ..




خلاص نكون كذا أنتهينا من الزآويه اليسرى ..



الحين نروح للزآويه اليمنى ..
نفس مقاسات الزآويه اليسرى بالضبط .. !!
لا تغير و لا تسوي أي شي ..
بتزيد بتنقص .. غلط ..!!


شوفوا كم أنا أخذت ..


http://www.frindsksa.com/vb/style2/4.jpg



تلاحظون أنه نفس الشي .. حتى بنفس المقاسات ..
يعني كأننا نقول كوبي و باست [نسخ و لصق] بس الفرق يمين و يسار ..


خلصنا الحمد لله الحين من زوايا الهيدر header [اعلى المنتدى forum]





:


:




الحين نروح لفوتر المنتدى forum [أسفل المنتدى forum]
و نبي نسوي زي الهيدر header نقطع الزوآيا ..


نسوي مثل الهيدر header فوق .. نقطتين لا أكثر و لا أقل
و لو تلاحظون عند التقطيع يكونون على مستوى واحد كلهم
شوفوا الصورة كيف ؟


http://www.frindsksa.com/vb/style2/5.jpg



نقطتين و اخذنا من العمود نقطه ..
نفس المقاسات .. حلو . .





نروح للفوتر يمين .. و نفس الكلام الي قلناه على الهيدر header
يطبق تماماً على الفوتر ..
نفس مقاسات الجهه اليمنى و نفس مقاسات الهيدر header
و الصورة أبلغ مني ..




http://www.frindsksa.com/vb/style2/6.jpg



الحين و لله الحمد لله أنتهينا من الزوآيا الاربعه للإستايل style ..
و عشان نوضح لكم أكثر ..
صورت لكم الاستايل style كامل من جهآزي ..
ووضحت لكم إن التقطيع يكونون على مستوى وآحد ..


شوفوا الصورة ..


http://www.frindsksa.com/vb/style2/7.jpg




إن شاء الله ياخوان تكون الصورة وضحت ..
هي سهله العمليه بس زي ما قلت قبل شوية تركيز ..






:



:




خلصنا من الزوآيا الاربعه ..
الحين نبي نقطع الصور التجميليه .. اللي تكون بجانب الزوايا ..



بقولكم على شي و انتبهوا له زين ..
الزوايا اتفقنا انها لازم تكون متساويه مع بعض ..


كمان هنا اقول الصور التجميليه لازم تكون متفقه مع بعض ..
عدد النقاط الي تآخذها باليمين تعيدها كمان باليسار ..


هنا نضمن ان شغلنا صحيح 100 %
و أضمن لك إن ما راح تواجهك أي أخطاء إن شاء الله ..




نروح للصورة التجميليه في الهيدر header يسار ..
و أخذت منها انا 8 نقاط [لأن ما بعد الـ 8 نقاط لا صورة و لا كتابه و لا هم يحزنون]
يجي نكتفي بـ 8 نقاط ..



http://www.frindsksa.com/vb/style2/8.jpg




في اليمين كذلك ..



http://www.frindsksa.com/vb/style2/9.jpg







خلصنا من الصور التجميليه في الهيدر header
ننتقل للفوتر و نآخذ نفس مقاسات الهيدر header ..



شوفوا الصورة كيف ؟


http://www.frindsksa.com/vb/style2/11.jpg


تمام ؟ واضحه ؟




و كمان على اليمين نفس الشي ..






http://www.frindsksa.com/vb/style2/12.jpg




:



:




الحين منآطق التمدد ..
هي منطقه تكون صغيره بالاستايل style ما عليها لا صورة و لا كلام ..
و هي الخليه الي تكلمت عليها في أول الدرس مفصل ..



نرجع للهيدر ..
و نآخذ نقطه تمدد وحده في المنتصف ..


http://www.frindsksa.com/vb/style2/13.jpg



و نروح للفوتر و نأخذ نقطه تمدد وحده في المنتصف ..



http://www.frindsksa.com/vb/style2/14.jpg



الحين خلصنا ثلاث ارباع شغلنا ..
ما بقي الا شي بسيط و هو الاعمده ..



بنفس مقاسات الهيدر header و الفوتر ..
و نسوي زي كذآ ..


http://www.frindsksa.com/vb/style2/15.jpg


هذا على اليسار ..
و نسوي على اليمين نفسه ..




http://www.frindsksa.com/vb/style2/16.jpg




و بكذا نكون انتهينا و لله الحمد ..


وهذا شكل الاستايل style مقطع بالشبكه ..


http://www.frindsksa.com/vb/style2/17.jpg



و هذي صورته و بدون الشبكه ..


http://www.frindsksa.com/vb/style2/19.jpg



سوي له حفظ من هنا ..


http://www.frindsksa.com/vb/style2/18.jpg




لا سويت له حفظ هو راح يحط لك كل الصور بمجلد اسمه Image
انت غيره اسمه للأسم اللي نفسك تسمي فيه إستايل styleك ..



و هذا مشي على السريع لكيفية تقطيع الاستايل style بالفلاش ..
عشان توضح الصورة للجميع بشكل أكثر http://www.v99x.com/vb/h/smilies/7.gif


http://www.frindsksa.com/vb/v99x.rar (http://www.frindsksa.com/vb/v99x.rar)








:


:




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


[1] الزوايا لازم تكون متناسقه مع بعض و على درجه وحده ..
[2] الصور التجميليه كمان لازم تكون متناسقه مع بعض و لازم تكون على درجه وحده..
و مو شرط تكون زيي 8 نقاط .. على حسب ما تنتهي عندك الصورة التجميليه تكون انتهيت أنت ..
[3] منطقة التمدد هي المنقطه الفاصله .. بين الصور التجميليه في الهيدر header أو الفوتر ..






الله يوفقكم أخواني ..
يمنع طلب التقييم



أخوكم ..
ملك الديزاين






ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



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