تعلم الفتوشوب خطوة بخطوة [الأرشيف]

خواف

04-09-2007, 11:54 PM

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

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

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

و من اليوم ح بدا في شرح الادوات
جزء بجزء
و الشكر الكبير لمن علمني الشرح التالي
ربنا يجزية عني كل خير

درس صندوق أدوات الفتوشوب من أهم الدوس لذا قمت بتقسيمه ، وفي القسم الأول سندرس أداه التحريك الأساسية ، الأداة السحرية للتحديد ، أدوات قص الصور ( للإنترنت ) ، أدوات التحديد المنتظم ، أدوات التحديد الحر و أداة القص كما في الصورة ..

لاحظ أنه عند تفعيل أي أداة يظهر شريط في أعلى الصفحة يكون هذا الشريط للتحكم في اعدادات الأداه كما سيأتي شرحه ..

http://up20.net/uploads/a08f13f9a5.gif (http://up20.net/)

أداة التحريك الأساسية

http://up20.net/uploads/96271feb89.gif (http://up20.net/)

وهي تستخدم لتحريك الطبقات من مكان لمكان داخل التصميم ، ومن أهم ملامح شريط أداه التحديد ما يأتي :

Auto Select Layer : لا تستطيع أن تحرك الطبقة دون تحديدها ، لكن مع هذا الخيار تستطيع الضغط على الطبقة وتحريكها كما هو الأمر مع أي برنامج .

Show Bounding Box : لوضع مربع تحديد حول الطبقة المنشطة .

أما بقية الأزرار تستخدم لــترتيب الأدوات في خط واحد ( ارسم ثلاثة دوائر ثم طبق هذه الأدوات لتحصل على النتيجة ) .

http://up20.net/uploads/ba027059fa.gif (http://up20.net/)

أدوات التحديد المنتظم

http://up20.net/uploads/1d638b1a28.gif (http://up20.net/)

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

http://up20.net/uploads/f2f4a2a2f4.gif (http://up20.net/)

http://up20.net/uploads/158c5371c9.gif (http://up20.net/)http://up20.net/uploads/1d638b1a28.gif (http://up20.net/)

هذا الخيار لعمل تحديد مربع بالضغظ على Shift مع رسم التحديد ، أو مستطيل الشكل كما تريد

http://up20.net/uploads/e809e73d20.gif (http://up20.net/)
http://up20.net/uploads/b8da89cb81.gif (http://up20.net/)

هذا لعمل تحديد دائري بالضغظ على Shift مع رسم التحديد ، أو بيضاوي الشكل كما تريد

http://up20.net/uploads/0a168820ce.gif (http://up20.net/)
http://up20.net/uploads/88404d7c96.gif (http://up20.net/)

وهذا الخيار لعمل خط عرضي مقداره واحد بكسل

http://up20.net/uploads/b0a49f3fec.gif (http://up20.net/)
http://up20.net/uploads/eee4938c45.gif (http://up20.net/)

أما هذا لعمل خط طولي مقداره واحد بكسل

أما شريط خيارات الأداة سيظهر كما في الصورة :

http://up20.net/uploads/93d3b4081b.gif (http://up20.net/)

ويحتوي على

http://up20.net/uploads/e7cad97165.gif (http://up20.net/)
http://up20.net/uploads/4c706a72de.gif (http://up20.net/)

هذا الخيار الاساسي والذي يظهر الأدوات كما في الصور السابقة

http://up20.net/uploads/3e10c7b9e9.gif (http://up20.net/)
http://up20.net/uploads/ae3ee70b7b.gif (http://up20.net/)

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

http://up20.net/uploads/3e6951eead.gif (http://up20.net/)
http://up20.net/uploads/7c72ab7741.gif (http://up20.net/)

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

..

أما خيار Feather فيحتوي على درجة دقة الحد ، انظر إلى المثال الأول فقد كانت الدقة صفر أما المثال الثاني فقد كانت الدقة فيه ثلاثة ، اعتقد أن الفرق واضح :

http://up20.net/uploads/f0b946a0fb.gif (http://up20.net/)

http://up20.net/uploads/7374a196e3.gif (http://up20.net/)

يتبع..

خواف

04-09-2007, 11:56 PM

الجزء الثاني من شرح ادوات الفتوشوب
و الله ولي التوفيق

العصا السحرية

http://up20.net/uploads/bef4cd3719.gif (http://up20.net/)

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

http://up20.net/uploads/965966ff00.gif (http://up20.net/)

http://up20.net/uploads/7586212356.gif (http://up20.net/)

أما بالنسبة لشريط التحكم فهو مشابه لسابقه تقريباً الفرق الوحيد في Tolerance وهي دقة اخيار الوان التحديد

http://up20.net/uploads/a75c277ce2.gif (http://up20.net/)

وهنا ناتي الي أدوات التحديد الحر

http://up20.net/uploads/9c96d80ed2.gif (http://up20.net/)

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

http://up20.net/uploads/47c56976b6.gif (http://up20.net/)

والان ناتي الي الشرح بالتفصيل

http://up20.net/uploads/77de745948.gif (http://up20.net/)

http://up20.net/uploads/a4c3f3c246.gif (http://up20.net/)

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

http://up20.net/uploads/f5d444cf28.gif (http://up20.net/)

http://up20.net/uploads/02516a991e.gif (http://up20.net/)

لتقوم برسم تحديد بالخطوط المستقيمة كما في الشكل

http://up20.net/uploads/f6c4b4f9e2.gif (http://up20.net/)

http://up20.net/uploads/78eed9630c.gif (http://up20.net/)

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

....

بالنسبة لشريط الاعدادات الخاص بأدوات التحديد الحر فهي تشبه شريط الاعدادات الخاص بـــأدوات التحديد المنتظم ..

http://up20.net/uploads/aa4c115f06.gif (http://up20.net/)

والان ناتي الي أدوات قص الصور ( لمواقع الإنترنت )

http://up20.net/uploads/0ddbc4a32e.gif (http://up20.net/)

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

قم بتفعيل أداة قص الصور

http://up20.net/uploads/0ddbc4a32e.gif (http://up20.net/)

و إذا اردت أن تعدل مكان أو حجم أي من القصاصات حدد القصاصة بواسطة

http://up20.net/uploads/12cdbbb88f.gif (http://up20.net/)

بعد اتمام عملك تستطيع القيام بحفظ القصاصات كصفحة ويب من [ File > Save for *** ] لتصبح النتيجة النهاية

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

والان مع أداة القص

http://up20.net/uploads/4e81c1fb10.gif (http://up20.net/)

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

http://up20.net/uploads/0e00d87ccf.gif (http://up20.net/)

http://up20.net/uploads/64d9addf6a.gif (http://up20.net/)

و الان انتهي الجزء الثاني
و في الجزء القادم

ح ندرس صندوق أدوات الفتوشوب ، وسندرس في هذا الجزء أدوات الرسم ، أدوات الدمج والتعديل على الصور ، أدوات التعبئة ، الممحاة ، تأثيرات الصور ، تأثيرات الدمج والحدة ..

http://up20.net/uploads/ee0694608b.gif (http://up20.net/)

خواف

04-09-2007, 11:57 PM

الجزء الثالث من شرح ادوات الفتوشوب
و الله ولي التوفيق

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

http://up20.net/uploads/9783bc9997.gif (http://up20.net/)

