النتائج 1 إلى 10 من 10

الموضوع: درس تصميم وآجهه ( من كلمات ) من هنا يمكنك الإحتراف بوآجهة موقعك

  1. #1
    عضو نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    89

    درس تصميم وآجهه ( من كلمات ) من هنا يمكنك الإحتراف بوآجهة موقعك



    مقدمه عن برنامج الفوتوشوب
    ~*¤®§(*§ بدايات الفوتوشوب §*)§®¤*~
    في أواخر الثمانينيات من القرن العشرين قام تواس نول Thomas Knoll بإنشاء برنامج كمبيوتر يقوم بفتح
    وعرض أنواع مختلفة من ملفات الرسومات علي جهاز ماكنتوش بلس. كانت هذي هي البداية المتواضعة
    للبرنامج الذي سيتحول فيما بعد ليصبح "فوتوشوب", أقوي برنامج الرسومات علي مستوى العالم بأسره
    ولحسن حظ مستخدمي فوتوشوب وجد توماس نول أن العمل في برنامج كمبيوتر أكثر متعة من كتابة
    الأبحاث الجامعية. ومع تشجيع أخيه جون بدأ توماس في إضافة إمكانيات تعديل الصور لبرنامجه الصغير.
    بعد ذلك, تولت شركة أدوبي الإشراف علي برنامج توم. وبعد مرور فترة وجيزة, بدأ جون – اخو توماس-
    في إنشاء مرشحات للبرنامج, ومن خلال الجهد المشترك للإخوان نول من ناحية ولمبرمجي شركة أدوبي
    من ناحية أخري, بدأ فوتوشوب يتطور ليصبح البرنامج الذي فجر ثورة عالم النشر بالألوان.
    ---------------------------------------
    ~*¤®§(*§ عملية التصميم في الفوتوشوب §*)§®¤*~
    فوتوشوب برنامج ساحر, فهو البوابة التي يمكن أن تنطلق منها الي عالم النشر المكتبي بالألوان, وعملية الإعداد
    لما قبل الطباعة, وإنشاء الوسائط المتعددة والرسوم المتحركة, والتصوير الفوتوغرافي الرقمي, والرسم
    فبمجرد أن تدخل الصورة الي فوتوشوب, سواء من ماسح ضوئي أو كاميرا رقمية أو جهاز فيديو, فانك تستطيع
    أن تبدأ في لمساتك عليها وإضافة المزيد من الرسوم إليها, وتصحيح ألوانها, وزيادة حدتها, أو تعتيمها أو حتى
    تشويهها, ومن الممكن أيضا أن تقص أجزاء من الصوره وتدمجها مع صوره أخرى. ومن الممكن أن تحفظ الصوره
    لعرضها علي الويب, أو لعرضها علي مسجل شرائح, أو مسجل فيديو, أو تطبعها علي طابعة ملونة, أو أبيض وأسود,
    أو ترسلها إلي طابعة أفلام لإنشاء الفيلم النهائي الذي ترسله الي المطبعة.

    مالنا في الطويله ندخل في المفيد :idea:

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

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

    الحمدلله الذي جمعنا في هذا المكان ونسآل الله أن يجمعنا وأياكم في جناته

    ونشكركم لأشتراككم في هذه الدوره المخصصه لتصميم بالرنامج المشهور Adobe Photoshop

    أول شي يا أخوان التصميم كما نعلم جميعاَ بأنه هوايه

    أهم شي تحط براسك أنك جاي هنا عشان تتعلم هذا البرنامج

    أو جاي عشان تتعلم بعض الأشياء التي تجهلها في هذا البرنامج

    والأمل موجود بأن تصبح مصمم محترف من هنا بإذن الله ..

    جيب لك شي يروق مزاجك قبل مانبداء بالدرس شاي والي راعي زقاره يشعلها :smoke1:

    نبداء بالدرس الأول وهو كيفه عمل هيدر خرافي

    كيف سوينا حركه البنر ؟



    حركات بسيطه بس يبيلها تركيز شوي ولو تركز معي لمدة نصف ساعه

    بتسوي أفضل منه ..

    أفتح الفوتوشوب ( أستعين بالله )



    أول شي نفتح الفوتوشوب بهدوء تام .. طبعاَ أنتم محترفين الأن في كيفيه فتح الفوتوشوب وكيف تفتح عمل جديد يعني مايحتاج

    فقط عشان مانطلع عن موضوع الفوتوشوب

    الأن نفتح عمل جديد مثل ماهو مبين في الصور ملف ( جديد )



    طبعاَ من المتعارف أن التصميم العرض 778 بيكسل

    الطول على حسب العمل الي راح تسويه لكن أنا سويت 750 بيكسل

    سوي الحجم الي طلبته منك الأن

    تمام الحين أنت لازلت متابع معي خطوه بخطوه ونصنع هيكل بنر إحترافي 100 %

    نضغط موافق يطلع لنا



    صفحه فارغه مانبيك تكتب فيها ذكرياتك نبيك فقط تركز شوي معنا

    صفحه ناصعة البياض



    الأن نختار الألوان الي نبيها تكون خلفية التصميم

    أنا عن نفسي آحب هذا الون أخترت هذا الون بعد أختيار الون نضغط موافق

    تابع الصور التاليه



    من القائمه اليسرى

    نستخدم أداة وعاء الدهن لتلوين الخفيه



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



    على طول نبداء بالشغل نروح عند أداة المستطيل دائري الزوايا وهذا الي راح نسوي البنر فيه

    تابع معي بهدوء وراح تصنع أشياء خياليه



    الأن أخذنا أداة المستطيل الدائري وسوينا شكل جديد على نفس المساحه الي راح تبدع فيها

    وهذي الي راح نسوي فيها التآثيرات والي راح نقطعها حتى يصير لنا شكل خرافي



    الحين الله يسلمك ركز معي الله يخليك نروح لشكل من القائمه اليمنى ونضغط كلك يسار ونسوي تنقيط الشفايفه على الشكل

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

    أصبح المستطيل الي سويناه بهذا الشكل



    الي سويناه أننا قمنا بتنقيط الشكل وهو أهم نقطه عشان نسوي آشكال في البنر خرافيه وليست أحترفيه

    خرافيه - الي يسألني عنها معناها أشكال وهميه وهي الي الأن يستخدمونها أغلب المصممون

    حتى يصير تصميم البنر بشكل ولا أروع ماعلينا نرجع نكمل درسنا




    نرجع ونسوي كلك يسار على نفس الشكل تطلع لنا قائمه مثل الي في الصوره نضغط أختيار الدمج

    عشان نبداء بتنفيخ الشكل وتلوينه داخلياَ وأعطاه مظهر خارجي رائع

    ضغطنا على أختيار الدمجه طلع لنا هذا المربع



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

    أنا عن نفسي بسوي آشكال من راسي تابع معي ...



    ضغط على أختيار تشفيه لونيه من المربع .. وبختار لون معاكس للون الخلفيه الي هو عنابي على الوردي

    أخترت الون العنابي



    رحت فوق عند التشطب والتنقيش وهنا الي راح ننفخ فيه البنر ونضيف فيه أشكال حلو

    الأشكال المحدده بالون الأحمر الي هي 1- 2 -3

    1- شوف الأتجاه خله فوق أفضل لك

    2- الحجم خله 10 بيكسل على 0 بيكسل مثل ماهو مبين في الصوره

    3- الزاويه خلها 90 الإرتفاع خله 73

    بنسبه للمحيط مبين بالصوره

    بأختصار أنقل الي في الصوره أريح لك

    نضغط موافق



    ياااااسلااام طلع لي بنر مزركش ( روعه ) :icon30:

    هذا البنر الي راح نقطعه والي راح يكون وأجهة موقع

    الحين سلمك الله أحظـر السكـين عشان نبداء التقطيـع ..

    لاتصدق آركد بس ركز معـي شوي عشان نبداء الحين بتقطيع البنر :sly:



    الحين نروح عند الأشكال ونأخذ الخيار المحدد الي هو أداة الشكل الشخصي



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

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

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



    أخترت السهم وسويته على البنر شوفو كيف سويته خليته زي المغاط سحبته حتى صار شكله كذا

    الحين وش نسوي ؟ التنقيط ؟ ولا نسيت ؟

    تذكير



    نسوي تنقيط على الشكل عشان نبدع فيه بعد شوي



    وقف شوي الحين سلمك الله أصبح عندي الشكل مركب

    هنا الي راح تعوق معك أرفع كمومك وقل بسم الله الرحمن الرحيم

    هذي المسآله الي حيرت بعض المصممين والي ماحد قدر ينجزها

    عندنا رقمين 1 - 2 مثل ماهو مبين في الصوره

    أضغط على الشكل 1 وبعدين ناظر في الكيبورد على زر Ctrl في الكيبورد آضغط عليه

    الحين تمام معلق يدك على الشكل رقم 1 وعلى Ctrl ؟

    خلك معلق يدك على Ctrl وآضغط على الشكل رقم 2

    راح يتحدد الشكل رقم 2 مثل ماهو مبين في الصوره

    ياسلام عليك الحين تمام الشغل

    حرك الماوس على الشكل رقم 1 وأسحبه إلى الأعلى طبعاَ لازلت معلق يدك على Ctrl

    تابع






    __________________
    استضافه ووردز فور ويب ( كلمات ويب )
    www.klemat4web.com
    تأجير سيرفرات - إستضافه مشتركه - استضافه مواقع
    مؤسسه رسميه يُسمح لها بمزاوله مهنه التجاره عبر الانترنت
    klamat-ksa غير متواجد حالياً


  2. #2
    عضو نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    89


    مثال على السريع



    الحين أسحب التحديد حق الي على الشكل رقم 1 وراح ينقص لنا بهذا الشكل

    الحين نقدر نقول تم قص البنر

    بعد ماتقصه أسحب الزوايد ورح القائمه اليسرى



    أداة المسح وقم بمسح الزوايد

    شوفو كيف مسحتها أنا



    أمسح ياعم وأنت مالك .. :icon30:

    يالله الحين أحذف الشكل رقم 2 خلاص



    مشكور يآالسهم أستفدنا منك كثير في قص البنر

    راح الشكل رقم 2 الله يستر عليه كان رجل صالح



    صار عندنا هذا شكل البنر ياسلاااام

    شفتو الزايده الي تحت القلوب الساهيه هذي رح المسأحه مثل مابينت فوق وقم بمسحها

    بس قبل حدد الشكل الأول وأمسحها

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



    بنسبه لي رحت أشرب شاي الحين وجيت أبي أكمل الدرس

    المهم رحنا من جديد فوق على الأشكال عشان نجيب شكل جديد

    لقيت شكل كآنه قطرة ماء وجيت وحطيته في المساحه الفارغة في البنر الي هي النص

    الأن أصبح لدينا شكل رائع



    ننقط الشفافيه الجديده كما هو موضح في الصوره

    وبعدين أيضاَ نضغط كلك يسار ونضغط على أختيار الدمج

    راح يطلع لنا المربع السابق



    سويت له الون مثل ماوضحنا سابقاَ من تشفية الألوان

    ورحت عملت له الشطب والتنقيش

    نضغط موأفــــــق

    طبعاَ خلاص الأن يوم ضغط موافق جهز الشكل وبالون الي آبيه

    الأن نروح نجيب السهم حبيب قلبنا وقلب كل مصمم



    نخليه على طرف الشكل الدائري الي سويناه في النص

    وبعدين نسوي حركة القص

    خلوني آذكركم فيها

    أضغط على الشكل 2 وبعدين ناظر في الكيبورد على زر Ctrl في الكيبورد آضغط عليه

    الحين تمام معلق يدك على الشكل رقم 2 وعلى Ctrl ؟

    خلك معلق يدك على Ctrl وآضغط على الشكل رقم 1

    راح يتحدد الشكل رقم 1 مثل ماهو مبين في الصوره

    ياسلام عليك الحين تمام الشغل

    حرك الماوس على الشكل رقم 2 وأسحبه إلى الأعلى طبعاَ لازلت معلق يدك على Ctrl

    بتشوف الشكل رقم 2 متحدده حرك الماوس على نفس التحديد وحركه وراح ينقص معك دايركت

    بعد ماتخلص أحذف السهم مثل مابينت لك فووق

    سوي مسح لزوايد الي في الشكل 2

    بنسبه لي جهزته وسويت الشكل وطلع لنا الشكل بعد إضافه تآثيرات من أختيار الدمجه وضبطه

    وأضفت عليه مربعات ( المفضله - أتصل بنا - راسلنا - الرئيسيه )

    شوفو الشكل النهائي




    :icon30:

    طبعاَ هذا هيكلة الهيدر راح تكون بهذا الشكل والحين نشوف الهيكله ممتازه جداَ ..

    كيف لو دمجنا فيها صور

    وراح ننهي هذي الوأجهه معكم

    بنسبه لهذا الدرس

    أستفساراتكم الله لآيهينك الي يضيف رد عشان نشرحه له من جديد

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

    وإضافة ورود وغيره ..

    تم إضافة الصفحه إلى رابط مختصر للفائده ..

    http://u2u3.com/droos/1.htm

    تطبيقاتكم

    تمنياتي لكم بالتوفيق والسداد

    klamat-ksa






    __________________
    استضافه ووردز فور ويب ( كلمات ويب )
    www.klemat4web.com
    تأجير سيرفرات - إستضافه مشتركه - استضافه مواقع
    مؤسسه رسميه يُسمح لها بمزاوله مهنه التجاره عبر الانترنت
    klamat-ksa غير متواجد حالياً

  3. #3
    عضو نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    89


    آتمنى أن أكون قد وفقت في طرحها لكم

    يمكنكم الإشتراك في الدوره التعليميه للفوتوشوب

    من خلال هذا الرابط http://www.u2u3.com/vb/index.php

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

    للمعلوميه : الدوره برعاية شبكة كلمات لتصميم وتطوير المواقع

    آضمن الإحتراف بإذن الله بمتابعة الدروس عند إشتراكك





    __________________
    استضافه ووردز فور ويب ( كلمات ويب )
    www.klemat4web.com
    تأجير سيرفرات - إستضافه مشتركه - استضافه مواقع
    مؤسسه رسميه يُسمح لها بمزاوله مهنه التجاره عبر الانترنت
    klamat-ksa غير متواجد حالياً

  4. #4
    عضو سوبر نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    717


    درس اكثر من رائع وبدايه أروع في سوالف سوفت ..

    بارك الله فيك اخي الكريم ...


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





    :nice:





    Njm-Alryiadh غير متواجد حالياً

  5. #5
    عضو سوبر نشيط
    تاريخ التسجيل
    Jun 2005
    المشاركات
    740


    درس روعه
    جزاك الله خير
    و ان شاء الله نشوف دروس اكثر باذن الله





    __________________
    >>I aM pRoUd To Be Muslim<<
    >i Am PrOuD tO bE sAuDi<
    منتديات دمعة
    al7abeb غير متواجد حالياً

  6. #6
    عضو نشيط جدا
    تاريخ التسجيل
    May 2006
    المشاركات
    527


    درس جميل جداً يعطيك العافيه





    M.G غير متواجد حالياً

  7. #7


    ماشاء الله روعه


    جزاك الله خير اخي كلمات

    وباذن الله بشترك عندكم بالدوره



    بيض الله وجهك





    __________________
    شبكة هلا كويت
    www.HalaQ8.com

    آيتيات ITYAT مدونة تهتم بتقنية المعلومات ..
    طالب الروسي غير متواجد حالياً

  8. #8
    عضو جديد
    تاريخ التسجيل
    Sep 2006
    المشاركات
    4


    بارك الله فيك اخوي

    والله يعطيكم على قد نواياكم ..




    الى الأمام




    مـــ تحياتي ـــع ,,





    www.q222q.com غير متواجد حالياً

  9. #9
    عضو نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    89


    اقتباس المشاركة الأصلية كتبت بواسطة Njm-Alryiadh
    درس اكثر من رائع وبدايه أروع في سوالف سوفت ..

    بارك الله فيك اخي الكريم ...


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





    :nice:
    ماشاء الله عليك أخوي

    ’آبدعت حبيبي :app:

    يالله عقبال مانشوفك من المبدعين على الشبكه الأنترنتيه :nice:

    شكراَ على تطبيقك وبإنتظار باقي الأعضاء





    __________________
    استضافه ووردز فور ويب ( كلمات ويب )
    www.klemat4web.com
    تأجير سيرفرات - إستضافه مشتركه - استضافه مواقع
    مؤسسه رسميه يُسمح لها بمزاوله مهنه التجاره عبر الانترنت
    klamat-ksa غير متواجد حالياً

  10. #10
    عضو نشيط
    تاريخ التسجيل
    Sep 2006
    المشاركات
    89


    اقتباس المشاركة الأصلية كتبت بواسطة al7abeb
    درس روعه
    جزاك الله خير
    و ان شاء الله نشوف دروس اكثر باذن الله
    بإذن الله سيتم إضافة دروس للمبتدئين ..

    بعد إنتهاء الدوره في منتديات القلوب الساهيه

    لاهنت على مرورك





    __________________
    استضافه ووردز فور ويب ( كلمات ويب )
    www.klemat4web.com
    تأجير سيرفرات - إستضافه مشتركه - استضافه مواقع
    مؤسسه رسميه يُسمح لها بمزاوله مهنه التجاره عبر الانترنت
    klamat-ksa غير متواجد حالياً





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

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

أضف موقعك هنا| اخبار السيارات | حراج | شقق للايجار في الكويت | بيوت للبيع في الكويت | دليل الكويت العقاري | مقروء | شركة كشف تسربات المياه | شركة عزل اسطح بالرياض | عزل فوم بالرياض| عزل اسطح بالرياض | كشف تسربات المياة بالرياض | شركة عزل اسطح بالرياض