دروس و مستلزمات [ ورشة عمل فوتوشوب ]

[أنوار]

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

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

و تطبيق الدروس سيكون على هذا الرابط

ورشة عمل فوتوشوب ... أضغط هنــــا (http://t-elm.net/moltaqa/showthread.php?t=14655)

سأضع هنا بعض أساسيات فوتوشوب :

[1]
http://alj0ry.jeeran.com/huyk.gif
/
\
/
\

[2]
http://alj0ry.jeeran.com/jfkkf.gif
/
\
/
\

[3]
http://alj0ry.jeeran.com/kfop.gif
/
\
/
\
[4]

http://alj0ry.jeeran.com/aeae.gif
/
\

[أنوار]

\
/
[1] درس عمل توقيع بسيط ثابت
/
\
التطبيق
http://alj0ry.jeeran.com/sssa.jpg
/
\
/
\
1- فتح صورة جديد New <<< File العرض 468 * الطول 80
2- لإدراج صورة في التوقيع الجديد
أفتح الصورة عن طريق: Open <<< File اختر الصورة التي تريدها
اضغط هنا صورة الوردة (http://alj0ry.jeeran.com/flower_1280_010.jpg)
3- الآن سيكون في نافذة الفوتوشوب نافذة التوقيع و نافذة الصورة
لتصغير حجم الصورة حتى يتناسب مع مقاس التوقيع اتبع الخطوات التالية بعد تحديد نافذة الصورة: من قائمة
Image >>>> Image Size
ستظهر لك نافذة
http://alj0ry.jeeran.com/mkmk.gif
أكتب في خانة Heigh 80 حتى يتناسب الارتفاع مع ارتفاع التوقيع
ملاحظة : عند تغيير أحد البعدين فإن فوتوشوب سيغير البعد التالي تلقائياً
بشرط تحديد خيار Constrain Proportions
4- الآن دور نقل الصورة إلى نافذة التوقيع و توجد عدة طرق منها :
الطريقة الأولى
1- اختر أداة التحريك من شريط الأدوات
2- انقر على الصورة بالزر الأيسر للفأرة و اسحب الصورة إلى نافذة التوقيع.
http://alj0ry.jeeran.com/hghg.gif

/
\
الطريقة الثانية
1- اختر أداة التحديد المربع ( المستطيل ) حدد الصورة
2- ثم من لوحة المفاتيح أضغط زر Ctrl + C
3- ثم حدد نافذة التوقيع و أضغط زر Ctrl + V
http://alj0ry.jeeran.com/ftft.gif
بهذه الخطوة انتهينا من وضع الصورة في التوقيع أغلق نافذة الصورة
/
\
/
\
5- ترتيب الطبقات:
نريد الآن وضع طبقة الخلفية تحت طبقة صورة الوردة إليك الطريقة
حدد طبقة صورة الوردة ( الأصلية )
انقر بالزر الأيسر للفأرة عليها ثم اسحب طبقة صورة الوردة فوق طبقة الخلفية
http://alj0ry.jeeran.com/uyuy.gif
/
\
/
\
6- لحذف خلفية طبقة صورة الوردة ( الأصلية) نتبع هذه الخطوات:
1- حدد أداة العصا السحرية
2- حدد طبقة صورة الوردة ثم انقر على الخلفية من نافذة التوقيع
3- ثم من لوحة المفاتيح Delete
http://alj0ry.jeeran.com/aaa.gif
/
\
/
\
7-تكرار طبقة الصورة:
انقر يمين على طبقة الصورة ( الوردة) و من القائمة اختر أمر Duplicate Layer
http://alj0ry.jeeran.com/erer.gif
/
\
/
\
8-سنعمل الآن على الطبقة المكررة
أجعل شفافيتها 50
http://alj0ry.jeeran.com/aaas.gif
/
\
يتبع >>>>

[أنوار]

/
\

9- حدد الطبقة الأصلية التي سنضيف لها التنعيم ... عن طريق:
افتح قائمة
Filter <<< Blur <<< Gaussian Blur
/
\

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

http://alj0ry.jeeran.com/ewew.jpg

/
\
/

10-وضع خلفية :
1/حدد أداة دلو الدهان من شريط الأدوات
2/انقر رمز اللون الأمامي لاختيار اللون الذي تريد استخدامه
3/ثم انقر داخل طبقة الخلفية في نافذة التوقيع هذه الخطوة ستقوم بتعبئة المنطقة بلون

http://alj0ry.jeeran.com/aass.gif

/
\
/

11- أكتب النص الذي تريده عن طريق أداة النص

http://alj0ry.jeeran.com/asas.jpg

/
\
/

12- لوضع إطار للتوقيع انقر طبقة الخلفية من نافذة الطبقات ثم أتبع الخطوات التالية:

http://alj0ry.jeeran.com/hhhhh.gif

/
\
/

13- حفظ الصورة توجد الخطوات في أول الموضوع .
/
\
/

أخواتي العزيزات أنتظر إبداعاتكن و أي سؤال أنا في الخدمة

تم بحمد الله

[أنوار]

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

حياكن الله أخواتي العزيزات : )

في درسنا القادم سنحتاج لهذا النوع من الاستايلات لعمل إطار منقط للتوقيع
http://bsa6.com/up/pic/hyy.jpg
اضغط هنــــا (http://up.up700.com/view.php?file=991fb5c788)

بعد تحميل الملف و فك الضغط عنه توجد طريقتين للتركيب:

الأولى: ضع الاستايل الذي تم تحميل داخل ملفات الفتوشوب (أي المجلد الخاص به)
http://alj0ry.jeeran.com/asl.gif

/
\
/
\
/
\

بعد فتح الفوتوشوب ستجد الملفات هنا:
http://alj0ry.jeeran.com/styles1.gif

/
\
/
\
/
\

الثانية: إذا تم حفظ الاستايلات داخل مجلد مثل المستندات أو أي مكان آخر من اختيارك

http://alj0ry.jeeran.com/loadstyies.gif

ستظهر لك نافذة حتى تختار مكان الملف و من ثم استخدامه داخل نافذة الفوتشوب

/
\
/
\
/
\

إذا كانت نافذة الاستايل غير موجودة داخل الفوتوشوب اتبع الخطوات التالية:

http://alj0ry.jeeran.com/wnd.gif

[أنوار]

[2] درس عمل توقيع متحرك من لونين للنص

التطبيق

http://bsa6.com/up/pic/ggf.gif

\
/
\
/
\
/

1- فتح ملف جديد العرض 468 * الطول 100

2-رسم شكل

انقر أداة الأشكال من صندوق الأدوات

http://alj0ry.jeeran.com/sss.gif
/
\
/
http://alj0ry.jeeran.com/dhfd.gif
/
\
/

انقر و اسحب لرسم الشكل

http://alj0ry.jeeran.com/hdiuf.gif
\
/
\
/
\
/

3- كرر طبقة الشكل .... الخطوات في الدرس الأول ( اضغط يمين على طبقة الشكل من نافذة الطبقات و من القائمة اختر Duplicate Layer)

/
\
/

4- إضافة صورة ( الخطوات في الدرس الأول )

http://alj0ry.jeeran.com/ddff.gif
/
\
/

5- ترتيب الطبقات ( الخطوات في الدرس الأول ) بحيث تكون طبقة الصورة بين طبقة الشكل و الطبقة الشكل المكرر

/
\
/

6 - حدد طبقة الشكل المكرر من نافذة الطبقات ثم اختر الاستايل المناسب لك
سيتحول الشكل إلى حدود منقطة

http://alj0ry.jeeran.com/gfdd.gif

/
\
/

7- حدد طبقة الصورة من ثم اضغط من لوحة المفاتيح
Ctrl + G حتى تأخذ الصورة مقاس الشكل

ملاحظة : لفك التجمع من لوحة المفاتيح
Shift + Ctrl + G

http://alj0ry.jeeran.com/ffg.gif
/
\
/

8- اكتب نص بأي لون مناسب لك
/
\
/

9- حدد طبقة النص من نافذة الطبقات و أضف له تأثير الظل
http://alj0ry.jeeran.com/f5.jpg
/
\
/
http://alj0ry.jeeran.com/f6.jpg

ملاحظة : تستطيع التغيير في الإعدادات على حسب ما يناسبك من شكل الظل

/
\
/

10-كرر طبقة النص و اختر له لون آخر و ذلك عن طريق تظليل النص و من ثم من مربع الألوان اختر ما يناسبك
/
\
/

11- حتى ننتقل إلى نافذة Image Ready اضغط زر الانتقال الموجود في الفوتوشوب ضمن شريط الأدوات
http://alj0ry.jeeran.com/fgg.jpg
/
\
/

[أنوار]

/
\
/
التعرف على نافذة Image Ready

http://alj0ry.jeeran.com/ddw.gif
/
\
/
\
/
\
/
1- بعد التحول إلى Image Ready سنجد إطار واحد يحتوي على جميع الطبقات في نافذة Animation

اضغط على زر إطار جديد و من ثم اتبع التالي:
/
\
/
حدد الإطار الأول


http://alj0ry.jeeran.com/hju.gif
/
\
/
حدد الإطار الثاني


http://alj0ry.jeeran.com/fhgk.gif
/
\
/
ملاحظة : لمشاهدة الحركة قبل الحفظ اضغط على الزر تشغيل
/
\
/

احفظ التوقيع

http://alj0ry.jeeran.com/gg.gif

حياكن الله أخواتي العزيزات و أي سؤال أنا في الخدمة

[أنوار]

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

حياكن الله أخواتي العزيزات : )

في درسنا القادم سنحتاج لهذا النوع من الباترن

http://alj0ry.jeeran.com/smexy.gif

أضغط هنـــــا (http://up.up700.com/view.php?file=4a2058636a)

بعد تحميل الملف و فك الضغط عنه توجد طريقتين للتركيب:

الأولى: ضع الباترن الذي تم تحميل داخل ملفات الفوتوشوب (أي المجلد الخاص به)

http://up.up700.com/uploads/images/Up700.com-c6838b8ceb.gif

بعد فتح الفوتوشوب ستجد الملفات هنا:

http://alj0ry.jeeran.com/paaa.gif

hr

الثانية: إذا تم حفظ الباترن داخل مجلد مثل المستندات أو أي مكان آخر من اختيارك

http://alj0ry.jeeran.com/pattt.gif

ستظهر لك نافذة حتى تختار مكان الملف و من ثم استخدامه داخل نافذة الفوتوشوب

في حفظ المولى

[أنوار]

\
/

http://bsa6.com/up/pic/jjgjg.gif

هذا 30 إطار :)

\
/

http://bsa6.com/up/pic/ghgh.gif

هذا 15 إطار :)

[أنوار]

[3] درس نص متحرك اللون


1- أفتح ملف جديد ( 450 * 100 ) أو أي مقاس مناسب لك


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

http://alj0ry.jeeran.com/gradient.gif

\
/
\
/

3- إنشاء طبقة جديدة ( الطريقة موجودة في أول الموضوع ضمن بطاقة العمل مع الطبقات)
و من قائمة Edit ( تحرير ) أختر أمر Fill ( تعبئه ) حتى نضيف الباترن للطبقة

http://alj0ry.jeeran.com/pattern.gif
شفافية الطبقة 25% أو ما يناسبك

\
/
\
/

4/ ضع صورة في التوقيع ( سبق شرح الطريق في الدروس السابقة )

\
/
\
/

5- حدد طبقة الصورة و من ثم:

أ/ انقر أداة القناع لوضع قناع على الصورة
ب/ انقر أداة التدرج اللوني في هذه الخطوة
سيختلف دور التدرج اللوني عن الخطوة السابقة
هنا سيؤدي إلى إخفاء أجزاء من الصورة بطريقة ناعمة و شفافة .
ج/ انقر و اسحب داخل نافذة العمل حتى تصل إلى الشكل الذي ترغب به

http://alj0ry.jeeran.com/grad.gif
\
/
\
/

