المساعد الشخصي الرقمي

مشاهدة النسخة كاملة : درس مفصل تصميم شعار ويندوز فيستا | درس مفصل متوسط |



loulou ange
10-30-2013, بتوقيت غرينيتش 01:39 PM
http://www.max-media.org/wp-content/uploads/1-ط´ط¹ط§ط±-ظˆظٹظ†ط¯ظˆط²-ظپظٹط³طھط§.jpg (http://www.max-media.org/wp-content/uploads/1-شعار-ويندوز-فيستا.jpg) درس مفصل تصميم شعار ويندوز فيستا باستخدام برنامج الفوتوشوب


خطوه بخطوه معا لتصميم شعار ويندوز فيستا باستخدام برانامج التصميم العملاق الفوتوشوب .. سنتعلم في هذا الدرس مفصل طريقة عمل تأثير الزجاج الانعكاس واللمعان .. سوف نستخدم التدرج واداة القلم pen وكذلك البروز bevel لتصميم هذا الشعار .. إلى الدرس مفصل …….
1- انشئ ملف جديد بالأبعاد 640*480 وقم بملئه باللون الأبيض .. ثم انشئ لاير جديد واعطه اسم “الدائرة1″ بعد ذلك لتقم بتحديد اداة الفرشاه وعدل اعداداتها كالتالي :
master Diametar :300px
Hardness:100%
2- كما بالصوره التاليه قم بالآتي
املئ التحديد بالتدرج gradient
وعدل الألوان كالتالي
فوق اللون #022646
تحت اللون = #1597d5

http://www.max-media.org/wp-content/uploads/2-ط§ط¶ط§ظپط©-ط§ظ„طھط¯ط±ط¬.jpg (http://www.max-media.org/wp-content/uploads/2-اضافة-التدرج.jpg)
قم بتكرار اللاير ctrl+G وقم بتسميته ” الدائرة2″
قم بتخفيف هذا اللاير إلى 94% وقم بتعديل التدرج Grident كالتالي
فوق = #02244a
بالمنتصف اللون = #183b61
تحت اللون = #49a5e4
كما بالصوره التاليه:

http://www.max-media.org/wp-content/uploads/3-ط§ط¶ط§ظپط©-طھط¯ط±ط¬-ط§ط²ط±ظ‚.jpg (http://www.max-media.org/wp-content/uploads/3-اضافة-تدرج-ازرق.jpg)
3- اختر اداه القلم Pen وارسم شكل مربع مع بعض الانحنائات كما بالشكل التالي .. بإمكانك الاستعانه بشكل اللوقو الحقيقي لرسم الانحنائات :
http://www.max-media.org/wp-content/uploads/4-ط§ط³طھط®ط¯ط§ظ…-ط§ط¯ط§ط©-ط§-ظ„ظ‚ظ„ظ…-ظ„ط±ط³ظ…-ط´ظƒظ„-ط§ظ„ط´ط¹ط§ط±.jpg (http://www.max-media.org/wp-content/uploads/4-استخدام-اداة-ا-لقلم-لرسم-شكل-الشعار.jpg)
4- انشئ لاير جديد واعطه اسم “نافذه1″
انقر بالزر الايمن على الشكل وقم باختيار “Malke Selection…”
بعد ان يظهر التحديد قم بملئه باي لون كما بالشكل التالي : (.. لا تقلق سنقوم بتعديله لاحقا )
http://www.max-media.org/wp-content/uploads/5-ط§ط¯ط§ط©-ط§ظ„ظ‚ظ„ظ…-ظ„ظ„طھط*ط¯ظٹط¯.jpg (http://www.max-media.org/wp-content/uploads/5-اداة-القلم-للتحديد.jpg)
5- الان قم بتكرار اللاير واعطه الاسم “نافذه2″
استخدم ctrl+T وذلك لقلب النافذه 2 عموديا وبعد ذلك افقيا لتعطيك الشكل المقابل لـ “نافذة 1″ وقم بتكرار النافذه 1 و2 مره اخرى واسحبهما للأسفل ليطابقا شكل اللوقو كما بالشكل التالي :
http://www.max-media.org/wp-content/uploads/6-طھظƒط±ط§ط±-ط§ظ„ظ†ظˆط§ظپط°.jpg (http://www.max-media.org/wp-content/uploads/6-تكرار-النوافذ.jpg)
6- املئ النوافذ واحده تلو الاخرى باستخدام التدرج وبالاستعانه باللوقو الاصل لاختيار الالوان كما بالشكل التالي :
http://www.max-media.org/wp-content/uploads/7-ط§ط®طھظٹط§ط±-ط§ظ„ظ„ظˆظ†-ط§ظ„ط*ظ‚ظٹظ‚ظٹ.jpg (http://www.max-media.org/wp-content/uploads/7-اختيار-اللون-الحقيقي.jpg)
7- اضف البروز كما الاعدادات بالصوره التاليه:
http://www.max-media.org/wp-content/uploads/8-ط§ط¶ط§ظپط©-ط§ظ„ط¨ط±ظˆط².jpg (http://www.max-media.org/wp-content/uploads/8-اضافة-البروز.jpg)
8- الان يجب ان تكون قد حصلت على الشكل التالي :