أدوات الرسم : وهي أدوات للرسم على الطبقات وتتكون من
http://up20.net/uploads/9b50794828.gif (http://up20.net/)
الأداة الفرشة و
http://up20.net/uploads/4abdc604a2.gif (http://up20.net/)
أداة قلم الرصاص .. كما في الصورة ..
http://up20.net/uploads/8088e0db69.gif (http://up20.net/)

أما شريط الإعدادات فيحتوي على Brush وهو حجم رئس الفرشة أو قلم الرصاص وشكله وحدة اطراف الرئس

http://up20.net/uploads/769cfcc24c.gif (http://up20.net/)

أدوات تعديل الصور : لتعديل بعض تفاصيل الصور :

http://up20.net/uploads/7ab876c134.gif (http://up20.net/)

http://up20.net/uploads/c4fade634c.gif (http://up20.net/)

فرشة تعديل اللون : لقد قمنا باختيار اللون الأحمر من قائمة الألوان قم قمنا بتمرير هذه الفرشة على اللون الأزرق فتحول إلى الأحمر كما ترون .. فهي من الافكار المفيدة جداً في تغيير لون العين وما إلى ذلك

http://up20.net/uploads/8acf5a13ca.gif (http://up20.net/)

http://up20.net/uploads/53e76bbd5a.gif (http://up20.net/)

أما عن شريط الإعدادات فله نفس شكل اداة الفرشاة العادية تقريباً

http://up20.net/uploads/3fb1ff01cf.gif (http://up20.net/)
الرُقعة : وهي لحذف الزوائد من الصورة قم بتحديد الشكل ثم اسحبه لمكان يناسبة من ناحية درجة اللون لتكون النتيجة هكذا ..

http://up20.net/uploads/e461530cf8.gif (http://up20.net/)

http://up20.net/uploads/5708ef399d.gif (http://up20.net/)

أدوات العبئة : لاضافة الألوان للصورة

http://up20.net/uploads/5cdd1dd9a9.gif (http://up20.net/)

استخدام هذه الأدوات سهل إلى حد ما فاستخدام
http://up20.net/uploads/d3b94259b1.gif (http://up20.net/)
العلبة الألون بالضغط في المكان المراد تعبئته أما استخدام
http://up20.net/uploads/05a7b19e94.gif (http://up20.net/)
أداة التدريج سيكون بالضغط على التدريج الموجود في شريط الاعدادات

http://up20.net/uploads/6888adef1c.gif (http://up20.net/)

ستظهر لك النافذة التالية :

http://up20.net/uploads/0e2395ac67.gif (http://up20.net/)

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

http://up20.net/uploads/c951093f0a.gif (http://up20.net/)

قمنا باضافة
http://up20.net/uploads/25286324dd.gif (http://up20.net/)
لون جديد بالضغط على طرف شريط الألوان ، بنفس الطريقة تستطيع أن تضيف أي عدد من الألوان كما يوجد العديد من الخيارات التي يمكن الاستفادة منها في هذه النافذة

خواف

04-09-2007, 11:58 PM

الجزء الرابع من شرح ادوات الفتوشوب
و الله ولي التوفيق

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

http://up20.net/uploads/34fbc67bad.gif (http://up20.net/)

http://up20.net/uploads/6710a8758f.gif (http://up20.net/)

http://up20.net/uploads/b3069685ef.gif (http://up20.net/)

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

http://up20.net/uploads/f59008df8f.gif (http://up20.net/)

http://up20.net/uploads/0f8ab410f7.gif (http://up20.net/)

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

http://up20.net/uploads/e72070951b.gif (http://up20.net/)

http://up20.net/uploads/0cc68fc39c.gif (http://up20.net/)

الممحاة السحرية تشبة العصا السحرية في طريقة عملها
,,,,

تدريجات الصور : تأثيرات على الصور ، تابع النماذج :

http://up20.net/uploads/6f1ebee1fb.gif (http://up20.net/)

http://up20.net/uploads/ae3a606a30.gif (http://up20.net/)

http://up20.net/uploads/43553e49fe.gif (http://up20.net/)

لاحظ أن الصورة قلت كثافتها ( كل ما قمنا به هو تمرير هذه الأداة فوق الصورة )

http://up20.net/uploads/1174438f58.gif (http://up20.net/)

http://up20.net/uploads/6cf6da5eda.gif (http://up20.net/)

لاحظ أن الصورة تميل إلى الغروب ( كل ما قمنا به هو تمرير هذه الأداة فوق الصورة )

http://up20.net/uploads/5901484337.gif (http://up20.net/)

http://up20.net/uploads/4b9a0b1efa.gif (http://up20.net/)

أما هذه فتجعل الصورة تبهت أيضا قمنا بتمرير الاسفنجة على الصورة فقط
,,,,,,,,,,,,,,,

تدريجات الصور : تأثيرات على الصور ، تابع النماذج :

http://up20.net/uploads/4cc6a89f62.gif (http://up20.net/)

http://up20.net/uploads/12cd268b89.gif (http://up20.net/)

http://up20.net/uploads/88e7daec50.gif (http://up20.net/)

لاحظ النعومة في الصورة ، طبعاً تستطيع عملها في جزء من الصورة فقط مررها على الجزء

http://up20.net/uploads/6123c1a793.gif (http://up20.net/)

http://up20.net/uploads/af7e4b4af9.gif (http://up20.net/)

حدة للصورة كما قلنا سابقا تستطيع وضعها لجزء معين من الصورة

http://up20.net/uploads/b5a4d12d46.gif (http://up20.net/)

http://up20.net/uploads/8a25de12ed.gif (http://up20.net/)

أداة لسحب الصورة

خواف

04-09-2007, 11:59 PM

الجزء الخامس من شرح ادوات الفتوشوب
ولم يتبقي لنا الا جزء اخر في هذا الجانب
و الله ولي التوفيق

وسندرس في هذا الجزء أدوات الرسم ، أدوات الدمج والتعديل على الصور ، أدوات التعبئة ، الممحاة ..

http://up20.net/uploads/70f911dc1a.gif (http://up20.net/)

الكتابة : وظيفة هذه الأداة معروفة لدينا جميعاً ، سنتعرف الآن على الأدوات الفرعية لها وهي :

http://up20.net/uploads/4c4a0b0c6e.gif (http://up20.net/)

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

http://up20.net/uploads/cbce3154d5.gif (http://up20.net/)

كتابة عادية

http://up20.net/uploads/327df0ef8d.gif (http://up20.net/)

كتابة طولية

http://up20.net/uploads/f811d22792.gif (http://up20.net/)

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

http://up20.net/uploads/dbcbaf2c42.gif (http://up20.net/)

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

http://up20.net/uploads/2e12bd8e8f.gif (http://up20.net/)

http://up20.net/uploads/e4cefed6d5.gif (http://up20.net/)

نوع الخط

http://up20.net/uploads/cc59e88713.gif (http://up20.net/)

حجم الخط

http://up20.net/uploads/22a7db585a.gif (http://up20.net/)

أما هذا الإعداد مهم للحصول على كتابة واضحة في تصميم التواقيع والمواقع وأوضع ما يمكن استخدامه عادة Smooth

http://up20.net/uploads/67798460bf.gif (http://up20.net/)

http://up20.net/uploads/29aa75cdd9.gif (http://up20.net/)

http://up20.net/uploads/7fe383e63b.gif (http://up20.net/)

مكان الخط

http://up20.net/uploads/ebd011dd48.gif (http://up20.net/)

صناعة ميلان للخط ، وعند الضغط عليه يتظهر لك النافذة التالية .. ( قم بالغيير في الاعدادات لترى النتيجة )

http://up20.net/uploads/5d7dc507ed.gif (http://up20.net/)

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

