منتديات الانوار
اهلا بك زائرنا العزيز

تشرفنا زيارتك

ويسعدنا ان تكون عضوا معنا او زائرا مستديما
منتديات الانوار
اهلا بك زائرنا العزيز

تشرفنا زيارتك

ويسعدنا ان تكون عضوا معنا او زائرا مستديما
منتديات الانوار
هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.


 
الرئيسيةالأحداثالمنشوراتأحدث الصورالتسجيلدخول


مطلوب فريق لاقسام المنتدى




شبكة منتديات الانوار10




السوق التجارى المصرى والعربى ادخل من هنا




 

 فوتوشوب(شرح كامل لتصميم استايل في بي)

اذهب الى الأسفل 
3 مشترك
كاتب الموضوعرسالة
د علاءمرتضي
موسس المنتدي
د علاءمرتضي


عدد المساهمات : 17998
السٌّمعَة : 40
العمر : 58
الجنس : ذكر

الأوسمة : فوتوشوب(شرح كامل لتصميم استايل في بي) 11100010


فوتوشوب(شرح كامل لتصميم استايل في بي) Empty
مُساهمةموضوع: فوتوشوب(شرح كامل لتصميم استايل في بي)   فوتوشوب(شرح كامل لتصميم استايل في بي) I_icon_minitimeالسبت فبراير 20, 2010 9:22 am

