تقطيع الواجهة .. الحلقة الثالثة

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

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

و المهم بعد ما نفتح الصورة و مثل ما قلنا تكون JPG و لما تفتحها بتلاقي في منطقة الطبقات قفل بجانب طبقة الواجهة اضغط مرتين عليه و من ثم اختر OK ... الآن نقوم باختيار أداة التحديد (المربع) و من ثم نحدد البانر بأكمله أي نبدأ بالتحديد من الزاوية العليا اليمنى و نسحب لأقصى اليسار للزاوية العليا اليسرى و ننزل لتحت عشان يتحدد معنا البانر و يكون مع البانر مناطق صغير من الأعمدة يعني بعد البانر ننزل شوي بالتحديد عشان يتحدد معنا مناطق صغير من الأعمدة بهذا الشكل :



الآن بعد ما حددنا البانر مع مناطق صغيرة من الأعمدة نضغط Ctrl + X عشان نقطعه و من ثم نفتح عمل جديد بدون تغيير أي شي و من ثم نضغط Ctrl + V و بطلع معنا صورة البانر اللي قطعناها و من ثم نخزنها بصيغة JPG أو على حسب ما بتحب إما GIF أو JPG ... نرجع للواجهة نقطع الفوتر مع مناطق صغيرة من الأعمدة بنفس الطريقة و نفتح عمل جديد و نلصقه بالداخل أي بنفس الطريقة و بطلع معنا البانر و الفوتر بهذا الشكل مقطعين :

البانر :

الفوتر :


الآن نرجع للواجهة و بنلاقي الأعمدة و أهم شيء نفتح قائمة Window و نختار منها Info عشان يطلع معنا نافذة حجم القطع و بنلاقي في النافذة أو المربع اللي طلع لنا علامة + نضغط عليها و نختار Pixels أول خيار كما في الصورة :

الآن و بنفس أداة التحديد نقوم بتحديد قطعة من العامود الأيمن كما في الصورة :


في نافذة Info اللي خلينا في الحجم بالبكسل بطلع لنا عرض التحديد بالبكسل و اهم شي نعرفه كما في الصورة :

نا طلع معاي عرض العامود الأيمن 14 بكسل .. الآن نقوم بالضغط على Ctrl + X لقطع التحديد و من ثم نفتح عمل جديد و نلصق التحديد فيه بالضغط على Ctrl + V ... الآن على العامود الأيسر نفس الخطوات و اهم شي تحدد بنفس عرض العامود الأيمن يعني انا طلع معاي 14 بكسل لازم أحدد العامود الأيسر بعرض 14 بكسل يعني عرض متساوي للعامودين و الطول لا يهم مهما كان و نقطعه و نلصقه بنفس الخطوات ... الآن هذه صور العامود الأيمن و الأيسر :

الأيمن :

الأيسر :

الآن انتهينا من التقطيع و تأكد من الأربع صور و خزنها في مجلد خاص بها ... أتمنى للجميع التوفيق في هذه الحلقة البسيطة و تابعونا في حلقات قادمة إن شاء الله و الله يوفقنا جميعاً ... شكرا لكم ... مع أطيب التمنيات لكم بالنجاح في أعمالكم ... و السلام عليكم و رحمة الله و بركاته ...
منقوووووووووول للعلم

يعطيك العافية امجد على الشرح

ومشكور عـ الموضوع

درس حلوو اخوي

,,
,
يعطيك الف عافيه اخوي
ماقصرت والله
وربي يعطيك الف عافيه

يعطيك العافية امجد على الشرح

ومشكور عـ الموضوع

درس حلوو اخوي

مجهود تشكر عليه اخوي امجد

الله يزيد من علمه

الله يعطيك العافيه على النقل

شكرا لك على هذا الموضوع الجميل