http://up20.net/uploads/d328b48793.gif (http://up20.net/)

أما شريط الاعدادات فيحتوي على أيقونات مشابهه لهذه الأيقونات

http://up20.net/uploads/b14cf69501.gif (http://up20.net/)

http://up20.net/uploads/379ca97b39.gif (http://up20.net/)

http://up20.net/uploads/aed283343d.gif (http://up20.net/)

http://up20.net/uploads/7b939f4880.gif (http://up20.net/)

http://up20.net/uploads/375d2d32b1.gif (http://up20.net/)

وهي نفس الفكرة التي قمنا بعرضها مع أدوات التحديد المنتظم .

http://up20.net/uploads/6ecd6fa79a.gif (http://up20.net/)
تابع الشرح

خواف

04-09-2007, 11:59 PM

أدوات التخطيط ورسم المسارات : لرسم المنحنيات والأشكال

http://up20.net/uploads/6ecd6fa79a.gif (http://up20.net/)

http://up20.net/uploads/c270da2b46.gif (http://up20.net/)

http://up20.net/uploads/c3eb17b8d2.gif (http://up20.net/)

لرسم الخطوط المستقيمة قم بالضغط على Shift ولرسم المنحنيات اسحب النقطة بعد وضعها حتى تحصل على الانحناء الطلوب

http://up20.net/uploads/e1c1a6718a.gif (http://up20.net/)

http://up20.net/uploads/db17f2e6b9.gif (http://up20.net/)

هذا الخيار للرسم اليدوي

http://up20.net/uploads/856715eb3a.gif (http://up20.net/)

http://up20.net/uploads/7473cd4500.gif (http://up20.net/)

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

http://up20.net/uploads/8cf07935a6.gif (http://up20.net/)

http://up20.net/uploads/f800982cfe.gif (http://up20.net/)

هذه الأداة للتحكم في المنحنيات وسحبها

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

أسهم التحكم الداخلية : للتحكم في الأشكال والمسارات بعد رسمها

http://up20.net/uploads/29be147673.gif (http://up20.net/)

خواف

04-10-2007, 12:03 AM

الجزء السادس والاخير
من شرح ادوات الفتوشوب

و الله ولي التوفيق

http://up20.net/uploads/807c84e86a.gif (http://up20.net/)

قطرة استخدام الألوان : أدوات اختيار الألوان وتحتوي على

http://up20.net/uploads/1af862cd3f.gif (http://up20.net/)

قطرة اختيار الالوان

http://up20.net/uploads/7854fbe470.gif (http://up20.net/)

تحديد نقطة في التصميم

http://up20.net/uploads/5a72def48b.gif (http://up20.net/)

مسطرة لتحديد المسافة بين نقطتين

http://up20.net/uploads/642bc1f56f.gif (http://up20.net/)

.....

العدسة المكبرة

http://up20.net/uploads/c82e734e3e.gif (http://up20.net/)

لتكبير وتصغير التصميم

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

أداة التحريك

http://up20.net/uploads/965432b5ae.gif (http://up20.net/)

إذا كان التصميم كبير تستطيع سحب الصفحة لرؤيتها .

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

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

http://up20.net/uploads/7067ad3d31.gif (http://up20.net/)

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

نوافذ البرنامج : يمكن عرض البرنامج بثلاثة أشكال

http://up20.net/uploads/c9a086001f.gif (http://up20.net/)

العرض العادي

http://up20.net/uploads/320ebf43a3.gif (http://up20.net/)

يخفي شريط الأغلاق الأزرق

http://up20.net/uploads/dcc7a6f642.gif (http://up20.net/)

لملأ الصفحة بالبرنام

http://up20.net/uploads/7c4c8fb2d8.gif (http://up20.net/)

التحويل إلى ImageReady CS : برنامج ImageReady CS الذي يأتي مع الفتروشوب هو برنامج لصناعة حركة للصور يمكن تحويل التصميم إليه بالضغط على هذا الزر

http://up20.net/uploads/2682a0d1c9.gif (http://up20.net/)

هكذا تم الانتهاء من شرح الادوات
و الان ننتقل الي جزء اخر

خواف

04-10-2007, 12:04 AM

الاختصارات في الفتوشوب

للاختصارات فائدة كبيرة جداً في تسهيل العمل وانجازه بسرعة وإليكم أهم اختصارات البرنامج :

اختصارات قائمة File :

Control + N
ملف جديد

Control + O
فتح ملف

Control + S
حفظ

Control + Shift + S
حفظ باسم

Control + Alt + S
حفظ نسخة

Control + Alt + Shift + S
حفظ للإنترنت

Control + Shift + P
إعداد الصفحة

Control + P
طباعة

Control + Shift + M
الذهاب إلى [ ImageReady ]

Control + Q
خروج

اختصارات قائمة Edit :

Control + Z
خطوة واحدة للخلف

Control + Alt + Z
عدة خطوات للخلف

Control + X
قص

Control + C
نسخ

Control + V
لصق

Control + T
تعديل حر [ تغيير حجم الطبقة ]

اختصارات قائمة Layers :

Control + Shift + N
طبقة جديدة

Control + E
لذمج احدى الطبقات مع اخرى

اختصارات قائمة Select :

Control + A
حدد الكل

اختصارات قائمة Filter :

Control + F
لتنفيذ آخر فلتر تم تطبيقه

Control + Alt + X
لنزع خلفية أي صورة

اختصارات قائمة View :

Control + R
لاظهار المسطرة

Control + H
تقسيمات الصورة [ خاص بمواقع ]

اختصارات قائمة Window :

F6
نافذة الألوان

Alt + F9
نافذة أكشن

F7
نافذة الطبقات ( الشفائف )

و يتبقي لنا جزئين هامين ايضا
و هما
صيغ حفظ الملفات
و الأكشن

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

خواف

04-10-2007, 12:05 AM

ميعادنا لطرح اخر جزئين هامين ايضا
و هما
صيغ حفظ الملفات
و الأكشن
و الله ولي التوفيق

اولا صيغ حفظ الملفات

إن طريقة حفظ الملفات سهلة ومعروفة للجميع تقريباً فهي بالذهاب إلى [ File > Save As... ] .. شاهد الصورة

http://up20.net/uploads/cffc9f1946.gif (http://up20.net/)

أما الجديد فهو بأي امتداد ستقوم بحفظ الصورة ..

http://up20.net/uploads/c44d78c03d.gif (http://up20.net/)

لاحظ أنه تحت اسم الملف توجد الصيغة Format ،،، فبأي صيغة ستقوم بحفظ ملفك .. شاهد معنا

PDF : هي الصيغة الأساسية : حيث يمكنك القيام بأي تعديلات على التصميم حيث أنه يقوم بحفظ الطبقات مفتوحة والتأثيرات والاستايلات و

BMP : هذه الصيغة تعطي وضوح علي للصورة يصل إلى 16 مليون لون .

GIF : هذه الصيغة تمكنك من التعامل مع 256 لوناً فقط وتسمى هذه الألوان بالألونا المفهرسة ، كما أن هذا النسق لايأخذ مساحة كبيرة لذا شاع استخدامه في الإنترنت ، كما أنه يمكنك من تحريك الصور ..

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

JPEG : يستخدم هذا النسق لحفظ التصميم قبل النشر على الإنترنت لانه يقوم بضغط البيانات ، ويستخدمه بعض المصممين لما له من جودة وصغر حجم بالرغم من أنه لا ينافس امتداد GIF في مسألة الحجم .

