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

معهد ديالى التطويري

خدمات تطوير المواقع والمنتديات "هاكات , أكواد , سكربتات , تصاميم , مونتاج , دعم فني وخدمات أخرى" 
 
الرئيسيةالرئيسية  أحدث الصورأحدث الصور  التسجيلالتسجيل  دخولدخول  
جديد معهد ديالى التطويري / تابعنا على الفيس بوك من هنا
تابعنا على قناة التليجرام من هنا

شاطر

شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب

استعرض الموضوع التالي استعرض الموضوع السابق اذهب الى الأسفل
+4
سحر انثى
سهر الليالي
صقر ديالى
علاء الربيعي
8 مشترك
كاتب الموضوعرسالة
علاء الربيعي
علاء الربيعي


مؤسس الموقع

مؤسس الموقع
معلومات اضافية
تاريخ التسجيل : 27/01/2010
عدد المساهمات : 2711
جنسيتي : عراقي
الجنس : ذكر
البلد : العراق
نقاط النشاط : 2147744397

شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  Empty
https://diyalaa.yoo7.com/
مُساهمةموضوع: شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  560السبت يوليو 24, 2010 9:39 pm

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

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

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

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

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

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


شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  Ouuoo_12

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

افتح الفوتوشوب وعمل صفحه جديده من new او جديد

وختر القياسات 777 * 555 او على حسب رغبتك لاحظ الصور :::


شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  110

شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  210

نأتي بالصوره التى نريد ان نضعها خلفيه بالضغط على

open او فتح ونختار

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


شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  310

شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  410

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

شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  Bj0510

بعد ان نغطي الصفحة البيضاء بالصوره نضغط انتر

لأزالت التحديد ثم نذهب الى filter >>> blur >>> radial blur ونطبق

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


شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  611

شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  710

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

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


شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  810

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

شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  910

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

شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  1010

ضع خيارات الفلتر ره

شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  1110

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

اللير نختار


شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  1210

نضع الخيارات

شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  1310

الأن نريد وضع خلفية للبنر او مربع عنوان الموقع ..

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

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

الوضع المطلوب لاحظ الصوره


شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  1410

الأن اضغط انتر لأزالت التحديد ...الأن نريد دمج الصوره

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

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


شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  1510

الان اجعل التحديد على خلفية البنر واقصد بالتحديد اللون الازرق

الواضح على الصوره التي تتحكم بها وهي الصوره الأولى ويجب ان تكون

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

الخطوه لدمج الخلفيه مع البنر وجعلها داخل حدود البنر فقط ..

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

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


شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  1610

الأن نريد تغيير لون خلفية البنر لتتناسب مع لون البنر

وذلك بالضغط على CTRL+U وقم بعمل  نفس الأعدادات بالصوره :


شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  1710

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

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

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

وختيار اخر شكل من بين المجموعه.. تابع الصور :


شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  1810

شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  1911

بعد الحصول على الشكل المطلوب وليكن قلب مثلا ..

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

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

مع الصوره الى المكان المناسب ويم

تحريكهما معاً بربطهما معاً  وذلك يتم كما بالصوره :


شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  2010

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

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

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


شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  2110

نرسم مربع بالنص من ادات المربع بشريط الأدوات

ونعطيها تأثير الضل كما عرفناه لاحظ


شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  2210

شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  2310

ونكتب فوقه كلمة chat او

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

الاوضع علامة صح امام الخيارات التي امامك


شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  2410

شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  2510

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

الشات حتى تعطيه منظر جذاب وطبعا كلمه chat نغير لونها

الأسود الى اي لون متناسق مع الموقع لاحظ بعد التعديلات .. مع اضافة بعض

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


شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  2610

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

عملناها سابقاً ونزيد عليها بتمويج العنوان ليكون بارزاً عند دخول الموقع

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

تلاحظ وجود زر حرف T وتحته انحناء لاحظ الشرح بالصور


شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  2710

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

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

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


شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  2810

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

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

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

مسحاً خفيفاً حتى يكون متدرجاً بالمسح  اي يكون احد الاطراف واضح والطرف

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

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


شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  2910

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

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

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

وتحياتي لكم  منقول للفائدة


man1  tawafek  man1

ملاحظة :: للذين يعانون من عدم ظهور الصور حملها من هنا

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

