الرئيسية تابع ملتقيات احلا شباب اضفنا لمفضلتك اجعلنا صفحة البداية اتصل بنا

أحصل على مسنجر خاص بك .. كالتالي
    name@a7lashbab.com  

شبكة الشرعية للإعلام .. شبكة فلسطينية تتبع لمؤسسة الرئاسة

هذه الاخبار من شبكة الشرعية للإعلام



العودة   ملتقيات احلا شباب .. الموقع الفلسطيني الاول > •·.·°¯`·.·• (المنتدى التقني) •·.·°¯`·.·• > إدآرهـ وَ تطويـر المـوآقـع
التسجيل التعليمـــات قائمة الأعضاء التقويم البحث مشاركات اليوم اجعل كافة المشاركات مقروءة


كيفية تصميم موقع إحترافي بالفوتوشوب مع الشرح بالصور -مهم للغاية- \\ أرجو التثبيت//

إدآرهـ وَ تطويـر المـوآقـع


رد
 
LinkBack أدوات الموضوع طرق مشاهدة الموضوع
    #1 (permalink)
الشهيد الراحل عمر بركة
Announcment كيفية تصميم موقع إحترافي بالفوتوشوب مع الشرح بالصور -مهم للغاية- \\ أرجو التثبيت//
03-27-2006, 05:00 AM


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

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

مع الشرح بالصور

نبدأ الدرس على بركة الله ,,



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



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




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



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



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



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



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



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



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



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






يتبع ,,,


  رد مع اقتباس
    #2 (permalink)
الشهيد الراحل عمر بركة
افتراضي 03-27-2006, 05:02 AM


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



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



13- الان اجعل التحديد على خلفية البنر واقصد بالتحديد اللون الازرق الواضح على الصوره التي تتحكم بها وهي الصوره الأولى ويجب ان تكون
فوق البنر وليس تحته الأن اضغط الأختصار CTRL+G وهذه
الخطوه لدمج الخلفيه مع البنر وجعلها داخل حدود البنر فقط .. حركها لتعرف معنى كلامي .. بعد عمل الازم ستلاحظ وجود سهم صغير يدل على
دمج الصوره مع البنر لاحظ الصوره :



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



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



16- بعد الحصول على الشكل المطلوب وليكن قلب مثلا .. نأتي بالصوره التي نريد دمجها معه ونضع الصوره فوق الشكل وندمجها بالضغط
على CTRL+G كما علمنا سابقا .. الأن نريد تحريك الشكل مع الصوره الى المكان المناسب ويم تحريكهما معاً بربطهما معاً
وذلك يتم كما بالصوره :



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



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




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




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







يتبع ,,,


  رد مع اقتباس
    #3 (permalink)
الشهيد الراحل عمر بركة
افتراضي 03-27-2006, 05:05 AM


21- الان نكتب عنوان الموقع ونعطيه نفس تأثيرات كلمة شات التي عملناها سابقاً ونزيد عليها بتمويج العنوان ليكون بارزاً عند دخول الموقع
وهذا عند الضغط على زر الكتابه انضر فوق بالزاويه اليمنى للفوتوشوب تلاحظ وجود زر حرف T وتحته انحناء
لاحظ الشرح بالصور



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



23- بعد التعديلات على اسم الموقع ووضعه بالبنر بالحجم المناسب للموقع ...... لم يبقى لنا الا الأزرار
وهذه تتم بعمل زر واحد ونسخه لأكثر من نسخه على حسب عدد الأزرار بموقعك
نبداء بعمل مستطيل ثم نقوم بمسح احد الاطراف بالممحاه مسحاً خفيفاً حتى يكون متدرجاً بالمسح
اي يكون احد الاطراف واضح والطرف الاخر خفيف ونضع عند الطرف الواضح اي شكل
لعطي الزر شكلا جميلا مثلا نختار القلب المحدد فقط كما بالصور :





-----------------------------------------------------------------------------------

بعد الإنتهاء من العمل ,, يصبح لديك الشكل جاهز كما هو موضح في الصورة النهائية :



أرجو أن تكونوا قد إستمتعتم بهذا الموضوع

تحياتي لكم ,,




منقول


  رد مع اقتباس
    #4 (permalink)
شبابي نشيط
 
تاريخ التسجيل: Aug 2005
المشاركات: 310
بمعدل: 0.26 مشاركة في اليوم
بسمة أمل is on a distinguished road

معلومات إضافية
  الحالة :بسمة أمل غير متواجد حالياً

اخر مواضيعي

افتراضي 03-27-2006, 05:43 AM


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


التوقيع
  رد مع اقتباس
    #5 (permalink)
الشهيد الراحل عمر بركة
افتراضي 03-27-2006, 05:56 AM


تصفحيه براحتك

الموضوع راائع جداَ و ممتع

مستني ردك بعد التصفح

وإذا لقيتي أي مشكلة راجعيني

