alquseyaمنتدى أبناء القوصيه

هل تريد التفاعل مع هذه المساهمة؟ كل ما عليك هو إنشاء حساب جديد ببضع خطوات أو تسجيل الدخول للمتابعة.

منتدى ثقاقي-اجتماعي-يطمح الى الارتقاء بالقوصيه وتطويرها المنتدى منبر لكل ابناء القوصيه

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

تدفق ال RSS


Yahoo! 
MSN 
AOL 
Netvibes 
Bloglines 

المواضيع الأخيرة

» سيف الدين قطز
شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب I_icon_minitimeالسبت يوليو 27, 2019 4:19 am من طرف طلعت شرموخ

» كنوز الفراعنه
شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب I_icon_minitimeالسبت مايو 18, 2019 1:00 am من طرف طلعت شرموخ

» الثقب الاسود
شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب I_icon_minitimeالسبت أبريل 13, 2019 1:22 am من طرف طلعت شرموخ

» طفل بطل
شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب I_icon_minitimeالأربعاء أبريل 10, 2019 10:15 am من طرف طلعت شرموخ

» دكتور زاكي الدين احمد حسين
شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب I_icon_minitimeالأربعاء أبريل 10, 2019 10:12 am من طرف طلعت شرموخ

» البطل عبدالرؤوف عمران
شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب I_icon_minitimeالإثنين أبريل 01, 2019 9:17 pm من طرف طلعت شرموخ

» نماذج مشرفه من الجيش المصري
شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب I_icon_minitimeالإثنين أبريل 01, 2019 9:12 pm من طرف طلعت شرموخ

» حافظ ابراهيم
شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب I_icon_minitimeالسبت مارس 02, 2019 1:23 pm من طرف طلعت شرموخ

» حافظ ابراهيم
شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب I_icon_minitimeالسبت مارس 02, 2019 1:23 pm من طرف طلعت شرموخ

» دجاجة القاضي
شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب I_icon_minitimeالخميس فبراير 28, 2019 5:34 am من طرف طلعت شرموخ

» اخلاق رسول الله
شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب I_icon_minitimeالأربعاء فبراير 27, 2019 1:50 pm من طرف طلعت شرموخ

» يوم العبور في يوم اللا عبور
شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب I_icon_minitimeالثلاثاء فبراير 26, 2019 5:59 pm من طرف طلعت شرموخ

» من اروع ما قرات عن السجود
شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب I_icon_minitimeالثلاثاء فبراير 26, 2019 5:31 pm من طرف طلعت شرموخ

» قصه وعبره
شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب I_icon_minitimeالأربعاء فبراير 20, 2019 11:12 am من طرف طلعت شرموخ

» كيف تصنع شعب غبي
شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب I_icon_minitimeالخميس فبراير 14, 2019 12:55 pm من طرف طلعت شرموخ


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

    ابو يحيي
    ابو يحيي
    المدير العام
    المدير العام


    عدد المساهمات : 2596
    تاريخ التسجيل : 09/10/2010
    الموقع : المدير العام

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

    مُساهمة من طرف ابو يحيي الإثنين ديسمبر 13, 2010 7:50 pm

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

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

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

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


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

    شرح بالصور كيفية تصميم موقع إحترافي بالفوتوشوب 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
    بعد الحصول على الشكل المطلوب وليكن قلب مثلا .. نأتي بالصوره التي نريد دمجها معه ونضع الصوره فوق الشكل وندمجها بالضغط
    على CTRL+G كما علمنا سابقا .. الأن نريد تحريك الشكل مع الصوره الى المكان المناسب ويم تحريكهما معاً بربطهما معاً
    وذلك يتم كما بالصوره :

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

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

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

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

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

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

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

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

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

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

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

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

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

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

      الوقت/التاريخ الآن هو الخميس نوفمبر 21, 2024 5:08 pm