waa  waa  waa


شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  651_co10
لطلبات الاشراف من [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ♦♦ الاتصال بمدير الموقع [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]


عدل سابقا من قبل علاء ألعراقي ألجريح في الأربعاء يناير 31, 2018 3:38 pm عدل 1 مرات
الرجوع الى أعلى الصفحة اذهب الى الأسفل
صقر ديالى
صقر ديالى


مشرف تقني

مشرف تقني
معلومات اضافية
تاريخ التسجيل : 17/07/2010
عدد المساهمات : 315
جنسيتي : عراقي
الجنس : ذكر
البلد : العراق
نقاط النشاط : 312813

شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  Empty
https://diyalaa.yoo7.com/
مُساهمةموضوع: رد: شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  560السبت يوليو 24, 2010 9:56 pm

fff shuker waa


شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  651_co10
لطلبات الاشراف من [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ♦♦ الاتصال بمدير الموقع [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
سهر الليالي
سهر الليالي


الاقسام الاكاديمية

الاقسام الاكاديمية
معلومات اضافية
تاريخ التسجيل : 24/02/2010
عدد المساهمات : 580
جنسيتي : عراقي
الجنس : انثى
البلد : العراق
نقاط النشاط : 262408

شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  Empty
https://diyalaa.yoo7.com/
مُساهمةموضوع: رد: شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  560السبت يوليو 24, 2010 9:58 pm

مشكوووووووووور علاوووي

تقبل مرووري


waa waa


شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  651_co10
لطلبات الاشراف من [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ♦♦ الاتصال بمدير الموقع [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
????
Anonymous


زائر

معلومات اضافية

شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  Empty
مُساهمةموضوع: رد: شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  560الأحد يوليو 25, 2010 8:12 pm

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


عضو برونزي

عضو برونزي
معلومات اضافية
تاريخ التسجيل : 02/10/2010
عدد المساهمات : 227
جنسيتي : سعودي
الجنس : انثى
البلد : السعودية
نقاط النشاط : 248882

شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  Empty
http://gr7alby.forumarabia.com/
مُساهمةموضوع: رد: شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  560الجمعة مايو 20, 2011 11:31 pm


رووعة

thank
الرجوع الى أعلى الصفحة اذهب الى الأسفل
abd
abd


عضو جديد

عضو جديد
معلومات اضافية
تاريخ التسجيل : 21/07/2011
عدد المساهمات : 8
جنسيتي : عراقي
الجنس : ذكر
البلد : iraq
نقاط النشاط : 233962

شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  Empty
مُساهمةموضوع: رد: شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  560الأحد أغسطس 28, 2011 1:45 pm

شكراااااااا
الرجوع الى أعلى الصفحة اذهب الى الأسفل
علاء حسين الربيعي
علاء حسين الربيعي


مؤسس الموقع

مؤسس الموقع
معلومات اضافية
تاريخ التسجيل : 26/01/2010
عدد المساهمات : 7288
جنسيتي : عراقي
الجنس : ذكر
البلد : العراق
نقاط النشاط : 333627

شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  Empty
https://diyalaa.yoo7.com
مُساهمةموضوع: رد: شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  560الأحد أبريل 26, 2020 7:30 pm

انرتم


شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  651_co10
لطلبات الاشراف من [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط] ♦♦ الاتصال بمدير الموقع [ندعوك للتسجيل في المنتدى أو التعريف بنفسك لمعاينة هذا الرابط]
الرجوع الى أعلى الصفحة اذهب الى الأسفل
ابراهيم البغدادي
ابراهيم البغدادي


كاتب vib

كاتب vib
معلومات اضافية
تاريخ التسجيل : 10/09/2010
عدد المساهمات : 586
جنسيتي : عراقي
الجنس : ذكر
البلد : العراق
نقاط النشاط : 251668

شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  Empty
مُساهمةموضوع: رد: شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  560الأربعاء سبتمبر 23, 2020 2:02 pm

شكرا على الموضوع
الرجوع الى أعلى الصفحة اذهب الى الأسفل
Oussama.gfx
Oussama.gfx


ملوك المعهد

ملوك المعهد
معلومات اضافية
تاريخ التسجيل : 22/07/2020
عدد المساهمات : 744
جنسيتي : مغربي
الجنس : ذكر
البلد : المغرب
نقاط النشاط : 70279

الاوسمة
 :


شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  Empty
https://ghobz.rigala.net/
مُساهمةموضوع: رد: شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  560الإثنين سبتمبر 28, 2020 2:21 am

✔◐رووووووعــة ✔. ♨ مشككككوووووـور ♨


لا تنسى ذكر الله 
شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب  Vr7y9y10
الرجوع الى أعلى الصفحة اذهب الى الأسفل
شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب
استعرض الموضوع التالي استعرض الموضوع السابق الرجوع الى أعلى الصفحة
صفحة 1 من اصل 1
  
مواضيع مماثلة
-
» تأثير إحترافي على الصور بالفوتوشوب '' انحلال و تطاير جزء من الجسم ''
» درس كيفية عمل حواف جميلة بالفوتوشوب
» كيفية عمل صفحة هتمل بالصور
» تصميم غلاف البوم أو واجهة موقع
» شرح كيفية وضع توقيع فلاشي بالصور

صلاحيات هذا المنتدى:لاتستطيع الرد على المواضيع في هذا المنتدى
معهد ديالى التطويري ::   :: منتدى تعلم الفوتوشوب-
أعلي 10 إحصائيات
أكثر الأقسام شعبيةأفضل المواضيعافضل 10 اعضاء فى منتدىآخر المشاركات
 علاء حسين الربيعي 7288 المساهمات
 علاء الربيعي 2711 المساهمات
 خالد فكري 1686 المساهمات
 عيون المها 1469 المساهمات
 ماريا العراقية 1047 المساهمات
 husayn fahmi 1025 المساهمات
 مسوقه الكترونيه 1001 المساهمات
 حميد العامري 756 المساهمات
 Oussama.gfx 744 المساهمات
 ذكريات الامس 611 المساهمات
الموضوع  التاريخ, الوقت أرسلت بواسطة
 توقيت نشر المساهمه اليوم في 12:28 pm
 توقيت نشر المساهمه اليوم في 12:20 pm
 توقيت نشر المساهمه اليوم في 2:46 am
 توقيت نشر المساهمه اليوم في 1:43 am
 توقيت نشر المساهمه أمس في 7:41 pm
 توقيت نشر المساهمه أمس في 7:35 pm
 توقيت نشر المساهمه أمس في 5:27 pm
 توقيت نشر المساهمه أمس في 4:17 pm
 توقيت نشر المساهمه أمس في 10:03 am
 توقيت نشر المساهمه أمس في 3:59 am
 توقيت نشر المساهمه الإثنين مايو 06, 2024 11:22 pm
 توقيت نشر المساهمه الإثنين مايو 06, 2024 8:42 pm
 توقيت نشر المساهمه الإثنين مايو 06, 2024 8:37 pm
 توقيت نشر المساهمه الإثنين مايو 06, 2024 5:22 pm
 توقيت نشر المساهمه الإثنين مايو 06, 2024 5:06 pm
 توقيت نشر المساهمه الإثنين مايو 06, 2024 4:33 pm
 توقيت نشر المساهمه الإثنين مايو 06, 2024 3:47 pm
 توقيت نشر المساهمه الإثنين مايو 06, 2024 11:34 am
 توقيت نشر المساهمه الإثنين مايو 06, 2024 7:19 am
 توقيت نشر المساهمه الإثنين مايو 06, 2024 6:30 am
أفضل 10 فاتحي مواضيع افضل 10 اعضاء هذا الشهرافضل 10 اعضاء هذا الاسبوع
خالد فكري 1686 المواضيع
مسوقه الكترونيه 1002 المواضيع
husayn fahmi 888 المواضيع
علاء الربيعي 590 المواضيع
علاء حسين الربيعي 520 المواضيع
مسوق اونلاين 493 المواضيع
عيون المها 489 المواضيع
الجودة 381 المواضيع
marketing77 380 المواضيع
سمسمة 252 المواضيع
marketing77 12 المساهمات
مي سليمان 11 المساهمات
خالد فكري 11 المساهمات
مسوق اونلاين 10 المساهمات
مسوقه الكترونيه 7 المساهمات
مسوقة المملكة 2 المساهمات
 marketing77 5 المساهمات
 مي سليمان 4 المساهمات
 خالد فكري 4 المساهمات
 مسوقه الكترونيه 3 المساهمات
 مسوق اونلاين 3 المساهمات
 مسوقة المملكة 1 مُساهمة