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