منتديات الرعب المميت
عزيزي الزائر الكريم .. زيارتك لنا أسعدتنا كثيراً .. و لكن لن تكتمل سعادتنا إلا بانضمامك لأسرتنا

او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي الرعب المميت سنتشرف بتسجيلك

ولكم منا كل الاحترام والتقدير
منتديات الرعب المميت
عزيزي الزائر الكريم .. زيارتك لنا أسعدتنا كثيراً .. و لكن لن تكتمل سعادتنا إلا بانضمامك لأسرتنا

او التسجيل ان لم تكن عضو وترغب في الانضمام الي اسرة المنتدي الرعب المميت سنتشرف بتسجيلك

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

منتديات الرعب المميت


 
الرئيسيةالبوابةأحدث الصورموقع خاص بالعاب الطفاللتحميل الملفات التسجيلدخول

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

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

 

 شرح: بالصور تصميم موقع احترافي بالفوتوشوب

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


المشاركات : 265
تاريخ التسجيل : 16/08/2009
العمر : 32

شرح: بالصور تصميم موقع احترافي بالفوتوشوب Empty
مُساهمةموضوع: شرح: بالصور تصميم موقع احترافي بالفوتوشوب   شرح: بالصور تصميم موقع احترافي بالفوتوشوب Icon_minitimeالخميس يناير 07, 2010 10:22 pm

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

والصلاة
والسلام على اشرف الأنبياء والمرسلين ..... اما بعد ::

( اللهم لاعلم لنا الاماعلمتنا
)

أقدم لكم اخواني وأخواتي
اعضاء منتديات تعب قلبي وزواره الكرام

شرح مفصل عن تصميم موقع احترافي بالفوتوشوب من الألف الى الياء
وبالتفصيل الممل

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

عليه حتى تجعل من موقعك
تحفة فنيه

قبل البدء نقوم بعرض
الشكل النهائي التقريبي للموقع





شرح: بالصور تصميم موقع احترافي بالفوتوشوب Bj2005_1





نبـــــــداء الدرس على بركة الله
,,,,,,,,,,,,,,,,,,!!!!!

افتح
الفوتوشوب وعمل صفحه جديده من new او جديد وختر القياسات 777 * 555 او على حسب
رغبتك لاحظ الصور :::




شرح: بالصور تصميم موقع احترافي بالفوتوشوب Bj01






شرح: بالصور تصميم موقع احترافي بالفوتوشوب Bj02




نأتي
بالصوره التى نريد ان نضعها خلفيه بالضغط على open او فتح ونختار الصوره من جهازنا
ثم نسحبها الى منطقة العمل وهنا اخترت خلفية الورود لاحظ
الصور



شرح: بالصور تصميم موقع احترافي بالفوتوشوب Bj03






شرح: بالصور تصميم موقع احترافي بالفوتوشوب Bj04




نضغط
على CTRL + T ونسحب اطراف التحديد للصوره حتى نغطي الصفحة بها لاحظ الصوره



شرح: بالصور تصميم موقع احترافي بالفوتوشوب Bj05




بعد
ان نغطي الصفحة البيضاء بالصوره نضغط انتر لأزالت التحديد ثم نذهب الى filter
>>> blur >>> radial blur ونطبق الخيارات كما بالصوره
:



شرح: بالصور تصميم موقع احترافي بالفوتوشوب Bj06






شرح: بالصور تصميم موقع احترافي بالفوتوشوب Bj07




ستلاحظ ان الصوره اصبحت كالأشعاع ثم نبداء بوضع بنر او مربع عنوان
الموقع وسيكون الشرح بالصور تابع :



شرح: بالصور تصميم موقع احترافي بالفوتوشوب Bj08




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



شرح: بالصور تصميم موقع احترافي بالفوتوشوب Bj09




تظهر
رسالة تفيد أن الشكل سيحدث به تغيرات المهم انت اضغط
ok




شرح: بالصور تصميم موقع احترافي بالفوتوشوب Bj010




ضع
خيارات الفلتر كما بالصوره



شرح: بالصور تصميم موقع احترافي بالفوتوشوب Bj011




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



شرح: بالصور تصميم موقع احترافي بالفوتوشوب Bj012




نضع
الخيارات كما بالصوره



شرح: بالصور تصميم موقع احترافي بالفوتوشوب Bj013




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

ونغطي بالصوره ثلاث ارباع البنر بالضغط على CTRL+T وسحبها الى الوضع
المطلوب لاحظ الصوره



شرح: بالصور تصميم موقع احترافي بالفوتوشوب Bj014




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

سيكون شرحها بالصور افضل :


