الويب العربي

الويب العربي (http://www.arabwebtalk.com/index.php)
-   تبادل خبرات التصميم (http://www.arabwebtalk.com/forumdisplay.php?f=58)
-   -   دورة الرّاسم لتصميم الاستايلات الاحترافية ( حصرياً ) (http://www.arabwebtalk.com/showthread.php?t=39262)

العسولة 18-10-2006 05:18 AM

مالحقت للاسف بس بتابع معاكم وان شاء الله ماتنقطع الدورة لوقت طويل مثل دورة تصميم الموقع بالفوتوشوب

الامارات للاستضافه 19-10-2006 07:34 PM

عسى المانع خير بس

تحياتي

الرّاسم 19-10-2006 08:33 PM

مرحبا شباب

اعذروني امر بظروف عالسريع كذا مالها داعي :) واحتاج وقت اجهز الدروس الاولى
لاني كنت عامل حسابي كم يوم على بال ما ينتهي الاشتراك طلعتوا في خلال ربع ساعه خخخخخخخخخ

لا تستعجلون هو احنا ورانا حاجه ؟
بنتعلم يعني بنتعلم الله لا يعوق بشر

تحياتي واشكركم على تجاوبكم

ريونة 20-10-2006 05:46 AM

واحنا فى انتظارك اخوى الراسم ..وان شالله نطبق الدرس ويكون هناك تحدى بين الاعضاء لما يخدم الجميع

الحاج متولى 20-10-2006 10:52 PM

دعنا نرسم فى وجهك ابتسامة الرضاء
كلمات كبيرة
ينم عن الكثير
من
الثقة بالنفس والعمل
وانه سيجعلك تبتسم راضياً بما سطره يراعه من فن

الاخ الراسم
انا تلميذك فى الفصل

ونحن راضين وعلى قناعة ان الدورة سوف يكون مميزاً

وسنستفيد منها كثيراً
ان رسمت فى وجوهنا ابتسامة الرضاء مرة ومرتين
فاننا نرفع الاكف الى الواحد الاحد ملك الكون
ان يوسع رزقك
ويبعدك من شرور الدنيا

الرّاسم 28-10-2006 05:57 AM

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

شكراً ريونه وشكرا الحاج متولي
وحياكم الله

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

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


مقدمة :
كل اللي بنتعلمه في الدوره إن شاء الله ينطبق على تصميم اي سكربت لكن بيكون تطبيقنا على سكربت منتدى vb لانه الاشهر والأهم عند الكل تقريباً وأول مرحلة في تصميم ستايل هي الأهم والأساس إذا نجحنا فيها بنكون اخرجنا عمل ناجح عشان كذا المفروض نعطيها حقها من الاهتمام والوقت الكافي لانه احيانا الواحد يكون انتهى من هالمرحلة لكن لو ترك العمل لليوم الثاني بيجي بنفسيه مختلفة وبيلاقي نفسه يضيف اشياء ولمسات جديدة حلوه للعمل ماكانت في باله بالأمس !
التصميم عبارة عن عمل فني تقدر تقول لوحة فنية تحاول فيها تعبر عن فكرة معينه ومحدده مو مجرد الوان وصور مع بعض والفكرة يحددها عدة عوامل من اهمها :
تخصص الموقع
الالوان المناسبه
طريقة تعبير المصمم عن الفكرة

العامل الاول تخصص الموقع ممكن يكون عام وبكذا يكون عند المصمم مساحة من الحرية في العمل أما لو كان متخصص فمعناها مساحة الحرية بتكون أقل يعني لو كان موقع اسلامي معناها قلت مساحة حرية العمل في مجال معين ومحدد وواضح ولابد ان يقوم المصمم بالتعبير عنه بالأدوات المساعده مثل الزخرفة الاسلامية وصور مسجد او مئذنه إلخ .
العامل الثاني يتأثر بالعامل الأول إذا كان الموقع متخصص فلابد يكون اللون مناسب له من غير المناسب يكون موقع برامج مثلا وتحط لونه وردي ! وعكسه لما يكون موقع شعر شعبي مثلاً من المناسب يكون لونه بيج او بني يعكس الطبيعه الصحراويه للشعر والبيئه المرتبطه فيه .
العامل الثالث هو مربط الفرس وهو اللي يصنع الفارق بين مصمم وآخر وهذي من الله يعني شيء غير مكتسب وهو ما يسمى الموهبه ! فمثلا مصممين ثنين الكل منهم يصمم ستايل بمناسبة شهر رمضان بكذا العامل الاول والثاني متساويه عند الاثنين ويبقى الفارق في العامل الثالث لان لكل منهم طريقة تعبير خاصة فيه وممكن يكون العمل ممتاز من الاثنين لكن كل منهم عبر عنه بطريقة مختلفه عن الآخر ومافيه بينهم اي تقارب في الاخراج النهائي للعمل .

الدرس الأول :
بعد تحديد الفكرة والالوان نفتح عمل جديد في الفوتوشوب بالمقاسات التالية :
العرض
778 بكسل

الارتفاع
600 بكسل



العمل بيكون ثلاثة أجزاء رئيسية
الهيدر
الاطارات وتنقسم الى نوعين ( اطارات الصفحة - اطارات الجداول )
الفوتر

تنفيذ :




1 - الان عندنا طبقة وحدة لما فتحنا عمل جديد بتكون هي خلفية العمل انا باستعمل اللون الابيض للخلفية .
2 - اضفت طبقة جديدة وباداة التحديد حددت مستطيل يمثل الهيدر ولونته .
3 - اضفت طبقة جديدة وبأدة التحديد حددت مستطيل يمثل الفوتر ولونته .
4 - أضفت طبقة جديدة وبأدة المستطيل رسمت مستطيل يمثل جداول المنتدى لونه فاتح جداً واضفت له مؤثر حدود بعرض 1 بكسل واللون للحدود نفس لون الهيدر

أداة التحديد واداة المستطيل موضحه في الصورة




مقاسات :
عادة الهيدر يكون ارتفاعه المناسب لا يتجاوز 150 بكسل
والفوتر يكون ارتفاعه نصف ارتفاع الهيدر تقريباً
الجدول في المنتصف هو مجرد جدول وهمي نطبق عليه التصميم في الفوتوشوب وارتفاعه مو مهم ولكن حاول يكون قليل نوعا ما واعمل حساب ان المساحة فوق الجدول وتحته مناسبه بحيث نصمم فيها اطار علوي للجدول واطار سفلي له
اطار الصفحة الكامل بيكون في الدرس القادم

الشكل الحالي للعمل كما توضح الصورة انا تعمدت اخليها رابط لانها كبيرة

http://www.alrasm.com/dros/3.gif

تلميحات :
مقاس العرض للعمل هو 778 بكسل لأنه المقاس المطابق لمقاسات الشاشه 800 * 600 في حالة عمل تصميم بدون تمدد بيكون مطابق للشاشه وبدون زيادة في العرض .


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

تحياتي

الامارات للاستضافه 28-10-2006 06:45 AM

اولا اخوي الراسم حمد لله على السلامه

ثانيا
واضفت له مؤثر حدود بعرض 1 بكسل واللون للحدود

من وين بنضيفه له المؤثر تقصد stroke

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



مقاس العرض للعمل هو 778 بكسل لأنه المقاس المطابق لمقاسات الشاشه 800 * 600 في حالة عمل تصميم بدون تمدد بيكون مطابق للشاشه وبدون زيادة في العرض .


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

وبلنسبه للتطبيق

ما صدقت على الله منتظرك هههههههههه


http://load.66g.com/uploads/e5b4129cf7.jpg


تحياتي

raneoDESIGN 28-10-2006 02:15 PM

السلام عليكم
مشكور اخوي مره اخرى على توفيرك الوقت لشرح الدورة :) و الله يجعلها في ميزان حسناتك

بالنسبه لي ما اقدر استخدم النسخة القديمة من الفوتوشوب
و الحمد لله اني اتابع جديد الشركة و كل فترة اسوي لها update و اطور الفوتوشوب حقي :D
و افضل ميزة عجبتني بالفوتوشوب الجديد انك تقدر تحدد اكثر من شريحة (layer) في نفس الوقت
و انا ما ادري وشلون كنت اشتغل على الفوتوشوب القديم بدون الميزة هذي
طبعاً فيه ميزات كثيرة جديدة بس ما اذكرها الحين

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

Adobe Photoshop CS2 ME
اتبع الموضوع الي تحت
الفوتوشوب الإصدار الاخير - نسخة شرق الأوسط ( مع شرح التركيب )
http://www.arabwebtalk.com/showthread.php?t=39141

إقتباس:

أي استفسار من المشتركين الخمسه في الدوره حول الدرس ؟
بشوف اعمالكم بعد الدرس القادم او اللي بعده
الحمد لله ان كل شي مفهوم و انا في انتظار تكملت الدرس حتى اطبقه
:) اخوك .. raneoDESIGN :)

