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

[abohmam]

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

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

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

[ الدرس الثاني] كيفية تصميم الهيدر فى الفوتوشوب [1] (http://www.abc4web.net/vb/showthread.php?t=893)
[ الدرس الثاني] كيفية تصميم الفوتر فى الفوتوشوب [2] (http://www.abc4web.net/vb/showthread.php?t=894)

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

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

أولاً
قم بحفظ الاستايل بصيغة JPG كما هو موضح بالصور التالية
http://www.abc4web.net/vb/imgcache/3334.abc4web

http://www.abc4web.net/vb/imgcache/3335.abc4web

بعد الحفظ بيظهر لك الاستايل
في هيئة صورة .كما بالشكل القادم
http://www.abc4web.net/vb/imgcache/3336.abc4web

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

http://www.abc4web.net/vb/imgcache/3337.abc4web

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

http://www.abc4web.net/vb/imgcache/3338.abc4web

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

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

http://www.abc4web.net/vb/imgcache/3339.abc4web

http://www.abc4web.net/vb/imgcache/3340.abc4web

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

http://www.abc4web.net/vb/imgcache/3341.abc4web

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

http://www.abc4web.net/vb/imgcache/3342.abc4web

http://www.abc4web.net/vb/imgcache/3343.abc4web

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

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

http://www.abc4web.net/vb/imgcache/3344.abc4web

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

http://www.abc4web.net/vb/imgcache/3345.abc4web

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

http://www.abc4web.net/vb/imgcache/3346.abc4web

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

http://www.abc4web.net/vb/imgcache/3347.abc4web

http://www.abc4web.net/vb/imgcache/3348.abc4web

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

http://www.abc4web.net/vb/imgcache/3349.abc4web

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

http://www.abc4web.net/vb/imgcache/3350.abc4web

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

http://www.abc4web.net/vb/imgcache/3351.abc4web

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

http://www.abc4web.net/vb/imgcache/3352.abc4web

http://www.abc4web.net/vb/imgcache/3353.abc4web

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

http://www.abc4web.net/vb/imgcache/3354.abc4web

http://www.abc4web.net/vb/imgcache/3355.abc4web

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

http://www.abc4web.net/vb/imgcache/3356.abc4web

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

http://www.abc4web.net/vb/imgcache/3357.abc4web

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

http://www.abc4web.net/vb/imgcache/3358.abc4web

http://www.abc4web.net/vb/imgcache/3359.abc4web

http://www.abc4web.net/vb/imgcache/3360.abc4web

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

http://www.abc4web.net/vb/imgcache/3361.abc4web

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

http://www.abc4web.net/vb/imgcache/3362.abc4web

ثالثاً

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

http://www.abc4web.net/vb/imgcache/3363.abc4web

http://www.abc4web.net/vb/imgcache/3364.abc4web

http://www.abc4web.net/vb/imgcache/3365.abc4web

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

http://www.abc4web.net/vb/imgcache/3366.abc4web

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

http://www.abc4web.net/vb/imgcache/3367.abc4web

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

http://www.abc4web.net/vb/imgcache/3368.abc4web

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

http://www.abc4web.net/vb/imgcache/3369.abc4web

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

وان شاء الله سيتم طرح درس التركيب الخاص بالصور المقعطه علي المنتدي بأمر الله
.
منقــ(مع أجمل تحية للكاتب)ـــول
أبو هــــMــــام
.

[الدمشقي]

جزيل الشكر لكم على المجهود الحلو
بارك الله بكم

[AlmajedGroup]

جزيل الشكر لكم على المجهود الحلو
بارك الله بكم

[Khaled J. Ahmad]

جزاك الله خيراً

[ابو زكريا]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[مُجمع الخبرات]

شرح متعوب عليه جدا
بارك الله فيك أخي الغالي

[سالي الفلسطينية]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .

[محمود عفيفى]

جزاك الله خيرا أستاذنا الفاضل
مجهود جبااااااااااااااااااااااا ر:abc_152: