طريقة صنع تأثير الفقاعات الحقيقية [ سلسلة ابداع - مترجم ]

عرض للطباعة

عرض 40 مشاركات من هذا الموضوع في صفحة مستقلة

08-09-2011, 19:55
L E A Đ E R

طريقة صنع تأثير الفقاعات الحقيقية [ سلسلة ابداع - مترجم ]

http://www.mexat.com/vb/attachment.p...1&d=1319974182

السَّلامُ عَلِيْكُمْ وَ رَحْمَةُ اللهِ وَ بَرَكاتُهُ

مرحبا جميعا ^_^
اقدم لكم درس مترجم جديد بعنوان

http://www.mexat.com/vb/attachment.p...8&d=1315491968

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

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

مستوى الدرس سهل جدا و من الممكن تطبيقه في مدة اقل من 5 دقائق

معلومات عن الدرس

صاحب الدرس : ART-D
صفحة الدرس : هنا
تطبيقي الشخصي : هنا
الملف المفتوح الخاص بالتصميم : هنا

تطبيق صاحب الدرس :
http://www.adobetutorialz.com/conten...rial571/28.jpg

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

ملاحظات هامة
1- قمت بتغيير بعض الشروحات عن الدرس الأصلي و ذلك اما لتيسيرها او لخطأ ما في المقاسات الخاصة بصاحب الدرس او اثناء التطبيق الخاص بي
2- بعض الخطوات لا تحتاج الى التزام بنفس محتويات الدرس و التأثيرات الخاصة به و سأضع اشارة ( * ) لتوضيح الخطوات المهمة فقط و التي لا يجب تغييرها

يتبع ،،،
08-09-2011, 19:55
L E A Đ E R

~ الفرع الاول : [ إِنْشاءُ الخَلْفِيّة ] ~

1

نفتح صفحة عمل جديدة بحسب الإعدادات التالية

http://www.mexat.com/vb/attachment.p...5&d=1315507089

مع تعبئة مساحة العمل باللون #05162A

http://www.adobetutorialz.com/conten...orial571/1.jpg

2

نقوم بإضافة طبقة جديدة و استخدام فرشة ناعمة بهذه الإعدادات

http://www.mexat.com/vb/attachment.p...4&d=1315507089

