أبو زياد
18-01-2010, 09: AM
السلام عليكم و الرحمة ~
درس اعجبني واحببت ان تعم الفائده للجميع
{ الدرس الرابع : تأثير الألوان الطيفية ~
الدرس سهل بإذن الله وبنفس الوقت ممتع
نبدا بالأول مع مثال لتطبيق الدرس
http://g.abunawaf.com/2010/1/12/00.jpg
بالبداية نفتح عمل جديد ( Ctrl + N ) بعرض مقاس 1024 و طول مقاس 768
( لك حرية اختيار المقاس )
http://g.abunawaf.com/2010/1/12/1.jpg
نلون الخلفية لمساحه العمل باللون الأسود ,, نستخدم أداة التعبئة
http://g.abunawaf.com/2010/1/12/2.jpg
ونختار اللون : الأسود
http://g.abunawaf.com/2010/1/12/3.jpg
وهذي النتيجة
http://g.abunawaf.com/2010/1/12/4.jpg
ننشأ لير جديد بالضغط على زر اضافه لير بمربع الليرات
http://g.abunawaf.com/2010/1/12/5.jpg
نختار أداة التدرج اللوني
http://g.abunawaf.com/2010/1/12/6.jpg
في الأعلى نتأكد من اختيار الخيار الأول التدرج الأفقي
ثم نضغط على قائمه الألوان لاختيار ألوان التدرج اللي نبغاها
http://g.abunawaf.com/2010/1/12/7.jpg
نحتاج لتدرج أبيض - شفاف
اتبع الصورة التالية
http://g.abunawaf.com/2010/1/12/8.jpg
http://g.abunawaf.com/2010/1/12/9.jpg
http://g.abunawaf.com/2010/1/12/10.jpg
نضغط OK وبعدها نبدا بالتلوين المتدرج
نبدا بحسب المؤشر من أعلى التصميم إلى بعد منتصف العمل تقريبا
( طبعا مو ضروري لبعد المنتصف هذي ترجع لنظره كل واحد )
http://g.abunawaf.com/2010/1/12/11.jpg
وهذي النتيجة للتعبئة اللونية المتدرجة
http://g.abunawaf.com/2010/1/12/11-11.jpg
نطبق الفلتر التالي
Filter >> Distort >> Wave
http://g.abunawaf.com/2010/1/12/12.jpg
ونطبق الاعدادات التالية
http://g.abunawaf.com/2010/1/12/13.jpg
وراح يكون نتيجة الفلتر بهذي النتيجة
http://g.abunawaf.com/2010/1/12/13-13.jpg
( طبعا نقدر نتلاعب باعدادات الفلتر للحصول على تأثيرات مختلفة .. جربوا .. )
الحين بنبدا بتلوين الشكل اللي سويناه بالطريقة التالية
نضغط على اللير لتحديده ثم نضغط على الايقونه الخاصة باعدادات اللير
ونختار اعدادات Gradient Overlay
http://g.abunawaf.com/2010/1/12/14.jpg
نضغط على التدرج اللوني لاختيار الألوان
http://g.abunawaf.com/2010/1/12/15.jpg
بيفتح معنا مربع الألوان نضغط في الفراغ اللي بين اللونين
لاضافه نقاط لونيه
http://g.abunawaf.com/2010/1/12/16.jpg
خلونا نضيف مثلا ً ( 5 نقاط )
http://g.abunawaf.com/2010/1/12/17.jpg
لاحظوا النقاط كلها بلون واحد نغير ألوان النقاط هذي
بالطريقة التالية
نضغط على أيقونه النقطة اللونية ثم نغير اللون من الأسفل
http://g.abunawaf.com/2010/1/12/18.jpg
طبعا الألوان على حسب ذوقك يعني مو شرط تسوي مثلي
أنا هنا اختار للشرح مو أكثر
http://g.abunawaf.com/2010/1/12/19.jpg
نضغط OK ثم نضع القيمة ( 0 ) لـ Angle حتى نخلي التدرج عمودي
http://g.abunawaf.com/2010/1/12/20.jpg
وهذي نتيجة التلوين
http://g.abunawaf.com/2010/1/12/21.jpg
الحين نكتب أي شي بالأسفل
http://g.abunawaf.com/2010/1/12/22-22.jpg
( بشرط تكون بلير واحد يعني مو كل كلمه بلير مختلف لا نكتب واذا بنكتب كلمه ثانيه نضغط Enter ونكتب ونصغر الخط على كيفنا )
والحين نضغط على لير الكتابة لتحديده ثم نضغط على الايقونه الخاصة باعدادات اللير
ونختار اعدادات Gradient Overlay مثل الصورة
http://g.abunawaf.com/2010/1/12/23.jpg
نطبق نفس الألوان اللي طبقناها على اللير السابق أو حتى شبيه فيها مو مشكله
http://g.abunawaf.com/2010/1/12/24.jpg
نضغط OK ثم نضع القيمة ( 0 ) لـ Angle حتى نخلي التدرج عمودي نفس اللير السابق
http://g.abunawaf.com/2010/1/12/25.jpg
هذي النتيجة
http://g.abunawaf.com/2010/1/12/26-26.jpg
نسوي تأثير للكتابه بطريقه حلوه و سهله لاضافه مظهر لا أكثر
نكرر لير الكتابة بالضغط على لير الكتابة بالزر اليمين و نختار ( Duplicate Layer )
مثل الصورهـ
http://g.abunawaf.com/2010/1/12/27-27.jpg
نضغط على اللير الأول ( الأسفل يعني ) ضغطه واحده لتحديده
http://g.abunawaf.com/2010/1/12/28-28.jpg
نطبق الفلتر هذا
Filter >> Blur >> Motion Blur
http://g.abunawaf.com/2010/1/12/29.jpg
ونضع القيمة التالية للفلتر
http://g.abunawaf.com/2010/1/12/30.jpg
ثم نضغط Ok
راح تكون هذي هي النتيجة
اذا كان التأثير قوي تقدر تخفف من اللير وذلك بوضع القيمه
Opacity : 60% مثل ما في الصورة
http://g.abunawaf.com/2010/1/12/31-31.jpg
نضيف تأثير اللمعة الخفيفة على النص
ونختار أداه المربع
http://g.abunawaf.com/2010/1/12/32.jpg
نرسم مربع على فوق الجزء الأعلى من الكتابة بهذي الطريقة
http://g.abunawaf.com/2010/1/12/33-33.jpg
نغير مود اللير إلى ( Soft Light ) كما في الصورة
http://g.abunawaf.com/2010/1/12/34-34.jpg
وهذي النتيجة
http://g.abunawaf.com/2010/1/12/35-35.jpg
وبكذا يكون الدرس انتهى وتبقى اللمسات النهائية للمصمم نفسه
بإضافة الصور اللي يبغاها على كيفه
مثل تطبيقي الأول
http://g.abunawaf.com/2010/1/12/00.jpg
أو هذا التطبيق
http://g.abunawaf.com/2010/1/12/36.jpg
الموضوع منقوول للفائده
درس اعجبني واحببت ان تعم الفائده للجميع
{ الدرس الرابع : تأثير الألوان الطيفية ~
الدرس سهل بإذن الله وبنفس الوقت ممتع
نبدا بالأول مع مثال لتطبيق الدرس
http://g.abunawaf.com/2010/1/12/00.jpg
بالبداية نفتح عمل جديد ( Ctrl + N ) بعرض مقاس 1024 و طول مقاس 768
( لك حرية اختيار المقاس )
http://g.abunawaf.com/2010/1/12/1.jpg
نلون الخلفية لمساحه العمل باللون الأسود ,, نستخدم أداة التعبئة
http://g.abunawaf.com/2010/1/12/2.jpg
ونختار اللون : الأسود
http://g.abunawaf.com/2010/1/12/3.jpg
وهذي النتيجة
http://g.abunawaf.com/2010/1/12/4.jpg
ننشأ لير جديد بالضغط على زر اضافه لير بمربع الليرات
http://g.abunawaf.com/2010/1/12/5.jpg
نختار أداة التدرج اللوني
http://g.abunawaf.com/2010/1/12/6.jpg
في الأعلى نتأكد من اختيار الخيار الأول التدرج الأفقي
ثم نضغط على قائمه الألوان لاختيار ألوان التدرج اللي نبغاها
http://g.abunawaf.com/2010/1/12/7.jpg
نحتاج لتدرج أبيض - شفاف
اتبع الصورة التالية
http://g.abunawaf.com/2010/1/12/8.jpg
http://g.abunawaf.com/2010/1/12/9.jpg
http://g.abunawaf.com/2010/1/12/10.jpg
نضغط OK وبعدها نبدا بالتلوين المتدرج
نبدا بحسب المؤشر من أعلى التصميم إلى بعد منتصف العمل تقريبا
( طبعا مو ضروري لبعد المنتصف هذي ترجع لنظره كل واحد )
http://g.abunawaf.com/2010/1/12/11.jpg
وهذي النتيجة للتعبئة اللونية المتدرجة
http://g.abunawaf.com/2010/1/12/11-11.jpg
نطبق الفلتر التالي
Filter >> Distort >> Wave
http://g.abunawaf.com/2010/1/12/12.jpg
ونطبق الاعدادات التالية
http://g.abunawaf.com/2010/1/12/13.jpg
وراح يكون نتيجة الفلتر بهذي النتيجة
http://g.abunawaf.com/2010/1/12/13-13.jpg
( طبعا نقدر نتلاعب باعدادات الفلتر للحصول على تأثيرات مختلفة .. جربوا .. )
الحين بنبدا بتلوين الشكل اللي سويناه بالطريقة التالية
نضغط على اللير لتحديده ثم نضغط على الايقونه الخاصة باعدادات اللير
ونختار اعدادات Gradient Overlay
http://g.abunawaf.com/2010/1/12/14.jpg
نضغط على التدرج اللوني لاختيار الألوان
http://g.abunawaf.com/2010/1/12/15.jpg
بيفتح معنا مربع الألوان نضغط في الفراغ اللي بين اللونين
لاضافه نقاط لونيه
http://g.abunawaf.com/2010/1/12/16.jpg
خلونا نضيف مثلا ً ( 5 نقاط )
http://g.abunawaf.com/2010/1/12/17.jpg
لاحظوا النقاط كلها بلون واحد نغير ألوان النقاط هذي
بالطريقة التالية
نضغط على أيقونه النقطة اللونية ثم نغير اللون من الأسفل
http://g.abunawaf.com/2010/1/12/18.jpg
طبعا الألوان على حسب ذوقك يعني مو شرط تسوي مثلي
أنا هنا اختار للشرح مو أكثر
http://g.abunawaf.com/2010/1/12/19.jpg
نضغط OK ثم نضع القيمة ( 0 ) لـ Angle حتى نخلي التدرج عمودي
http://g.abunawaf.com/2010/1/12/20.jpg
وهذي نتيجة التلوين
http://g.abunawaf.com/2010/1/12/21.jpg
الحين نكتب أي شي بالأسفل
http://g.abunawaf.com/2010/1/12/22-22.jpg
( بشرط تكون بلير واحد يعني مو كل كلمه بلير مختلف لا نكتب واذا بنكتب كلمه ثانيه نضغط Enter ونكتب ونصغر الخط على كيفنا )
والحين نضغط على لير الكتابة لتحديده ثم نضغط على الايقونه الخاصة باعدادات اللير
ونختار اعدادات Gradient Overlay مثل الصورة
http://g.abunawaf.com/2010/1/12/23.jpg
نطبق نفس الألوان اللي طبقناها على اللير السابق أو حتى شبيه فيها مو مشكله
http://g.abunawaf.com/2010/1/12/24.jpg
نضغط OK ثم نضع القيمة ( 0 ) لـ Angle حتى نخلي التدرج عمودي نفس اللير السابق
http://g.abunawaf.com/2010/1/12/25.jpg
هذي النتيجة
http://g.abunawaf.com/2010/1/12/26-26.jpg
نسوي تأثير للكتابه بطريقه حلوه و سهله لاضافه مظهر لا أكثر
نكرر لير الكتابة بالضغط على لير الكتابة بالزر اليمين و نختار ( Duplicate Layer )
مثل الصورهـ
http://g.abunawaf.com/2010/1/12/27-27.jpg
نضغط على اللير الأول ( الأسفل يعني ) ضغطه واحده لتحديده
http://g.abunawaf.com/2010/1/12/28-28.jpg
نطبق الفلتر هذا
Filter >> Blur >> Motion Blur
http://g.abunawaf.com/2010/1/12/29.jpg
ونضع القيمة التالية للفلتر
http://g.abunawaf.com/2010/1/12/30.jpg
ثم نضغط Ok
راح تكون هذي هي النتيجة
اذا كان التأثير قوي تقدر تخفف من اللير وذلك بوضع القيمه
Opacity : 60% مثل ما في الصورة
http://g.abunawaf.com/2010/1/12/31-31.jpg
نضيف تأثير اللمعة الخفيفة على النص
ونختار أداه المربع
http://g.abunawaf.com/2010/1/12/32.jpg
نرسم مربع على فوق الجزء الأعلى من الكتابة بهذي الطريقة
http://g.abunawaf.com/2010/1/12/33-33.jpg
نغير مود اللير إلى ( Soft Light ) كما في الصورة
http://g.abunawaf.com/2010/1/12/34-34.jpg
وهذي النتيجة
http://g.abunawaf.com/2010/1/12/35-35.jpg
وبكذا يكون الدرس انتهى وتبقى اللمسات النهائية للمصمم نفسه
بإضافة الصور اللي يبغاها على كيفه
مثل تطبيقي الأول
http://g.abunawaf.com/2010/1/12/00.jpg
أو هذا التطبيق
http://g.abunawaf.com/2010/1/12/36.jpg
الموضوع منقوول للفائده