شرح تصميم الخط الداخلي الذي يظهر وكأنه تجويف abc4web Inset Line

[abohmam]

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

الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين

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

:PS:

شرح تصميم الخط الداخلي الذي يظهر وكأنه تجويف abc4web Inset Line

نتابع معا دروس التصاميم المودرن والتى قد بدأناها فى شرح الأوشحة

وهذا الدرس بسيط وسهل جدا فى التطبيق وهام فى تصميم المواقع


http://www.abc4web.net/upload/images2/g0ufk0jbnvcaczr.jpg (http://www.abc4web.net/upload/)


:photoshop:

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


1- نقوم بإنشاء عمل جديد بالمقاس المطلوب أو نعتمد مقاس 400*300 ولتكن الخلفية 2f3a6b

2- نضيف طبقة جديدة ونقوم بتغير اللون الأمامي إلى اللون المناسب للخلفية هنا إخترت أنا ( 010101 ) من أداة التحديد نختار مقاس محدد Fixed Size 100px * 1px
نقوم بتكبير مساحة العمل من خلال الزووم ، ونملئ التحديد باللون الأمامي أترك التحديد كما هو

3- الآن نحرك التحديد من لوحة المفاتيح بيكسل واحد لأسفل ونضيف طبقة جديدة ونملئها باللون الأبيض ومن خيارات الطبقة ( blending level mode ) نختار soft light .

4- نزيل التحديد لنحصل على الشكل النهائي



الشرح كاملا مع الصور

http://www.abc4web.net/upload/images2/s7pdhhchotyjsdy.jpg (http://www.abc4web.net/upload/)


:fasel8:

لتحميل ملف العرض كامل الطبقات ومفتوح

:PSD:

:morfqat:

أتمنى لكم جميعا الفائدة

لاتنسونا من صالح دعائكم

:fasel6:
أبوهمام
.

[جروح بارده]

روووووووووووعه استاذي


ابدعت بشرحك

الله لا يحرمنا من ابداعاتك المتواصله

وفقك الله

[أبو يوسف]

جزاك الله خيرا أخي أبو همام

جهد مشكور وإبداع واضح

[عبد حميد]

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

[أبو الوليد]

درس ماتع بارك الله فيك أخي أبا همام :abc_152: نترقب المزيد من إبداعاتك

http://www.abc4web.net/upload/images2/qwb3lg7fkdyijk2.jpg (http://www.abc4web.net/upload/)

[طيف عآبر]

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

شرح رائـع جزاكم الله خيراً...

تطبيقي .. بس مسحت الاطراف

http://img05.arabsh.com/uploads/image/2012/02/28/0a3f424d66f4.jpg

وفقكم الله للخير

[عبودى على الحدو]

مشكووووووووووووووووووووو ر:abc_022:

[أبو صخر]

موفق بإذن الله ... لك مني أجمل تحية .

[abohmam]

بارك الله فيكم جميعا على المرور والتواصل

أما الذين قاموا بالتطبيق فجزاكم الله خيرا على حُسن المتابعة

تطبيقات رائعة وتعنى الإهتمام والإستفادة من الدرس وللحمد لله

ترقبوا الكثير من الدروس الهامة ان شاء الله

[لينة م]

شكرا جزيلا

[رمضان الجزائري]

جزاك الله خيرا أخي الكريم

[سووسو]

مشكووووووووووووووووووووو ر

[النمر الأسود]

شـكــ وبارك الله فيك ـــرا لك ... لك مني أجمل تحية .
د رس سهل و شرح في القمة موفق اخ ابو همام :abc_102:

[abohmam]

جزاكم الله خيرا اخواني جميعا

اشكر لكم مروركم العطر وتواصلكم

موفقين ان شاء الله

[رائد الغامدي]

روووووووووووعه استاذي


ابدعت بشرحك

الله لا يحرمنا من ابداعاتك المتواصله

وفقك الله

[غريب يا فؤادي]

روووووووعه

جزاكَ الله كل خير وبارك الله في عمرك

[غريب يا فؤادي]

تطبيقي
http://im34.gulfup.com/0shlc.jpg

[أبو بندر]

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

[المدغري]

مع أطيب الأمنيات,

[رشوان]

السلام عليكم
جزاك الله خيرا أخي

[أبو فارس]

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

[أبوربيع]

مشكوووووووووووووور

[yahyayado]

روووووووووووعه استاذي

[زوهير]

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

[ناصر احمد نعمان]

مشكوررررررررررررررررررررر ررررررررررررررررررررررررر ر

[محنوس]

يسلمووووووووووووووووووو

[abohmam]

جزاكم الله خيرا إخونى جميعا

اشكر لكم مروركم العطر وتواصلكم الجاد

موفقين ان شاء الله

[زوهير علاوي]

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

[لصيان]

شيء جميل وشكرا

[مجتهده]

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

[عبد العزيز البسكري]

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

[وائل وهيب]

وفقكم الله للخير

[امرغاد]

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

[محمد سالم جبر]

[QUOTE=abohmam;185945]
بسم الله الرحمن الرحيم

الحمدلله والصلاة والسلام على رسول الله وعلى آله وصحبه أجمعين

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

:PS:

شرح تصميم الخط الداخلي الذي يظهر وكأنه تجويف abc4web Inset Line

نتابع معا دروس التصاميم المودرن والتى قد بدأناها فى شرح الأوشحة

وهذا الدرس بسيط وسهل جدا فى التطبيق وهام فى تصميم المواقع


http://www.abc4web.net/upload/images2/g0ufk0jbnvcaczr.jpg (http://www.abc4web.net/upload/)


:photoshop:

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


1- نقوم بإنشاء عمل جديد بالمقاس المطلوب أو نعتمد مقاس 400*300 ولتكن الخلفية 2f3a6b

2- نضيف طبقة جديدة ونقوم بتغير اللون الأمامي إلى اللون المناسب للخلفية هنا إخترت أنا ( 010101 ) من أداة التحديد نختار مقاس محدد Fixed Size 100px * 1px
نقوم بتكبير مساحة العمل من خلال الزووم ، ونملئ التحديد باللون الأمامي أترك التحديد كما هو

3- الآن نحرك التحديد من لوحة المفاتيح بيكسل واحد لأسفل ونضيف طبقة جديدة ونملئها باللون الأبيض ومن خيارات الطبقة ( blending level mode ) نختار soft light .

4- نزيل التحديد لنحصل على الشكل النهائي



الشرح كاملا مع الصور

http://www.abc4web.net/upload/images2/s7pdhhchotyjsdy.jpg (http://www.abc4web.net/upload/)


:fasel8:

لتحميل ملف العرض كامل الطبقات ومفتوح

:PSD:

:morfqat:

أتمنى لكم جميعا الفائدة

لاتنسونا من صالح دعائكم

:fasel6:
أبوهمام
.
[





شكرا ليك ياصاحبى

[لصيان]

:abc_139: BIEN

[الدموكي]

موفق بإذن الله ... لك مني أجمل تحية .