abohmam
27-02-2012, 11:33 PM
بسم الله الرحمن الرحيم
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
:PS:
تصميم شريط زاوية - وشاح إحترافي الدرس الثالث abc4web Ribbon 03
نتابع معا دروس التصاميم المودرن والتى قد بدأناها فى شرح الأوشحة الإحترافية فى هذه المشاركات
تصميم شريط زاوية - وشاح إحترافي الدرس الثاني abc4web Ribbon 01 (http://www.abc4web.net/vb/showthread.php?t=21867)
تصميم شريط زاوية - وشاح إحترافي الدرس الثاني abc4web Ribbon 02 (http://www.abc4web.net/vb/showthread.php?t=21874)
وهذا الدرس الثالث الإحترافي الذى تم طلبه وينتظره الكثير من محبي هذه التصاميم وهو شرح الوشاح المطوي
http://www.abc4web.net/upload/images2/tfpka0wigjt2mov.jpg (http://www.abc4web.net/upload/)
http://www.abc4web.net/upload/images2/hdhlmfvef6ua5td.jpg (http://www.abc4web.net/upload/)
:photoshop:
التصميم الثالث وهو التصميم الأهم فى هذه السلسة ان شاء الله لكثرة السؤال عنه ولشكله الرائع الإحترافي الذى سوف نحصل عليه .
1- نبدا عمل جديد بحجم 400*400 بيكسل مثلا والخلفية شفافة ، ثم نرسم مربع أو مستطيل لونه أبيض بإستخدام أداة ....... ونسمى هذه الطبقة مثلا ( الجسم )
http://www.abc4web.net/upload/images2/1faaqgppln2kxah.jpg (http://www.abc4web.net/upload/)
2- نجعل اللون الأمامي أحمر ( AA250B ) مثلا ثم نضيف طبقة جديدة ونسميها ( الوشاح ) ونقوم برسم مستطيل دائري الحواف بإستخدام أداة Rounded Rectangle Tool كما فى هذه الصورة :
http://www.abc4web.net/upload/images2/8wmx04yyhs73arz.jpg (http://www.abc4web.net/upload/)
نقوم بالتكبير بإستخدام العدسة كي نتحكم فى التصميم بدقة
http://www.abc4web.net/upload/images2/mjmtm0edk0ipsqp.jpg (http://www.abc4web.net/upload/)
ملحوظة هامة : أنا قمت بتنفيذ الشرح على وشاح عمودي ليسهل إستيعاب الشرح وبعد الإنتهاء سوف نجمع الطبقات ونقوم بتدوريها مثلا يمين أو يسار من قائمة التحديد ثم Transform أخيرا نختار Rotate 90° CCW -أو- Rotate 90° CW .
3- نضيف طبقة جديدة ونستخدم أداة رسم المستطيل Rectangle Tool ونرسم مستطيل بمحاذاة أعلى المستطيل الأول ولكن بالعرض شاهد الصورة
http://www.abc4web.net/upload/images2/srlbzlngf1tzzov.jpg (http://www.abc4web.net/upload/)
4- نقوم بدمج الطبقتين وذلك بالضغط Ctrl + E من لوحة المفاتيح .
5- نذهب إلى أداة التحديد Rectangle Marquee Tool ثم تقوم بتحديد أسفل شكل الوشاح ، ثم نقوم بإنشاء طبقة جديدة لكن عن طريق نسخ التحديد راجع الصورة التالية ليتضح المقصود .
http://www.abc4web.net/upload/images2/s1sadqdqjumtia0.jpg (http://www.abc4web.net/upload/)
6- الآن حصلنا على طبقة جديدة للجزء الأسفل من جسم الوشاح نقوم بعكس هذه الطبقة راسيا وذلك من خلال قائمة Edit ثم Transform أخيرا Flip Vertical . ثم يتم تحريك هذه الطبقة لأعلى إلى حافة جسم الوشاح مع مراعاة المحاذاة وعدم ترك مسافات أو الدخول على أى طبقة أخرى ( شاهد الصورة )
http://www.abc4web.net/upload/images2/hoywz4ucpurfjnf.jpg (http://www.abc4web.net/upload/)
7- مازال تحديد الطبقة نشيط نتركه كما هو ونقف على طبقة جسم الوشاح ونضغط على Del من لوحة المفاتيح ونقوم بإخفاء هذه الطبقة لنحصل على هذا الشكل :
http://www.abc4web.net/upload/images2/mqgqcy1s4panvuu.jpg (http://www.abc4web.net/upload/)
من لوحة المفاتيح إضغط على Ctrl + D لإزالة التحديد .
8- نقوم بتكرار هذه الخطوات فى الجهة اليسرى لنحصل على هذا الشكل :
http://www.abc4web.net/upload/images2/clhoucu2feklfoy.jpg (http://www.abc4web.net/upload/)
9- الآن سنقوم بتصميم العُمق أو التجويف وسيتم ذلك بإضافة طبقة جديدة واللون أغمق قليلا وليكن 751401 ونرسم دائرة صغيرة بإستخدام أداة Ellispse Tool
http://www.abc4web.net/upload/images2/mpd9vrgsfpxa35e.jpg (http://www.abc4web.net/upload/)
10- من صندوق الطبقات نقوم بسحب هذه الطبقة خلف طبقة الجسم لتكون آخر طبقة حتى نرى الحجم والشكل المناسب لها قبل قصها ونحركها للوضع المناسب .
لنحصل على هذا الشكل :
http://www.abc4web.net/upload/images2/en5jmyygqajyvfj.jpg (http://www.abc4web.net/upload/)
سوف أقوم بتحريك طبقة الجسم ( اللون الأبيض ) لأعلى لأنني كنت قد أبعدتها لإظهار الأشكال التى نرسمها فى الشرح !!!
لم أحرك جميع الطبقات لضمان عدم نسيان أى طبقة لأننا بعد الإنتهاء سوف نجمع جميع الطبقات فى مجلد ليسهل علينا النقل وتدوير الوشاح كاملا لليمين أو واليسار وهكذا ...
http://www.abc4web.net/upload/images2/gcwyvlqiwkkfdts.jpg (http://www.abc4web.net/upload/)
11- كرر الخطوة السابقة على جهة اليسار وذلك بمضاعفة طبقة الدائرة وتحريكها إلى المكان المناسب لنحصل على هذا الشكل :
http://www.abc4web.net/upload/images2/ejwdtwohrsf6h4t.jpg (http://www.abc4web.net/upload/)
الآن سوف اقوم بإخفاء الخطوط المساعدة وإستعادة الحجم الطبيعي لمساحة العمل
http://www.abc4web.net/upload/images2/rfg01b54xqlutvu.jpg (http://www.abc4web.net/upload/)
لنرى العمل قبل إعتماده
http://www.abc4web.net/upload/images2/fsyory2rxuml2uy.jpg (http://www.abc4web.net/upload/)
الآن سوف أقوم بقص الشكل الزائد من الدوائر وذلك بتحديد الجسم ( المستطيل الأبيض ) ثم الوقوف على الدائرة الأولى ثم الضغط على Del للحذف بعد ذلك الدائرة الثانية والضغط على Del لحذف الزوائد أيضا
http://www.abc4web.net/upload/images2/qxcf3upsenbr4ve.jpg (http://www.abc4web.net/upload/)
ملحوظة هامة : برجاء مراجعة الشرح السابق وكيفية رسم الأشكال ،ففى الشرح السابق قمت بشرح رسم الأشكال بدون إنشاء ماسك ولكن إذا قمت برسم أحد الأشكال أحد دون التعديل على نوعية الطبقة سوف تحصل على الشكل مع ماسك بهذا الشكل
http://www.abc4web.net/upload/images2/qxcf3upsenbr4ve.jpg (http://www.abc4web.net/upload/)
يجب تحويله إلى طبقة نقطية لنتمكن التعديل عليها نقف على الطبقة ثم بيمين الماوس نختار Rasterize Layer
http://www.abc4web.net/upload/images2/fhz5qwttluayhhb.jpg (http://www.abc4web.net/upload/)
لاحظ تغير شكل الطبقة
http://www.abc4web.net/upload/images2/81q1fh7zsvnggia.jpg (http://www.abc4web.net/upload/)
أخيرا سوف نحصل على هذا الشكل
http://www.abc4web.net/upload/images2/fevuago4lxrrgr9.png (http://www.abc4web.net/upload/)
نضيف لمعان جميل كي يظهر الوشاح واقعي وإحترافي وسوف اشرح ذلك فى خطوات مختصرة
نضيف طبقة جديدة نستخدم أداة التحديد ونختار Festher 5 px ثم نرسم مستطيل صغير أعلى الوشاح ونملئه باللون الأبيض
http://www.abc4web.net/upload/images2/ukuxqoxxjoy0oca.jpg (http://www.abc4web.net/upload/)
من خيارت الطبقة نقوم بإختيار Opacity 40%
نقوم بتجميع طبقات الوشاح فى مجلد لنقله أو إستخدامه كما نريد
وهذه هى النتيجة النهائية
http://www.abc4web.net/upload/images2/d5qv6bn0g9empqo.png (http://www.abc4web.net/upload/)
لمن يريد إستخدام هذا التصميم يمينا أو يسارا :
قم بنسخ المجلد وذلك بسحبه إلى أيقونة الطبقات فى أسفل صندوق الطبقات أو بيمين الماوس ونختار Duplicate Group وغير إتجاه الوشاح كما تريد
إضغط من لوحة المفاتيح على Ctrl + T للتحديد ثم قف على التصميم وبيمين الماوس إختر ماتريد تدوير يمين ( Rotate 90 CW ) أو يسار (Rotate 90 CCW)
http://www.abc4web.net/upload/images2/7awqmbnusqdckvt.jpg (http://www.abc4web.net/upload/)
http://www.abc4web.net/upload/images2/1zdtc1m1hyggpzu.jpg (http://www.abc4web.net/upload/)
:fasel8:
لتحميل ملف العرض كامل الطبقات ومفتوح
:PSD:
:morfqat:
أتمنى لكم جميعا الفائدة
لاتنسونا من صالح دعائكم
درسنا القادم إن شاء الله تعالى
http://www.abc4web.net/upload/images2/rmxoqdrexqne7cy.png (http://www.abc4web.net/upload/)
:fasel6:
أبوهمام
.
الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين
السلام عليكم ورحمة الله وبركاته
:PS:
تصميم شريط زاوية - وشاح إحترافي الدرس الثالث abc4web Ribbon 03
نتابع معا دروس التصاميم المودرن والتى قد بدأناها فى شرح الأوشحة الإحترافية فى هذه المشاركات
تصميم شريط زاوية - وشاح إحترافي الدرس الثاني abc4web Ribbon 01 (http://www.abc4web.net/vb/showthread.php?t=21867)
تصميم شريط زاوية - وشاح إحترافي الدرس الثاني abc4web Ribbon 02 (http://www.abc4web.net/vb/showthread.php?t=21874)
وهذا الدرس الثالث الإحترافي الذى تم طلبه وينتظره الكثير من محبي هذه التصاميم وهو شرح الوشاح المطوي
http://www.abc4web.net/upload/images2/tfpka0wigjt2mov.jpg (http://www.abc4web.net/upload/)
http://www.abc4web.net/upload/images2/hdhlmfvef6ua5td.jpg (http://www.abc4web.net/upload/)
:photoshop:
التصميم الثالث وهو التصميم الأهم فى هذه السلسة ان شاء الله لكثرة السؤال عنه ولشكله الرائع الإحترافي الذى سوف نحصل عليه .
1- نبدا عمل جديد بحجم 400*400 بيكسل مثلا والخلفية شفافة ، ثم نرسم مربع أو مستطيل لونه أبيض بإستخدام أداة ....... ونسمى هذه الطبقة مثلا ( الجسم )
http://www.abc4web.net/upload/images2/1faaqgppln2kxah.jpg (http://www.abc4web.net/upload/)
2- نجعل اللون الأمامي أحمر ( AA250B ) مثلا ثم نضيف طبقة جديدة ونسميها ( الوشاح ) ونقوم برسم مستطيل دائري الحواف بإستخدام أداة Rounded Rectangle Tool كما فى هذه الصورة :
http://www.abc4web.net/upload/images2/8wmx04yyhs73arz.jpg (http://www.abc4web.net/upload/)
نقوم بالتكبير بإستخدام العدسة كي نتحكم فى التصميم بدقة
http://www.abc4web.net/upload/images2/mjmtm0edk0ipsqp.jpg (http://www.abc4web.net/upload/)
ملحوظة هامة : أنا قمت بتنفيذ الشرح على وشاح عمودي ليسهل إستيعاب الشرح وبعد الإنتهاء سوف نجمع الطبقات ونقوم بتدوريها مثلا يمين أو يسار من قائمة التحديد ثم Transform أخيرا نختار Rotate 90° CCW -أو- Rotate 90° CW .
3- نضيف طبقة جديدة ونستخدم أداة رسم المستطيل Rectangle Tool ونرسم مستطيل بمحاذاة أعلى المستطيل الأول ولكن بالعرض شاهد الصورة
http://www.abc4web.net/upload/images2/srlbzlngf1tzzov.jpg (http://www.abc4web.net/upload/)
4- نقوم بدمج الطبقتين وذلك بالضغط Ctrl + E من لوحة المفاتيح .
5- نذهب إلى أداة التحديد Rectangle Marquee Tool ثم تقوم بتحديد أسفل شكل الوشاح ، ثم نقوم بإنشاء طبقة جديدة لكن عن طريق نسخ التحديد راجع الصورة التالية ليتضح المقصود .
http://www.abc4web.net/upload/images2/s1sadqdqjumtia0.jpg (http://www.abc4web.net/upload/)
6- الآن حصلنا على طبقة جديدة للجزء الأسفل من جسم الوشاح نقوم بعكس هذه الطبقة راسيا وذلك من خلال قائمة Edit ثم Transform أخيرا Flip Vertical . ثم يتم تحريك هذه الطبقة لأعلى إلى حافة جسم الوشاح مع مراعاة المحاذاة وعدم ترك مسافات أو الدخول على أى طبقة أخرى ( شاهد الصورة )
http://www.abc4web.net/upload/images2/hoywz4ucpurfjnf.jpg (http://www.abc4web.net/upload/)
7- مازال تحديد الطبقة نشيط نتركه كما هو ونقف على طبقة جسم الوشاح ونضغط على Del من لوحة المفاتيح ونقوم بإخفاء هذه الطبقة لنحصل على هذا الشكل :
http://www.abc4web.net/upload/images2/mqgqcy1s4panvuu.jpg (http://www.abc4web.net/upload/)
من لوحة المفاتيح إضغط على Ctrl + D لإزالة التحديد .
8- نقوم بتكرار هذه الخطوات فى الجهة اليسرى لنحصل على هذا الشكل :
http://www.abc4web.net/upload/images2/clhoucu2feklfoy.jpg (http://www.abc4web.net/upload/)
9- الآن سنقوم بتصميم العُمق أو التجويف وسيتم ذلك بإضافة طبقة جديدة واللون أغمق قليلا وليكن 751401 ونرسم دائرة صغيرة بإستخدام أداة Ellispse Tool
http://www.abc4web.net/upload/images2/mpd9vrgsfpxa35e.jpg (http://www.abc4web.net/upload/)
10- من صندوق الطبقات نقوم بسحب هذه الطبقة خلف طبقة الجسم لتكون آخر طبقة حتى نرى الحجم والشكل المناسب لها قبل قصها ونحركها للوضع المناسب .
لنحصل على هذا الشكل :
http://www.abc4web.net/upload/images2/en5jmyygqajyvfj.jpg (http://www.abc4web.net/upload/)
سوف أقوم بتحريك طبقة الجسم ( اللون الأبيض ) لأعلى لأنني كنت قد أبعدتها لإظهار الأشكال التى نرسمها فى الشرح !!!
لم أحرك جميع الطبقات لضمان عدم نسيان أى طبقة لأننا بعد الإنتهاء سوف نجمع جميع الطبقات فى مجلد ليسهل علينا النقل وتدوير الوشاح كاملا لليمين أو واليسار وهكذا ...
http://www.abc4web.net/upload/images2/gcwyvlqiwkkfdts.jpg (http://www.abc4web.net/upload/)
11- كرر الخطوة السابقة على جهة اليسار وذلك بمضاعفة طبقة الدائرة وتحريكها إلى المكان المناسب لنحصل على هذا الشكل :
http://www.abc4web.net/upload/images2/ejwdtwohrsf6h4t.jpg (http://www.abc4web.net/upload/)
الآن سوف اقوم بإخفاء الخطوط المساعدة وإستعادة الحجم الطبيعي لمساحة العمل
http://www.abc4web.net/upload/images2/rfg01b54xqlutvu.jpg (http://www.abc4web.net/upload/)
لنرى العمل قبل إعتماده
http://www.abc4web.net/upload/images2/fsyory2rxuml2uy.jpg (http://www.abc4web.net/upload/)
الآن سوف أقوم بقص الشكل الزائد من الدوائر وذلك بتحديد الجسم ( المستطيل الأبيض ) ثم الوقوف على الدائرة الأولى ثم الضغط على Del للحذف بعد ذلك الدائرة الثانية والضغط على Del لحذف الزوائد أيضا
http://www.abc4web.net/upload/images2/qxcf3upsenbr4ve.jpg (http://www.abc4web.net/upload/)
ملحوظة هامة : برجاء مراجعة الشرح السابق وكيفية رسم الأشكال ،ففى الشرح السابق قمت بشرح رسم الأشكال بدون إنشاء ماسك ولكن إذا قمت برسم أحد الأشكال أحد دون التعديل على نوعية الطبقة سوف تحصل على الشكل مع ماسك بهذا الشكل
http://www.abc4web.net/upload/images2/qxcf3upsenbr4ve.jpg (http://www.abc4web.net/upload/)
يجب تحويله إلى طبقة نقطية لنتمكن التعديل عليها نقف على الطبقة ثم بيمين الماوس نختار Rasterize Layer
http://www.abc4web.net/upload/images2/fhz5qwttluayhhb.jpg (http://www.abc4web.net/upload/)
لاحظ تغير شكل الطبقة
http://www.abc4web.net/upload/images2/81q1fh7zsvnggia.jpg (http://www.abc4web.net/upload/)
أخيرا سوف نحصل على هذا الشكل
http://www.abc4web.net/upload/images2/fevuago4lxrrgr9.png (http://www.abc4web.net/upload/)
نضيف لمعان جميل كي يظهر الوشاح واقعي وإحترافي وسوف اشرح ذلك فى خطوات مختصرة
نضيف طبقة جديدة نستخدم أداة التحديد ونختار Festher 5 px ثم نرسم مستطيل صغير أعلى الوشاح ونملئه باللون الأبيض
http://www.abc4web.net/upload/images2/ukuxqoxxjoy0oca.jpg (http://www.abc4web.net/upload/)
من خيارت الطبقة نقوم بإختيار Opacity 40%
نقوم بتجميع طبقات الوشاح فى مجلد لنقله أو إستخدامه كما نريد
وهذه هى النتيجة النهائية
http://www.abc4web.net/upload/images2/d5qv6bn0g9empqo.png (http://www.abc4web.net/upload/)
لمن يريد إستخدام هذا التصميم يمينا أو يسارا :
قم بنسخ المجلد وذلك بسحبه إلى أيقونة الطبقات فى أسفل صندوق الطبقات أو بيمين الماوس ونختار Duplicate Group وغير إتجاه الوشاح كما تريد
إضغط من لوحة المفاتيح على Ctrl + T للتحديد ثم قف على التصميم وبيمين الماوس إختر ماتريد تدوير يمين ( Rotate 90 CW ) أو يسار (Rotate 90 CCW)
http://www.abc4web.net/upload/images2/7awqmbnusqdckvt.jpg (http://www.abc4web.net/upload/)
http://www.abc4web.net/upload/images2/1zdtc1m1hyggpzu.jpg (http://www.abc4web.net/upload/)
:fasel8:
لتحميل ملف العرض كامل الطبقات ومفتوح
:PSD:
:morfqat:
أتمنى لكم جميعا الفائدة
لاتنسونا من صالح دعائكم
درسنا القادم إن شاء الله تعالى
http://www.abc4web.net/upload/images2/rmxoqdrexqne7cy.png (http://www.abc4web.net/upload/)
:fasel6:
أبوهمام
.