أركان تصميم الإستايل وطريقة تقطيعه وحفظ الصور ( الجزء الثاني ـ احتراف)

درس تصميم ستايل احترافي نقوم بفتح برنامج الفوتوشوب ثم نختار من قائمة File >> new الآن نقوم بوضع القيم التالية في مربع الحوار نقوم بتعبئة الطبقة بلون معين

صفحة 1 من 4 123 ... الأخيرةالأخيرة
النتائج 1 إلى 7 من 22
  1. رقم #1
     افتراضي  العنوان : أركان تصميم الإستايل وطريقة تقطيعه وحفظ الصور ( الجزء الثاني ـ احتراف)
    بتاريخ : 22 Apr 2009 الساعة : 10:53 AM

    طيب شرف 2


    الصورة الرمزية الحجازي

    رقم العضوية : 15813
    الانتساب : Aug 2008
    المشاركات : 4,271
    بمعدل : 1.28 يوميا
    معدل تقييم المستوى : 1233
    التقييم : Array
    الحجازي غير متصل



    أركان تصميم الإستايل وطريقة تقطيعه 39578.imgcache.gif
    درس تصميم ستايل احترافي
    نقوم بفتح برنامج الفوتوشوب ثم نختار من قائمة
    File >> new
    الآن نقوم بوضع القيم التالية في مربع الحوار
    أركان تصميم الإستايل وطريقة تقطيعه 39579.imgcache.jpg
    نقوم بتعبئة الطبقة بلون معين عن طريق أداة الدلو
    ( أركان تصميم الإستايل وطريقة تقطيعه 39580.imgcache.jpg )
    ويفضل أن يكون فاتح قليلاً
    نقوم بضغط زر الـ
    Ctrl + حرف الطاء
    لإظهار ألشبكه
    نقوم برسم مربع في أعلى الطبقة بحيث يكون طوله 10 مربعات
    وبالنسبة للون فإن يكون أغمق من لون الخلفية
    أركان تصميم الإستايل وطريقة تقطيعه 39581.imgcache.jpg
    نقوم باقتناء أداة إضافة نقطة إرساء من صندوق الادوات
    أركان تصميم الإستايل وطريقة تقطيعه 39582.imgcache.jpg
    نقوم بوضع نقاط اسفل المربع العلوي الذي يمثل الهدر
    بحيث نضع بكل طرف ثلاث نقاط متباعدة المسافه قليلا
    أركان تصميم الإستايل وطريقة تقطيعه 39583.imgcache.jpg
    نقوم بإختيار اداة التحديد المباشر من صندوق الادوات
    أركان تصميم الإستايل وطريقة تقطيعه 39584.imgcache.jpg
    عن طريق هذه الاداه نستطيع التحكم بالنقاط التي قمنا بإضافتها في أسفل المربع من خلال تحريكها للأسفل والأعلى
    نقوم بوضع موشر الفاره فوق النقطه الاولى مع الضغط بزر الفأره الايسر والتحريك للإسفل مربعين
    بحيث ينتج لنا مثل هذا الشكل
    أركان تصميم الإستايل وطريقة تقطيعه 39585.imgcache.jpg
    نقوم أيضا بوضع مؤشر الفارة فوق النقطة الثانية والضغط بزر الفارة الأيسر والتحريك للأعلى مربع واحد فقط
    بحيث ينتج لنا مثل هذا الشكل
    أركان تصميم الإستايل وطريقة تقطيعه 39586.imgcache.jpg
    نترك النقطة الثالثة والرابع وننتقل للنقطة الخامسه ونعمل كما في النقطة الثانية تماماً
    أركان تصميم الإستايل وطريقة تقطيعه 39587.imgcache.jpg
    ننتقل للنقطة الاخيره ونقوم بعمل كما في النقطه الاولى
    أركان تصميم الإستايل وطريقة تقطيعه 39588.imgcache.jpg
    الان نقوم بوضع حد للشكل عن طريق تحديد اللير من صندوق الليرات وضغط زر الفاره الايمن واختيار
    خيارات الدمج
    أركان تصميم الإستايل وطريقة تقطيعه 39589.imgcache.jpg
    أركان تصميم الإستايل وطريقة تقطيعه 39590.imgcache.jpg
    بعد ذالك نقوم بإدراج صوره ووضعها في ساحة العمل عن طريق قصها
    بعد ذالك نحدد على لير الصوره ونضغط
    من لوحة المفاتيح Ctrl + U
    ونعمل كما في الصوره
    أركان تصميم الإستايل وطريقة تقطيعه 39591.imgcache.jpg
    ثم نقوم بوضع لير الصورة فوق لير الشكل تماماً ونضع الصورة في الزاوية العليا اليسرى
    ونقوم بضغط
    للدمج Ctrl + G
    ثم نقوم بإضافة قناع دمجي
    بعد ذالك ناخذ اداة التدرج اللوني ونقوم بدمج الصوره مع الشكل
    أركان تصميم الإستايل وطريقة تقطيعه 39592.imgcache.jpg
    ثم نقوم بحذف القناع الدمجي
    الان نقوم باخذ اداة تحديد العمود الواحد
    أركان تصميم الإستايل وطريقة تقطيعه 39593.imgcache.jpg
    والتاشير بها في المكان المحدد
    الان نضغط زر
    Ctrl + T
    ثم نقوم بتحريك لاخر الطرف الايمن
    واخيرا نقوم بكتابة اسم الموقع او المنتدى وكتابة الازرار
    بحيث تظهر لنا الواجهه بهذا الشكل


    أركان تصميم الإستايل وطريقة تقطيعه 39594.imgcache.gifأضغط هنا لتكبير الصورة , مقاس الصورة الأصلي 780x800 وحجمها 73KB.
    أركان تصميم الإستايل وطريقة تقطيعه 39595.imgcache.gifأضغط هنا لتكبير الصورة , مقاس الصورة الأصلي 780x800 وحجمها 73KB.
    أركان تصميم الإستايل وطريقة تقطيعه 39596.imgcache.gif
    في النهاية اتمنى ان الشرح كان واضح .. واتمنا ان الصور ضاهره للجميع أركان تصميم الإستايل وطريقة تقطيعه 39597.imgcache.gif
    واتمنا من الجميع حفظ الحقوق وذكر المصدر
    دمتم بخير
    منقول لعيون منتديات الطيب



    Hv;hk jwldl hgYsjhdg ,'vdrm jr'dui ,pt/ hgw,v ( hg[.x hgehkd J hpjvht)



    التعديل الأخير تم بواسطة حلال المشاكل ; 22 Apr 2009 الساعة 11:20 AM

     



  2. رقم #2
     افتراضي  العنوان : رد: درس تصميم ستايل احترافي
    كاتب الموضوع : الحجازي
    بتاريخ : 22 Apr 2009 الساعة : 10:59 AM

    طيب شرف 2


    الصورة الرمزية الحجازي

    رقم العضوية : 15813
    الانتساب : Aug 2008
    المشاركات : 4,271
    بمعدل : 1.28 يوميا
    معدل تقييم المستوى : 1233
    التقييم : Array
    الحجازي غير متصل



    وهذا درس ثاني اللي يبي يحترف اكثر

    سم الله وابدأ بفتح الفوتوشوب
    نقوم بعمل جديد
    بالمقاسات التالية

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

    نقوم بتدبيل الشكل
    كالآتي
    باضغط على الير بالزر الأيمن
    أضغط هنا لتكبير الصورة , مقاس الصورة الأصلي 674x470 وحجمها 27KB.
    وبعد حصولنا على ليرين
    نذهب لللير الأسفل
    وافعل ما ترى في الصورة
    أضغط هنا لتكبير الصورة , مقاس الصورة الأصلي 672x484 وحجمها 30KB.
    ستخرج لنا نافذة
    إذهب إلى هذه الخيارات
    أضغط هنا لتكبير الصورة , مقاس الصورة الأصلي 676x490 وحجمها 32KB.
    كرر الخطوات السابقة
    حتى ينتج لك شكل مقبول

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

    تابع وأضف الأزرار
    وما يحتاج شرح في دروس كثيرة بخصوص الأزرار
    شوف كيف طلع معي
    أضغط هنا لتكبير الصورة , مقاس الصورة الأصلي 768x280 وحجمها 87KB.
    طيب كذا تقرياً نعتبر خلصنا من البنر
    طبعاً قصدي التصميم فقط
    باقي كثيير تونا في بداية الطريق
    نقوم الآن برسم
    مستطيل .. كشيء جمالي للمنتدى
    ونضيف عليه التأثيرات

    الآن نقوم بتصميم أهم وزبدة الموضوع
    وهي تصميم اطارات جداول المواضعيع
    والناف بار وغيره ..
    نقوم برسم مستطيل كالتالي
    أضغط هنا لتكبير الصورة , مقاس الصورة الأصلي 706x288 وحجمها 2KB.
    طبعاً بنفس المقاسات السابقة
    نقوم بهذه الإعدادات
    أضغط هنا لتكبير الصورة , مقاس الصورة الأصلي 684x438 وحجمها 27KB.
    لاحظ اللمعة .. والتجسيم
    أضغط هنا لتكبير الصورة , مقاس الصورة الأصلي 692x464 وحجمها 32KB.
    بعد ذلك نقوم بإذافة الصور والداخلات
    ويمكنك التحكم في ذلك عن طريق
    CTRL+G
    لاحظ
    أضغط هنا لتكبير الصورة , مقاس الصورة الأصلي 706x334 وحجمها 41KB.
    نقوم بعمل الأعمدة
    ارسم مستطيلاً داخل الأول
    ونقوم بوضعه عند الحافة

    قم بالدخول على
    استايل الطبقة
    واختر التدرج اللوني

    ثم كرر نفس الخطوات من الجهة الأخرى
    وكذلك كرر خطوات
    الإطار العلوي
    شاهد ما نتج لدي
    أضغط هنا لتكبير الصورة , مقاس الصورة الأصلي 692x346 وحجمها 71KB.
    أما الآن نجي لتقطيع
    سهل وما يحتاج اي شي
    شوف الصورة
    أضغط هنا لتكبير الصورة , مقاس الصورة الأصلي 784x328 وحجمها 76KB.


    قم باختيار الأداة كما في الصورة التالية

    أضغط هنا لتكبير الصورة , مقاس الصورة الأصلي 800x518 وحجمها 44KB.

    وقم بتقطيعه بالشكل التالي

    أضغط هنا لتكبير الصورة , مقاس الصورة الأصلي 780x130 وحجمها 16KB.

    وقم بحفظه من القائمة

    file/save for web

    ستفتح هذه النافذة

    وقمت بالتطرق إليها .. للتقليل من حجم الصورة ..مع مراعاة الجودة

    أضغط هنا لتكبير الصورة , مقاس الصورة الأصلي 756x532 وحجمها 48KB.

    1 : هذه عدد الألوان المستخدمة يمكنك تقليل الحجم إلى 200 أو 128 بس أنتبه
    للجودة

    2: يمكنك زيادتها بنسبة قلية جداً كـ 3%

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

    بعدها سوي حفظ وتكون انحفظت


     



  3. رقم #3
     افتراضي  العنوان : رد: أركان تصميم الإستايل وطريقة تقطيعه وحفظ الصور ( الجزء الثاني ـ احتراف)
    كاتب الموضوع : الحجازي
    بتاريخ : 22 Apr 2009 الساعة : 11:55 AM

    طيب شرف 1


    الصورة الرمزية حلال المشاكل

    رقم العضوية : 34
    الانتساب : Jun 2004
    المشاركات : 3,823
    بمعدل : 0.78 يوميا
    معدل تقييم المستوى : 998
    التقييم : Array
    حلال المشاكل غير متصل



    في واحد محترف تصميم وجالس في وسطنا طالب مبتدء

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

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

    نبغى نشوف تصاميم اعضاءنا الإحترافية


     



  4. رقم #4
     افتراضي  العنوان : رد: أركان تصميم الإستايل وطريقة تقطيعه وحفظ الصور ( الجزء الثاني ـ احتراف)
    كاتب الموضوع : الحجازي
    بتاريخ : 23 Apr 2009 الساعة : 04:23 AM

    ▀▄▀▄▀▄▀▄▀▄▀▄▀▄▀


    الصورة الرمزية LoDCooL

    رقم العضوية : 84
    الانتساب : May 2004
    المشاركات : 9,423
    بمعدل : 1.92 يوميا
    معدل تقييم المستوى : 24
    التقييم : Array
    LoDCooL غير متصل



    قريباً تصميم اسستايل من أمير الظلام

    لكن خليني اتعلم شوي شوي

    وخصوصاً في اوقات الاجازة اللي مثل هاذي


     



  5. رقم #5
     افتراضي  العنوان : رد: أركان تصميم الإستايل وطريقة تقطيعه وحفظ الصور ( الجزء الثاني ـ احتراف)
    كاتب الموضوع : الحجازي
    بتاريخ : 23 Apr 2009 الساعة : 08:22 AM

    الــــزمـــــــن علـــم الطـــفل الصــغير


    الصورة الرمزية (قسوة زمن)

    رقم العضوية : 1395
    الانتساب : May 2005
    المشاركات : 1,601
    بمعدل : 0.35 يوميا
    معدل تقييم المستوى : 290
    التقييم : Array
    (قسوة زمن) غير متصل



    والله وطلعت داهيه يا الحجازي

    عيني عليك بارده

    ابدعت اخوي

    وان شاء الله نشوف التطور ملحوظ


     



  6. رقم #6
     افتراضي  العنوان : رد: أركان تصميم الإستايل وطريقة تقطيعه وحفظ الصور ( الجزء الثاني ـ احتراف)
    كاتب الموضوع : الحجازي
    بتاريخ : 23 Apr 2009 الساعة : 09:42 PM

    :: مشــــرفه ::


    الصورة الرمزية عسوله

    رقم العضوية : 7908
    الانتساب : Mar 2007
    المشاركات : 4,853
    بمعدل : 1.26 يوميا
    معدل تقييم المستوى : 16
    التقييم : Array
    عسوله غير متصل



    درس رائع ما شاء الله

    وشرح واضح

    مشكور الحجازي على الدرس الاحترافي

    ان شاء الله اليوم سهرانه الين اسويه :sm220:



     



  7. رقم #7
     افتراضي  العنوان : رد: أركان تصميم الإستايل وطريقة تقطيعه وحفظ الصور ( الجزء الثاني ـ احتراف)
    كاتب الموضوع : الحجازي
    بتاريخ : 25 Apr 2009 الساعة : 08:56 AM

    طيب شرف 1


    الصورة الرمزية حلال المشاكل

    رقم العضوية : 34
    الانتساب : Jun 2004
    المشاركات : 3,823
    بمعدل : 0.78 يوميا
    معدل تقييم المستوى : 998
    التقييم : Array
    حلال المشاكل غير متصل



    ما شاء الله عليك يالحجازي فعلا الدرس هذا مكمل ومهمل


     



صفحة 1 من 4 123 ... الأخيرةالأخيرة

معلومات الموضوع

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

الذين يشاهدون الموضوع الآن: 1 (0 من الأعضاء و 1 زائر)

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

  1. دورة تصميم استايل الجيل الرابع - الجزء الثاني
    بواسطة حلال المشاكل في المنتدى مدرسة التصميم
    مشاركات: 3
    آخر مشاركة: 21 Nov 2012, 11:30 AM
  2. مشاركات: 1
    آخر مشاركة: 15 Sep 2009, 04:41 PM
  3. أركان تصميم الإستايل وطريقة تقطيعه وحفظ الصور ( الجزء الثاني )
    بواسطة حلال المشاكل في المنتدى مدرسة التصميم
    مشاركات: 41
    آخر مشاركة: 25 Apr 2009, 08:55 AM
  4. أركان تصميم الإستايل وطريقة تقطيعه وحفظ الصور ( الجزء الأول )
    بواسطة حلال المشاكل في المنتدى مدرسة التصميم
    مشاركات: 11
    آخر مشاركة: 23 Apr 2009, 09:20 PM

المفضلات

المفضلات

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

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