PCX : هذه الصيغة تعطي وضوح علي للصورة يصل إلى 16 مليون لون بالرغم من أنه لا يلاقى أي اهتمام في الوقت الراهن .

PDF : هذه الصيغة التي تستخدم لعمل الكتب الإلكترونية .

PNG : هذا نسق جديد لحفظ الملفات يتميز بأنه يتعامل مع أكثر من 256 لون لذا فهو ينافس GIF .

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

TGA : تيسمى هذا النسق بالمفتاح اللوني لأنه يتم وضع مفتاح اللون جانباً للعرض الحي وقد قامت شركة True Vision بتصميم هذه الصيغة لدعم الصور ذات 32بت التي تحتوي على قنوات ألفا وقادرة على عرض الصور الحية .

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

خواف

04-10-2007, 12:05 AM

و الان مع الجزء الاخير و هو الاكشن

ماهي الأكشن ؟

الأكشن هي أداة لانشاء عدة عمليات وحفظها تم إعادة تنفيدها تلقائيا في ما بعد ،،

ما معنى ذلك ؟

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

كيف يمكن تشغيل الطبقات والتحكم بها ؟

تكون موجودة عند تشغيل الفتوشوب أو يمكن تشغيلها بالضغط على [Alt+F9] أو [window ثم Actions]

http://up20.net/uploads/58de4f0c52.gif (http://up20.net/)

كيف أستطيع استخدامها ؟ :

سنقوم بشرح الشريط السفلي للنافذة :

http://up20.net/uploads/038941022a.gif (http://up20.net/)

http://up20.net/uploads/e15a0e841c.gif (http://up20.net/)

حذف العملية : تقوم بتحديد العملية واضغط على هذا الزر ، أو قم بسحب الطبقة لزر الحذف ليتم حذفها .

http://up20.net/uploads/0197d4b691.gif (http://up20.net/)

عملية جديدة : لإضافة عملية جديدة فارغة .

http://up20.net/uploads/896f7a103d.gif (http://up20.net/)

ملف جديد : في بعض الأحيان يكون هناك مجموعة كبيرة من العمليات يمكن استخدام الملفات لتنظيمها ،، كما يمكنك سحب اي عملية إلى الملف لوضها فيه .

http://up20.net/uploads/f139d42f9e.gif (http://up20.net/)

تشغيل عملية : حتى تتمكن من تشغيل العملية التي سجلتها سابقاً (( يجب أن تحدد الطبقة التي تريد تنفيد العمليات المسجلة عليها ))

http://up20.net/uploads/3f6584bf75.gif (http://up20.net/)

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

http://up20.net/uploads/756a20e4c2.gif (http://up20.net/)

ايقاف تسجيل العملية : إذا انتهيت من تطبيق جميع المعليات المراد تسجيلها قم بالضغط على هذه الرز لإنهاء التسجيل ..
.................

إذا أردت أن تقوم بصناعة أكشن لمتغير كنص أو صورة ،، قم بما يلي ..

افتح صفحة جديدة ..

ضع الصورة أو النص الذي تريد التطبيق عليه ..

أنشأ عملية جديدة

http://up20.net/uploads/0197d4b691.gif (http://up20.net/)

ثم قم بالضغط على زر التسجيل

http://up20.net/uploads/3f6584bf75.gif (http://up20.net/)

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

فم بالضغط على إيقاف تسجيل المعلية

http://up20.net/uploads/756a20e4c2.gif (http://up20.net/)

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

http://up20.net/uploads/f139d42f9e.gif (http://up20.net/)
....................

أما إذا أردت أن تقوم بصناعة أكشن لخلفية ،، قم بما يلي ..

افتح صفحة جديدة ..

أنشأ عملية جديدة

http://up20.net/uploads/0197d4b691.gif (http://up20.net/)

ثم قم بالضغط على زر التسجيل

http://up20.net/uploads/3f6584bf75.gif (http://up20.net/)

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

فم بالضغط على إيقاف تسجيل المعلية

http://up20.net/uploads/756a20e4c2.gif (http://up20.net/)

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

http://up20.net/uploads/f139d42f9e.gif (http://up20.net/)
و الان استطيع ان اقول ان لدينا الاساسيات
في عالم الفتوشوب و في الاجزاء القليلة القادمة
ساقدم لكم نماذج عملية للتطبيق كل ما تم شرحه

خواف

04-10-2007, 12:06 AM

الان مع اول تطبيق عملي لكل ما سبق شرحه

ح نتعلم هنا صناعة الصورة القديمة ح نحول الصور
الحديثة الي صور قديمة و كاننا نملكها من اعوام كثيرة

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

http://up20.net/uploads/0f28a47e23.gif (http://up20.net/)

الخطوة الثانية : قم بتحويل الصورة إلى اللون الأسود الأبيض باستخدام [ Image > adjustments > Desaturate ] لتصبح كما في الصورة ..

http://up20.net/uploads/1baf80ed12.gif (http://up20.net/)

الخطوة الثالثة : قم بعمل طبقة جديدة وعبأها باللون الأسود على أن يكون لون الخلفية في صندوق الأدوات هو اللون الأبيض ،، ثم طبق الفلتر التالي [ Filter > Noise > Add Noise ] باعداد Amount=45

http://up20.net/uploads/945450385f.gif (http://up20.net/)

الخطوة الرابعة : اختر اداة العصا السحرية و غير ما يلزم كما في الصورة

http://up20.net/uploads/48d984531d.gif (http://up20.net/)

لتكون النتيجة كما في الصورة

http://up20.net/uploads/0d855ff332.gif (http://up20.net/)

الخطوة الخامسة : اضغط على Delete لتظهر النتيجة التالية

http://up20.net/uploads/208e9602cb.gif (http://up20.net/)

الخطوة السادسة : طبق الفلتر التالي [ Filter > Distort > Ripple ] واختر القيمة 999 والحكم Meduim .. ستكون النتيجة مشابهة للصورة ..

http://up20.net/uploads/44b0a2da0a.gif (http://up20.net/)

الآن أعد تطبيق الفلتر من ثلاث إلى أربعة مرات بالضغط على Control + F ،، لتضهر لك النتيجة التالية ..

http://up20.net/uploads/50ebd9b72e.gif (http://up20.net/)

الخطوة السابعة : طبق الفلتر [ Filter > Sharpen > Sharpen ] وغير خاصية الطبقة إلي Screen ثم اذمج الطبقتين .. وهذه النتيجة ..

http://up20.net/uploads/ae6fa85dcb.gif (http://up20.net/)

الخطوة الثامنة : طبق [ Image > adjustments > Hue/Saturation ] وطبق الاعدادات التالية :

http://up20.net/uploads/27848f1dc0.gif (http://up20.net/)

ستحصل على اللون التالي

http://up20.net/uploads/e712f50e72.gif (http://up20.net/)

لمسات إبداعية : كبرنا الإطار وأضافنا ظلاً ،، كما املنا الصورة قليلاً .. وهذه النتيجة

http://up20.net/uploads/a871aa5026.gif (http://up20.net/)

خواف

04-10-2007, 12:07 AM

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

الخطوة الأولى : قم باحضار الصورة المراد التطبيق عليها ،، ولنقل أننا نريد تحويل السماء الزرقاء إلى الرمادي ..

لاحظ أن لاتكون الصورة في الخلفية ،، يجب أن تكون الصورة في طبقة منفردة والخلفية بيضاء ..

http://up20.net/uploads/0f4d0dd6de.gif (http://up20.net/)

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

http://up20.net/uploads/71a05636f8.gif (http://up20.net/)