شرح: بالصور تصميم موقع احترافي بالفوتوشوب Bj015




الان
اجعل التحديد على خلفية البنر واقصد بالتحديد اللون الازرق الواضح على الصوره التي
تتحكم بها وهي الصوره الأولى ويجب ان تكون

فوق البنر وليس تحته الأن اضغط الأختصار CTRL+G
وهذه

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

دمج الصوره مع البنر لاحظ الصوره :


شرح: بالصور تصميم موقع احترافي بالفوتوشوب Bj016




الأن
نريد تغيير لون خلفية البنر لتتناسب مع لون البنر وذلك بالضغط على CTRL+U وقم
بعمل

نفس الأعدادات بالصوره
:

شرح: بالصور تصميم موقع احترافي بالفوتوشوب Bj017


الأن نريد
وضع صوره داخل شكل جميل وتكون بالزاويه على اليمين للموقع .. نختار شكل من الاشكال
الجاهزه عندنا او فرشاه

وليكن
شكل ويمكن الحصول عليه بالضغط بالزر الأيمن على المربع وختيار اخر شكل من بين
المجموعه.. تابع الصور :


شرح: بالصور تصميم موقع احترافي بالفوتوشوب Bj018



شرح: بالصور تصميم موقع احترافي بالفوتوشوب Bj019


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

على
CTRL+G كما علمنا سابقا .. الأن نريد تحريك الشكل مع الصوره الى المكان المناسب ويم
تحريكهما معاً بربطهما معاً

وذلك يتم كما بالصوره :

شرح: بالصور تصميم موقع احترافي بالفوتوشوب Bj020


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

ونعطيه بعض التاثيرات مثل الضل
او على حسب الرغبه كما تعلمنا تاثير الضل سابقاً

سيصبح شكل الموقع حتى الأن تقريباً كما بالصوره
:


شرح: بالصور تصميم موقع احترافي بالفوتوشوب Bj021


نرسم مربع
بالنص من ادات المربع بشريط الأدوات ونعطيها تأثير الضل كما عرفناه
لاحظ


شرح: بالصور تصميم موقع احترافي بالفوتوشوب Bj012



شرح: بالصور تصميم موقع احترافي بالفوتوشوب Bj013


ونكتب فوقه
كلمة chat او دخول الزوار او اي كلمة ترغب بها ونعمل لها تأثيرات كما في الصوره
ماعليك الاوضع علامة صح امام الخيارات التي امامك


شرح: بالصور تصميم موقع احترافي بالفوتوشوب Bj022



شرح: بالصور تصميم موقع احترافي بالفوتوشوب Bj023


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

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

اللمسات من الفرش الجاهزه
لبرنامج الفوتوشوب


شرح: بالصور تصميم موقع احترافي بالفوتوشوب Bj024


الان نكتب
عنوان الموقع ونعطيه نفس تأثيرات كلمة شات التي عملناها سابقاً ونزيد عليها بتمويج
العنوان ليكون بارزاً عند دخول الموقع

وهذا عند الضغط على زر الكتابه انضر فوق بالزاويه اليمنى للفوتوشوب
تلاحظ وجود زر حرف T وتحته انحناء

لاحظ الشرح بالصور

شرح: بالصور تصميم موقع احترافي بالفوتوشوب Bj025


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

ليتناسب مع الوضع الذي
تريد لاحظ الصوره


شرح: بالصور تصميم موقع احترافي بالفوتوشوب Bj026


بعد
التعديلات على اسم الموقع ووضعه بالبنر بالحجم المناسب للموقع ...... لم يبقى لنا
الا الأزرار

وهذه تتم بعمل زر
واحد ونسخه لأكثر من نسخه على حسب عدد الأزرار بموقعك

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

اي يكون احد الاطراف واضح والطرف الاخر خفيف ونضع عند الطرف الواضح
اي شكل

لعطي الزر شكلا جميلا
مثلا نختار القلب المحدد فقط كما بالصور :


شرح: بالصور تصميم موقع احترافي بالفوتوشوب Bj027


كما يمكنك
اعطائه شكلا افضل بأضافة تأثيرات عليه

اما هذا القلب فهو عباره عن فرشاه جاهزه وهناك اشكال وفرش كثيره
تفيدك

بتصميمك فحرص على اقتناء
اكبر عدد ممكن منها

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

لأي استفسارات انا جاهز
........ ولاحد يتردد بالأسئله

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

وكذالك لمن لاتظهر له الصور
فقد ارفقتها مرتبه بالأرقام


لتحميل الدرس كامل [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]

اتمنى انــ تنالــ اعجابكمــ
ولكمــ خالصــ تحياتيــ

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

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