الرئيسيةالرئيسية  س .و .جس .و .ج  التسجيلالتسجيل  دخولدخول  

شاطر | 
 

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

اذهب الى الأسفل 
كاتب الموضوعرسالة
Admin
| إدآرة المُنتدى |
Admin

الجنس : ذكر
عدد المساهمات : 958
عمري : 27
نَوْعٌ الْمُتَصَفِّحَ : :
هِوَايَتِيِ : هِوَايَتِيِ : :
مِهْنَتِيْ : مِهْنَتِيْ : :
الْبَلَدِ : الْبَلَدِ : :

مُساهمةموضوع: تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء )   الأربعاء مايو 12, 2010 1:09 pm

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


[وحدهم المشرفون لديهم صلاحيات معاينة هذه الصورة]

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

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

[وحدهم المشرفون لديهم صلاحيات معاينة هذه الصورة]

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

[وحدهم المشرفون لديهم صلاحيات معاينة هذه الصورة]
ضع
خيارات الفلتر كما بالصوره
[وحدهم المشرفون لديهم صلاحيات معاينة هذه الصورة]
بعد
اعطاء البنر انحناء نعطيه تأثير الضل من اسفل قائمة
اللير نختار كما
بالصوره
[وحدهم المشرفون لديهم صلاحيات معاينة هذه الصورة]
نضع
الخيارات كما بالصوره
[وحدهم المشرفون لديهم صلاحيات معاينة هذه الصورة]
الأن
نريد وضع خلفية للبنر او مربع عنوان الموقع ..
نضغط فتح ثم نختار صوره
ونسحبها الى منطقة العمل كما شرحنا قبل
ونغطي
بالصوره ثلاث ارباع البنر
بالضغط على CTRL+T وسحبها الى الوضع المطلوب
لاحظ الصوره
[وحدهم المشرفون لديهم صلاحيات معاينة هذه الصورة]
الأن
اضغط انتر لأزالت التحديد ... الأن نريد دمج
الصوره مع البنر بحيث تكون
الصوره داخل اطار البنر فقط .. وركز في هذه
الخطوه
سيكون شرحها بالصور
افضل :
[وحدهم المشرفون لديهم صلاحيات معاينة هذه الصورة]
الان
اجعل التحديد على خلفية البنر واقصد بالتحديد
اللون الازرق الواضح على
الصوره التي تتحكم بها وهي الصوره الأولى ويجب
ان تكون
فوق البنر وليس
تحته الأن اضغط الأختصار CTRL+G وهذه
الخطوه
لدمج الخلفيه مع البنر
وجعلها داخل حدود البنر فقط .. حركها لتعرف
معنى كلامي .. بعد عمل الازم
ستلاحظ وجود سهم صغير يدل على
دمج
الصوره مع البنر لاحظ الصوره :
[وحدهم المشرفون لديهم صلاحيات معاينة هذه الصورة]
الأن
نريد تغيير لون خلفية البنر لتتناسب مع لون البنر
وذلك بالضغط على CTRL+U
وقم بعمل
نفس الأعدادات بالصوره :
[وحدهم المشرفون لديهم صلاحيات معاينة هذه الصورة]
الأن
نريد وضع صوره داخل شكل جميل وتكون بالزاويه على
اليمين للموقع .. نختار
شكل من الاشكال الجاهزه عندنا او فرشاه
وليكن
شكل ويمكن الحصول عليه
بالضغط بالزر الأيمن على المربع وختيار اخر شكل
من بين المجموعه.. تابع
الصور :
[وحدهم المشرفون لديهم صلاحيات معاينة هذه الصورة]
[وحدهم المشرفون لديهم صلاحيات معاينة هذه الصورة]
بعد
الحصول على الشكل المطلوب وليكن قلب مثلا .. نأتي
بالصوره التي نريد دمجها
معه ونضع الصوره فوق الشكل وندمجها بالضغط
على
CTRL+G كما علمنا سابقا
.. الأن نريد تحريك الشكل مع الصوره الى
المكان المناسب ويم تحريكهما معاً
بربطهما معاً
وذلك يتم كما
بالصوره :
[وحدهم المشرفون لديهم صلاحيات معاينة هذه الصورة]
ونحرك
الشكل الذى عملناه وهو قلب داخله صورة بنت الى
الجهه اليمني من البنر
ونعطيه
بعض التاثيرات مثل الضل او على حسب
الرغبه كما تعلمنا تاثير الضل سابقاً
سيصبح
شكل الموقع حتى الأن
تقريباً كما بالصوره :
[وحدهم المشرفون لديهم صلاحيات معاينة هذه الصورة]
نرسم
مربع بالنص من ادات المربع بشريط الأدوات ونعطيها
تأثير الضل كما عرفناه
لاحظ
[وحدهم المشرفون لديهم صلاحيات معاينة هذه الصورة]
[وحدهم المشرفون لديهم صلاحيات معاينة هذه الصورة]
ونكتب
فوقه كلمة chat او دخول الزوار او اي كلمة ترغب
بها ونعمل لها تأثيرات كما
في الصوره ماعليك الاوضع علامة صح امام
الخيارات التي امامك
[وحدهم المشرفون لديهم صلاحيات معاينة هذه الصورة]
[وحدهم المشرفون لديهم صلاحيات معاينة هذه الصورة]
نضع
فراشه او قلوب او ايقونات او حتى صوره ونمسح
اطرافها لمربع الشات حتى
تعطيه منظر جذاب
وطبعا كلمه chat نغير
لونها الأسود الى اي لون متناسق
مع الموقع لاحظ بعد التعديلات .. مع
اضافة بعض
اللمسات من الفرش الجاهزه
لبرنامج الفوتوشوب
[وحدهم المشرفون لديهم صلاحيات معاينة هذه الصورة]
الان
نكتب عنوان الموقع ونعطيه نفس تأثيرات كلمة شات
التي عملناها سابقاً ونزيد
عليها بتمويج العنوان ليكون بارزاً عند دخول
الموقع
وهذا عند الضغط
على زر الكتابه انضر فوق بالزاويه اليمنى
للفوتوشوب تلاحظ وجود زر حرف T
وتحته انحناء
لاحظ الشرح بالصور
[وحدهم المشرفون لديهم صلاحيات معاينة هذه الصورة]
وعند
الضغط عليها يتم عرض مربع ومنه تختار اي شكل يعجبك
مع امكانية سحب اشرطة
التمرير وتغيير الشكل
ليتناسب مع الوضع الذي
تريد لاحظ الصوره
[وحدهم المشرفون لديهم صلاحيات معاينة هذه الصورة]
بعد
التعديلات على اسم الموقع ووضعه بالبنر بالحجم
المناسب للموقع ...... لم
يبقى لنا الا الأزرار
وهذه تتم بعمل زر
واحد ونسخه لأكثر من نسخه على
حسب عدد الأزرار بموقعك
نبداء بعمل
مستطيل ثم نقوم بمسح احد الاطراف
بالممحاه مسحاً خفيفاً حتى يكون
متدرجاً بالمسح
اي يكون احد الاطراف
واضح والطرف الاخر خفيف ونضع
عند الطرف الواضح اي شكل
لعطي الزر شكلا
جميلا مثلا نختار القلب
المحدد فقط كما بالصور :
[وحدهم المشرفون لديهم صلاحيات معاينة هذه الصورة]
كما
يمكنك اعطائه شكلا افضل بأضافة تأثيرات عليه
اما
هذا القلب فهو عباره عن
فرشاه جاهزه وهناك اشكال وفرش كثيره تفيدك
بتصميمك
فحرص على اقتناء
اكبر عدد ممكن منها
الى هذا الحد نكون قد انهيناء
تصميم موقع كاملا
بشكل احترافي بالفوتوشوب
لأي استفسارات انا جاهز
........ ولاحد يتردد
بالأسئله
ومن اراد الصور التي استخدمتها
بالتصميم فلقد ارفقتها مع
الموضوع
وكذالك لمن لاتظهر له الصور فقد
ارفقتها مرتبه بالأرقام

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


