درورة تصميم استايل style الدرس مفصل الاول:- التصميم على الفيتشوب.

[admin]

http://www.dzbatna.com/images/icons/smile.gif ط¯ظˆط±ط© طھطµظ…ظٹظ… ط§ط³طھط§ظٹظ„ ط§ظ„ط¯ط±ط³ ط§ظ„ط§ظˆظ„:- ط§ظ„طھطµظ…ظٹظ… ط¹ظ„ظ‰ ط§ظ„ظپظٹطھط´ظˆط¨. (http://www.dzbatna.com/t734551/)




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




الدرس مفصل الاول:- التصميم على الفيتشوب.




http://upload.dzbatna.net/upfiles/rr938383.jpg (http://upload.dzbatna.net/)



دورة تصميم الاستايل styleات

الدرس مفصل الاول


توكلنا على الله ونبداء


افتح الفوتشوب.

File-now
http://file7.9q9q.net/local/thumbnail/96967499/600x600.gif
ضع المقاسات الموضحة اعلاه.

http://file7.9q9q.net/local/thumbnail/67211533/600x600.gif
ضع اداة الصبغ

ولون خلفية التصميم

بالون الي يناسبك وانا استخدمت اللون E9ABF2#
http://file7.9q9q.net/local/thumbnail/32324649/600x600.gif
بعد صبغ الخلفية
ضع اداة المربع
http://file7.9q9q.net/local/thumbnail/29727842/600x600.gif

ثم ضع مربع في اعلى التصميم

ضع لون اغمق من لون الخلفية الي وضعتها وانا استخدمت اللون AC43BC#
http://file7.9q9q.net/local/thumbnail/44619795/600x600.gif
بعد وضع المربع الان نبي نعمل له حركة جمالية
يسمى المربع هذا (هيدر)

اوك

اختار هذه الاداة
http://file7.9q9q.net/local/thumbnail/58772114/600x600.gif
+add anchor point tool

ثم ضع هذه الاداء على المربع الاعلى (هيدر)
ضع انقاط هكذا.
على الحدود 3×3
http://file7.9q9q.net/local/thumbnail/53735645/600x600.gif
بعدها شد النقطه الاولى على اليمين لتحت

وشد النقطه الاولى على اليسار لتحت

وارفع النقاط الي جنب اليمين واليسار لفوق
يطلع لك الشكل هكذا او قريب منه
http://file7.9q9q.net/local/thumbnail/27988631/600x600.gif
لحد الان الهيدر header منتهي بنسبة 70 %

الان باقي علينا التأثيرات على الهيدر header.

اذهب للير حق الهيدر header
اضغط على زر الفاره اليمين
واختر
http://file7.9q9q.net/local/thumbnail/73783653/600x600.gif
الان نعمل التاثيرات ركزوا معايه في هذي النقطه

اول شي اعمل هذا التاثير
http://file7.9q9q.net/local/thumbnail/59434581/600x600.gif
وعمل التاثير الثاني
http://file7.9q9q.net/local/thumbnail/18792153/600x600.gif
وعمل التاثير الثالث
http://file7.9q9q.net/local/thumbnail/62567293/600x600.gif
والان نعمل اخر تاثير
http://file7.9q9q.net/local/thumbnail/43138192/600x600.gif
طيب الان الحمد لله انتهينا من التأثيرات.

شوفوا الان نتيجة التاثيرات على الهيدر header
http://file7.9q9q.net/local/thumbnail/82842666/600x600.gif
الان اضافة الصور الجمالية على الهيدر header


الطيب لي اضافة أي صورة جمالية

ابحث في المواقع الصور الي تناسبك.

اما الصور الي بنستعملها في الدرس مفصل

انشاء الله بارفقها لكم

الان لفتح أي صورة

File>open>
ثم افتح الصورة الي تبيها


بعد الفتح

اذهب للير

وافتحه

بضغط على القفل مرتين
http://file7.9q9q.net/local/thumbnail/64118455/600x600.gif
ثم
Ok
http://file7.9q9q.net/local/thumbnail/97775947/600x600.gif
ثم