6- أكتب النص الذي تريده
\
/

7-ارسم شكل مستطيل و اختر له لون يتناسب مع النص
حدد طبقة الشكل ( المستطيل ) ثم من لوحة المفاتيح Ctrl+G
هذه الخطوة ستجعل النص الموجود في الطبقة السابقة يأخذ لون المستطيل

http://alj0ry.jeeran.com/gggr.gif
\
/
\
/

hr

8- حتى ننتقل إلى نافذة Image Ready اضغط زر الانتقال الموجود في الفوتوشوب ضمن شريط الأدوات

http://alj0ry.jeeran.com/fgg.jpg

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

http://alj0ry.jeeran.com/ation.gif
\
/
\
/

http://alj0ry.jeeran.com/animation.gif

ملاحظة : طريقة أخرى لتحريك المستطيل أضغط على المستطيل في نافذة العمل مع الضغط على Shift من لوحة المفاتيح و تحريك الفأرة إلى نهاية النص

\
/
\
/

http://alj0ry.jeeran.com/tweens.gif

[ 15 إطار ] ستكون الحركة سريعة
و كل ما زاد العدد أثر ذلك على سرعة الحركة

http://bsa6.com/up/pic/ghgh.gif
15 إطار

http://bsa6.com/up/pic/jjgjg.gif
30 إطار

أنتظر إبداعاتكن

أخواتي العزيزات سأرد عليكن غداً صباحاً بإذن الله

[أنوار]

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

بعد تحميل الأشكال ( Custom Shape ) و فك الضغط عنها توجد طريقتين للتركيب :

الطريقة الأولى : داخل المجلد الخاص به ...

http://alj0ry.jeeran.com/ghh.gif

و بعد فتح برنامج فوتوشوب ستجد الملفات هنا ضمن القائمة :

http://alj0ry.jeeran.com/hffkk.gif



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



الطريقة الثانية: إذا تم حفظ ملف الأشكال داخل مجلد مثل المستندات أو أي مكان آخر من اختيارك

http://alj0ry.jeeran.com/hfj.gif

ستظهر لك نافذة لإحضار ملف الأشكال الذي قمت بتحميله


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


و إليكم الهدية : )


الخط من تصميم المصمم والخطاط محمد أحمد الأغا مصمم خطوط AGA
عبارة عن عبارات ومخطوطات إسلامية تتميز بدقة متناهية في الرسم
وهي مقسمة إلى خمس مجموعات من Custom Shapes

المجموعة الأولى : AGAislamic1

http://www.tech4c.org/uploader/uploads/AGAislamic1.jpg


للتحميل اضغط هنـــــــــــا بارك الله فيك (http://www.4shared.com/file/18769831/13cb74f3/JT33_AGAislamic1.html)


و حــــياكن الله

[أنوار]

درسنا اليوم عن استخدام الجليتر في التصاميم

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

نماذج على ذلك :

http://alj0ry.jeeran.com/vvff.gif

بالخلفية


http://alj0ry.jeeran.com/gggh.gif

بدون خلفية


http://alj0ry.jeeran.com/hdkf.gif

الجليتر مع القصاصات ( السكرابز )

موقع جليتر اضغط هنـــا (http://www.jewelsuae.com/psd/Mustalzamat/Glitter/GlitterMain.htm)

موقع جليتر اضغط هنــــا (http://www.wtv-zone.com/aylana/bringontheglitter/bringontheglitter-1.html)


حمل الجليتر إلى جهازك و بعد ذلك أتبع الخطوات

http://alj0ry.jeeran.com/hgdf.jpg


و حيـــاكن الله

[أنوار]

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

http://alj0ry.jeeran.com/jkvv.jpg

http://alj0ry.jeeran.com/hfggf.jpg

http://alj0ry.jeeran.com/hgyu.jpg

و حيــاكن الله يا مصممات : )

[أنوار]

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

حيـــــاكن الله أخواتي العزيزات و أسعد الله أيامكن بكل خير

درسنا اليوم هو الدرس الأخير في الورشة [ 5 ] إضافة تأثيرات للصورة

سيكون العمل فقط في برنامج الفوتوشوب

http://alj0ry.jeeran.com/jjuuf1ff.gif

الصورة موجودة ضمن موضوع أختنا أم الخير الله يجزاها كل خير

للتصميم الراقي! (http://t-elm.net/moltaqa/showthread.php?t=15563)

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

[ 5 ] إضافة تأثيرات للصورة

1- أفتح صورة ( الطريقة في الدرس الأول )

2- تعديل ألوان الصورة ( هذه الخطوة ستغير لك ألوان الصورة )

http://alj0ry.jeeran.com/oh55.gif

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

http://alj0ry.jeeran.com/oh525.gif

4- فلتر Add Noise يقوم بإضافة تأثير التنقيط إلى الصورة

http://alj0ry.jeeran.com/oh515.gif

5- أكتب أي نص يناسب الصورة

شكل التطبيق

http://alj0ry.jeeran.com/hgiodd.jpg

ملاحظة :في الخطوة الثانية توجد عدد من الأوامر مثل Levels هذا الأمر يتحكم في نسب الإضاءة في الصورة و أيضاً Brightness/Contrast لتغيير درجة افضاءة و التباين في الصورة

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

http://bsa6.com/up/pic/7854.gif

في حفظ المولى : )