.. تصميم الإستايل .. ][ ::..


لكل شخص طريقته في التصميم و لكل شخص إحترافيته ..

بسم الله نبداء ,,

أفتح الفوتوشوب < تحتاج صورة ؟

نفتح عمل جديد مثل ماهو موضح بالصورة ..


تكبير الصورةتصغير الصورة
فوتوشوب(شرح كامل لتصميم استايل في بي) 1


نختار المقاسات مع اسم التصميم




فوتوشوب(شرح كامل لتصميم استايل في بي) 2


الان فتح العمل أمامنا .. لوحة بيضاء فارغه ..

كل اللي أريده منك تتخيل أن هذا هو الإستايل اللي راح تصممه ..

و هذا هو العمل أمامك تلعب فيه على راحتك .. و راح يكون بمثابة ستايل خاص فيك ..


/

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


فوتوشوب(شرح كامل لتصميم استايل في بي) 3


مجرد تضع علامة الصح على كلمة Extras
راح تلاحظ إن تصميمك تحول على هيئه شبكه .. و إذا تبغى تلغي الشبكه ألغيها بإزالة الصح ..

الى الآن تمام يا جماعه ؟

طيب

الحين نبداء بمرحله أوليه .. اللي هي إختيار لون الإستايل
من صندوق الأدوات اللي على يسار الفوتوشوب .. إختار أداة [السطل] و صورتها زي كذا :


فوتوشوب(شرح كامل لتصميم استايل في بي) 21


بعدها إختار لك لون على ذوقك .. اي لون مو مهم
و نقره وحده على التصميم راح يتلون لك التصميم على اللون اللي أنت أخترته ..

نجي الحين للنقطه المهمه اللي هي تصميم الهيدر ..
الهيدرهو أعلى المنتدى

طيب نبغى نصمم هيدر خفيف و مو صعب على الجميع .. يعني أي شخص يقدر يتقنه ..
و آخر الدرس راح أتطرق لنقطه كيف تجعل هيدرك إحترافي ..
لا تستعجلون على رزقكم


من الأدوات على اليسار نختار أداة الشكل المستطيل و هذي صورتها ..


فوتوشوب(شرح كامل لتصميم استايل في بي) 22


بالتأكيد راح يكون لون الهيدر مختلف إختلاف بسيط عن لون الخلفيه اللي قبل شوي سويناه ..
بعد إختيارك للأداه .. إختر أداة الألوان و أختار لك لون مشابة للون اللي قبل شوي ..
و مو مشكله لو كان لون ثاني ..
أهم شي يكون فيه تناسق مع اللون اللي قبله .. حلو ؟


فوتوشوب(شرح كامل لتصميم استايل في بي) 23


طيب أرسم مستطيل أعلى التصميم ..
مثل الصورة هذي ..




فوتوشوب(شرح كامل لتصميم استايل في بي) 4


لو تلاحظون لنقاط الشبكه .. تحصلون أخذت 9 نقاط .. صحيح ؟
الحقيقه هي على كيفك .. بس أعتبر إن هذا هيدر
يعني لا ينزل كثير ..


حلو .. خلصنا من الهيدر ..
نبغى نتلاعب فيه شوي .. يعني نضيف عليه لمسات خفيفه ,

من صندوق الليرات نختار ..

فوتوشوب(شرح كامل لتصميم استايل في بي) 5


و ثم




فوتوشوب(شرح كامل لتصميم استايل في بي) 6


ثم




فوتوشوب(شرح كامل لتصميم استايل في بي) 7


أضغط ok آخر شي ..
نكون كذا خلصنا من الهيدر .. ايش باقي ؟
باقي إضافة الصور عليه ..
و لا تخافون راح أتطرق لعملية دمج الصور فوتوشوب(شرح كامل لتصميم استايل في بي) Closed


خلصنا من الهيدر .. متبقي علينا الفوتر
الفوتر هو عكس الهيدر .. أي أن الهيدر هو أعلى المنتدى
الفوتر هو أسفل المنتدى ..
ما يحتاج أقولك أبداء و أشتغل من جديد .. لا
نبغى يكون تصميم الفوتر مشابه لتصميم الهيدر ..
و العمليه سهله جداً ..

على لاير الهيدر .. كليك يمين و أختار دبل مثل الصورة هذي ..




فوتوشوب(شرح كامل لتصميم استايل في بي) 8


ثم إختار أداة التحريك ..


فوتوشوب(شرح كامل لتصميم استايل في بي) 9


الأن روح لمنطقة الهيدر و كليك يسار بالفاره و أسحبه لين تحت ..
تحصل إن الهيدر بقي مثل ما هو و الطبقه الثانيه نزلت لين تحت ..
حط فـ بالك شي واحد ..
إن الفوتر دايم مقاسه أقل من الهيدر يعني أنا أخذت 9 نقاط في الهيدر ..
راح آخذ أقل من الـ 9 نقاط بالفوتر و نقول مثلاً 4 نقاط
لاحظوا كيف ..




فوتوشوب(شرح كامل لتصميم استايل في بي) 10


مثل ما تشوفون إن مقاس الهيدر أكبر من مقاس الفوتر
لحد الحين تمام .. ؟


خلاص ماحنا بحاجه للشبكه نزيلها و مثل ما وضحت فوق طريقة إزالتها ..
راح يصبح معنا التصميم زي كذا ..




فوتوشوب(شرح كامل لتصميم استايل في بي) 11


زي ما أتفقنا مو ناقص علينا غير الصور .. و هي نقطتنا القادمه


:

:


.. :: ][ .. دمج الصور داخل الأشكال .. ][ ::..

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



تكبير الصورةتصغير الصورة
فوتوشوب(شرح كامل لتصميم استايل في بي) 12




فوتوشوب(شرح كامل لتصميم استايل في بي) 13


الحين اللاير حق الصورة ..
راح يكون فوق لاير الهيدر .. حلو ,,
من لوحة المفاتيح أضغط على Ctrl+G
راح تحصل إن الصورة دخلت تلقائي داخل الشكل .. بس يبغالك شي واحد اللي هو تمسح الحدود حقت الصورة
من أداة الممحاه ..
و إذا تبي الصورة تكون ألوانها متناسقه مع لون التصميم
غير المود للصورة من Normal الى luminosity
يمكن يسألني أي شخص كيف أغير مود الصورة ؟
تغيير المود كذا .. ضلل لير الصورة و غير ..




فوتوشوب(شرح كامل لتصميم استايل في بي) 15


إن شاء الله أتضحت الفكره عند الجميع ..
و لا تتردد بطرح أي سؤال فـ بالك .. حتى لو بالفوتوشوب أسال و لا تتردد ..
مو هدفنا كلنا الفائده ؟

صوره على يمين الهيدر و صورة على يسار الهيدر ..
المنطقه اللي في المنتصف أتركها فارغه .. و هي اللي راح تكون نقطة التمدد ..

نقطة التمدد لو اشرح لك صفحة كامله ما راح تفهمها الحين ..
بالدرس القادم راح تستوعبها كامله .. و راح تعرف ليه خلينا المنطقه اللي في المنتصف فارغه ؟


نفس الحاله مع الفوتر ..


.. :: ][ ..عمل الهيدر بالمنحنيات .. ][ ::..
أداة الباث .. أساس إحتراف أي ستايل ..
أداة موجوده داخل الفوتوشوب تساعد في عمل المنحنيات .. و أغلب الإستايلات تعتمد عليه ..
الميزه اللي يستصعبها الشخص فيها .. إن مالها شكل محدد ..
مجرد تتعلمها راح تسوي اللي في بالك فيها .. حتى تقدر تكتب اسمك و ترسم اي شكل فيها ..

و العرب شخص ما يحب يفكر .. يبغى كل شي جاهز و عشان كذا صعبه


المهم .. بعد رسمك للمستطيل حق الهيدر ..
نختار أداة الباث من هنا


فوتوشوب(شرح كامل لتصميم استايل في بي) 16


نحدد نقاط على مستطيل الهيدر .. في أي منطقه ما يهم
على حسب تشكيلك ..




فوتوشوب(شرح كامل لتصميم استايل في بي) 17


بعد تحديد النقاط .. نختار الأداة هذه


فوتوشوب(شرح كامل لتصميم استايل في بي) 18


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




فوتوشوب(شرح كامل لتصميم استايل في بي) 19


كررت لاير الهيدر ثلاث مرات .. و كل لاير خليت له تاثير مختلف
و زي كذا الفكره ..




فوتوشوب(شرح كامل لتصميم استايل في بي) 20



و بس ..
الرجوع الى أعلى الصفحة اذهب الى الأسفل
https://alanwar10.ahlamontada.net
hamada
عضو ممتاز
عضو ممتاز



عدد المساهمات : 309
السٌّمعَة : 0
الأوسمة :

فوتوشوب(شرح كامل لتصميم استايل في بي) Empty
مُساهمةموضوع: رد: فوتوشوب(شرح كامل لتصميم استايل في بي)   فوتوشوب(شرح كامل لتصميم استايل في بي) I_icon_minitimeالأحد فبراير 21, 2010 8:39 am

جميل والله
الرجوع الى أعلى الصفحة اذهب الى الأسفل
alobena
عضو جديد
عضو جديد
alobena


عدد المساهمات : 10
السٌّمعَة : 0
الأوسمة :

فوتوشوب(شرح كامل لتصميم استايل في بي) Empty
مُساهمةموضوع: رد: فوتوشوب(شرح كامل لتصميم استايل في بي)   فوتوشوب(شرح كامل لتصميم استايل في بي) I_icon_minitimeالأربعاء ديسمبر 01, 2010 4:09 pm

جميله جدا شكرا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
فوتوشوب(شرح كامل لتصميم استايل في بي)
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1
 مواضيع مماثلة
-
» شرح كامل لتصميم استايل في بي(درس فوتوشوب)
» فوتوشوب cs3
» درس: رسم كرة قدم حقيقية (فوتوشوب)
» درس فوتوشوب للمحترفين فقط
» استايل محول روووووعه

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات الانوار :: الكممبيوتر والبرمجه :: الفوتوشوب-
انتقل الى: