(الدرس الثالث) : صنع الخلفيات

الحالة
مغلق و غير مفتوح للمزيد من الردود.

درّة الأحساء

جُهدٌ لا يُنسى
(الدرس الثالث) : صنع الخلفيات

post-110000-1284370665.gif

الدرس الثالث
[ .. صُنـــــع الخلفيــــات .. ]


post-110000-1284370675.gif



في هذا الدرس سننتقل إلى التطبيق العملي نوعاً ما ..


وقبل البدء لابد أن نعرف جميعاً أنه لكل مصممة أسلوبها في التصميم الذي يختلف مع غيرها ..


لذلك غالباً ما يكون لكل مصممة بصمتها في تصاميمها تُعرف عن بُعد

،،


post-110000-1284370675.gif



أما درسنــا اليوم فهو بعنوان:


[ .. صُنـــــع الخلفيــــات .. ]


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


سنأخذ طريقتين في إنشاء الخلفيات في هذا الدرس وسيكون لنا درسين قادمين عن الخلفيات بإذن الله ..


post-110000-1284370675.gif




الطريقة الأولى:


(( صنع خلفية من أصل صورة ))


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


وتكون الطريقة كالآتي/


اخترت لكم هذه الصورة



1.gif



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


2.gif



تكون الإعدادت كالآتي:


3.gif



ثم نذهب لقائمة ( Layers ) ونضاعف الشفيفة


4.gif



ونغير حسب الصورة:


5.gif



النتيجة النهائية بعد التأثير:


6.gif



ستخرج لنا بعد كتابة أي عبارة بهذه الصورة:


7.gif



بإمكاننا قص جزء من التصميم كي يصبح على شكل توقيع مثلاً .. بهذه الطريقة:


8.gif



فيصبح لدينا توقيع باسم ( أخوات طريق الإسلام ) بأبسط الطرق:


9.gif



بإمكاننا تغيير الألوان حسب الرغبة بهذه الطريقة/



ننشئ لير أو شفيفة جديدة بالنقر على أيقونة إنشاء لير جديدة بهذه الطريقة:


10.gif



ثم نختار اللون بالنقر على المربع الأبيض كما هو موضح:


11.gif



سيظهر لنا مربع الألوان .. نختار منه اللون المناسب


12.gif



نضغط بعد ذلك على زر ctrl+ delete ليتم تعبئة اللير باللون المختار


13.gif



نختار صيغة اللير حتى يعطي ما تحت نفس لونه:


14.gif



سيظهر لنا الشكل النهائي بعد تغيير اللون:


15.gif



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



post-110000-1284370675.gif



الطريقة الثانية:


وهي طريقة سهلة ومميزة في نفس الوقت ..


نحتاج فيها إلى صورة جاهزة لتكون الخلفية على شكل هذه الصورة ..


تابعوا معنا الشرح:


( ملاحظة: سنختصر بعض الخطوات التي تم شرحها في الطريقة الأولى )


نفتح ملف جديد بأي مقاس نريد
16.gif



ننشئ لير جديد ونختار لون ثم نصبغ اللير بهذا اللون
17.gif



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



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


19.gif



نغير نظام الصورة إلى Overlay كما هو موضح في الصورة


20.gif



سيخرج لنا التصميم بهذا الشكل:


21.gif



ويكون الشكل النهائي هكذا


22.gif



post-110000-1284370675.gif



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


الدرس الأول: شـرح القوائم والأدوات والإختصـــارات



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


الدرس الثاني: الألــــوان المتناسقة وكيفية اختيارهـــا


post-110000-1284370675.gif



00 مجموعة من الصور المميزة 00

نزلت لكم في القسم موضوع يحتوي على :

صور منوعة: يساعدكم في تطبيق الدرس الأول.
صور الخلفيات أو بشكل أدق "الباترونات" : يساعدكم في تطبيق الدرس الثاني.


post-110000-1284370675.gif



post-110000-1284370675.gif



موعدنا بإذن الله في الدرس الرابع بعنوان (( 00 الاستفــادة من الفلاتــر في الخلفيـــات 00))




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


post-110000-1284370684.gif



 
التعديل الأخير بواسطة المشرف:
الواجب :

1. انشئي خلفيتين ، بمقاس 600×800 بيكسل ، أحدهما بالطريقة الأولى ، والأخرى بالطريقة الثانية ؟

2. جربي عمل عينات بالفلاتر بحجم 200×200 بيكسل ، جربي عمل تأثيرين بالفلاتر .

:)

تم بحمد الله ..
ملاحظة : الدروس منقولة من منتدى أخوات طريق الإسلام
 