الخطوة الثالثة : قم باظهار الطبقة العليا وامسح السماء بدقة مستخدما أداة المساحة .. لتكون هذه النتيجة ..

http://up20.net/uploads/73c0d4730c.gif (http://up20.net/)

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

http://up20.net/uploads/8cc8cbd204.gif (http://up20.net/)

خواف

04-10-2007, 12:07 AM

الان مع تطبيق جديد

كيفية عمل صورة مشعة

الخطوة الأولى : حدد المقاسات التالية ..

http://up20.net/uploads/89171fd9d4.gif (http://up20.net/)

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

http://up20.net/uploads/c5fa611b9b.gif (http://up20.net/)

الخطوة الثالثة : طبق الفلتر [ Filter > Distort > Polar Coodinates ] ثم اختر الاعداد Polar to Rectanguler .. وهذه النتيجة ..

http://up20.net/uploads/02757b8b60.gif (http://up20.net/)

الخطوة الرابعة : طبق الفلتر [ Filter > Stylize > Wind ] ثم اختر الاعدادات التالية Methed=Wind و Direction=from the Right ثم اعد تطبيق نفس الفلتر مرة اخرة بالضغط على Control + F ..

http://up20.net/uploads/5d80f56b97.gif (http://up20.net/)

الخطوة الخامسة : طبق الفلتر [ Filter > Stylize > Wind ] ثم اختر الاعدادات التالية Methed=Wind و Direction=from the Left ثم اعد تطبيق نفس الفلتر مرة اخرة بالضغط على Control + F ..

http://up20.net/uploads/8562131e87.gif (http://up20.net/)

الخطوة السادسة : قم بقلب الصورة من [ Image > Rotate Convas > 90ْ CW ] ،، ثم طبق الفلتر [ Filter > Distort > Polar Coodinates ] ثم اختر الاعدادات التالية Methed=Wind و Direction=from the Right ثم اعد تطبيق نفس الفلتر مرة اخرة بالضغط على Control + F ..

http://up20.net/uploads/a297afd039.gif (http://up20.net/)

الخطوة السابعة : طبق الفلتر [ Filter > Stylize > Wind ] ثم اختر الاعدادات التالية Methed=Wind و Direction=from the Right ثم اعد تطبيق نفس الفلتر مرة اخرة بالضغط على Control + F ..

http://up20.net/uploads/8fa3cd1910.gif (http://up20.net/)

الخطوة الثامنة : قم الآن بإعادة الصورة إلى وضعها الطبيعي [ Image > Rotate Convas > 90ْ CCW ] ..

http://up20.net/uploads/0e2c4295e4.gif (http://up20.net/)

الخطوة التاسعة : طبق الفلتر [ Filter > Distort > Polar Coodinates ] ثم اختر الاعداد Rectanguler to Polar .. وهذه النتيجة ..

http://up20.net/uploads/dcd4f1a8f6.gif (http://up20.net/)

لمسات إبداعية : قمنا بوضع الصورة داخل شاشة باستخدام اداة التحجيم Control + T ..

http://up20.net/uploads/3647429120.gif (http://up20.net/)

خواف

04-10-2007, 12:09 AM

الان لتطبيق جديد و اتمني من الله
ان ما يتم تقديمة هنا فيه النفع و الفائدة
و الله و لي التوفيق

تطبيقنا اليوم حول كيفية التفاف الشريط حول النص

الخطوة الأولى : قم باحظار النص الذي ترغب في معالجته ..

http://up20.net/uploads/8bb29315a6.gif (http://up20.net/)

قم باضافة اي شكل فوقه كما تشاهد في الصورة

http://up20.net/uploads/6b86858c6f.gif (http://up20.net/)

الخطوة الثانية : قم الآن بنسخ الشفيفة الأولى الخاصة بالنص وضعها فوق الشكل كما في الشكل ..

http://up20.net/uploads/d46c962d85.gif (http://up20.net/)

لتبدو هكذا ..

http://up20.net/uploads/57422a0648.gif (http://up20.net/)

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

http://up20.net/uploads/49e7c215f1.gif (http://up20.net/)

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

http://up20.net/uploads/afa06a5047.gif (http://up20.net/)

اضافات : قمنا بإضافة خلفية وصورة أخرى طبق عليها نفس الفكرة ..

http://up20.net/uploads/7e5b57892c.gif (http://up20.net/)

ملاحظات

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

خواف

04-10-2007, 12:10 AM

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

بعنوان

الكتابة بالطباشير

الخطوة الأولى : قم بفتح ملف جديد وليكن على النحو التالي ...

http://up20.net/uploads/413b552452.gif (http://up20.net/)

الخطوة الثانية : قم بكتابة النص الذي تريد التطبيق عليه ،، ثم طبق الفلتر التالي [ Filter > Blur > Gaussian Blur ] واعط القيمة 0.5 لتطون النتيجة مشابهة للصورة ..

http://up20.net/uploads/8ecf01eec2.gif (http://up20.net/)

الخطوة الثالثة : انسخ الشفيفة ، ثم غير المود من Normal إلى Dissolve لتكون هذه النتيجة ..

http://up20.net/uploads/2e2dbdb191.gif (http://up20.net/)

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

http://up20.net/uploads/b1e16cb180.gif (http://up20.net/)

خواف

04-10-2007, 12:10 AM

الان لتطبيق جديد

عبارة عن درس بسيط جداً ،،
يضع بعض من الجمال والأحترافية الحالمة لتصاميمك

بعنوان

النص المفرغ

الخطوة الأولى : قم بفتح ملف جديد وإحضار الصورة التي ترغب في تطبيق الدرس عليها

http://up20.net/uploads/4b6e16d05d.gif (http://up20.net/)

الخطوة الثانية : الآن قم بكتابة النص الذي ترغب في اضافته ..

http://up20.net/uploads/9603feb247.gif (http://up20.net/)

الخطوة الثالثة : الآن حدد شفيفة النص وغير Fill=0 كما في الشكل

http://up20.net/uploads/cb59a6cc15.gif (http://up20.net/)

ستلاحظ اختفاء النص من الصورة ،، لا تقلق ،،

الخطوة الرابعة : الآن بالضغط على الزر الأيمن من طبقة النص ادخل إلي تأثيرات الشفيفة Blending Options وغير ما تريد ، أما هنا فقد طبقنا بتأثير الأشعاع الخارجي Outer Glow ..

http://up20.net/uploads/0d0fd79ecf.gif (http://up20.net/)
وهذه النتيجة النهائية ..

http://up20.net/uploads/f3420842ec.gif (http://up20.net/)

خواف

04-10-2007, 12:11 AM

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

الخطوة الأولى : قم بفتح ملف جديد وليكن على النحو التالي ...

http://up20.net/uploads/65f6036935.gif (http://up20.net/)

الخطوة الثانية : قم بتحويل الخلفية إلى اللون الأسود ، ثم قم بكتابة النص الذي تريد التطبيق عليه ،، أو احضره من برنامج آخر ،، أما هنا فقد قمنا بكتابة كلمة الإرهاب ببرنامج Illustrator CS ثم جئنا بها إلى الفتوشوب .. شاهد الصورة ..

http://up20.net/uploads/bd163a757d.gif (http://up20.net/)

الخطوة الثالثة : اذهب إلى الطبقة واضغط على الزر الأيمن من الفأرة وأنت على الطبقة ثم اختر Blending Options وغير الإعدادات كما سيأتي ..

