كيفية عمل تأثيرات لخلفية تحت الماء [ سلسلة ابداع - مترجم ]
إخواني و أخواتي روّاد و زوّار قسم التصميم , أهلاً بكم ^^ كيف حالكم جميعاً ؟ عساكم بأفضل حال , و عسى الدراسة تكون على أفضل وجه هذا اليوم , درسي الذي ترجمته فيه فكرة رائعة , و المهارات المُستخدمة فيه
افضل بكثير من النتيجة النهائية بذاتها . طبعاً , هذا اهو الدرس السابع لي برفقة " فريق الدروس الأجنبية " - قسم التصميم - سننتقل إلى فهرس الموضوع , ثم الشرح و غيره ~ فالنبدأ وعلى بركة الله ^_^ هنا سوف أضع لكم أجزاء الموضوع ليسهل معرفتها و الرجوع إليها ^^ تفضلوا ................. ~ 1- نبذة عن الدرس 2- الأدوات المُستخدمة 3- شرح الدرس 4- الخاتمة فالنبدأ بأول جزئين في هذا الرد بإذن الله ^^ فالنتابع ^^ إسم الدرس / UnderWater BackGround Effects صاحب الدرس / Vlad Gerasimov المُترجم / I M M O R T A L مستوى الدرس / متوسط عدد الخطوات / 20 خطوة
.
.
~ ( النتيجة النهائية للدرس ) ~
*
*
لا توجد اي أدوات مُعينة للإستخدام الضروري للدرس ... لذلك بدلاً من ان ألغي هذه الفقرة , قلت سأملأها بالفائدة ^^ و قمت برفع لكم مجموعة من الفرش التي عندي .. و بإذن الله تنال على إعجابكم ^^ --------------------------------------------- تم الرفع على 3 مواقع مُختلفة ... " ميديا فاير , رابيد شير , هوت فايل " --------------------------------------------- ~ ( لتحميل الفرش ) ~
هذا الرد سيكوه به 10 خطوات , و الرد القادم به الـ 10 البقية ^^
ركّزوا جيداً على الكلام قبل التوجه للصورة ,,
فهو يحتوي على 70% من الشرح , اما الصور فقط للتوضيح ^^
على البركة , فالنبدأ ^_^
1- قوموا بفتح عمل جديد .. بالمقاس الذي تريدونه انا مثلاً اخترت 500*400 بعد ذلك اختاروا أداة التدرّج ( Gradient Tool ) و اختاروا الإعدادات الآتية ~
2- قوموا بملأ العمل بأداة التدرّج , بحيث تكون الأزرق الغامق بالأسفل و الأزرق الفاتح بالأعلى , مثلما هنا ~
3- أنشئوا لاير جديد , واختاروا فرشاة ناعمة بحجم 200 px مثلاً و قلّلوا الـ Opacity الخاصة بالفرشاة إلى 20% أو 30% , أو بما يناسبكم و قوموا بضغطات مُتتالية في الأسفل على الركنين الأيمن و الأيسر . صورة توضيحية ~
4- قوموا بعمل لاير جديد , و اختاروا الفرشاة الناعمة بحجم 100 px او كما يناسبكم , و قوموا بعمل بقعة باللون الأبيض في مُنتصف التصميم . صورة توضيحية ~
5- اضغطوا على ( CTRL + T ) و ذلك كي تستطيعوا تغيير حجم ووضعية الشكل . قوموا بزيادة الإرتفاع , و تقليل العرض . صورة توضيحية ~
6- بعد ذلك قوموا بتحريك البقعة الضوئية إلى الأعلى عند المُنتصف و اجعلوا نصف البقعة فقط ظاهر , و غيّروا مود اللاير إلى Overlay و ستكون النتيجة مُشابهة لهذه ~
7- قوموا بالضغط على ( CTRL + J ) لمضاعفة اللاير السابق . و بهذا تشتد الإضاءة , و لكم الحرية بتحديد كمية الإضاءة و تغيير في إعدادت اللاير المنسوخ . و ستكون النتيجة كالآتي ~
8- ( خطوة مُهمة ) قوموا بحفظ ملف عمل التصميم . ثم قوموا بفتح عمل جديد بشكل مُربع ( أي ان العرض = الإرتفاع ) لكن مع مراعاة أن يكون العرض ضعف التصميم الأساسي ... فمثلاً التصميم الأساسي قلنا مساحته 500*400 , أي أن العرض هو 500 إذاً التصميم الآخر يكون 1000*1000 ( ضعف العرض السابق + بشكل مُربع ) إملأوا التصميم بأي لون تريدونه ( مثلاً الأسود ) , و قوموا بمضاعفة اللاير ( CTRL + J ) ثم توجهوا إلى علامة ( fx ) التي بأسفل صندوق اللايرات , و اضغطوا عليها و اختاروا Gradient Overlay اضغطوا على السهم الصغير الذي يفتح لكم عدة تدرّجات , ثم اضغطوا على السهم الصغير الآخر لفتح قائمة بعدة تدرّجات مُختلفة , واختاروا منها ( Noise Samples ) و باقي الإعدادات بالصورة التالية , ثم سيكون الناتج كما بالصورة ايضاً ~
9- نريد ان ندمج اللايرات معاً , نذهب إلى ... Layer > Flatten Image بعد ذلك اضغطوا على ( CTRL + SHIFT + U ) صورة توضيحية ~
10- استخدموا أداة التقطيع المُربعة ( Rectangular Marquee Tool ) و ارسموا مُربع حول أي جزء تريدون من الصورة , لكن مع مراعاة ان يكون المُربع بمساحة تساوي نصف مساحة الشكل ( لو كانت مساحة الشكل 1000*1000 كما ذكرنا ) أي أنكم ترسمون المُربع حول نصف الشكل ... ثم توجهوا إلى .. Image > Crop , و ذلك لقص الجزء الذي حددتموه . لتكون النتيجة هكذا ~
11- الآن قوموا بالضغط على ( CTRL + A ) لتحديد الجزء المقطوع كله ثم اضغطوا على ( CTRL + C ) و ذلك لنسخه , بعدها افتحوا التصميم الأساسي مرة اخرى و اضغطوا على ( CTRL + V ) للصق الجزء إلى التصميم , و ضعوه أعلى جميع اللايرات . ثم غيّروا المود إلى Overlay
12- قوموا بإختيار فرشاة عادية ( حادة ) , و بحجم 19 px ثم إذهبوا إلى إعدادات الفرش , و ضعوا هذه القيم ...
13- و هنا ايضاً ~
14- و باللون الأسود , قوموا بعمل دوائر مُتتالية عن طريقة الضغط و الإستمرار على زر الفأرة ( لا تترك الزر ) و استمر بالمرور على التصميم حتى تتكون البقع السوداء . بعد ذلك قوموا بتقليل الـ Fill إلى 0%
15- بعد ذلك اتّبعوا هذه التاثيرات ...
16- و هنا ايضاً ~
17- و هنا كذلك ~
18- ( خطوة مُهمة لكنها إختيارية ) الجميع يتساءل كيف هي الخطوة مُهمة , و بنفس الوقت إختيارية . سأخبركم ... لكي نعمل شكل الفقعات , سيلزمنا التأثيرات المُناسبة لإعطائها الشكل الصحيح . لكن المشكلة أن جودة و سلامة التأثيرات تعتمد على حجم الفقاعة . فكلما زاد الحجم يختلف التأثير و يلزم تغييره .. و كلما نقص الحجم قل التأثير و يكاد يعطي شكل مُختلف لذلك يجب تغييره مرة اخرى . فلهذا لم أعرف كيف أضع الخطوة و أعطيكم التأثيرات ( خصوصاً انها غير مذكورة بالدرس الأصلي ) لذلك هي خطوة مُهمة , و بنفس الوقت إختيارية , حيث انكم من سيحدد التأثيرات بما يناسبكم بمطلق الحُرية . عموماً , الخطوات رقم ( 15 - 16 - 17 ) هي من صنعي , لمحاولة محاكاة شكل الفقاعات ببعض التأثيرات ( طبعاً انا لم أنجح بشكل كبير ) لكنها ستكون مفتاحكم لتعديل التأثيرات و الوصول إلى الشكل المُراد . و هذه هي نتيجة الدرس للفقاعات ~
19- قوموا بإنشاء لاير جديد .. و تستطيعون تكرار نفس خطوة الفقاعات و إعدادات الفرشاة بحجم اصغر مثل 7 px و عمل فقاعات صغيرة ( طبعاً سيختلف التأثير إذا اتبّعتم نفس التأثير على الفقاعات الكبيرة ) و هذه هي النتيجة ~
20- طبعاً , هنا سأعرض عليكم نتيجتي ( بعد محاولات عديدة لمحاكاة شكل الفقاعات ) لكني لم استطع بصراحة ^^ و الحقيقة أجد ان تطبيقي سيئاً جداً مُقارنة بالأساسي ^^ ~ هذه هي نتيجتي النهائية ~
تم الإنتهاء من الدرس - بحمد الله - الدرس + صور الشرح محفوظة لصاحبه الأصلي ... أما حقوق الترجمة و الموضوع محفوظة للمُترجم و لمكسات ... و لفريق الدروس المُترجمة - قسم التصميم - ImmortaL@mexat.com + صور الشرح مُعظمها من الدرس الأصلي , وقُمت بإضافة بعض الصور التوضيحية من عندي فقط لتوضيح بعض الأشياء و تسهيلها حتى لا يكون هناك اي تعقيد بالشرح . + رجاءاً , هذا الدرس تابع لـ " سلسلة إبداع " و يندرج تحت نظام " التطبيق الإجباري " لمزيد من المعلومات حول تلك النقطة , نرجو منكم مُراجعة هذا الإعلان قبل وضع اي رد ^_^ نظام التطبيق الاجبـاري لـ [ سلسلة ابداع ] بهذا أختم موضوعي , و أتمنى أن تكونوا قد استمتعتم بالدرس ^^
و كلي أمل بأن تعم الفائدة على الجميع يارب
لأي إستفسار أو سؤال , انا موجود
و سأعود مع درس آخر إن شاء الله ^_^ في أمان الله ~ و السلام خير ختام ~ السلام عليكم ورحمة الله وبركاته ~ فريق الدروس المُترجمة ~
~..و عليكـ،،،،ـــمـ السـ،،،ـــلامـ و رحمـ،،،،ـــة الله و بركاتـ،،،،ـــة..~
طبعاً , هذا اهو الدرس السابع لي برفقة " فريق الدروس الأجنبية " - قسم التصميم -
الله يوفقكـ و يجزاكـ الله الـ1000ـــف خير
و بالتوفيق و التقدم ان شاء الله
~..
لذلك بدلاً من ان ألغي هذه الفقرة , قلت سأملأها بالفائدة ^^
و قمت برفع لكم مجموعة من الفرش التي عندي ..
في امـ،،،،ـــان الله..~
فكره رائــعه و شكرا ع الفرش
تـــم التحميل
و لكن مع الاسف الشديد لا تنفتح معي سوء فرشتان
اعتقد السبب يرجع الى الاصدار الذي استخدمه
نعود الى الدرس..~
ماشاء الله تبارك الله
الدرس ابداع×ابداع كالعاده
تعلمت شي جديده
لم اكن اعرفها ف السابق
فشكرا لك لترجمتك الرائعه للدرس الرائع
واجهتني نقطه ف الدرس
و تواجهني دائما ف دروس الـC4D و حتى الان لم اجد الحل
هنا
ف القسم الاعلى صوره من الدرس
و القسم الاسفل حينما قمت بالتطبيق
ظهر بهذا الشكل و لم تكن مثل ماهوا موجود بالدرس بشكل دوائر صغيره و كبيره
عندي ظهر بحجم واحد
هذا ماجعل التطبيقي سي بعض الشي
الخطوه الـ18..~
ماشاء الله مبدع
و قمة انا بالتلاعب بالتاثير
و الحمد لله النتيجه مرضيه
فشكرا لك ع التاثير
تطبيقي بحجم الدرس..~
تطبيقي بحجم كبير (سطح المكتب) هنـــــــــا
و شكرا مرة اخر ع الدرس
و اعتذر ع الاطاله
اخر تعديل كان بواسطة » Menami ~ في يوم » 26-12-2010 عند الساعة » 03:21
نتيجة روووووووعة ..
أكيد لي عودة >> بخلص كمن شغلة وبرد ^_^
في وقت تعديل الرد
عدنا~~
مرحبا إمو ..
كيف الحال ؟؟
إن شاء الله بخير..
الدرس روووعة .. وبالفعل فكرة جديدة .. ومميزة ..
بس نقطة الفقاعات هذي هي يلي اشتغلت عليها وااايد ...
بس يعني طلع التطبيق يمشي الحال...على الأقل يوحي بالفكرة ^_^
كم من 10 ؟؟
وتسلم على هذا الدرس .. في انتظار المزيد من الدروس المميزة إمو ^^
بالتوفيق..
اخر تعديل كان بواسطة » HONEY SOUL في يوم » 20-12-2010 عند الساعة » 13:01
سبحان الله و بحمده ،، سبحان الله العظيم ،، Ask Me / Tumblr
السلام عليكم ورحمة الله وبركاته
أخباركـ إمورتال.؟ أن شاء الله خير ..؟!!
مـ’ــآآشاء الله و الله درس مراا حلو و بسيط ..أوو:
.. نتيحته مررره مرره أحتراافييية ..~=)
..x3
تتطبيقي ..B3
رآآيكـ ..؟َ
<~في أمـ’ـآآن آلله
اخر تعديل كان بواسطة » p a n i k في يوم » 22-12-2010 عند الساعة » 17:25
سبحان الله والحمدلله ولا إله إلا الله والله أكبر ,
سبحان الله وبحمده سبحان الله العظيم.
نتيجة روووووووعة ..
أكيد لي عودة >> بخلص كمن شغلة وبرد ^_^
في وقت تعديل الرد
عدنا~~
مرحبا إمو ..
كيف الحال ؟؟
إن شاء الله بخير..
الدرس روووعة .. وبالفعل فكرة جديدة .. ومميزة ..
بس نقطة الفقاعات هذي هي يلي اشتغلت عليها وااايد ...
بس يعني طلع التطبيق يمشي الحال...على الأقل يوحي بالفكرة ^_^
كم من 10 ؟؟
وتسلم على هذا الدرس .. في انتظار المزيد من الدروس المميزة إمو ^^
بالتوفيق..
السلام عليكم و رحمة الله و بركاته
اهلاً أختي الكريمة ^^
الحمد لله بخير , وانتِ كيف حالكِ ؟ عساكِ بخير كذلك ^^
شكراً على الإطراء الطيب ^^
و هذا من ذوقك ^^
هي بالفعل خطوة الفقاعات اصعب خطوة واجهتني و كما هو واضح
واجهت الجميع كذلك
لكن ما شاء الله عليكِ تطبيقك سليم جداً و الفقاعات رائعة ^^
10 / 10 بجدارة
كيفك نم التطبيق و لكني أجده سيء جدا مقارنة بالنتيجة الاصلية و نتيجتك
10/؟
في آمان الله
و عليكم السلام و رحمة الله و بركاته
اهلاً أخي الكريم ^^
الحمد لله بخير , وانت كيف حالك ؟
إن شاء الله بخير ايضاً ^^
تطبيقك جميل جداً في كل شئ ^^
و الفقاعات ليست سيئة , يا رجل لا تقول كذلك ^^ كلنا نخطئ ^^
فقط تحتاج إلى إضاءة أكثر و العمل عليها بعض الشئ ,,
و إن شاء الله تكون جيدة معك بالمرة القادمة ^^
السلام عليكم ورحمة الله وبركاته أخباركـ إمورتال.؟ أن شاء الله خير ..؟!! مـ’ــآآشاء الله و الله درس مراا حلو و بسيط ..أوو: .. نتيحته مررره مرره أحتراافييية ..~=) ..x3 تتطبيقي ..b3
رآآيكـ ..؟َ <~في أمـ’ـآآن آلله
و عليكم السلام و رحمة الله و بركاته
اهلاً و سهلاً ^^
الحمد لله بخير و بأفضل حال ^^
وانت كيفك ؟ عساك بخير ايضاً ^^
شكراً على الإطراء الطيب ^^
ما شاء الله نتيجة جداً رائعة على الدرس ^^
تطبيق سليم 100%
المفضلات