نجعل الـ[ Opacity ] الخاص بالطبقة بقيمة 60 % و نقوم بإختيار اللون [ #52D4FF ] للفرشاة المستعملة لنحصل على الشكل التالي

http://www.adobetutorialz.com/conten...orial571/3.jpg

3

نقوم بإضافة طبقة جديدة و نسخدم الفرشة الناعمة بحجم اقل ( 600 بيكسل مثلا )

http://www.mexat.com/vb/attachment.p...4&d=1315507089

نجعل الـ[ Opacity ] الخاص بالطبقة بقيمة 60 % و نستخدم اللون الابيض للفرشاة و نقوم بإضافته بالطريقة التالية

http://www.adobetutorialz.com/conten...orial571/5.jpg

من ثم نغير مود الطبقة الى [ Overlay ] لنحصل على النتيجة التالية

http://www.adobetutorialz.com/conten...orial571/6.jpg

4

نقوم بإضافة طبقة جديدة و نقوم بإختيار فرشة ناعمة بحجم اقل ( 300 بيكسل مثلا )

http://www.mexat.com/vb/attachment.p...4&d=1315507089

نجعل الـ[ Opacity ] الخاص بالطبقة بقيمة 30 % و نستخدم اللون الابيض للفرشاة و نقوم بإضافته بالطريقة التالية

http://www.adobetutorialz.com/conten...orial571/8.jpg

انتهينا من الفرع الاول من الدرس

يتبع ،،،
08-09-2011, 19:56
L E A Đ E R

~ الفرع الثاني : [ تَصْميمْ الفَقّاعَة ] ~

5*

نقوم بإنشاء طبقة جديدة و نقوم بإختيار اداة Ellipse Tool http://www.mexat.com/vb/attachment.p...1&d=1315491968 [ بإمكانكم اختيارها عبر الضغط على الزر U ]
مع التأكد من الإعدادات كما يلي :

http://www.mexat.com/vb/attachment.p...5&d=1315491968

بإستخدام الأداة قوموا برسم دائرة في صفحة العمل

http://www.adobetutorialz.com/conten...orial571/9.jpg

حجم الدائرة بالمقارنة مع حجم صفحة العمل

http://www.adobetutorialz.com/conten...rial571/10.jpg

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

6*

نقوم بالضغط على right click و نقوم بإختيار make selection
بعد إضافة التحديد نقوم بإضافة تأثير stroke من خلال امر [ edit >> stroke ] حسب الإعدادات التالية :

http://www.mexat.com/vb/attachment.p...6&d=1315508583

حتى نحصل على النتيجة التالية

http://www.adobetutorialz.com/conten...rial571/12.jpg

7*

نقوم بإضافة طبقة جديدة و بإستخدام نفس الاداة في الخطوة 5 نقوم برسم 3 اشكال بيضاوية بإستخدام الإعدادات التالية :

http://www.mexat.com/vb/attachment.p...6&d=1315491968

http://www.adobetutorialz.com/conten...rial571/13.jpg

حتى نحصل على النتيجة التالية

http://www.adobetutorialz.com/conten...rial571/14.jpg

8*

نقوم بدمج جميع مكونات الفقاعة في طبقة واحدة

مع التحديد على طبقة الفقاعة نقوم بالضغط على الإختصار [ CTRL + A ] حتى نقوم بتحديد كافة مساحة العمل
بعد ذلك نقوم بالضغط على الإختصار [ CTRL + C ] حتى نقوم بنسخ الطبقة

9*

نقوم بفتح صفحة عمل جديدة بمقاسات الفقاعة و نقوم بلصق الطبقة المنسوخة مسبقا عبر اختصار [ CTRL + V ]

http://www.adobetutorialz.com/conten...rial571/17.jpg

نقوم بعكس الوان الطبقة عبر اختصار [ CTRL + I ]
لنحصل على النتيجة التالية

http://www.adobetutorialz.com/conten...rial571/18.jpg

10*

سنقوم الآن بإنشاء فرشة جديدة للفقاعة و ذلك عبر الأمر التالي :
[ Edit > Define Brush Preset ]

http://www.adobetutorialz.com/conten...al571/18-1.jpg

انتهى الفرع الثاني

يتبع ،،،
08-09-2011, 19:57
L E A Đ E R

~ الفرع الثالث : [ إِنْشاءُ طَبَقَةِ الفُقّاعاتْ ] ~

11

نقوم بإنشاء طبقة جديدة و من ثم نقوم بإستخدام الفرشاة الجديدة في الفرع السابق و ذلك بإستخدام اللون الأبيض
و نقوم بتغيير اعدادات الفرشاة بالضغط على F5 كالتالي :

http://www.adobetutorialz.com/conten...rial571/19.jpg

http://www.adobetutorialz.com/conten...rial571/20.jpg

و نقوم بإستخدامها بالشكل المراد لنحصل على الشكل التالي

http://www.adobetutorialz.com/conten...rial571/21.jpg

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

12

نقوم بمضاعفة طبقة الفقاعات عبر الإختصار [ CTRL + J ]
و نقوم بعمل الفلتر [ Gaussian blur ] على النسخة الجديدة حسب الإعدادات التالية

ملاحظة : بإمكانكم استخدام الفلتر عبر الأمر التالي :[ Filter > Blur < Gaussian Blur ]

http://www.adobetutorialz.com/conten...rial571/22.jpg

لنحصل على النتيجة التالية

http://www.adobetutorialz.com/conten...rial571/23.jpg

13

نقوم بإنشاء طبقة جديدة و نقوم بإستخدام فرشة الفقاعة و لكن بحجم اكبر و نستطيع التحكم كذلك بإعدادات الفرشاة
حتى نحصل على الشكل التالي

http://www.adobetutorialz.com/conten...rial571/24.jpg

نقوم بإضافة تأثير فلتر [ Gaussian blur ] بالإعدادات التالية :

http://www.adobetutorialz.com/conten...rial571/25.jpg

لنحصل على النتيجة التالية

http://www.adobetutorialz.com/conten...rial571/26.jpg

14

من خلال قائمة Layer نقوم بإختيار الخيار [ Create new fill or adjustment layer ] و نختار تأثير [ Curves ] بالشكل التالي :

http://www.adobetutorialz.com/conten...rial571/27.jpg

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

http://www.adobetutorialz.com/conten...rial571/28.jpg

انتهى الدرس ..

يتبع ،،،
08-09-2011, 19:58
L E A Đ E R

خِتَامًا ،،

اتمنى ان اكون قد وفقت في طرح الدرس بالشكل المطلوب
اتمنى ان يكون الدرس قد حاز على رضاكم و كم اتمنى رؤية تواجد و اداء مميز من قبل الأعضاء فأساس التعلم لا يأتي الى بالتطبيق المستمر و الدؤوب

وَفّقَنا اللهُ وَ إِيّاكُمْ

LeaderSama
08-09-2011, 20:15
HONEY SOUL

السلام عليكم ورحمة الله ,,
فعلا درس سهل ,, توقعت خطواته طويلة :p
والشرح ما شاء الله مفصل ومفهوم ::جيد::
هذا تطبيقي ,,
غيرت شوية بالإضاءة :D
يعطيك العافية ع الدرس
:سعادة2:
في ناس بغت تضربني لأني ماخذة أول كرسي :ضحكة:
08-09-2011, 20:22
Master Edward

^
^
.

هذا مقعدي :غول:
.
08-09-2011, 20:23
Hetalia sama

:لقافة:
08-09-2011, 20:24
ŚαкαẔυкỉ

شكـرا لودر :p كان الدرس ممتع جدا :d

التطبيـق ::: هنا :::
08-09-2011, 20:26
Meryl

وهدا مكاني ::سعادة::
08-09-2011, 20:27
Demon zero

حجز
08-09-2011, 20:28
BrainJR

Main~

~

عودة
.
أهليـ ن ليدر ساما .. ^^
أخباآركـ ؟ أحوالكـ ؟ ترجماتكـ ؟ xD
شكل النتيجة كان صعب .. ( مين يصبر يحط الفقاقيع كلها ××" )
بس الحركة رهيبـ ة والله .. ^^
وتم التطبيق بـ سلام .. ^_^
وها هي :~

هناآ~
×
هناآ~

~
تسلم عالـ درس الإبداعي .. ^^"
و ننتظر ترجماتكـ الجاية .. ^^

سـ ي يـ ا .. ~
08-09-2011, 20:47
عبْدُالله

وهاقد عدت ببضاعتي :ضحكة: ..
هنا << حتى لا أثقل على الصفحة فرايتي ثقيلة :p ..
08-09-2011, 20:56
H A T S H Y

،

حقز .. :رامبو:
08-09-2011, 21:01
عمور العراقي

ويحكم كلكم فوقي :غول:
08-09-2011, 21:42
Seselia

انا سأكون المميزة و سأرد بتطبيق يقصف رقاب كل من قام بالحجز >>> الحالة :ضحكة:

ليدر :نوم: ..
كنت داخلة الموضوع بنية اني احجز وارجع ارد بعد ما اخلص ناروتو ,, :أوو:
بس لما شفت العيلة كلها حاجزة قلت يا بنت اتميزي و حطي التطبيق اول وحدة :ضحكة:

هنـــــــااااا

:cool:
08-09-2011, 21:45
L E A Đ E R

المشنقة لمن لا يعود :قرصان:
08-09-2011, 21:53
treecrazy

شككل الدرس حلو :أوو:
حجز :d ..~> إذا ما رجعت يعني ماضبط معاي :ضحكة:
08-09-2011, 22:40
years ago ~

-

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

ماشاء الله تبارك الله اختيار رائع وترجمة اروع ^^
اسعدك الله اخوي ليدر ,, بس للاسف ماعندي فوتوشوب جهازي جديد ><

اضافة للمفضله للتّطبيق وقت ما احمل الفوتو :d
شكراً ع الدعوه =)
08-09-2011, 23:11
Glass feather

إقتباس:

لي عودة بعد التطبيق

وعليكم السلام ورحمة الله وبركاته^^
يسلمو كثير ع الدرس ليدر سنسي
عدنا مع تطبيقي البسيط هنا

بانتظار جديدك
جانا
09-09-2011, 00:33
سطح المكتب

إقتباس:

الرسالة الأصلية كتبت بواسطة Dark Moon ~

-

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

ماشاء الله تبارك الله اختيار رائع وترجمة اروع ^^
اسعدك الله اخوي ليدر ,, بس للاسف ماعندي فوتوشوب جهازي جديد ><

اضافة للمفضله للتّطبيق وقت ما احمل الفوتو :d
شكراً ع الدعوه =)