من القائمة اليسرى شغل خيار التبريز Bevel and Emboss وغير مايلزم من القائمة اليمنى حسب الصورة ..

http://up20.net/uploads/cb78cf0b44.gif (http://up20.net/)

ثم اذهب إلى خيار الألوان Color Overlay وغير اللون إلى اللون #BB0000 شاهد الصورة ..

http://up20.net/uploads/fda6f46275.gif (http://up20.net/)

اضغط على ok لتكون النتيجة كما في الصورة ..

http://up20.net/uploads/b74cea317b.gif (http://up20.net/)

الخطوة الرابعة : انسخ الطبقة ، وطبق الفلتر التالي على طبقة التي في الخلفية [ Filter > Eye Candy 4000 > Drip ] لتكون النتيجة هذه ..

http://up20.net/uploads/6657f7ba9e.gif (http://up20.net/)
و لن يبقي لنا الا القليل

خواف

04-10-2007, 12:12 AM

اليوم عن الرسم بالفحم

الخطوة الأولى : قم بإحضار الصورة التي ترغب في تحويلها إلي صورة مرسومة بالفحم ..

http://up20.net/uploads/c1ef10313c.gif (http://up20.net/)

الخطوة الثانية : الآن حول الصورة إلى اللون الأبيض والأسود من القائمة [ Image > Adjustments > Desaturate ] ..

http://up20.net/uploads/5dea48351e.gif (http://up20.net/)

الخطوة الثالثة : الآن قم بنسخ الطبقة السابقة ثم حولها إلى نجتيف من خلال القائمة [ Image > Adjustment > invert ] ثم حول حالة الطبقة إلي Difference كما في شكل الصورة ..

http://up20.net/uploads/2b9fb7a4b2.gif (http://up20.net/)

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

http://up20.net/uploads/1e4ff47197.gif (http://up20.net/)

الخطوة الرابعة : الآن قم بنسخ الطبقة السابقة ثم طبق الفلتر التالي [ Filter > Render > Difference clouds ] ثم حول حالة الطبقة إلي Exclusion لتكون النتيجة كما نشاهد ..

http://up20.net/uploads/4d27a975e5.gif (http://up20.net/)

الخطوة الخامسة : الآن قم بنسخ الطبقة السابقة ثم طبق الفلتر التالي [ Filter > Brush Strokes > Dark strokes ] واختر ما يناسبك من الإعدادات ، ثم حول حالة الطبقة إلي Screen وهذه النتيجة النهائية ..

http://up20.net/uploads/df1f3e3a9d.gif (http://up20.net/)

خواف

04-10-2007, 12:13 AM

صدأ الحديد

الخطوة الأولى : حدد المقاسات التالية ..

http://up20.net/uploads/96f9aeb8bb.gif (http://up20.net/)

الخطوة الثانية : حدد الألوان ( اللون الأسود للون الأمامي واللون البني للون الخالفية ) ..

http://up20.net/uploads/47d5c92762.gif (http://up20.net/)

الخطوة الثالثة : قم بكتابة الكلمة التي تريد التطبيق عليها ثم قم بالضغط على الزر الأيمن من الفأرة وانت على الطبقة ثم اختار Rasterize Layer ليتم تحويل النص إلى صورة ..

http://up20.net/uploads/bc23b32bd3.gif (http://up20.net/)

الخطوة الرابعة : طبق الفلتر [ Filter > Distort > Ocean Ripple ] وحدد الخيارات التي في الصورة ..

http://up20.net/uploads/309216ae90.gif (http://up20.net/)

الخطوة الخامسة : بدل بين اللونين بالضغط على السهمين الموجودين يبن مربعي الألوان لتكون كما في الصورة

http://up20.net/uploads/8af750070a.gif (http://up20.net/)

الخطوة السادسة : اذهب إلى [ Select > Color Range ] وحدد الاعدادات الموجودة في الصورة ..

http://up20.net/uploads/d64faea803.gif (http://up20.net/)

سيكون التحديد هكذا ..

http://up20.net/uploads/42515a8555.gif (http://up20.net/)

الخطوة السابعة : طبق الفلتر التالي [ Filter > Noise > Add Noise ] وأعط القيمة 10 ،، ثم قم بالغاء التحديد بالضغط على Control + D ثم أعد تطبيق نفس الفلتر لكن في هذه المرة أعطي القيمة 5 لتصبح النتيجة هذا ..

http://up20.net/uploads/0f2198a7fe.gif (http://up20.net/)

الخطوة الثامنة : طبق الفلتر [ Filter > Sharpen > Sharpen ] .. وهذه النتيجة ..

http://up20.net/uploads/e8799fa8b3.gif (http://up20.net/)

لمسات إبداعية : يمكنك وضع خلفية ، وإطار وظل لتصبح النتيجة النهائية هكذا ..

http://up20.net/uploads/64b38e75df.gif (http://up20.net/)

خواف

04-10-2007, 12:14 AM

القناع ( Mask )

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

http://up20.net/uploads/f36851f67e.gif (http://up20.net/)

ما سبق وشاهدناه في المثال السابق ،، كان تطبيق بسيط لاستخدام القناع

http://up20.net/uploads/b64d8f0f07.gif (http://up20.net/)

.. لاحظ شكل الشفائف

http://up20.net/uploads/0ed724cc7d.gif (http://up20.net/)

لقد قمنا بوضع الصورة ووضع القناع بالضغط على الزر

http://up20.net/uploads/32b941c546.gif (http://up20.net/)

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

http://up20.net/uploads/2d85b5acb2.gif (http://up20.net/)

قمنا بعمل التأثر أو التدريج أو التعبئة داخل القناه على أن تكون باللونين الأسود والأبيض (( اللون الأسود يلغي ما تحته أما الأبيض فيحفضها ، كما يمكن استخدام تدريجاتها )) شاهد الصورة ..

http://up20.net/uploads/5e95980e05.gif (http://up20.net/)

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

http://up20.net/uploads/570f624083.gif (http://up20.net/)

لقد قمنا بوضع الصورة الأولى كما في الصورة كما في الشفيفة ثم قمنا بكتابة النص ، بعد ذلك قمنا بنسخ شفيفة الصورة مرة أخرى ووضعناها فوق النص ، حددنا الشفيفة الثانية فوق النص ثم ضغطنا على زر [ Control+G ] ليصبح النص قناع الصورة ، اما الصورة الأولى فقمنا بتخفيفها إلي [ Opacity=35% ] وغيرنا حالتها إلي Luminosity .. شاهد الشفائف

http://up20.net/uploads/e8ae496ec0.gif (http://up20.net/)

خواف

04-10-2007, 12:15 AM

احضرت لكم درسين هامين و باذن الله ينالوا رضاكم

الدرس الاول

الرسم بالألوان المائية

درس مهم جداً ،، يضيف نوع من البساطة واللذه لتصاميمك ،، كما انه بسيط جداً ويتيح لك مجال كبير للإبداع والتميز ..

الخطوة الأولى : قم بفتح مساحة عمل جديدة ثم اضف طبقة جديدة .

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

الخطوة الثانية : الآن قم باختيار أداة الفرشاه

http://up20.net/uploads/6edc41fe66.gif (http://up20.net/)

الخطوة الثالثة : غير النوع إلي Paintbrush Oval 45 pixels Multiply كما في الصورة

http://up20.net/uploads/eb6c1029b5.gif (http://up20.net/)

بعد ذلك قم قم باختيار مجموعة الفرش Wet Media Brushes كما في الشكل لتظهر لك مجموعة الفرش التي تراها الآن ، قم باختيار الفرشاه المحددة ، وغير Opacity=35 كما في الصورة ..

