المساعد الشخصي الرقمي

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


ابن الصحراء
18-07-2010, 01:57 PM
السلام عليكم ورحمة الله

أخواني الكرام بعد الدروس الخاصة بالتصميم



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

والله ثم والله انني تعبت جداً في البحث عن هذا الشرح وشروحات اخرى أرجو من الجميع أن يركزوا معي

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

نبدأ الان علي بركة الرحمن ..


أولاً

بعد رسم صورة الاستايل قم بحفظ الاستايل بصيغة JPG كما هو موضح بالصور التالية

http://www.awlstyle.com/tech/stylat/c18/c1.gif

http://www.awlstyle.com/tech/stylat/c18/c2.gif

بعد الحفظ بيظهر لك الاستايل في هيئة صورة .كما بالشكل القادم

http://www.awlstyle.com/tech/stylat/c18/c3.gif

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

http://www.awlstyle.com/tech/stylat/c18/c4.gif

طبعاً الاجزاء سيتم تقطيعها إلي أربع ووضع كل منها في صفحة جديدة بالفوتوشوب كما بالشكل التالي
http://www.awlstyle.com/tech/stylat/c18/c5.gif


الان ركز في الصورة التالية وبدأ تقطيع الهيدر

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

http://www.awlstyle.com/tech/stylat/c18/c6.gif

http://www.awlstyle.com/tech/stylat/c18/c7.gif

بعد تحديد الجزء المراد تقطيعه نضغط علي CTRL+X ثم تفتح صفحة جديدة بالفوتوشوب وبتظهر بالشكل التالي

http://www.awlstyle.com/tech/stylat/c18/c8.gif

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

http://www.awlstyle.com/tech/stylat/c18/c9.gif

http://www.awlstyle.com/tech/stylat/c18/c10.gif

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

http://www.awlstyle.com/tech/stylat/c18/c11.gif

بعد ان قطعنا الهيدر من الجانبين نضغط علي اللير الخاص بالهيدر ليتم تحديدة كلياً ثم نقوم بقصه CTRL+X
http://www.awlstyle.com/tech/stylat/c18/c12.gif

ونفتح صفحة جديدة وستظهر لنا بالمقاسات التالية

http://www.awlstyle.com/tech/stylat/c18/c13.gif

الان علينا بقطع الهيدر من الاجناب أيضاً لكي نكمل عملنا لاحظ التحديد والحجم للصور التالية

http://www.awlstyle.com/tech/stylat/c18/c14.gif

http://www.awlstyle.com/tech/stylat/c18/c15.gif

بعد قطع التحديد الذي قمنا به نفتح صفحة جديدة لكي نضع بها ما قصصناه

http://www.awlstyle.com/tech/stylat/c18/c16.gif

نقوم بحفظ الصورة التي قطعناها كما بالشكل

http://www.awlstyle.com/tech/stylat/c18/c17.gif

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

http://www.awlstyle.com/tech/stylat/c18/c18.gif

الان نضغط علي الطبقة الخاصة بالهيدر بعد قطع أجنابها بالصور السابقة ليتم تحديدها كلياً..
ثم نضغط CTRL+X لقصها ونفتح صفحة جديدة لكي نضعها بها ونحفظها

http://www.awlstyle.com/tech/stylat/c18/c19.gif

http://www.awlstyle.com/tech/stylat/c18/c20.gif

الان نأتي لمنطقة التمدد .. حددها كما بالشكل القادم ولكن أحذر سنقوم بعمل نسخ وليس قطع لها CTRL+C ثم نضعها بصفحة جديدة في الفوتوشوب ثم نحفظها كما بالصور القادمة

http://www.awlstyle.com/tech/stylat/c18/c21.gif

http://www.awlstyle.com/tech/stylat/c18/c22.gif

وإليكم صور الهيدر بعد تقطيعه

http://www.awlstyle.com/vb/images/statusicon/wol_error.gifانقر هنا لمشاهدة الصوره بحجمها الطبيعي. الحجم الاصلي لهذه الصوره هو 722x442 35kbhttp://www.awlstyle.com/tech/stylat/c18/c23.gif

وهذه الصور الخاصة بالهيدر وعددها 6 قطع بعد حفظها

http://www.awlstyle.com/vb/images/statusicon/wol_error.gifانقر هنا لمشاهدة الصوره بحجمها الطبيعي. الحجم الاصلي لهذه الصوره هو 722x121 11kbhttp://www.awlstyle.com/tech/stylat/c18/c24.gif


ثانياً
نأتي للاجناب التجميلية للأعمدة كما بالشكل ونحدد الجانب الايسر منها حسب المقاسات الموضحة بأسفل
ثم نقصها ثم نفتح صفحة جديدة ونلصقها بها ثم نحفظها

http://www.awlstyle.com/tech/stylat/c18/c25.gif

http://www.awlstyle.com/tech/stylat/c18/c26.gif

http://www.awlstyle.com/tech/stylat/c18/c27.gif


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

http://www.awlstyle.com/tech/stylat/c18/c28.gif

شكل ااجناب التجميلية بعد حفظهم

http://www.awlstyle.com/tech/stylat/c18/c29.gif

ثالثاً

نأتي الان للأعمدة والتي تتمدد بطول الاستايل ويجب ان تلاحظ انها من المناطق المهمة

حدد الجانب الايسر كما بالصورة ثم قصة وضعه في صفحة جديدة ثم أحفظة

http://www.awlstyle.com/tech/stylat/c18/c30.gif

http://www.awlstyle.com/tech/stylat/c18/c31.gif

http://www.awlstyle.com/tech/stylat/c18/c32.gif


وسوي نفس الامر مع الجانب الايمن ثم أحفظة ليظهر لنا الشكل التالي

http://www.awlstyle.com/tech/stylat/c18/c33.gif

طبعاً الشكل التالي لشكل الاعمدة وهي محفوظة أي بعد الحفظ

http://www.awlstyle.com/tech/stylat/c18/c34.gif


رابعاً

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

http://www.awlstyle.com/vb/images/statusicon/wol_error.gifانقر هنا لمشاهدة الصوره بحجمها الطبيعي. الحجم الاصلي لهذه الصوره هو 718x330 23kbhttp://www.awlstyle.com/tech/stylat/c18/c35.gif

الشكل التالي للفووتر بعد تقطيعه وحفظه علي الجهاز

http://www.awlstyle.com/vb/images/statusicon/wol_error.gifانقر هنا لمشاهدة الصوره بحجمها الطبيعي. الحجم الاصلي لهذه الصوره هو 726x119 9kbhttp://www.awlstyle.com/tech/stylat/c18/c36.gif

وأرجو ان تكونوا فهمتم الدرس جيداً.. لاني والله تعبت جداً في هذا الدرس..

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

النشمي
20-07-2010, 10:14 PM
درس وشرح وافي
دمت اخي ابن الصحراء
داعماَ للمنتدى المميز باعضائه