شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب
صفحة 1 من 5 1234 ... الأخيرةالأخيرة
النتائج 1 إلى 4 من 19

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

  1. #1
    مصممة بيت حواء كوكب الشبكة الصورة الرمزية *قمر المحبة *
    تاريخ التسجيل
    Jul 2006
    الدولة
    حيث .. يكمن الإبدع ..
    المشاركات
    1,515
    معدل تقييم المستوى
    19

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

    [align=center]السلام عليكم ورحمه الله وبركاته

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

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




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



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









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



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






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



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



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



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



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



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



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



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



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



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




    يتبع ....


    [/align]
    [align=center]

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

    اللهم اجمعنا بها في جنانك يا اكرم الاكرمين

    رحمك الله اختااااااه
    رحمك الله يا دلع طفلة
    رحمك الله الغالية ،،



    [/align]

  2. #2
    مصممة بيت حواء كوكب الشبكة الصورة الرمزية *قمر المحبة *
    تاريخ التسجيل
    Jul 2006
    الدولة
    حيث .. يكمن الإبدع ..
    المشاركات
    1,515
    معدل تقييم المستوى
    19
    [align=center]الأن نريد وضع صوره داخل شكل جميل وتكون بالزاويه على اليمين للموقع .. نختار شكل من الاشكال الجاهزه عندنا او فرشاه
    وليكن شكل ويمكن الحصول عليه بالضغط بالزر الأيمن على المربع وختيار اخر شكل من بين المجموعه.. تابع الصور :



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




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



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





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







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



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



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



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



    منقول للفائدة ولكثرة الطلبات عليه :::



    سأتابع بوضوع مجموعة دروس اخرى في نفس الموضوع ...


    بصراحة كان بودي انا اللي اعملها ... بس وقتي مرة مايسمح ...

    والشرح وااااااضح فقلت انزله مثل ماهو ...


    بالتوفيق ...[/align]
    [align=center]

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

    اللهم اجمعنا بها في جنانك يا اكرم الاكرمين

    رحمك الله اختااااااه
    رحمك الله يا دلع طفلة
    رحمك الله الغالية ،،



    [/align]

  3. #3
    مشرفة سابقة محررة مبدعة
    تاريخ التسجيل
    May 2006
    الدولة
    مصر
    المشاركات
    9,632
    معدل تقييم المستوى
    30
    مشكوره اختى قمووووووووووووره



    شرح واضح ومفسر



    بس للاسف انا لسه مبتدئه....ان شاء الله اكون من المحترفين واجرب الدرس




    اللهم إني عبدك وابن عبدك وابن أمتك ناصيتي بيدك ماضٍ في حكمك عدلٌ في قضائك ، أسألك بكل اسمٍ هو لك سميت به نفسك أو أنزلته في كتابك أو علمته أحداً من خلقك أو استأثرت به في علم الغيب عندك أن تجعل القرآن ربيع قلبي ونور بصري وجلاء حزني و ذهاب همي .....


  4. #4
    محررة مبدعة الصورة الرمزية نايدا
    تاريخ التسجيل
    Apr 2006
    الدولة
    الإمارات
    المشاركات
    5,973
    معدل تقييم المستوى
    24
    درس رااااائع

    بارك الله فيكِ قمور
    [align=center][/align]

صفحة 1 من 5 1234 ... الأخيرةالأخيرة

المواضيع المتشابهه

  1. موقع تصميم وكانك بالفوتوشوب
    بواسطة بنت أبوهااااااا في المنتدى فوتو شوب
    مشاركات: 37
    آخر مشاركة: 05-09-2012, 02:55 PM
  2. تصميم موقع احترافي بالفوتوشوب
    بواسطة نجمه سماء في المنتدى الدروس
    مشاركات: 13
    آخر مشاركة: 30-04-2012, 02:13 PM
  3. كيفية تصميم توقيع إحترافي ... من إعدادي روووعه ...
    بواسطة [ ﮔـيـفـيے مۉاطنـﮧ ..~ في المنتدى الدروس
    مشاركات: 108
    آخر مشاركة: 06-09-2011, 05:27 AM

الكلمات الدلالية لهذا الموضوع

مواقع النشر

مواقع النشر

ضوابط المشاركة

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

أهم المواضيع

المطبخ

من مواقعنا

صفحاتنا الاجتماعية

المنتديات

ازياء | العناية بالبشرة | رجيم | فساتين زفاف 2017 | سوق نسائي | طريقة عمل البيتزا | غرف نوم 2017 | ازياء محجبات | العناية بالشعر | انقاص الوزن | فساتين سهرة | اجهزة منزلية | غرف نوم اطفال | صور ورد | ازياء اطفال | شتاء | زيادة الوزن | جمالك | كروشيه | رسائل حب 2017 | صور مساء الخير | رسائل مساء الخير | لانجري | تمارين | وظائف نسائية | اكسسوارات | جمعة مباركة | مكياج | تسريحات | عروس | تفسير الاحلام | مطبخ | رسائل صباح الخير | صور صباح الخير | اسماء بنات | اسماء اولاد | اتيكيت | اشغال يدوية | الحياة الزوجية | العناية بالطفل | الحمل والولادة | ديكورات | صور حب | طريقة عمل القرصان | طريقة عمل الكريب | طريقة عمل المندي |