http://up20.net/uploads/90521a755c.gif (http://up20.net/)

الآن قم باختيار اللون المناسب وارسم ما تشاء ،، وهذه أمثلة شاهدها ..

http://up20.net/uploads/9033ced0de.gif (http://up20.net/)

http://up20.net/uploads/e389c91bca.gif (http://up20.net/)

خواف

04-10-2007, 12:15 AM

الان مع الدرس الثاني

و هنا ح نتعلم صناعة الشريط اللاصق

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

الخطوة الأولى : قم بإحضار صورة إلى البرنامج ..

و الصورة التالية كا مثال

http://up20.net/uploads/f2602d8be4.gif (http://up20.net/)

الخطوة الثانية : قم بانشاء انحاء للصورة بالضغط على Control + T والتحريك عن بعد لعمل الانحناء المطلوب .. ثم قم بصنع مستطيل واعمل زاوية أكبر من السابقة .. كما في الصورة

http://up20.net/uploads/09673fd589.gif (http://up20.net/)

الخطوة الثالثة : قم بقص طرفي المستطيل باستخدام اداة التحديد الحر .. ثم اصنع اطار للمستطيل من [ Layer > Layer Style > Stroke ] ثم اصنع اطار أسود اللون ،، بعد الانهاء من كل هذا خفف الصورة إلى 15% أو 20% لتظهر هكذا ..

http://up20.net/uploads/12415f5e02.gif (http://up20.net/)

الخطوة الرابعة : قم بوضع الشريط على الصورة كما تشاهد ..

http://up20.net/uploads/d84e907e47.gif (http://up20.net/)

خواف

04-10-2007, 12:17 AM

اخواني و اخواتي الاعزاء

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

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

الطبقات في الفتوشوب

إن الطبقات أو ما يسمى بــ Layers هي من أهم ما يميز الفتوشوب لأنها تسهل العمل في كل شي على حدة دون التأثير في غيره .. شاهد الدرس فهو ممتع جداَ ..

نتسال اولا و نقول
ما الفائدة من الطبقات ؟

الفائدة هي أنك تستطيع التعديل على أي طبقة دون أي تأثير على الطبقات الأخرى ، أي أن الصفحة الأولى تكون كورقة بيضاء والصفحات الباقية كالأوراق الشفافة ،،، حيث انك تستطيع نزع اي ورقة دون أن تتأثر الأوراق الباقية .

و هنا ناتي الي سؤال لا يقل اهمية عن السؤال السابق
كيف يمكن تشغيل الطبقات والتحكم بها ؟

تكون موجودة عند تشغيل الفتوشوب أو يمكن تشغيلها بالضغط على [F7] أو [window ثم Layers] ، طبعاً يجب أن تحدد الطبقة لتستطيع التعديل عليها ( اي تظللها باللون الأزرق كما كلمة [مدرسة] في الصورة )

http://up20.net/uploads/d9aff08e5b.gif (http://up20.net/)
اتمني اني قد استطعت تقريب الفكرة اليكم

...... تابع

خواف

04-10-2007, 12:17 AM

كيف أستطيع استخدامها ؟

أولاً : سنقوم يشرح الشريط السفلي للنافذة

http://up20.net/uploads/5368b7b015.gif (http://up20.net/)

http://up20.net/uploads/bc8a608f4b.gif (http://up20.net/)

حذف الطبقات : تقوم بتحديد الطبقة واضغط على هذا الزر ليتم حذف الطبقة ، أو قم بسحب الطبقة لزر الحذف ليتم حذفها

http://up20.net/uploads/47b81f9e8d.gif (http://up20.net/)

طبقة جديدة : لإضافة طبقة جديدة فارغة إلى التصميم

http://up20.net/uploads/30dd4acc68.gif (http://up20.net/)

صناعة لون أو تنظيم طبقة : هذا خيار يحتوى على عدة خيارات اخرى لتلوين التصميم وتسوية الطبقات

http://up20.net/uploads/f8a5bc84c3.gif (http://up20.net/)

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

http://up20.net/uploads/6aaafd2722.gif (http://up20.net/)

تأثيرات الطبقة : وهي لإضافة عدد من التأثيرات على الطبقة كالظل والتبريز والإطار .

http://up20.net/uploads/7534502afd.gif (http://up20.net/)

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

http://up20.net/uploads/d2a44a4cc7.gif (http://up20.net/)

تابع

خواف

04-10-2007, 12:17 AM

ثانياً : سنقوم بشرح الأوامر الأخرى في نافذة التحكم بالطبقات :

http://up20.net/uploads/ef9812d0d2.gif (http://up20.net/)

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

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

إخفاء الطبقة : هذا الخيار لتقوم باخفاء الطبقة

http://up20.net/uploads/0c3fc6d965.gif (http://up20.net/)

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

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

http://up20.net/uploads/fc23028490.gif (http://up20.net/)

لتحويلها إلى طبقة واحدة بالضغط على [Control+E] .
ثالثاً : أهم الأوامر التي تستطيع تنفيذها بالضغط على الزر اليمين من الفأرة :

Layer Properties : لتسمية الطبقة

Blanding Options : لوضع التأثيرات على الطبقة ( سيأتي شرحها مفصلاً في درس آخر )

Duplicate Layer : لنسخ الطبقة

Delete Layer : حذف الطبقة

Rasterize Layer : في بعض الأحيان لاتسطيع الرسم على الطبقة ؟!! لانها تحتوى على نص أو شكل فيجب تنفيذ هذا الخيار على الطبقة لتتمكن من الرسم عليها .

خواف

04-10-2007, 12:18 AM

في الختام اجمل سلام

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

كيف ترسم لؤلؤة

لنقم بعمل .. للؤلؤة من تأثيرات الفوتوشوب الأصلية .
أنشء ورقة عمل جديدة ..
أضيف لير جديد للعمل عليه .
اختار أداة Rectangle Tool

http://www.neoon.net/DROOS/vector_menu.gif

اختار منها أداة الدائرة ..Ellipse Too
قوم برسم دائرة بمقاييس 24×24 بكسل مع الضغط على زر Shaft للحفاظ على تناسق البعدين
.. للتأكد افتح نافذة Window > Info
تقريبا ستكون الدائرة بهذا الحجم

http://www.neoon.net/DROOS/pearls-1.gif

الآن نبدأ التأثير على الدائرة .. في أسفل نافذة للير ستجد هذه اضغط عليها لتفتح لك التأثيرات ..
اختار منها Drop Shadow لنضيف ظل للعمل . طبق المقاييس كما هو موجود في الصورة

http://www.neoon.net/DROOS/pearls-2.gif

بعدها انتقل للـ Inner Glow

http://www.neoon.net/DROOS/pearls-3.gif

الآن انتقل إلى Bevel and Emboss
هذه رسمة توضيحيه للمنحنى قومي بعمله بنفسك ..

http://www.neoon.net/DROOS/pearls-4.gif http://www.neoon.net/DROOS/pearls-4-1.gif

انتقل الآن الى Contour
http://www.neoon.net/DROOS/pearls-5.gif
وارسم المحنى بنفسك
http://www.neoon.net/DROOS/pearls-5-1.gif

انتقل الآن الى Satin:
http://www.neoon.net/DROOS/pearls-6.gif

اختار درجة اللون E19F9F
و اختار منحنى جاهز Cone - Invertd
انتقل إلى Color Overlay
http://www.neoon.net/DROOS/pearls-7.gif

