درس عمل نص نآري متحرك ..

[dark0dream]

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

أخواني أخواتي أعضاء منتدى زمن المحاربين

جبت لكم اليوم درس كتابة نص ناري وإن شاء الله يعجبكم

http://img819.imageshack.us/img819/2284/dark0dream.gif

أقدم لكم الدرس بالشرح كاملاً وإن شاء الله يكون شرح وافي

ملاحظة : (الدرس سهل والكل يقدر يطبقه ^.* )

نبدأ ..

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



***********



الخطوة الأولى:

نفتح صفحه جديده بالمقاييس الي تبونها حسب حجم النص

http://img10.imageshack.us/img10/5460/dark0dream01.png

http://img140.imageshack.us/img140/2937/dark0dream02.png

الحين صار عندنا صفحة العمل مثل هذي الصوره

http://img696.imageshack.us/img696/5345/dark0dream03.png

الخطوه الثانيه:

نضغط على الحرف (D) من لوحة المفاتيح عشان نحول الألوان للأبيض والأسود كالآتي http://img825.imageshack.us/img825/1577/dark0dream004.png

نلون المساحه البيضاء بالأسود بواسطة أداة السطل الموجوده في قائمة الأدوات على يسار الشاشة http://img541.imageshack.us/img541/6330/53796539.png

نضغطحرف (X) من لوحة المفاتيح لعكس اللونين الابيض والاسود

وبإستخدام أدات النص http://img833.imageshack.us/img833/6223/87524194.png نكتب النص المطلوب الي صار لونه بلأبيض ..

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

أو ممكن نختصر العمليه بتكرار لير النص ..

لكن موب الحين .. في الخطوه 13 لما بطلب منكم ها الشي ..

لاحظوا الصوره بعد كتابة النص عليها

http://img713.imageshack.us/img713/1646/dark0dream04.png

الحين نروح لـ Image >> Image Rotation >> 90 CCW

الخطوه الثالثه:

http://img195.imageshack.us/img195/7955/dark0dream05.png

ويصير عندنا مثل ها الشكل

http://img89.imageshack.us/img89/8519/dark0dream06.png

الخطوه الرابعه:

نطبق ها الفلتر: Filter >> Stylize >> Wind

http://img213.imageshack.us/img213/5210/dark0dream07.png

لما تختارون هالفلتر بيطلع لكم بوكس ثاني يطلب منكم تحويل النص لصورة .. اضغطوا OK

بعد ما يظهر لنا البوكس اللي نحدد من خلاله خصائص الفلتر .. ونعمل التالي:
نتأكد من تحديد التالي:
Method = Wind
Direction = From the Right
لاحظوا الصورة

http://img18.imageshack.us/img18/410/dark0dream08.png

وبتكون النتيجه كالتالي:

http://img13.imageshack.us/img13/7069/dark0dream09.png

نكرر ها الفلتر أكثر من مرة بالضغط على (Ctrl+F) من لوحة المفاتيح ،، إلى أن نصل لشكل مشابه لهذا:

http://img718.imageshack.us/img718/6150/dark0dream10.png

وفي الشكل السابق أنا كررت الفلتر 3 مرات ..


الخطوه الخامسه:

لحين لازم نعدل الشكل ونرجعه لوضعه الطبيعي ،،
نروح لـ Image >> Image Rotation >> 90° CW
لاحظوا انكم ما تتخربطون في CW ،،

http://img809.imageshack.us/img809/881/dark0dream11.png

الخطوة السادسة:


نطبق ها الفلتر
Filter >> Blur >> Gaussian Blur

http://img97.imageshack.us/img97/1302/dark0dream12.png

بيظهر لنا ها البوكس

http://img812.imageshack.us/img812/9937/dark0dream13.png

مثل ما هو موضح في الصورة أنا اخترت القيمة 1.5
لكن بإمكانكم تزيدون او تنقصون حسب ذوقكم وحاجة النص

وتكون النتيجة....

http://img403.imageshack.us/img403/7904/dark0dream14.png


الخطوة السابعة:


وبعد ما وصلنا لهذي المرحلة ،، لازم يكون عندنا لير واحد بس ،، عشان كذا بندمج كل الليرات مع بعض بالتطبيق التالي:
Layers >> Flatten Image

http://img42.imageshack.us/img42/7904/dark0dream14.png


الخطوة الثامنة:


بعد ما صار عندنا لير واحد بنعطيه تأثير النار عن طريق تلوين النص بتطبيق التالي:
Image >> Adjust >> Hue/Saturation
ـ أو ـ نستخدم الاختصار (Ctrl+U).

http://img213.imageshack.us/img213/2231/dark0dream15.png

بيظهر لنا ها البوكس:

http://img41.imageshack.us/img41/8866/dark0dream16.png

نتأكد من تحديد colorize مثل ما هو موضح بالصورة ،،
ونخلي الـ saturation بدرجة 100 أما الـ Hue
فأي درجة من درجات اللون البرتقالي حسب تفضيلكم ،، وأنا اخرت 30

بتشوفون الصورة كالتاي:

http://img825.imageshack.us/img825/9254/dark0dream18.png


الخطوة التاسعة:


ننسخ اللير اللي عندنا عن طريق ،،
نقرة على اليمين على اللير ونختار Duplicate layer من القائمة اللي بتظهر ,,


الخطوة العاشرة:


وعلى اللير الجديد ،، نطبق نفس الخطوات اللي هي:

Image > Adjust > Hue/Saturation
ـ أو ـ نستخدم الاختصار (Ctrl+U).

http://img213.imageshack.us/img213/2231/dark0dream15.png

نفس الطريقة الأولى ،، لكن هني الـ Hue لازم نختارة بدرجات الاحمر وانا اختر (0)

http://img522.imageshack.us/img522/3285/dark0dream19.png

ونلاحظ النتيجة

http://img84.imageshack.us/img84/2628/dark0dream20.png


الخطوه الحادية عشر:


في نفس اللير اللي احنا نشتغل عليه
واللي لوناه بالأحمر نحول خاصية اللير من Normal لـ Colour Dodge
مثل ما هو موضح في الصورة

http://img207.imageshack.us/img207/5686/dark0dream21.png

بتكون النتيجة كالتالي:

http://img825.imageshack.us/img825/9254/dark0dream18.png


الخطوة الثالثة عشر:


باستخدام أداة الكتابة الكتابة نرجع نكتب نفس النص مرة ثانية (بنفس الخط ونفس الحجم) باللون الاسود ونثبت الكتابة الثانية على الأولى باستخدام أداة المؤشر وبتكون النتيجة كالتالي:

http://img528.imageshack.us/img528/1706/dark0dream29.png


الخطوه الرابعة عشر:


الحين نضغط على لير النص مرتين عشان تطلع لنا خيارات النص ونختار الخيارات كاتالي عشان نعطي تأثير اللمعة البيضة دليل الاشتعال ،،

http://img97.imageshack.us/img97/6714/dark0dream22.png

طبعاً الحين وضع الليرات كالتالي:

http://img530.imageshack.us/img530/487/dark0dream25.png

الخطوة الأخيرة:

يفضل دمجها في لير واحد بنفس الطريقة السابقة وهي:
Layers >> Flatten Image

http://img42.imageshack.us/img42/7904/dark0dream14.png

وسنحصل على ها الشكل في قائمة الليرات:

http://img19.imageshack.us/img19/5715/dark0dream27.png







والنتيجة النهائية:


http://img130.imageshack.us/img130/1706/dark0dream31.jpg


اخوتي اخواني .. سنتابع الدرس . حيث نقوم بإشعال النار على الأسم ..

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

[ملك الألعاب]

ما شاء الله صرت تعمل دروووس...لابنا يوفقك.

[dark0dream]

نكمل الدرس الآن (تحريك النص الناري)


الخطوة الأولى:


اللي بنسويه الحين هو نسخ ها اللير
عن طريق Layers > Duplicate layer كما مشروح سابقا

http://img823.imageshack.us/img823/5873/fire01.png


الخطوة الثانية:


نشيل علامة العين عن اللير الموجود في الأسفل ،،
سؤال: كيف اشيل علامة العين ؟
في بوكس الليرات انقر على العين بواسطة الفأرة وينشال على طول

http://img442.imageshack.us/img442/4558/fire02.png

نحدد اللير الجديد (الموجود في الأعلى) عن طريق النقر عليه بالفأرة حتى يصبح لونه ازرق ،،
مثل ما هو موضح في الصورة

واللي مو ظاهر عنده بوكس الليرات يروح على
Window ويتأكد من وضح إشارة صح على كلمة Layers


الخطوة الثالثة:


باستخدام أداة الإصبع http://img542.imageshack.us/img542/6606/28899481.png من قائمة الادوات بنمسح على الالوان بشكل زجزاجي أو متموج لأعلى
بس حاولوا انكم ما تجون قريب من النص وانتوا تستخدمون هذي الاداة
عشان ما نفقد وضوح وأناقة النص

http://img508.imageshack.us/img508/7541/dark0dream33.png


الخطوة الرابعة:


مرة ثانية ننسخ اللير عن طريق:
Layers > Duplicate layer

http://img543.imageshack.us/img543/4775/fire03.png

وبيكون عندنا 3 ليرات ،،
ومثل ما هو موضح في الصورة نشيل علامة العين من الليرات اللي اشتغلنا عليها
وانا حطيت مكانها نقط بنفسجي للتوضيح ــ ونحدد اللير الجديد

http://img695.imageshack.us/img695/5958/fire04.png

وباستخدام الاصبع نكرر نفس الحركة السابقة

http://img87.imageshack.us/img87/7462/fire05.png

ولما نوصل للنتيجة اللي احنا راضين عنها ننتقل للإمج ردي ،،
وللانتقال للامج ردي 3 طرق استخدموا اللي يعجبكم:

الطريقة الاولى: File > Jump To > Adobe ImageReady
الطريقة الثانية: Shft + Ctrl + M
الطريقة الثالثة: هو الانتقال للامج ردي عن طريق الرمز الموجود
اسفل قائمة الادوات مثل ما هو موضح في الصورة

http://img715.imageshack.us/img715/2860/fire06.png


الحين احنا في الامج ردي:clap:


بيظهر لنا بوكس مثل هذا ،،
لازم نضغط على السهم الموضح في الصورة
عشان نظهر باقي البراوزات ونختار Make Frames From Layers

http://img9.imageshack.us/img9/8324/fire07.png

وبتكون النتيجة كالتالي:

http://img39.imageshack.us/img39/3218/fire08.png

لاحظوا معاي مكان الدايرة البنفسجيه في الصورة التوضيحية ،،
نتحكم في الوقت ،، وانا اخترت sec. 0.1 ،، وانتوا ممكن تخلون الوقت مثل ما هو ،،
او انكم تغيرونه مثل ما تحبون ،،
لكن يستحسن ما تستخدمون فترات زمنية طويله عشان الصورة ما تفقد تأثيرها الناري


الخطوة الخامسة:


وصلنا للخطوة الاخيرة والمهمة ،، واللي مالنا غناة عنها واللي ...........!!

لازم انخزن العمل اللي سويناه وإحنا في الامج ردي نروح لــ :

File > Save Optimized As

كما موضح بالشكل *_*

http://img830.imageshack.us/img830/9030/fire09.png

ونكمل عملية التخزين كالمعتاد

وهذي النتيجة النهائية

http://img97.imageshack.us/img97/2284/dark0dream.gif

وهنا انتهى الدرس بشكل كامل ..

[dark0dream]

ما شاء الله صرت تعمل دروووس...لابنا يوفقك.

نورت الموضوع ملك الألعاب .. والله يوفق الجميع ..

[ZackFair]

يسلمو على المجهود دارك موضوع رائع ومفيد ,, مبــروك الاشراف ,هاذي
بداية المشوار .. شدي حيلك في القسم والله يوفقك ان شاء الله (: ,,

تمنياتي,,

[dark0dream]

منور الموضوع عبد الرحمن .. والله يبارك فيك ..
إن شاء الله راح أستمر في إعطاء الدروس في التصاميم ,,
حالياً الدروس للمبتدئين .. وإن شاء الله الأعضاء يستفيدون ..

[amola1]

شكرا شكرا لإلكـ كثير..

[زهر الشوق]

مشكورة اختي على الشرح الجميل و لل امام

[lords]

آلـحيـن كـيف آغـير آللـون :$

[lords]

آلـخطوه 13 مـآ عـرفـت كـيف xD .. يـآ ريـت تـوضحيـن آكـثر ..
ومـشكوره عـآلـشرح :)

[lords]

http://img829.imageshack.us/img829/7807/68861907.gif (http://img829.imageshack.us/i/68861907.gif/)

Uploaded with ImageShack.us (http://imageshack.us)

[windXwoker]

يسلمو ماقصرتي

اول شي بسويه بلفتشوب ==

[ريو جيني]

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