وانا شاهد ماعندها فوتو :d
برب اطبق وارجع شكرآ ليدر :وردة:
09-09-2011, 02:19
ṦιŁṽιά

وه وه درس من ايد ليدر ..:أوو:

ليا بااك قوي ..:مكر:

~~

باآآك..:أوو:

صراحه الدرس مرة حلو وبسيط وافادني مررة..
لانو في بالي اصمم تصميم عبارة عن دمج في البحر ودرسك مرة افادني لانو راح ادخل عنصر الفقاعات في التصميم ..:أوو:
ان شالله بعد ما انتهي من التصميم باستعرضه واوريك هو ..:لقافة:

الله يعطيك العافيه ليدر عل ترجمة الدرس ..:أوو:
وهنآآ تطبيقي..:سعادة2:

تحياتي..
09-09-2011, 03:08
kakashi-senen

مشكوووووووور على الدرس الرائع وكل شيء واضح
09-09-2011, 03:54
موجة هادئة

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

درس رائع:سعادة2:

تطبيقي المتواضع:o

شكرا لك على ترجمة الدرس والشرح الرائع::جيد::
09-09-2011, 07:02
ياقوت أزرق هادي

لي عودة إن شاء الله :غياب:
09-09-2011, 09:39
L E A Đ E R

شكرا جميعا و في انتظار عودتكم ::جيد::
بخصوص التطبيقات فبشكل عام مميزة