http://www.max-media.org/wp-content/uploads/9-ط´ظƒظ„-ظ…ط¨ط¯ط¦ظٹ-ظ„ظ„ظˆظ‚ظˆ.jpg (http://www.max-media.org/wp-content/uploads/9-شكل-مبدئي-للوقو.jpg)
9- نحن الان بحاجة لإضافة تأثير الزجاج على النوافذ التي قمنا بتصميمها .. عمليه سهله تحتاج بس انك تروق وتشرب كوب شاي وإلا ليمون ونواصل ..
انشئ مجلد جديد وضع كل النوافذ بداخله .. قم بتكرار المجلد وقم بعمليه الدمج وسمي اللاير الجديد الزجاج
10- اقفل الشفافيه للاير الزجاج الموجوده برأس اللوح الخاص بمكان الايرات
11- قم بملئ لاير الزجاج باللون الابيض .. وانشئ نسخه جديده من هذا اللاير وسمها الظل .. وضعها تحت مجلد النوافذ .. (سوف نحتاج هذا اللاير لاحقا)

http://www.max-media.org/wp-content/uploads/10-ط§ط¶ط§ظپط©-ط§ظ„ط¸ظ„ط§ظ„.jpg (http://www.max-media.org/wp-content/uploads/10-اضافة-الظلال.jpg)
12- الغي القفل من الشفافيه الخاصه بلاير الزجاج وقم باستخدام اداه المساحه earser لإزالة الاجزاء غير الضروريه .. استعن بالصوره التاليه :

http://www.max-media.org/wp-content/uploads/12-ط§ظ„طھط*ط¯ظٹط¯-ظˆط§ظ„ظ‚ط·ط¹.jpg (http://www.max-media.org/wp-content/uploads/12-التحديد-والقطع.jpg)
13- عدل الشفافيه إلى 15% ليصبح الشعار بالشكل التالي:

http://www.max-media.org/wp-content/uploads/13-ط´ظپط§ظپظٹط©-ط§ظ„ط¸ظ„ط§ظ„.jpg (http://www.max-media.org/wp-content/uploads/13-شفافية-الظلال.jpg)
14- انشئ لاير جديد واعطه اسم اللمعان ثم قم بالضغط على ctrl والزر الايسر للماوس على اللاير الذي اسميناه الظل ولا تقم بتحديده وذلك لكي نحصل على تحديد بنفس شكله كا التالي :
http://www.max-media.org/wp-content/uploads/14-ظ„ظ…ط¹ط§ظ†-ط§ظ„ظ…ظ†طھطµظپ.jpg (http://www.max-media.org/wp-content/uploads/14-لمعان-المنتصف.jpg)
15- استخدم اداه الفرشاه وقم بتعديل اعداداتها بالاستعانه بالشكل السابق واختر اللون الابيض وقم بنقرة واحده في منتصف الشعار ليصبح كالتالي :
http://www.max-media.org/wp-content/uploads/15-ط§ظ„ظ„ظ…ط¹ط§ظ†-ط§ظ„ط£ط¨ظٹط¶-ط¨ط§ظ„ظ…ظ†طھطµظپ.jpg (http://www.max-media.org/wp-content/uploads/15-اللمعان-الأبيض-بالمنتصف.jpg)
16- الان عدل الشفافيه الخاصه بلاير الظل إلى 30% ليصبح كالتالي :
http://www.max-media.org/wp-content/uploads/16-ط§ط³طھط¹ط±ط§ط¶-ط§ظ„ط¸ظ„ط§ظ„.jpg (http://www.max-media.org/wp-content/uploads/16-استعراض-الظلال.jpg)
17- حسنا ! الان نحن بحاجه لأن تكون الخلفيه كالزجاج اكثر
اضغط ctrl وانقر بالايسر على اللاير ” الدائرة2″ واستخدم اداه الفرشاه واللون =#3fb9ea وقم بإنشاء ضوء ازرق بأسفل الدائرة كما بالصوره التاليه :
http://www.max-media.org/wp-content/uploads/17-طھط£ط«ظٹط±-ط§ظ„ظ„ظ…ط¹ط§ظ†.jpg (http://www.max-media.org/wp-content/uploads/17-تأثير-اللمعان.jpg)

18- كرر نفس العمليه السابقه على الجزء العلوي من اللوقو كما بالصوره التاليه :
http://www.max-media.org/wp-content/uploads/19-طھط£ط«ظٹط±-ط§ظ„ظ„ظ…ط¹ط§ظ†.jpg (http://www.max-media.org/wp-content/uploads/19-تأثير-اللمعان.jpg)
19- حان الوقت لكي نضيف بعض الظلال على الشعار . ادمج ما بداخل المجلد وضف بعض الظلال بالاعدادات كما بالشكل التالي:
http://www.max-media.org/wp-content/uploads/20-ط¥ط¶ط§ظپط©-ط§ظ„ط¸ظ„ط§ظ„.jpg (http://www.max-media.org/wp-content/uploads/20-إضافة-الظلال.jpg)

20- اعتقد بأننا اقتربنا من الانتهاء .. فقط لجعل الشعار اكثر تموجا قم بتبيطق التدرج كما بالشكل التالي :
http://www.max-media.org/wp-content/uploads/21-ط§ظ„ظ„ظ…ط³ظ‡-ط§ظ„ط§ط®ظٹط±ط©.jpg (http://www.max-media.org/wp-content/uploads/21-اللمسه-الاخيرة.jpg)
21- انتهى الدرس مفصل بحمد الله
http://www.max-media.org/wp-content/uploads/22-ط§ظ†ط¹ظƒط§ط³-ط§ظ„ط´ط¹ط§ط±.jpg (http://www.max-media.org/wp-content/uploads/22-انعكاس-الشعار.jpg)

* لا اسمح بالنقل بدون ذكر المصدر (http://www.max-media.org/topic/210.html)
http://www.dzbatna.com/images/smilies/nosweat.gif




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

استعمل مربع البحث في الاسفل لمزيد من المواضيع


سريع للبحث عن مواضيع في المنتدى