Mobdi3.com 28-10-2006 03:23 PM

السلام عليكم

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

raneoDESIGN 28-10-2006 03:55 PM

معليش اخوي الرّاسم :)
اعذرني اتدخل و اجاوب على استفسار الاخ الامارات للاستضافه

هذي طريقة عمل حدود للمستطيل او اي جسم تبي تضيف له حدود
انا الي اعرفه افضل طريقتين لاضافه حدود
الاولى زي ما عمل اخوي الرّاسم و هي من الـ( Blending Options )
و الطريقة الثانيه عن طريق تحديد الجسم او الشكل الي تبي تسوي عليه حدود ( اطار )
و انا افضل الطريقه الثانيه :) و زي ما قال اخوي الرّاسم كل مصمم و له الطريقة الي يحبها
اترككم مع الشرح و هذا لفائدة الجميع

الطريقة الأولى طريقة اخوي الرّاسم
في البداية نسوي شريحة جديدة بالضغط على ( ) في نافذة الشرايح او بالضغط على Ctrl+Shift+N
نقوم باختيار اداة التحديد من القائمة بالضغط على ( ) او الضغط على M
نحدد المساحه الي نبيها , و انا اخترت نفس المقاس الي مختاره اخوي الرّاسم
اختار اداة التعبئة بالضغط على ( ) من قائمة الأدوات و لاتنسى تختار اللون الي تبيه
و اضغط داخل المستطيل الي حددته لتعبئة المستطيل, و شيل التحديد بعد التعبئة حتى تظهر لك بالشكل هذا