الجنس : ذكر
عدد المساهمات : 10

مُساهمةموضوع: رد: تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء )   السبت أغسطس 07, 2010 11:14 am

مشكووووووووووووووور
الرجوع الى أعلى الصفحة اذهب الى الأسفل
نجمة الامارات
| عُضو جديد |


الجنس : انثى
عدد المساهمات : 11

مُساهمةموضوع: رد: تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء )   السبت أغسطس 07, 2010 1:15 pm

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

لاهنت ونترقب الزوود منك ولا تحرمنا من يديدك
الرجوع الى أعلى الصفحة اذهب الى الأسفل
http://www.imuae.eb2a.comvb
EL mag!c
| فنّان مبدع |
EL mag!c

الجنس : ذكر
عدد المساهمات : 83
عمري : 20
نَوْعٌ الْمُتَصَفِّحَ : :
هِوَايَتِيِ : هِوَايَتِيِ : :
مِهْنَتِيْ : مِهْنَتِيْ : :
الْبَلَدِ : الْبَلَدِ : :

مُساهمةموضوع: رد: تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء )   الإثنين نوفمبر 28, 2011 12:02 pm

تسلم يا غالي ,, [وحدهم المشرفون لديهم صلاحيات معاينة هذه الصورة]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
 
تصميم موقع احترافي بالفوتوشوب ( شرح بالصور + من الألف الى الياء )
الرجوع الى أعلى الصفحة 
صفحة 1 من اصل 1

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
منتديات ريشة فنان  :: .:: | آلآدـآرٍِهـ تسعىآ لـِ خدمتكم | ::. :: المواضيع المكرره والمحذوفات-
انتقل الى: