+:: الدرس الاول في دورة : تصميم المواقع الاحترافية ::+

[زائرnet7]

أبدعت اخي العزيز...

الف شكر لك واتمنى ان نوفق جميعاً في هذا المجال..

جزاكم الله جميعاً كل خير..

[athco]

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

اخي رضا اتفق مع الاخ سردال بنقطه حجم الشاشة وكما الاحظ بان الاغلبيه يستخدموت الدقة 800*600 علما باني استخدم دقه اعلى من ذلك ليتوفر لدي مساحه كبيره استطيع من خلالها رؤية العمل بشكل كامل واغلب المصممين يتبعون هذه الطريقه


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

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

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


تمنيات لكم جميعا بالتوفيق

[athco]

سؤال من احد الزوار عن كيفيه ازاله الخلفيه لصورة يريد دمجها في التصميم وهذه هي الصورة


الطريقه :

1/ افتح الصورة من خلال برنامج الفوتوشوب

2/ طبق ماهو موضح بالصورة التالية :


3/ سوف تظهر لك نافذه ازاله الخلفيه .. منها حدد اداه القلم وقم بتحديد الصورة كما هو موضوخ بالصورة التالية :


بحيث يكون نصف التحديد على الصورة والنصف الاخر على الخلفيه

4/ قم بملء التحديد من الداخل باداه تعبئة اللون كما هو موضوح بالصورة التالية :


ثم اضغط موافق

سوف تظهر لك الصورة منزوعه الدسم ... كما تشاهد بالصورة التالية


بالهناء والشفاء

[رضا]

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

و أرجو تضيفني عالمسنجر لو عندك ..

[النبراس]

جزاك الله خير أخي athco

وزوجك من الحور العين

تعقيب بالنسبة لتحويل المسطرة من سم إلى انش
يمكنك الضغط بالزر اليمين على المسطرة واختيار الوحدة التي تريد

وعندي سؤال
وسؤالي نفس سؤال أخي رضا

فهل تذكر لنا بعض الطرق لإختيار ألوان جيدة لمواقعنا مع إختلاف أهدافها ؟!! .. أي كيف نختار ألوان مواقعنا ..

تحياتي
بومحمد

[sanaa]

جزاك الله الف خير انا بصراحة معجب باسلوبك الممتاز

[athco]

بالنسبه للسؤال عن كيفيه اختيار الوان الموقع او هل هناك قاعده معينه لاختيار الالوان

عن جد هذا السؤال محير جدا ليش ؟

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

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

او نختار الوان حاده جدا ومتعبه للنظر مثل الالوان الفسفورية <<< رجل مرور


ايضا هناك العرف يقيد المصمم رغم انه غير محبب فمثلا تعارف على ان المواقع الاسلاميه تتميز بالوان الاصاله مثل اللون البنى ودرجاته


فالامر يرجع الى ذوق المصمم ومقدرته على انتقاء الالوان التى تناسب هدف ومضمون الموقع .... في الرابط التالي 26 مجموعه لونية مكونه من 104 تشكيله منسقه مع بعضها ستفيدكم كثيرا ان شاء الله

http://graphics.athco.net/Default/Th...display=Colors

ولكن يفضل ان لا تقل الوان الموقع عن ثلاثة الوان ولا تزيد عن خمسه الوان مع الحنكه في توزيع المساحات اللونية وحسن توظيفها في التصميم



موفقين

[العبقري]

بسم الله الرحمن الرحيم
الله يوفقك دنيا واخرة حبيبي قلبي

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

[palnour]

جزاك الله كل خير

[athco]

جزاكم الله الجنه


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

وللمعلومية لاااايعني الموقع الاحترافي ان يكون جرافيكس 100 % او مزدحم بالصور

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


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


بالنسبه لسؤالك

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


انتظر استفسارات اخرى


موفق ان شاء الله

[athco]

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




الطريقه هي كالتالي :

1/ افتح ملف عمل جديد بالمقاسات التى تريد ان تكون بها الايقونات وافضل مقاس ان تكون ممتده بشكل عرضي في الموقع وهذا ليس بالضروره وانما الافضل

اجعل المقاسات
775 عرضا فى 30 ارتفاعا وبالامكان تقليل الارتفاع الى 25 بكسيل ان اردت ان تكون اجمل


2/الان قم بتحديد المساحه التى تريد ان تكون ايقونات كما هو موضح بالصورة التالية



3/ قم بعمل تدرج حسب ما يتناسب مع الوان الموقع بهذا الشكل


4/ الان قم بتعبئة التحديد بالتدرج الذي حددته كما هو موضح بالصورة التاليه


حتى نحصل على هذه النتيجه



5/ اترك التحديد كما هو واعمل تدرج اخر كما هو مبين بالصورة التالية


6/ الان قم بتعبئة الجزء السفلي من التحديد بالتدرج الجديد كما هو بالصورة التاليه


بحيث نحصل على هذه النتيجة


انظر الى اسفل التدرج

7/ الان جاء دور عمل القواطع بين الراوابط ... افتح شفيفة جديده واختار التحديد التالي



يتبع

[athco]

8/ قم بالضغط في المكان الذي تريد ان يكون به فاصل
كما هو مبين بالصورة التالية


9/ الان نريد تعبئة التحديد بلون القواطع كيف يتم ذلك ؟
يتم من خلال الامر Stroke طبق ما هو مبين بالصورة التالية


10 / سوف تظهر لك نافذه تحديد خواص التعبئة طبق ما هو بالصورة التالية تماما


قم بالغائ التحديد الان

11/ الان قم بقص الزوائد كما هو مبين في الصورة التالية



النتيجة



12/ الان اضف اي تاثير على القاطع وافضل تاثير هو الحفر كما تشاهد بالصورة التالية



13/ الان قم بنسخ شفيفه القاطع حسب عدد القواطع التى تريده


18/ الان قم بتخفيف درجه وضوح القواطع مكا ترى اي اجعل الوضوح بنسبه 30 %


الان انتهينا من عمل الايقونات
قم بجمع الشفائف بشفيفه واحده من خلال ربط الشفائف مع بعضها والضغط على مفتاح Ctrl+E

الان اسحب الصورة الى منطقة تصميم الموقع

هذا كل شيئ

جميع الخطوات مجموعة في هذه الصورة



موفقين ان شاء الله

[myall]

يعطيك الف عافيه اخوي وماقصرت

وعندي استفسار على طريقة الازرار بعضها عند مرور الماوس تتغير

كيف طريقة تصميمها بالفوتشوب


هذا السؤال الاول

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

اتمنى تكون فهمتني والف شكر لك

[athco]

اجابة اسئلتك سوف نتطرق لها في الدرس ثاني ان شاء الله



سوف ننتقل الى الدرس الثاني وهو قص التصميم وعمل التأثيرات على الروابط

هل توجد اسئله قبل ان ننتقل للدرس الثاني ؟

[abbode]

الله يجزاك الجنة ..

الله يوفقك دنيا وآخرة ..

فعلا .. كفيت ووفيت .. الله يرضى عليك