من ناحيتي ارى لو تكون الفرش الخاصة بالفرع الاول مرتكزة على وسط التصميم ستعطي تأثيرا افضل و ذلك بالإضافة الى زيادة تاثير Curve على التصميم ليعطي التصميم منظر حقيقي
على عكس توزيع الإضائات في التصميم

على العموم هذه النقطة غير مهمة فقد يعمل اي شخص على زيادة نقاط الإضاءة في الخلفية لتعطي تأثيرا اجمل ايضا ::جيد::

cmpom
:D
يوجد خطأ في الفقاعات التي في الخلف
قمت بعمل تأثير البلور بدون نسخ الطبقة و هذا خطأ
اولا قم بنسخ الطبقة و قم بتأثير البلور على الطبقة المنسوخة فقط ::جيد::

ايضا بخصوص الفقاعات في مقدمة التصميم فأفضل ان تكون اصغر
حاول التنويع في الأحجام
فالفقاعات الخلفية تكون بتأثير بلور اقل و بحجم اقل
و الفقاعات الأمامية تكون بحجم اكبر و تأثير بلور اكبر

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

توجد سلبية في التطبيق و هي الفقاعة الكبيرة في الامام
كما ترى فتركيز التصميم للفقاعات الخلفية و من المستحيل ان يركز شخص ما اثناء نظره على نقطتين
لهذا كان في التطبيق الاصلي تأثير بلور على الفقاعة الامامية بل كان التركيز في الفقاعات الخلفية فقط

للتوضيح اكثر
حاول التركيز على نقطة معينة بنظرك
هل ستستطيع رؤية نقطتين مختلفتا المساحة بنفس الدقة ؟
طبعا لا فكلما ركزت على نقطة بعيدة كانت الأجسام القريبة منك متلاشية اكثر و تأثير التلاشي اكبر يكون بجوار العين تماما

عبدالله 26
تطبيق مميز
نفس الملاحظة السابقة و لكن بشكل اقل :لحية:
افضل لو كان تأثير البلور اكبر في المقدمة لا في الخلف :قرصان:

Seselia
تطبيق ممتاز :جيد::
عافية عليك :قرصان:

ان تتجمع الفقاعات في المنتصف ثم تنطلق هي فكرة رائعة فعلا ::جيد::

Glass feather
تطبيق ممتاز
نفس ملاحظة براين

ان رغبت في التركيز في مقدمة التصميم قم مثلا بإضافة بلور قليل بعد نسخ الطبقة
و زيادة البلور في الفقاعات الصغيرة ::جيد::

موجة هادئة
تطبيق مميز ::جيد::
حاولي اعادة الدرس بتغيير اماكن الفرش او زيادتها في الفرع الاول ::جيد::

و في انتظار البقية
و اذكر ان حبل المشنقة سيكون من نصيب اصحاب المقاعد الفارغة :قرصان:

بالتوفيق لكم جميعا
09-09-2011, 09:57
BrainJR

إقتباس:

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

توجد سلبية في التطبيق و هي الفقاعة الكبيرة في الامام
كما ترى فتركيز التصميم للفقاعات الخلفية و من المستحيل ان يركز شخص ما اثناء نظره على نقطتين
لهذا كان في التطبيق الاصلي تأثير بلور على الفقاعة الامامية بل كان التركيز في الفقاعات الخلفية فقط

للتوضيح اكثر
حاول التركيز على نقطة معينة بنظرك
هل ستستطيع رؤية نقطتين مختلفتا المساحة بنفس الدقة ؟
طبعا لا فكلما ركزت على نقطة بعيدة كانت الأجسام القريبة منك متلاشية اكثر و تأثير التلاشي اكبر يكون بجوار العين تماما