( انتبه لا تغيير الشريحة خلك على نفس الي سويت فيها التعبئة ) و اضغط على الزر ( ) بتطلع لك قائمة اختار منها ( Stroke.. ) و غير المعلومات مثل ما في الصورة


بعد كذا اضغط OK و بيطلع لك الشكل مثل ما سوا اخوي الرّاسم و هذا هو الشكل النهائي


الطريقة الثانية و هذي الأفضل بالنسبه لي
لأني استخدم الـ( Blending Options ) في اشياء ثانيه مثل التدرجات او الظل
نسوي نفس الكلام الي فوق الى خطوة التعبئة و لا تشيل التحديد
اضغط على Edit و اختار منها Stroke.. , بتطلع لك نافذة جديدة اختار اللون الي تبيه و غير المقاس لـ 1 بيكسل مثل ما في الصورة

و بعد كذا اضغط على OK , راح تطلع لك نفس الشكل بالضبط :)
ان شاء الله تكونوا استفتدوا اي شي من الكلام الي قلته :D
و انا في انتظار تكملت الدرس
:) اخوكم .. raneoDESIGN :)

الامارات للاستضافه 28-10-2006 11:56 PM

raneoDESIGN

تسلم والله ياالغالي

وجعله الله في ميزان حسناتك

تعرف كمبتدا مثلي يعني لازم اعرف كل شي تقريبا يزاك الله الف خير على توضيح النقطه

وفي انتظار البقيه من اخونا الراسم

المصمم للإستضافة 29-10-2006 01:23 AM

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

ابو رزان 29-10-2006 03:50 AM

وانا معكم .. والله يعطيك الف عافية

مختار ابو جبل 29-10-2006 09:57 AM

وهذا تطبيقى

والف الف شكر على الشرح الجميل دا..وانا معاك ان شاء الله للنهاية


هرجك_عسل 29-10-2006 11:27 AM

ياسلام انا متابع معاكم

برب

عازف الكيبورد 29-10-2006 12:03 PM

يوفقك ربي ويعطيك على قد نيتك ولاهنت يا السنافي

sowtrig 29-10-2006 12:31 PM

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

جزاك الله خيرآ عنا هذه المشاركة الطيبة منك ,

كنت أتمنى أن أشترك معكم "كطالب":)

ولكن , حصل خير وإن شاء الله أكون من المتابعين .

تحياتى;

الكنترول 29-10-2006 01:07 PM

هلا اخوي الراسم

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

طلفاحي 29-10-2006 03:29 PM

انااااااااااااااااااااااا اااااااااااااا


اسجل

وشكرا

~*شبكة المصمم*~ 29-10-2006 09:54 PM

مشكور اخوي الراسم

وبارك الله فيك

شوف تطبيقي:D

http://www.9q9q.org/index.php?image=KZaPQLyXWFFA


جميع الأوقات بتوقيت مكة المكرمة. الساعة الآن » 10:20 AM.

Powered by vBulletin
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.
Copyright © ArabWebTalk.Com 2004-2012