منتدى الصرابطة الرسمي

منتدى الصرابطة الرسمي (http://www.srabta.com/vb/index.php)
-   دروس التصميم (http://www.srabta.com/vb/forumdisplay.php?f=67)
-   -   درس تصميم هيدر ، ستآيل ، خلفيه (http://www.srabta.com/vb/showthread.php?t=3062)

Majdi 05-26-2014 02:48 PM

درس تصميم هيدر ، ستآيل ، خلفيه
 
http://i1148.photobucket.com/albums/...di1411/111.jpg[ALIGN=CENTER][TABLE1="width:830px;background-image:url('http://i1148.photobucket.com/albums/o566/majdi1411/62E06440641064A064A062906270644062F0631063302.jpg' );"][CELL="filter:;"][ALIGN=center]

[/ALIGN]
[ALIGN=center]
السلام عليكم ورحمة الله وبركاته
أسعد الله صبآحكم و مسآئكم بكل خير "


النتيجة :

http://im77.gulfup.com/hDHxik.png

---

اليوم معنا درس للمحترفين إن شاء الله يكون جميل ومفيد لكم

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

بسم الله نبدأ "

أول شيء نفتح عمل جديد .. ماهو شرط بـ نفس المقاس اللي انا مسويه )*

http://i1148.photobucket.com/albums/...jdi1411/01.png


نلون الخلفيه " طبعاً للي يصعب عليه التنسيق بين الألوان
يفتح علبة الألوان ومن الخيآرcolor libraries
تطلع لك طبقات الألوان حلوهـ بالتدرج ..


http://i1148.photobucket.com/albums/...di1411/1-4.png



من الأداة > http://i1148.photobucket.com/albums/...di1411/2-1.png http://i1148.photobucket.com/albums/...i1411/55-1.png

نرسم مستطيل بأعلى الصفحة "
ونغير لونه حتى يسهل علينا العمل

* بإداة التحديد المباشر

http://i1148.photobucket.com/albums/...-07-006450.png

حدد لك نقاط معينه حتى تقدر تحرك
وتضيف المنحنيات بـ إي طريقة تفضلها
بزر الفارة الايمين أول خيار :
Add Anchor Point
انا حددت لي نقاط معينه زي ماهو موضح

&
http://i1148.photobucket.com/albums/...ajdi1411/4.png


دبل الطبقه ctrl + j
ولا أسحب الطبقه لـ خيار إضافة الليرات تحت http://i1148.photobucket.com/albums/...ajdi1411/5.png

نسحب بإداة التحديد المباشر ونبرز المنحنيات "

http://i1148.photobucket.com/albums/...ajdi1411/6.png

نفس الشيء ندبل الطبقه ونحاول نبرز المنحنيات ..

http://i1148.photobucket.com/albums/...ajdi1411/7.png

الآن نظيف تدرج لـ الطبقة العلويه "

http://i1148.photobucket.com/albums/...ajdi1411/8.png

http://i1148.photobucket.com/albums/...ajdi1411/9.png

نروح لـ الطبقة اللي سوينا عليها التدرج وبزر الفاره الأيمن copy layer style
نروح لـ أسفل طبقة .. وبزر الفاره الأيمن بعد نسوي paste layer style

ونفس الطبقهـ السفلى نسوي لها ظل "
http://i1148.photobucket.com/albums/...jdi1411/10.png

http://i1148.photobucket.com/albums/...jdi1411/11.png

من نفس الخيآرآت .. نختار ظل داخلي ..

http://i1148.photobucket.com/albums/...i1411/13-1.png http://i1148.photobucket.com/albums/...jdi1411/12.png

الحين نجي لـ الطبقة اللي بالوسط نسوي له ظل ،

http://i1148.photobucket.com/albums/...i1411/14-1.png

ونسوي بعد ظل داخلي على الطبقه الوسطى
وغيرت اللون بس أغمق شوي وكل واحد ع حسب اللون اللي يختارهـ "

http://i1148.photobucket.com/albums/...i1411/15-1.png

نرجع لـ الطبقة العلويه وننتهي من التظليل ..
ظل خارجي ..
http://i1148.photobucket.com/albums/...i1411/16-1.png

ظل داخلي :

http://i1148.photobucket.com/albums/...i1411/17-1.png

بعد م ننتهي من الظل مثل محنا شآيفين الطبقات وشكلهاا
طبعاً الظل مو شرط ب الدقه حقتي ممكن اللي تشوفه انت مناسب

http://i1148.photobucket.com/albums/...i1411/18-1.png

ندبل الآن الطبقه العلويه أعلى طبقة اللي دبلناها بـ أداة التحديد المبآشر
نرفع منها شيي بسيط لين يعطينا شكل حلو مثل ماني مسوي "

http://i1148.photobucket.com/albums/...i1411/19-1.png

الحين الطبقة العلويه الجديدهـ اللي رفعناها إنتهينا منهاا
ننزل لـ الطبقه اللي تحتهاا ونشيل منها التدرج .. ونظيف لها بآترن
ونخفف البآترن ..

http://i1148.photobucket.com/albums/...jdi1411/20.png


نرجع لـ الطبقة الوسطى ، ونظيف لير فوقها ومن أداة الفرشآه
نختار فرشآه ناعمه واللون أبيض ، ونختار حجم كبير ونضيف إضاءه .."

http://i1148.photobucket.com/albums/...jdi1411/21.png
http://i1148.photobucket.com/albums/...jdi1411/22.png

ونخلي الإضاءه داخليه على نفس الطبقه
ومن الكيبورد ctrl+Alt+G وفيه الإصدارات القديمه ctrl+G

http://i1148.photobucket.com/albums/...jdi1411/23.png

انتهينا من النقطة الأولى بنسوي الحين مكان لـ العنوان

نسوي مستطيل مثل الأول بـ الأداه ونغير اللون http://i1148.photobucket.com/albums/...di1411/2-1.png


ونضآعف الطبقه ctrl +j

ومثل م سوينا بـ أول نقطه نظيف نقاط بـ آداة التحديد المباشر على حسب ذوقناا

http://i1148.photobucket.com/albums/...jdi1411/24.png

نضآعف الطبقه ونغير اللون ونضيف له بآترن ناعم

http://i1148.photobucket.com/albums/...jdi1411/25.png

نرجع لـ الطبقه الثانيه ونحرك النقاط بإداة التحديد المباشر على حسب م تشوفه مناسب

http://i1148.photobucket.com/albums/...jdi1411/26.png


نضيف مستطيل جديد من نفس الأداة http://i1148.photobucket.com/albums/...di1411/2-1.png
داخل العمل
ونسوي له إطار عن طريق
http://i1148.photobucket.com/albums/...jdi1411/27.png

http://i1148.photobucket.com/albums/...jdi1411/28.png

&

http://i1148.photobucket.com/albums/...jdi1411/29.png

آخر نقطه "
نضيف مستطيل بـ نفس الأداة
http://i1148.photobucket.com/albums/...di1411/2-1.png
ونضاعف الطبقة
ونحدد نقاط بـ أداة التحديد المباشر ونعمل إنحناءات على حسب ذوقك

http://i1148.photobucket.com/albums/...jdi1411/30.png

نضاعف الطبقه ، ومن نقاط التحديد المباشر نصغر منها شوي

http://i1148.photobucket.com/albums/...jdi1411/31.png

نسوي ظل خارجي لـ الطبقه الأخيره اللي ضاعفناها ..

http://i1148.photobucket.com/albums/...i1411/32-1.png

آخر شيء نعمل مستطيل بـ نفس الأداة

http://i1148.photobucket.com/albums/...jdi1411/33.png

ونسوي له ظل ونخفف تباين الظل وصلَّ الله وبآرك "

http://i1148.photobucket.com/albums/...jdi1411/34.png

نعتذر على الإطاله
[/ALIGN][/CELL][/TABLE1][/ALIGN]

ряоFєѕѕɪσиαl 05-27-2014 10:04 PM

رد: درس تصميم هيدر ، ستآيل ، خلفيه
 
ابداع الدرس وتطبيق خرافي

تسسلم إيدك مجدي ، مثل هالدروس تأهل لتصميم الستايلات

ختم + تقييم + نسخة للمميز + http://www.srabta.com/vb/images/Like.png

Majdi 05-28-2014 11:05 AM

رد: درس تصميم هيدر ، ستآيل ، خلفيه
 
أهلين منيف ، الله يسعدك "
شكراً على التقييم :

|.MaJeD.| 05-28-2014 12:13 PM

رد: درس تصميم هيدر ، ستآيل ، خلفيه
 
http://i1241.photobucket.com/albums/...odah/333-1.png[ALIGN=CENTER][TABLE1="width:696px;background-image:url('http://i1241.photobucket.com/albums/gg520/aodah/333-2.png');"][CELL="filter:;"][ALIGN=center]

woOow

درس احترافي واكثر من رائع
فوق الإبداع وفوق الخيال
اهم شي الفكرة ض44
لك تقييمي +
و1
[/ALIGN]
[/CELL][/TABLE1][/ALIGN]http://i1241.photobucket.com/albums/...odah/333-3.png

Majdi 05-30-2014 03:41 AM

رد: درس تصميم هيدر ، ستآيل ، خلفيه
 
تطبيق ولا أروع
تسلم على التقييم "

شواهيق 05-31-2014 05:08 AM

رد: درس تصميم هيدر ، ستآيل ، خلفيه
 
ماشاء الله تبارك الرحمن درس ياخذ العقل
آبداعــت ريلكــس ..
مميز دوووم بماتقدم من ريشتـــك لنـــا
اعجاب آنــد تقيممم
انا صراحةة جبت العيد جننني هههه المهم اني حاولـــت والله موافقني
انا مع البن تول ماحنا احباب هههه
طبعااا هذتطبيقي العيد قدامم لابد مني الاستمراريه عشان اكون فيه اوكيه
ولاشرحك تمام ماعليه كلام اهم شي حاوولتت
http://im55.gulfup.com/thchz7.png

:bouquet2:

Majdi 05-31-2014 09:58 AM

رد: درس تصميم هيدر ، ستآيل ، خلفيه
 
الله يسلم يدينك " م قصرتي ..
التطبيق كويس بالعكس أقل شيء فيه غيرك م يحاول يقول م أعرف "
هذي أداة التحديد المبآشر أسهل من البن تول ..

http://im81.gulfup.com/mr6hb1.png

الملاحظات بسيطه مثل الشكل المناسب لـ المنحنى ، والطبقات المضاعفه تكون بآرزه مع الوسط أكثر من كونها مع الجوانب

http://im48.gulfup.com/T5PjIa.png

لكن بصفه عامه تطبيق رآئع ، شآكر الكلمات المحفزهـ ، وشآكر التطبيق ..#

أبو جاسر 05-31-2014 11:54 PM

رد: درس تصميم هيدر ، ستآيل ، خلفيه
 
ماشاء الله درس متكامل وشرح وافي

تسلم يديك ومجهود واضح
برافو ريلاكس

Majdi 06-01-2014 09:46 AM

رد: درس تصميم هيدر ، ستآيل ، خلفيه
 
أهلين أبو جاسر ، الله يسلمك
متشكرين ، يآحجي


الساعة الآن 03:52 PM

Powered by vBulletin® Copyright ©2000 - 2025, Jelsoft Enterprises Ltd. TranZ By Almuhajir