و أخيرا اختار ..
Gradient Overlay و اتركه على نفس الخواص الأصلية .. فقط اختاريه ولا تغيري فيه شي ..
ستحصل في النهاية على هذا الشكل

http://www.neoon.net/DROOS/43tr43.gif

بعدها قم بعمل كميه منها و اصنع منها عقد ..k
http://www.neoon.net/DROOS/pearls-9.gif

الدرس سهل جدا لكن يحتاج انك تضبط أول خطوة لأنها تعتمد عليها المقاييس
http://www.neoon.net/DROOS/lala1.jpg

خواف

04-10-2007, 12:19 AM

كيف تثني الملصقات

أولا قم بإحضار صورة صندوق وملصق بريدي أو أي ملصق
كما هو مبين في الشكل التاليe:\Adobe\Photoshop5.0\Training\Tutorial\Less on04

http://www.neoon.net/DROOS/hgj.gif

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

http://www.neoon.net/DROOS/l1.gif

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

http://www.neoon.net/DROOS/l2.gif

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

http://www.neoon.net/DROOS/gjf.gif

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

http://www.neoon.net/DROOS/gfj.gif

سوف تنقسم صورة الملصق إلى ليرين كما هو مبين في

الشكل التاليLayer==>New==>Layer Via Cut ثم اذهب الى

http://www.neoon.net/DROOS/ert.gif

وأنت على الير الجديدة قم بسحب المربعات الصغيرة المبيتة في الشكلEdit==>Transform==>Destort

الآن اذهب إلى اليمين والشمال والأعلى والأسفل حتى تحصل على

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

http://www.neoon.net/DROOS/eeyter.gif

عند الانتهاء قم قم بتخفيف الطبقة العليا من الملصق إلى 60
كما هو واضح أمامكMultiplyوقم بتخفيف الطبقة السفلى من الملصق إلى وتغييرها إلى70

http://www.neoon.net/DROOS/reyrey.gif

هذه النتيجة حصلت عليها مسبقا وهي أفضل من النتيجة السابقة

http://www.neoon.net/DROOS/uj.gif

خواف

04-10-2007, 12:20 AM

ريشة من عمل يدك

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

نفتح الفوتوشوب، و نفتح ملفاً جديداً (أنصحك أن تبدأ بمساحة كبيرة كي تأخذ راحتك في التصميم).

في شفيفة جديدة سمّها (white feather right) قم بعمل شكلاً بيضاوياً و أملأه باللون الأبيض كما في الصورة.

http://www.neoon.net/DROOS/reshah2.gif

مع المحافظة على المساحة البيضاوية المختارة، قم بإنشاء شفيفة جديدة و سمها (black feather right)

و لتبقى هي الشفيفة التي تعمل فيها حالياً. ثم اضغط على alt

واحذف المساحة التي على اليمين من الاختيار (يعني سنقوم بتقليل الاختيار كما في الشكل:

http://www.neoon.net/DROOS/reshah3.gif

ثم املأها باللون الأسود. ثم قم بإخفاء الشفيفة (black feather right) سنعمل عليها فيما بعد.

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

في شفيفة (white feather right). اختر filter-->noise-->addnoise بالخيارات التالية:

http://www.neoon.net/DROOS/reshah4.gif

ثم اختر filter-->blur-->motion blure بالمقادير التالية

http://www.neoon.net/DROOS/reshah5.gif

ثم اختر filter-->sharpen-->sharpen.

صممنا ريش الريشة ;-)

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

الآن قم باستخدام أداة الاختيار المستطيبة، واختر نصف مساحة الريشة العلوي و احذفها من شفيفة white feather right هكذا:

http://www.neoon.net/DROOS/reshah6.gif

قم بنسخ الشفيفة و سمّها (white feather left). و في شفيفة (white feather left) قم بعمل edit-->transform-->flip vertical.

ثم، حرّك الشفيفة قليلاً إلى اليسار و الأعلى، حتى تأخذ شكل الريشة الطبيعية هكذا:

http://www.neoon.net/DROOS/reshah7.gif

الآن اخف الشفيفتين white feather right و white feather left، و أظهر الشفيفة black feather right. (ليسهل عليك العمل)

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

في شفيفة black feather right. قم بعمل نفس الخطوات السابقة من noise و motion blur، و بنفس المقادير، هكذا:

http://www.neoon.net/DROOS/reshah8.gif

وقم بحذف النصف العلوي كما فعلنا في شفيفة white feather right، وأظهر جميع الشفائف. واجعل

نوع شفيفة black feather right هو: Hard Light و اضبط شكلهن جميعاً باستخدام

أدوات التحريك و الfree transformation حتى تحصل على شكل كهذا:

http://www.neoon.net/DROOS/reshah9.gif

لقد ملأت مساحة الخلفية باللون الأبيض حتى يسهل عليك ملاحظة الأطراف. يمكنك

استخدام أداة smudge لإخفاء الطرف العلوي في شفيفة black feather right.

الخطوة الخامسة
الآن قم باستخدام أداة المسارات (أو أي أداة رسم مناسبة) و اعمل شكلاً كهذا في شفيفة جديدة

اسمها skeleton، و أملأ المساحة بلون رمادي مناسب كما هو واضح في الصورة:

http://www.neoon.net/DROOS/reshah10.gif

ثم قم بعمل التأثير التالي على هذه الشفيفة: layer-->Layer style-->Bevel and Emboss بالمقادير التالية:

http://www.neoon.net/DROOS/reshah11.gif

لتحصل على هذا الشكل:
http://www.neoon.net/DROOS/reshah12.gif

أظهر جميع الشفائف و اضبطه جميعاً لتحصل على هذا الشكل:

http://www.neoon.net/DROOS/reshah13.gif

هذه الريشة جميلة، و لكن يمكننا أن نضفي عليها تأثيراً يجعلها طبيعية أكثر

الخطوة السادسة
قم بربط جميع الشفائف مع بعضها البعض و اختر merge Linked هكذا:

http://www.neoon.net/DROOS/reshah14.gif

ستصبح جميع الشفائف شفيفة واحدة. الآن قم بتكبير مساحة العمل Image-->canvas size، لأننا سنقوم

بتطبيق فلتر polar coordinates. الآن اضغط ctrl+t لعمل الـ free transform و اجعل الريشة في وضع مائل. هكذا:

http://www.neoon.net/DROOS/reshah15.gif

تستطيع تلوين الريشة بوضع طبقة ملوّنة فوقها مثلاً

تستطيع إعطاء الريشة شكلاُ طبيعياً أكثر باستقطاع أجزاء من الريش

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

خواف

04-10-2007, 12:20 AM

الكتابة بخط الثلث ( بشكل مميز )

في البداية عليك كتابة الجملة التي تريدها بهذا الخط الذي غالباً ما يأتي مع الويندز
Deco Type Thuluth

http://www.neoon.net/DROOS/bbbbb.gif

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

http://www.neoon.net/DROOS/vcbnvcbn.gif

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

AGA Arabesque -- AGA Arabesque Desktop
وسوف تظهر عندك هذه الأشكال المعروف التي سوف تستخلص منها التشكيل

http://www.neoon.net/DROOS/vnv.gif

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

http://www.neoon.net/DROOS/bnbvmmnbvmn.gif

الآن وبعد استخلاص التشكيل نعود إلى الجملة التي كتبنها ونقوم بوضع التشكيل عليها

http://www.neoon.net/DROOS/11212.gif

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

http://www.neoon.net/DROOS/fhfh.gif

الشرح للاخ ahmedaboali مع الشكر له