التعديل الأخير بواسطة المشرف:
السلام عليكم و رحمة الله و بركاته ..
جزاكِ الله خيراا معلمتنا الغالية ...درس جميل جداا و ان شاء الله يكون تطبيقه سهل ..فقط روابط التحميل لا تعمل معي و غير مفعله عندي لا اعلم ما السبب وجزاكم الله خيراا ..ولي عودة ان شاء الله بعد تحضير الواجب ..احبكم في الله
 
1
460_01294392999.png


. انشئي خلفيتين ، بمقاس 600×800 بيكسل ، أحدهما بالطريقة الأولى ، والأخرى بالطريقة الثانية ؟

الطريقة الأولى :

الصورة

JbN17407.jpg


الخلفية

Nto17074.jpg


..

الطريقة الثانية :

الصورة

n7417074.jpg


الخلفية

JMh17074.jpg



..


2. جربي عمل عينات بالفلاتر بحجم 200×200 بيكسل ، جربي عمل تأثيرين بالفلاتر .

العينة الأولى :

N1a17074.jpg




العينة الثانية :

Co717074.jpg



..


جزيتِ خيرًا أستاذة درة :icony6:
 
التعديل الأخير بواسطة المشرف:
460_01294392999.png
460_01295043235.png


السلام عليكم ورحمة الله وبركاته
حل الواجب يا غالية
1. انشئي خلفيتين ، بمقاس 600×800 بيكسل ، أحدهما بالطريقة الأولى ، والأخرى بالطريقة الثانية ؟
الطريقةالأولى
الصورة



الخلفية



الطريقة الثانية
الخامة


الخلفية

2. جربي عمل عينات بالفلاتر بحجم 200×200 بيكسل ، جربي عمل تأثيرين بالفلاتر .


الفيلتر الأول




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

جزاكِ الله خيرا وبارك فيكِ
دُرة
icon55.gif


 
التعديل الأخير بواسطة المشرف:
460_01294392999.png


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

الصورة بعد تطبيق الطريقة الاولى

الخامة المستخدمة

بعد استخدام الطريقة الثانية

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


الصورة الاصلية الثانية قبل الفلتر

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

درس جمييييل :)

جزاكِ الله خيرًا مُعلمتنا الحبيبة دُرة الأحساء

لي عودة بالتطبيق بإذن الله

icon54.gif
 
460_01294392999.png
460_01295043235.png



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


مـرحباً بعودتكِ أختي دُره الأحســــاء..
وسلمتِ على الدروس الأكثر من رائعــة

icon185.gif



1xcglm16.jpg


المطلب الأول


خلفيــة بالطريقــة الأولى
باستخدام فلتر blur-motion

الصوره قبـل

1ghbnt16.jpg


الصوره بعد التــأثيــر


1knlsr16.jpg



الصـورة بعد تغييـــر اللون


1drqob16.jpg



خلفيــــة بالطريقــة الثــانيــة


الخـامــة المستخدمــة



1ndsic16.jpg




الخلفيـــــة الناتجــة



1dftro16.jpg


سأكمل المطلب الثــاني بمشيئة الله فيما بعد

الإتصال سيئ والصور لاتظهر :wacko:
 
التعديل الأخير بواسطة المشرف:
تتمـة


المطلب الثــاني

عمل خلفيات باستخدام الفلاتر

الصوره الأولى عمل يدوي 100%:)
الصـوره قبـل استخدام الفلتر

1qcsbu16.jpg


بعــد الفلتــــــر

distor+shear

1ncwor16.jpg

الخلفيــة الثانيـــــــة


قبـــل الفلتر

1ytscg16.jpg

بعد الفلتــر

render+fibers

1kqojy16.jpg


والثــالثة ثابتـــــه^.^

عجبتنا الشغلــه :)

1sjqzv16.jpg


بعــــد الفلتـــر

blur+radial blur

1wsqgm16.jpg



تم بحمد الله
 
التعديل الأخير:

ماشــاء الله تطبيقاتكم رائعة :)
ربي يبـــارك



وهذه تطبيقاتي للدرس فعلتها على عجل :blink:



تطبيقي للطريقة الأولى في صنع الخلفيات :


01ewpvt16.gif




تطبيقي للطريقة الثانية :


01gsiru16.gif




- جربي عمل عينات بالفلاتر بحجم 200×200 بيكسل ، جربي عمل تأثيرين بالفلاتر .

العينة الأولى :

قبل الفلتر :

01nlhyv16.gif



بعد الفلتر :

Texture << craquelure

01lzndu16.gif



العينة الثــانية :

قبل الفلتر :


01zhsdx16.gif



بعد الفلتر :

distor << ripple

01fhlsx16.gif





انتهيت ولله الحمد :)
 
