مشاهدة النتائج 1 الى 19 من 19
  1. #1

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

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

    مرحبا اخواني

    طبعا هذا الدرس اخذته من المعهد (ترايدنت) بينتا كنت اتصفحه واجمع الدروس وحبيت انقله لكم ان شاء الله تستفيدون منه :-

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

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

    نبـــــــداء الدرس على بركة الله ,,,,,,,,,,,,,,,,,,!!!!!
    افتح الفوتوشوب وعمل صفحه جديده من 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
    كما يمكنك اعطائه شكلا افضل بأضافة تأثيرات عليه
    اما هذا القلب فهو عباره عن فرشاه جاهزه وهناك اشكال وفرش كثيره تفيدك
    بتصميمك فحرص على اقتناء اكبر عدد ممكن منها
    الى هذا الحد نكون قد انهيناء تصميم موقع كاملا بشكل احترافي بالفوتوشوب
    لأي استفسارات انا جاهز ........ ولاحد يتردد بالأسئله
    ومن اراد الصور التي استخدمتها بالتصميم فلقد ارفقتها مع الموضوع
    وكذالك لمن لاتظهر له الصور فقد ارفقتها مرتبه بالأرقام

    تحياتي
    الملفات المرفقة الملفات المرفقة
    attachment


  2. ...

  3. #2

  4. #3
    مشكورة لتواجدكـ ومروركـ..

    اتمنى دوام هذه الطلة الرائعة ..

    تحياتي

  5. #4
    [GLOW]
    ثاااااااااااااااااااااانكس ع المجهود

    ============================

    التطبيق :[/GLOW]

    w6w_20060217180719f331db13

    [GLOW]+++++++++++++++++++++++++++
    [/GLOW]
    attachment

    I'm here asian

  6. #5
    ماشاء الله عليكـ تطبيق حلو

    اشكركـ لتواجدكـ ومروركـ

    اتمنى دوام هالطلة

    تحياتي

  7. #6
    الف الف الف شكر على الشرح الرائع وانا كنت محتاج لهذا الشرح انا سويت صفحه بس مو قد كذا
    لكن هذا الدرس راح يخليني اصمم احلا منه مليون مره
    شكرا لك مليون شكر

  8. #7
    شكـــــــــــــرا جزيلا اخوي

    على الموضوع الرائـــــــع


    اللــــه يعطيك الف عافيـــــــــــه


    ^______^

  9. #8
    مشكوووووووووور أخوي على الدرس الحلو

    والله ما قصرت والى امام دائماً

    تسلمـ
    [IMG]http://www.mexat.com/vb/attachment.php?attachmentid=61897&stc=1&d=11403519 64[/IMG
    ]

  10. #9
    أشكـركـم على تواجدكم ومروركم

    الحمد لله انكم استفدتوا ..


    اتمنى دوام الطلة

    تحياتي

  11. #10
    مشكور بس في أشياء ما عرفتها

    أنا ما أقدر أحط الخلفية غلى الصفحة البيضة

    التوسعه أعرفها بس كيف أحط الصورة فيها

  12. #11
    عليكم السلام و الرحمه

    ما شا الله عليك

    الشرح كافي و وافي و واضح 100%

    ما حبيت ارد على الموضوع قبل التطبيق

    يلست ساعه و نص تقريباً اطبق و ازيد من عندي عليه

    لين ما طلع معاي هذا:

    attachment

    اضغط هنا في حال لم تظهر لك الصوره

    مشكووووور الــــمـــهــــم على الدرس الإحترافي الرائع

    *^_~*

    بارك الله فيك و عساك عالقوه

    اختكم وارمووووه
    الصور المرفقة الصور المرفقة attachment 

    attachment

  13. #12
    gogetta ssj1 اخوي طبق الدرس وحده وحده وراح تقدر عليها بإذن الله لاني انا والشباب الحمد لله طبقناه وحده وحده وضبط معنا ..

    وعد الكرة وعد الكرة وان شاء الله تضبط معكـ

    Warm Heart ما شاء الله تطبيق رائع جداً

    للامام ان شاء الله

    تحياتي

  14. #13
    أخوي يعطيك العافيه بس عندي سئاال كيف أدخل الفوتشوب ممكن أعرف ؟؟؟؟؟؟
    -على فكره انا كنت أبغى أسمي عاشق المجاني وبسبب سرعتي زدت حرف الام كيف أغيرها؟؟؟

  15. #14

  16. #15

  17. #16

  18. #17
    ماشا الله تبارك الرحمن

    اللهيزيدنا علم وياك
    وإنشاء الله بطبق بس انا الحين

    عين مفتحه وعين مغمضه

    باااااااااااي
    انتظر توقيع من احد خخخخخخ biggrin

  19. #18
    السلام عليكم

    مشكووووور أخوي على الشرح الوافي و الكافي . . .

    كنت أدور هذا الدرس من فترة الحقيقة . .

    يعطيك الله ألف عافيـهـ .

    مع السلامه


    يسلمووو cow-chan عالهدية الرووعة ..

  20. #19
    بسم الله الرحمن الرحيم..







    شكراً أخي على هذا الشرح الكافي والوافي والواضح..


    gooood gooood gooood



    هذا هو تطبيقي..


    attachment





    إذا كان لديك أية ملاحظات أو شيء من هذا القبيل..




    رجاءً أخبرني..


    gooood gooood gooood gooood



    شكراً لك على درسك الرائع..


    asian asian asian asian asian asian




    بالتوفيق..


    gooood gooood gooood gooood gooood





    والسلام عليكم ورحمة الله وبركاته..
    الصور المرفقة الصور المرفقة attachment 
    f5b8fa3869492577a369e6a51ab12064

بيانات عن الموضوع

الأعضاء الذين يشاهدون هذا الموضوع

عدد زوار الموضوع الآن 1 . (0 عضو و 1 ضيف)

المفضلات

collapse_40b قوانين المشاركة

  • غير مصرّح لك بنشر موضوع جديد
  • غير مصرّح بالرد على المواضيع
  • غير مصرّح لك بإرفاق ملفات
  • غير مصرّح لك بتعديل مشاركاتك
  •  

مكسات على ايفون  مكسات على اندرويد  Rss  Facebook  Twitter