وااو !
تسلم ليــدر ساما .. ما توقعت هذا كله
والله أخجلتني .. ^_^:أوو:
ولا يهمكـ في الرد القاآدم بحطه .. ^^
و
التنبيهكـ : صادق .. هذي نقطة مهمه جداً
وانا ما انتبهت ( كالعادة :d )
::سعادة::
09-09-2011, 10:50
ŚαкαẔυкỉ

تطبيقي بعد التعديل ;) اتمنى اني اكون وفقت هذه المرة لودر :d

::: هنا :::
09-09-2011, 10:59
BrainJR

إضافة تأثير للـ درس .. ^_^
~

ملاحظة : هذه الخطوات تستعملها بعد ما تنتهي من الدرس تماماً .

1- سوي .. Image > Apply Image
2- كرر اللير عن طريق .. Ctrl + J
3- طبق هذا فلتر :
http://img189.imageshack.us/img189/2748/55513616.png
بقيمة : 25- ( سالب 25 )
..

وبس .. ^_^
09-09-2011, 14:04
موجة هادئة

إقتباس:

الرسالة الأصلية كتبت بواسطة LeaderSama

موجة هادئة
تطبيق مميز ::جيد::
حاولي اعادة الدرس بتغيير اماكن الفرش او زيادتها في الفرع الاول ::جيد::

بالتوفيق لكم جميعا

شكرا للملاحظة:سعادة2:

ان شاء الله ^_^

تم::جيد:::d

^.^

وبتوفيق لك ايضا=)
09-09-2011, 15:57
Hi5five

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

أولاً شكراً عالدعوة الكريمة ...:نوم:

درس رائع ...بفضلة أضفت فرشاة جديدة إلى مجموعة الفرش التي لدي ..::جيد::

شكراً أيها المعلم المحترم...

تطبيقي :

بإضافة بعض اللمسات ...

هنا بإضافة تقنية الدرس إلى تصميم آخر ...

دمتمـــ بخيـــــر

في أمان الله :)
09-09-2011, 21:02
Bisho no Teresa

إقتباس:

حجز:لعق:

تطبيقي:d

شكرا ع الدرس^^
10-09-2011, 17:54
JoHe

» و ع’ـــليك’ـــم آلس’ــلآم و رح’ـــمة آلله و برك’ــآته «

彡شك’ــرآ ليــدر-ســآمآ ع آلترجم’ــه
彡تم آلتطبيــق م’ـع آضآفة فلتر ليع’ــطي لون للفقآع’ــآت
彡آتم’ــنى آن يك’ــون تطبيقي ج’ــيدآ

彡آلتطبيـق..~

彡و بآلتوفــيق

» ف آم’ـــآن آلله «
10-09-2011, 21:17
Jang Bejiita

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

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

أطيب تحية
11-09-2011, 05:57
LONELY_HEART

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

تسلم اليدين ليدر سان
شرح مُتقن خفيف , وفكرة لطيفة وممتعة

التطبيق الأوّلي :
http://www.mexat.com/vb/attachment.p...5&d=1315719924

التطبيق المُصمّم
http://www.mexat.com/vb/attachment.p...4&d=1315719924

:p

Your criticism please ,,
11-09-2011, 19:35
اللوحة الشاحبة

السلام عليكم ورحمة الله وبركاته =)
كيف الحال :D

التطبيق مع القليل والقليل جدًا من الإضافات :D
::..::

وشكرا جزيلًا،كان الدرس جميلًا وبسيطًا كما الشرح =)

والسلام عليكم
12-09-2011, 05:53
×SoFia×

السسلام عليكم :)
الدرس مرره حلو وسهل ومفهوم
مشكور على الشرح الممتع
استمتعت بالتطبيق بكل صراحه :d

دمت برعاية الله
13-09-2011, 05:15
زعيـم العنكبوت

لنا عودة بعد التطبيق آستآذ ليدر =)
13-09-2011, 16:06
Meryl

مابغى مشنقة !

بس شوفوا ليي حلّ :بكاء:

السيريال نمبر خلّص وكلما أحط غيره ما يفيد

وش أسوي ؟

مو قادرة أكمّل الدرس
15-09-2011, 04:43
♥ нɴоо снαɴ

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

درس جميل ونتيجته رآئعه =)

تطبيقي

هنآ

يعطيك آلعآفيه على ترجمة آلدرس وعلى آلشرح آلوآضح
وبآلتوفيق..,

عرض 40 مشاركات من هذا الموضوع في صفحة مستقلة