تحياتي ,,,


  رد مع اقتباس
    #6 (permalink)
:: عضوة مميزة ::
 
الصورة الرمزية ابحار
 
تاريخ التسجيل: Aug 2005
الدولة: قلب فلسطين الحبيبة
الهواية: المطالعة والشعر والكمبيوتر
المشاركات: 3,624
بمعدل: 3.00 مشاركة في اليوم
ابحار is on a distinguished road

معلومات إضافية
  الحالة :ابحار غير متواجد حالياً

اخر مواضيعي

افتراضي 03-27-2006, 06:56 AM


شكرا لك اخي الكريم
موضوع رائع اخي
مشكور كتير


التوقيع
غمض عيونك واحلم انك معايا إن الزمن مايوم فرق حبيبين
أوعدني ما تعشق حبيبي سوايا و أوعدك ما أعشـق سواك انت يازين
أعيـش أحبك و أعشقك للنهايه و أحيا بوصلك يا غرام المحبين
بعطيك أنا عمري و روحي هداية وأهديني إحساسك و نبض الشرايين
من يوم شفتك شفت سعدي و هنايا و أيام عمري يالغلا قربك اتزين
  رد مع اقتباس
    #7 (permalink)
شبابي قريب للإدارة
 
الصورة الرمزية abeer elhazek
 
تاريخ التسجيل: Nov 2005
المشاركات: 2,564
بمعدل: 2.34 مشاركة في اليوم
abeer elhazek is on a distinguished road

معلومات إضافية
  الحالة :abeer elhazek غير متواجد حالياً

اخر مواضيعي

افتراضي 03-27-2006, 09:08 AM


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


التوقيع
  رد مع اقتباس
    #8 (permalink)
الشهيد الراحل عمر بركة
افتراضي 03-28-2006, 10:14 AM


أختي الفاضلة

||||||( عبير )|||||||

أشكرك جزيل الشكر أختي

على هذه المشاركة المميزة منك

أتمنى أن بكون الموضوع أنا إعجابك

تحياتي لكي ,,,


  رد مع اقتباس
    #9 (permalink)
شبابي جيد
 
تاريخ التسجيل: Aug 2005
الدولة: www.elro7.net
الهواية: www.elro7.net
المشاركات: 68
بمعدل: 0.06 مشاركة في اليوم
حسن ابو زايد is on a distinguished road

معلومات إضافية
  الحالة :حسن ابو زايد غير متواجد حالياً

اخر مواضيعي

افتراضي 07-04-2006, 03:34 PM


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

بارك فيك اخي الكريم على المجهود المميز والرائع

دمت للمنتدى

اخوك في الله حسن ابو زايد


التوقيع


شكرا لادارة ملتقيات أحلى شباب على التوقيع


  رد مع اقتباس
    #10 (permalink)
شبابي جديد
 
تاريخ التسجيل: Jun 2006
المشاركات: 7
بمعدل: 0.01 مشاركة في اليوم
ملكة العلوم is on a distinguished road

معلومات إضافية
  الحالة :ملكة العلوم غير متواجد حالياً

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


افتراضي 07-04-2006, 04:54 PM


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


  رد مع اقتباس
رد


أدوات الموضوع
طرق مشاهدة الموضوع

تعليمات المشاركة
لا تستطيع كتابة مواضيع
لا تستطيع كتابة ردود
لا تستطيع إرفاق ملفات
لا تستطيع تعديل مشاركاتك

كود [IMG] متاحة
كود HTML معطلة
Trackbacks are متاحة
Pingbacks are متاحة
Refbacks are متاحة



مدحت ابو دقة,مدحت ابو دقة,مدحت ابودقة,مدحت ابودقة,مدحت ابودقة,مدحت ابودقة,مدحت ابودقة,مدحت ابو دقة,مدحت ابودقة,مدحت ابو دقة,مدحت ابودقة,مدحت ابودقة,مدحت ابودقة,مدحت ابودقة,مدحت ابودقة,مدحت ابودقة,مدحت ابودقة,مدحت ابودقة,مدحت ابو دقة,مدحت ابودقة,مدحت ابودقة,مدحت ابودقة,مدحت ابودقة,مدحت ابودقة,مدحت ابودقة,مدحت ابودقة,مدحت ابودقة,مدحت ابو دقة,مدحت ابودقة,مدحت ابودقة,مدحت ابودقة,مدحت ابودقة,مدحت ابودقة,مدحت ابودقة
الساعة الآن: 11:57 AM


  المشرف العام / م.مدحت ابودقة
::.. مع تحيات الطاقم الفني لملتقيات احلا شباب ..::
لا تتحمل إدارة ملتقيات احلا شباب مسئولية حول المواضيع المنشورة لأنها تعبر عن رأي كاتبها

Search Engine Friendly URLs by vBSEO 3.1.0 ©2007, Crawlability, Inc.
3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 64 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 88 89 90