انقل الصوره الى التصميم

بسحبها بالماوس


ثم ضعها على الهيدر header



في المكان المناسب لصوره

الي تبيه


بس يكون الترتيب

في الير هكذا

اول شي

الهيدر header
فوقه الصوره الي تبي تضيفها


ثم ادمجها ctrl+G

ثم

اضغط على الير حق الصورة واظغط
http://file7.9q9q.net/local/thumbnail/22876272/600x600.gif
ثم

اختر هذه الاداة
http://file7.9q9q.net/local/thumbnail/14876818/600x600.gif
ركز معي
ضعها على جانب الصورة
http://file7.9q9q.net/local/thumbnail/88485698/600x600.gif
ثم
Ctrl+t
ومد لليمين


وهذه النتيجه
http://file7.9q9q.net/local/thumbnail/36577281/600x600.gif
الان نضع الصورة اللي على اليمين .
http://file7.9q9q.net/local/thumbnail/55964926/600x600.jpg
هذي الصورة اللي نبي نحطها على اليمين لازم الان نمسح اطرافها زين بهذه الاداة
http://file7.9q9q.net/local/thumbnail/86248967/600x600.gif
بعد التقطيع تكووون كذا لا تنسون تظغطون على اللير مرتين
http://file7.9q9q.net/local/thumbnail/75759143/600x600.gif
بعدها اسحبها الى التصميم وجعلها فوق الصورة الاولى
ثم اضغط على ctrl+g لدمج الصورة مع الشكل
ولضبط حجم الصورة اضغط على ctrl+t
النتيجة
http://file7.9q9q.net/local/thumbnail/49874963/600x600.gif
كذا خلاص خلصنا الهيدر header باقي الفوتر
نروح للير حق شكل الهيدر header الموضح
http://file7.9q9q.net/local/thumbnail/68334585/600x600.gif
بعدين ضاعف اللير
http://file7.9q9q.net/local/thumbnail/55927346/600x600.gif
ثم اسحبه للأعلى وانتقل الى
http://file7.9q9q.net/local/thumbnail/26914997/600x600.gif
ثم اسحبه الى اسفل التصميم ويصبح الشكل .
http://file7.9q9q.net/local/thumbnail/25842176/600x600.gif
بعدها نضيف الصور في اسفل الفوتر وانا اخترت هذه الصورة
http://file7.9q9q.net/local/thumbnail/57671182/600x600.jpg




ثم ضعها فوق لير الفوتر
وادمجها بالضغط على ctrl+g
وعشان تضبط الفوتر اضغط على ctrl+t
وبعد كذه نطابق لون الصورة بالتصميم
http://file7.9q9q.net/local/thumbnail/36174179/600x600.gif
وبعد كذه نطابق لون الصورة بالتصميم
http://file7.9q9q.net/local/thumbnail/22876272/600x600.gif
ثم نسوي زي الصورة الي فوق اقصد نفس الطريقة
ضعها على جانب الصورة
http://file7.9q9q.net/local/thumbnail/88485698/600x600.gif
ثم
Ctrl+t
ومد لليمين

وبعدها احفظ العمل على هية psd
وبعد كذا يكون الشكل النهائي بهذا الشكل
http://upload.dzbatna.net/upfiles/0Kp52589.gif (http://upload.dzbatna.net/)








تم الانتهاء من الدرس مفصل


انتضر تطبيقاتكم


وانتضروا الدرس مفصل الثاني


مع تحيات معهد عسكر ديزاين (http://www.v333v.fri2.com/vb/index.php)






التعديل الأخير كان بواسطة askr2014; 26 - 02 - 2014 الساعة 22:03

ألعاب الأندرويد مجانا و حصريا (http://www.apotox.info/forum)



https://fbcdn-sphotos-d-a.akamaihd.net/hphotos-ak-ash4/482113_236967293114455_1193518507_n.png (http://www.dzbatna.com)
©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى (http://www.dzbatna.com)©