1
460_01294392999.png


. انشئي خلفيتين ، بمقاس 600×800 بيكسل ، أحدهما بالطريقة الأولى ، والأخرى بالطريقة الثانية ؟

الإجابة
بسم الله الرحمن الرحيم

1/ بالطريقة الأولى
الصورة قبل

1bjqep16.png


الصورة بعد

1jcbmp16.png



إخراجها على شكل توقيع
1lhyav16.png



الطريقة الثانية

الخامة المستخدمة
1mnqja16.png

بعد التطبيق

1prvcq16.png


إجابة السؤال الثاني
جربي عمل عينات بالفلاتر بحجم 200×200 بيكسل ، جربي عمل تأثيرين بالفلاتر

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

هنا جربت فلتر Noise واخترت منه AddNoise
1ovjiz16.png


وهنا جربت فلتر pixelate واخترت منه Mezzotint

1ybgis16.png


وهنا جربت تأثير Blur Radial Blur

1xohqd16.png


وهنا جربت تأثير other وخترت منه Highpass

1dvwsy16.png


والحمد لله إن أصبت فمن الله وإن أخطأت فمني ومن الشيطان
وجزاكم الله خير الجزاء

:icony6: :icony6: :icony6: :icony6:
 
التعديل الأخير بواسطة المشرف:
هنا الصور التي لم تظهر
هنا جربت فلتر Noise واخترت منه AddNoise
1ovjiz16.png


وهنا جربت فلتر pixelate واخترت منه Mezzotint

1ybgis16.png


إن شاء الله تكون ظهرت
 
460_01294392999.png

انشئي خلفيتين ، بمقاس 600×800 بيكسل ، أحدهما بالطريقة الأولى ، والأخرى بالطريقة الثانية ؟


الخلفية الأولى




الخلفية الثانية





إجابة السؤال الثاني
جربي عمل عينات بالفلاتر بحجم 200×200 بيكسل ، جربي عمل تأثيرين بالفلاتر


باستخدام فلتر texture----patchwork






باستخدام فلتر Blur----Radial


 
التعديل الأخير بواسطة المشرف:
1. انشئي خلفيتين ، بمقاس 600×800 بيكسل ، أحدهما بالطريقة الأولى ، والأخرى بالطريقة الثانية ؟


top4top_4dfb991acf5.jpg


قبل
top4top_4dfb991acf3.jpg



top4top_764c5be2056.gif



الخلفيه قبل
top4top_4dfb991acf1.jpg






2. جربي عمل عينات بالفلاتر بحجم 200×200 بيكسل ، جربي عمل تأثيرين بالفلاتر .

top4top_4dfb991acf2.jpg
top4top_764c5be2057.jpg

top4top_4dfb991acf4.jpg
بعد
 
460_01294392999.png


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

بارك الله فيكِ أخيّتي درّة الأحساء وكتب أجركِ.

وبارك في أخيّاتي الغاليات هُنا.

أحبّ أن أذكُر أنّ الموقع كان لا يسمح لي بالدّخول،
أي أنّه كانت تظهر لي صفحة بيضاء.

والحمد لله تعالى أن يسّر لي تطبيق الدّرس.

الواجب :

1. انشئي خلفيتين ، بمقاس 600×800 بيكسل ، أحدهما بالطريقة الأولى ، والأخرى بالطريقة الثانية ؟

الأولى ( باستحدام صورة ):

الصورة:

1t291007775959410.png


التطبيق:

1t1291006614488501.png


.......................................................

الثّانية ( باستخدام خامة ):


الخامة:

2t2910131193108755.png


التطبيق:

2t22910121005960663.png


>>>>>>>>>>>>>>>>>>>>

2. جربي عمل عينات بالفلاتر بحجم 200×200 بيكسل ، جربي عمل تأثيرين بالفلاتر .

العينة قبل تطبيق الفلتر:

3t291008801640599.png


العينة بعد تطبيق فلتر (Distort > Ocean Ripple):


3t3291009634883790.png


...............................................

العينة قبل تطبيق الفلتر:


4t291010350974850.png


العينة بعد تطبيق فلتر (Rendr< Lighting effects):


4t4291011463886367.png


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

1. انشئي خلفيتين ، بمقاس 600×800 بيكسل ، أحدهما بالطريقة الأولى ، والأخرى بالطريقة الثانية ؟
الطريقه الاولى
al-triqh-al-aoli.jpg
[/url][/IMG]
2. جربي عمل عينات بالفلاتر بحجم 200×200 بيكسل ، جربي عمل تأثيرين بالفلاتر
 
الحالة
مغلق و غير مفتوح للمزيد من الردود.
عودة
أعلى