دورة أخوينا Hussienfun & Nebeel87 لتعليم الفوتوشوب

[Hesham_3del]

http://members.lycos.co.uk/hfun1/AbsbaImages/GIFBa smalah.gif

http://members.lycos.co.uk/hfun1/AbsbaImages/Flowe rs.gif

السلام عليكم و رحمة الله...
نبدأ موضوعنا بالصلاه و السلام على أفضل المرسلين و خير خلق الله رسولنا الحبيب محمد http://www.geocities.com/hussienfun/SalaAllah.gif نقدم لكم اليوم دورة شاملة عن تعليم الفوتوشوب , و غرضنا الارتقاء بمنتدانا الكريم و الوصول به الى نقطة ضخمة من العلم الميسر و الزاخر و تيسير الوصول للقمة فى الفوتوشوب لكل مستخدم عربى , لقد أقدمنا على هذه الدورة أملين بدعوانا أن ننهيها باحترافكم و بأن ترونا ابدعاتكم فى هذا المجال..
http://members.lycos.co.uk/hfun1/AbsbaImages/Flowe rs.gif

نظام الدورة -


- بالنسبة لتوقيت الدورة , فهو ليس محدد و لكن ان شاء الله سنعمل سريعا و لن يكون تقدم الدورة بطيئة..
- لقد قررت فى وضع فكرة جديد بالدورة و هى بخصوص المتابعين , و هى عبارة عن تقدير و شكر لماتبعينا الكرام , لكل من متابعينا بشكل مستمر صورة من تصميمنا تصلح لتكون توقيعا لك بمنتديات المشاغب وفقا لقوانين منتديات المشاغب و أيضا تصلح لأن تكون شعار خاص بك..

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

- و الأن نرى الفهرس

http://members.lycos.co.uk/hfun1/AbsbaImages/Flowe rs.gif

تحميل الفوتوشوب


سنقوم باعتماد اصدار الفوتوشوب 8 CS ME الذى يدعم العربية
, لأنها أفضل نسخة تدعم اللغة العربية حاليا..

حجم البرنامج : 157.69 ميغا

الاصدار : 8 CS ME

التحميل (http://www.downloads.ps-revolution.com/Adobe%20Photoshop%208%20CS%20ME.zip )

السيريال : 1045-1207-1122-2567-5785-5871

سيريال أخر : 1045-1503-5666-8338-8777-0406

http://members.lycos.co.uk/hfun1/AbsbaImages/Flowe rs.gif

- فهرس الدورة -


الفصل الأول : الخطوة الأولى فى الفوتوشوب و كل ما يخص المبتدئين

- الدرس الأول : مقدمة عن الفوتوشوب و التصميم
- الدرس الثانى : تعريف بالأدوات و الأساسيات
- الدرس الثالث : تعريف بمعنى الفلاتر , الفرش , الستايلات , التدرجات و كل ما يضاف الى الفوتوشوب
- الدرس الرابع : الدرس الأول فى التصميم للمبتدئين
- الدرس الخامس : الدرس الثانى فى التصميم للمبتدئين
- الدرس السادس : الدرس الثالث فى التصميم للمبتدئين

الفصل الثانى : الانتقال لمرحلة أكثر تقدما مع المرحلة المتوسطة

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

الفصل الثالث : احترف و ابدع بخيالك فى المرحلة الاحترافية

- الدرس الأول : التعريف بنوع دروس و تصاميم مرحلة الاحتراف
- الدرس الثانى : التعريف بعمل كثير من فلاتر البرنامج
- الدرس الثالث : الدرس الأول فى التصميم لمرحلة الاحتراف
- الدرس الرابع : الدرس الثانى فى التصميم لمرحلة الاحتراف
- الدرس الخامس : الدرس الثالث فى التصميم لمرحلة الاحتراف

الفصل الرابع : مجموعة كبيرة من دروس الفوتوشوب المرتبة (مبتدئ - متوسط - محترف)

- لم يتم تحديد عدد الدروس (الفصل فى تعديل مستمر)

الفصل الخامس : تأكد من احترافك و تعال صمم موقعك بنفسك معنا

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


- انتهى الفهرس -

[Hesham_3del]

- الفصل الأول -

- الدرس الأول : مقدمة عن الفوتوشوب و التصميم -


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

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

- ما عمل الفوتوشوب و ما أهميته؟؟
الفوتوشوب يعتبر أقوى برامج تصميم الصور بأشكالها فى العالم , و يعطيك الحرية الكاملة بوضع أى شئ بالصورة أو التغيير فيها اعتمادا على نظام الطبقات Layers الذى يعمل به , و أهمية الفوتوشوب كبيرة حيث أنه مستخدم بين كل أوساط الانترنت و التصميم فى تصميم الصور , المواقع , المنتديات و غيرهم..

- ما طريقة عمل الفوتوشوب؟؟
الفوتوشوب يعمل على بعض الأساسيات فى تصميم صوره , الشئ الأول و الأهم نظام الطبقات Layer و الى يجعلك تتحكم فى الصور و كأنها أكثر من شريحة فوق بعضها , الشئ الثانى : الفلاتر , الفلاتر هى العامل الأكبر فى التأثير على الصور حيث أن هناك العديد من الفلاتر تجعلنا الأن لا نبذل جهد فيما كنا نبذل به جهد فى الماضى , الفلاتر عبارة عن دخيل يؤثر فى الصورة حسب نوع الفلتر..

- ما هى مكملات برنامج الفوتوشوب؟؟
الفوتوشوب برنامج تصميم الصور بكل أنواعها , و لكن هل هو كافى لتصميم موقع أو منتدى بأكلمه وحده؟؟ كلا , هناك توابع و مكملات للفوتوشوب لتصميم مواقع كاملة , مثل برنامجى : الفرونت بيج Front Page و DreamWaver و الفرونت بيج هو الأكثر استخداما لأنه الأسهل و لكن من ناحية التقدم فالدريم ويفر يكتسح الفرونت بيج..
أيضا نجد فى الكثير من المواقع صور متحركة , فهل تم صنعها بالفوتوشوب؟؟ لا , بل هى ببرنامج ImageReady رفيق و تابع و الذى يكون مرفق معه , و لكن فى وقتنا الحالى الكثير يرى أن الصور المتحركة تراجعت لسببين , الأول : الصور المتحركة تكون ذو حركات محدودة و حجم كبير , الثانى : وجود و اشتهار ملفات الفلاش SWF و هذا اختصار لكلمة "Shock Wave Flash" هذه الملفات تكون بها الكثير الكثير من الحركات و لكن فى الأخر لا تجد حجمها يتعدى ال40 كيلوبايت , و هذه أحد مميزات ملفات الفلاش , لذلك الفلاش Macromedia Flash أحد ملحقات الفوتوشوب , فالصور نأتيها من الفوتوشوب و نضيف اليها الحركات بالفلاش , و الدليل على ذلك أن شركة أدوبى Adobe منتجة الفوتوشوب , أدركت ذلك فقامت بشراء الفلاش و ذكر أنها تريد دمج الفوتوشوب مع الفلاش..

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

و الأن ننتقل بتعريف عن التصميم و توابعه..

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

ما معنى كلمة "جرافيك" ؟؟
الجرافيك كما قلنا أحد المشتقات الرئيسية للتصميم , صراحة لم أجد مفهوم و تعريف لهذه الكلمة أكثر من الذى وضعه أخونا ca2oom فى أحد المشاركات قبلا , و هو لكم الفهوم الشامل..

- تعريف الجرافيك

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

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

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

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

وكانت من عمل الصينيين، أما في أوروبا فإن طباعة الأقمشة من اللوحات الخشبية المحفورة لم تستعمل إلا في العصور الوسطى، ولم يتحقق طبع أعمال فنية على الورق حتى القرن الرابع عشر.

ولتنفيذ اللوحة المحفورة هناك خطوتان أساسيتان..

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

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

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

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

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

أنواع الجرافيك
ينقسم "فن الجرافيك" إلى ثلاثة أنواع رئيسية:

1- الطباعة من سطح بارز Relief Printing كالحفر على الخشب أو المعدن أو غير ذلك من الخامات المستحدثة؛ وذلك لأن الأماكن البارزة هي التي تلتقط الحبر عند الطباعة، وبطريقة الطباعة البارزة تطبع اللوحات الفنية كما تطبع الجرائد والكتب والمجلات ومعظم الرسوم الخاصة بالأغراض التجارية والثقافية، وفي هذا النوع من الحفر يبرز الفنان بواسطة أدوات الحفر على الخشب التصميم الذي يريده على السطح الطباعي ويزيل بسلاح الحفر المساحات التي لا يريد طباعتها. وعند الطباعة نجد أن الحبر لا يستقر إلا على الأجزاء البارزة منها والتي سوف تطبع على فرخ الورق الرطب.

وهناك نوعان من الحفر على الخشب:

- الحفر على الخشب طولي المقطع والألياف Wood Cut وهو أول ما ظهر من طباعة الخشب وإمكانياته محدودة، فهو لا يعطي مساحات عريضة كما أن أليافه الطولية لا تتحمل الضغط عند الطباعة؛ ولذا فهو لا يعطينا إلا نسخًا قليلة.

- الحفر على الخشب عرضي المقطع والألياف Wood Engraving وهو أكثر صلابة؛ ولذا يكون أنسب لتنفيذ التصميمات الدقيقة وكذلك فهو يعطي نسخا كثيرة.

2- الطباعة من سطح غائر Intaglio Printing كالحفر على المعدن؛ وذلك لأن الأماكن الغائرة هي التي تلتقط الحبر عند الطباعة، ويقوم الفنان في هذا النوع من الجرافيك بحفر الرسم حفرا غائرا على لوح من معدن النحاس أو الزنك أو البلاستيك أو غيرها، ويستعمل لهذا النوع من الحفر الأحماض أو الإبرة أو الأزميل المتعدد الأشكال، وبعد الانتهاء من حفر اللوح المعدني يقوم الفنان بتجهيز خطوطه الغائرة ثم طبعه وعندئذ يحصل على النسخة المطبوعة، والتي تظهر فيها الخطوط المحفورة بارزة عند طباعتها على الورق بفعل ضغط ماكينة الطباعة الشديد.

هناك عدة طرق للحفر الغائر منها:
- طريقة الحفر بالأزميل Burin engraving
- طريقة الحفر الجاف بالإبرة بدون أحماض Dry point
- الحفر بالطريقة السوداء (ميزوتنت) Mezoootint

3- الطباعة من سطح مستوٍ Planographic printing كالحفر الليثوجرافي؛ وذلك لأن الأماكن التي تلتقط الحبر فيه ليست بالبارزة أو الغائرة. ويعتمد هذا النوع من الحفر على نظرية تنافر الدهن والماء.. وخلاصة هذه الطريقة هي الرسم على نوع معين من الحجر الجيري بحبر أو بقلم دهني ثم تندية الحجر بالماء؛ فيغطي الماء جميع سطح الحجر إلا الأماكن المرسومة بالمادة الدهنية، وعند تحبير الحجر بحبر الطباعة يغطي الحبر الأماكن المرسومة بالقلم الدهني وتتم الطباعة بعد ذلك من خلال مكبس خاص بتلك النوعية من الطباعة.

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

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

و هذا كل ما نريد معرفته عن الفوتوشوب و التصميم..


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

[Hesham_3del]

الدرس الثانىhttp://img43.imageshack.us/img43/8527/2013nx .gif
http://absba3.absba.org/teamwork6//na-hu/2/2_02.gif
http://absba3.absba.org/teamwork6//na-hu/2/2_03.gif

[Hesham_3del]

- الدرس الثالث : تعريف بمعنى الفلاتر , الفرش .. و كل ما يضاف الى الفوتوشوب -


السلام عليكم و رحمة الله..
درسنا هذا هو الدرس الثالث , و هو تعريف عن معنى بعض مسميات الفوتوشوب مثل "الفلاتر" و "الستايلات" و التدرجات" و ...الخ و كل ما يضاف الى الفوتوشوب..

- ماذا تعنى كلمة "فلاتر" ؟؟
فلاتر هى جمع فلتر (بالعربى) و أيضا هى ترجمة حرفية لكلمة Filter و نحن نستخدم عامة الفلتر لتزويد مؤثر على الصورة التى سيتم عليها هذا الفلتر أو تنقية صورة من شئ (وهذا النوع الذى ينقى ليس كثيرا)..

- ما أهمية الفلاتر؟؟
الفلاتر ذو أهمية كبيرة حيث أن هناك الكثير من التصاميم عبارة عن تداخل مجموعة من الفلاتر المميزة , أيضا هناك كثير من التصماميم معظمها فلاتر , مثل ماذا؟ مثل هذه الصورة..

http://absba1.absba.org/hussienfun/photoshopdawra/ image1.jpg

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

- هل استخدام الفلاتر صعب؟؟
كلا , استخدام الفلاتر سهل جدا , و لأنها مصممة لأن تختار خصائصها و تضغط OK فقط , و هنا مثال على أحد الفلاتر الشهيرة , الفلتر Wind..

http://absba1.absba.org/hussienfun/photoshopdawra/ image2.gif

و اضغط ok فقط لتنفيذ مفعول الفلتر..

http://absba1.absba.org/hussienfun/photoshopdawra/ image3.jpg

و هذه هى بساطة معظم الفلاتر , غير أن بعضها أو القليل منها يعمل بطريقة أكثر تعقيدا قليلا و سيتم ذكرهم فى الفصل الثالث - الدرس الثانى ان شاء الله..
و أعطيكم مثال على عمل فلتر أخر و هو فلتر Polar Coordinates أحد الفلاتر الشهيرة و يتم تصنيفه تحت Disort..

http://absba1.absba.org/hussienfun/photoshopdawra/ image4.gif

http://absba1.absba.org/hussienfun/photoshopdawra/ image5.jpg

و اليكم , الصورة قبل الفلتر..

http://absba1.absba.org/hussienfun/photoshopdawra/ image6.jpg

الصورة بعد الفلتر..

http://absba1.absba.org/hussienfun/photoshopdawra/ image7.jpg

و هذا هو المعنى الشامل للفلاتر و ماذا تفعل..
و الأن الى الفرش..

- مع معنى "الفرش"؟؟
الفرش هى أشكال يتم طبعها على الصور بأداه الفرشاه Brush Tool , و قد تكون أى شكل , يتم وضع الفرش على أى صورة بالألوان التى تريدها و يجب أن تكون ذو لون واحد..
مثلا لدى ختم مكتوب عليه Hussienfun وضعته على الصورة..
سيتم وضعه كالأتى

http://absba1.absba.org/hussienfun/photoshopdawra/ image8.jpg

http://absba1.absba.org/hussienfun/photoshopdawra/ image9.gif

و فى الأعلى تجد خيارات الأداه..

http://absba1.absba.org/hussienfun/photoshopdawra/ image10.gif

http://absba1.absba.org/hussienfun/photoshopdawra/ image11.jpg

- نجد أن لدى ختم على شكل فرشة , هل من الممكن صنع الفرش؟؟
نعم يمكن ذلك.. و ذلك بسيط جدا , لديك أى صورة مفتوحة الأن على الوفوتوشوب , فقط اذهب الى Edit > Define Brush Preset ثم سمها كما تريد و اضغط ok..

http://absba1.absba.org/hussienfun/photoshopdawra/ image12.gif

http://absba1.absba.org/hussienfun/photoshopdawra/ image13.jpg

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

و الأن ننتقل الى الستايلات..

- ماذا مفهوم الستايلات فى الفوتوشوب؟؟
بالمعنى الأبسط , الستايل هو تسهيل كبير لاستخدام الBlinding Options سواء للنصوص أو الصور , و لكن فى الأغلب يتم استخدام الستايلات مع النصوص..

- ما طريقة عمل الستايلات؟؟
طريقتها سهلة , الستايل يكون ملف عبارة عن حفظ لأحد الBlinding Options , أنت تصنع هذا الملف أو أحد الناس يصنعه و ينشره على الانترنت ليكون ستايل سهل للحصول على أحد أشكال النصوص بدون تنفيذ خطوات النسب فى الBlinding Options , و فور استخدام الستايل تجد نسب الBlinding Options تغير حسب الستايل..و هذا أحد الستايلات و التى قد توضح ما أعنيه..

- كيف نصنع الستايلات؟؟
فى صورة أو عمل مفتوح , مثلا قمت بالتعديل فى الBlinding Options (غيرت النسب) و تريد حفظ هذه النسب لتستخدمها فى عمل أخر بدون اعادة وضع النسب من جديد , كل ما عليك أن تضغط على هذه الأيكونة فى نافذة الستايلات..

http://absba1.absba.org/hussienfun/photoshopdawra/ image14.jpg

ثم تضغط OK , مبروك عليك ستايل خاص بك .. و اذا كنت تريد أن ترفع الستايل على موقع ما تجده على هذا المسار..
C:\Program Files\Adobe\Photoshop CS\Presets\Styles
عليك ضغطه ثم رفعه..

و ننتقل الى التدرجات..

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

- كيف نصنع التدرجات؟؟
بسهولة , اذهب الى المسار Layer > Layer Style > Gradient Overlay , ستظهر لك هذه النافذة , و التى تستطيع منها تغير كل خيارات التدرج و طريقة التدرج ..الخ

http://absba1.absba.org/hussienfun/photoshopdawra/ image15.jpg

قم بالضغط على مكان "ألوان التدرج" حتى تصنع تدرج جديد..

http://absba1.absba.org/hussienfun/photoshopdawra/ image16.jpg

ثم غير فى الألوان الموجودة هنا , و اذا ضغط على المستطيل (الأبيض المتدرج للأسود) ستجد امكانية وضع لون جديد فيكون التدرج من ثلاث ألوان أو أربعة...الخ.
بعد الانتهاء من صنع تدرجك الخاص , تستطيع حفظه بطريقتين , اما على شكل ستايل لأن التدرج أحد خصائص الBlinding Options (و طريقة حفظ الستايل كما أوضحت أعلاه) , و اما أن تحفظه على شكل تدرج و هذا ما نريده , تحفظه على شكل تدرج بالضغط على كلمة Save ثم تحفظه بالمكان الذى تريده بالاسم الذى تريده..
و لكى تضع تدرجك هذا بين تدرجات الفوتوشوب , اضغط على Load و اختاره , أو اضغط على التدرج مرتين بالماوس..

http://absba1.absba.org/hussienfun/photoshopdawra/ image17.jpg

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

و هكذا نكون انتهينا من الاضافات الهامة للفوتوشوب , نتجه الأن للاضافات الفرعية..

أولا نتجه الى الأكشن..

- ماذا نعنى بال"أكشن"؟؟
الأكشن هو ما نستخدمه لتسجيل فعل نقوم به فى الفوتوشوب (مثلا تغير فى الBlinding Options) و فائدته التكرار , كيف..؟ , الأكشن نستخدمه حينا نريد وضع توقيع على 100 صورة تلقائيا , أو على مرة واحدة , فبدلا من فتح صورة صورة , نقوم باستخدام هذه الخاصة..

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

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

و الأن لننتقل الى الأشكال..

- ماذا نعنى بال"أشكال"؟؟
الكلمة تعنى نفسها , الأشكال هى شكل معين و جاهز نضيفه الى الفوتوشوب و الميزة التى بها , أنها مهما كبرت أو صغرت بها لا تقل جودتها..

- هل نستطيع صنع الأشكال.؟ و كيف هذا؟؟
نعم نستطيع صنع الأشكال , بأداه الباث (Pen Tool) فهى الأداه المستخدمه لصنع الأشكال , و بعد رسم الشكل الذى تريده بأداه الباث , تحفظ عن طريقة الذهاب الى المسار Edit > Define Custom Shape ثم تضغط أوكى لحفظ الشكل.. و بعد ذلك لاستخدام هذا الشكل , ستجد الشكل فى قائمة أشكال أداه Custom Shape Tool و هذا شكل الأداه ..

و هذا ما نريد أن نعرفه على الأشكال..
و الأن نختم درسنا بأخر اضافة فرعية و هى "الخطوط"..

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

- ما هى "الخطوط"؟؟
لا أعتقد أن أحدنا لا يعرفها و لكن لا مانع بالتعريف , الخطوط هى شكل أخر من أشكال اظهار الحروف العربية أو الانجليزية (اللغتين الغالبة) , فنجد أن الخطوط كلها تعطى نفس الحروف الأبجدية العربية و الانجليزية , و لكن مع تغير شكلها , و هذا ما يعطى مظهرا جماليا لها..

- هل نستطيع صنع الخطوط؟؟
نعم نستطيع و لكنها عملية صعبة و مملة (فى رأيى) , و يتم عمل ذلك بأحد البرامج المختصة بصنع الخطوط مثل برنامج Font Creator 5 و تجده هنا..
- لأول مره : صمم خط خاص بك أو عدل على خط موجود أصلاً -

- كيف يمكننا اضافة الخطوط؟؟
كل ما عليك هو أن تنقل الخط الى مجلد "الخطوط" Fonts بلوحة التحكم Control Panel ..

و أخيرا أود أن ألفت انتباهكم , أن كل هذه الاضافات الا "الخطوط" اذا واجهتم مشكلة فى اضافتهم الى الفوتوشوب بالطرق المذكورة أعلاه , تستطيعون اضافتها الى الفوتوشوب بوضعها فى مجلدها الخاص على هذا المسار..
C:\Program Files\Adobe\Photoshop CS\Presets

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

- شرح تركيب || فرش || استايلات || تدرجات || اشكال || -

و هكذا نكون انتهينا من الدرس الثالث لهذه الدورة , ننتظر كل استفسارتكم و أسئلتكم , لا تترددوا بذلك..
و الله ولى التوفيق..

[AbOoOdY]

http://www.saudinokia.net/load/ar2/b458.gif
يعطيك العافية اخوي
هشام
وان شاء الله ربي يوفقك في اتمام هذي الدوره
والجميع يستفيد
ويكتب لك الاجر ان شاء الله

ولاكن عندي ملاحظه الصور لا تظهر؟؟


http://www.saudinokia.net/load/ar2/b458.gif

[Hesham_3del]

الدرس الرابع: الدرس الأول فى التصميم للمبتدئين

بسمه تعالى

http://www.datadesigngroup.com/artist3.jpg

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

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

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

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

كيف ابدأ التصميم ؟
عليك بالبداية فهم آلية التصميم في الفوتوشوب وهي بسيطة جداً ولا تحتاج لجهد كبير لفهمها
فالفوتوشوب يتعامل مع الصور بالطبقات, مثل البناء اللذي يحتوي على عدة طبقات يسكنها فئات مختلفة من الناس
وعليك ان تتبع هذه التقنية, لأنك اذا جمعت هذه الناس كلها في طبقة واحدة سيصبح الأمر معقداً ويصعب حل مشاكله
فكل عنصر بالصورة يجب ان يكون له طبقة خاصة به, وهناك طبقات مختلفة الأنواع مثل الطبقة العادية اللتي تحتوي على رسوم
عادية فقط, وهناك طبقات الكتابة واللتي تحتوي على الكتابة فقط, وهناك طبقات الـ Shape وهي التي تحتوي على الباث
وهنالك طبقات تكون قد طبق عليها قناع ( Mask ).


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

من اين ابدأ بالصورة؟
سؤال الأجابة عليه تكون مبنية على حسب الصورة فاذا كانت تصميم تجميعي مثل صورة منظر طبيعي و شِعر بجانبه ( كما العادة المنتشرة ) فعليك ان تبدأ بالخلفية ثم المنظر ثم الكتابة واذا كانت صورة تكون من نسج خيالك فابدأ بالعناصر الأساسية مثلاً اذا اردت رسم جهاز كومبيوتر فلا نبدأ برسم الفأرة أو لوحة المفاتيح فمن الطبيعي ان نبدأ بالعناصر الأساسية مثل الشاشة و الجهاز العقل.

لا اجد تحكم كبير في رسم الصور ؟
ستجد تحكم كبير عندما تعود نفسك على الرسم بتقنية الباث (Path) لأنها تنحني كما تريد وتستطيه ملئ خطوطه بأي فرشة تريدها وستجد فرق كبير اذا كنت صاحب يد فنية باستعمال الـ Pen Mouse ( ابحث عنه بالـ Google ) فبه تستطيع استعمال الفرش بحرفية اكبر و تحكم اقوى

[Hesham_3del]

- الدرس الخامس : الدرس الثانى فى التصميم للمبتدئين -


السلام عليكم و رحمة الله..
درسنا اليوم درس جميل جدا و بسيط جدا , اليوم سنصنع تصميم متكون من صورة جاهزة + كتابة من عندك , و سيكون تطبيق على بعض ما شرحناه فى الدروس الماضية , و سنجمل النصوص ببعض التغيرات فى الBlinding Options.. فلنبدأ الدرس..

1- أولا نقوم بفتح الصورة التى نريد العمل عليها..
سنقوم بفتح صورة جميلة بالطبع و ألوانها تجذب عين الانسان , كما ذكر لنا نبيل فى الدرس الماضى , فيجب أن تكون ألوان هادئة و جميل , أيضا يجب أن نختار صورة تصلح لأن يكون اسم الله جل جلاله عليها , قم بالذهاب الى File > Open ..

http://absba1.absba.org/hussienfun/photoshopdawra/ image20.jpg

ثم نختار الصورة التى نريدها و نضغط "أوكى" , و أنا اخترت هذه الصورة..

http://absba1.absba.org/hussienfun/photoshopdawra/ image21.jpg


2- نريد الأن أن نعطى للصورة مظهر جمالى , لذلك سنصنع لها حدود
من وسائل تجميل بعض الصور , أن نجعل لها حدود بخط أسود صغير سمكه 1 بيكسل , و هذا ما سنفعله مع صورتنا الأن , قم بالذهاب الى Edit > Strock..

http://absba1.absba.org/hussienfun/photoshopdawra/ image22.gif

ثم ستظهر لنا هذه النافذة..

http://absba1.absba.org/hussienfun/photoshopdawra/ image23.jpg

اجعل النسب كما فى الأعلى ثم اضغط "أوكى"..

و كما نرى , الفارق بين الصورتين..

http://absba1.absba.org/hussienfun/photoshopdawra/ image24.jpg

3- سننتقل الأن الى مرحلة الكتابة على الصورة..
الأن سنقوم بالكتابة على الصورة , بهذه الأداه http://absba1.absba.org/hussienfun/photoshopdawra/ image25.jpg , و أنا كتبت هذه الجملة..

http://absba1.absba.org/hussienfun/photoshopdawra/ image26.jpg

نريد أن نضع على الجملة تأثير , سنقوم أولا بوضع تأثير Bevel and Emboss , اذهب الذى
Layer > Layer Style > Bevel and Emboss..

http://absba1.absba.org/hussienfun/photoshopdawra/ image27.gif

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

http://absba1.absba.org/hussienfun/photoshopdawra/ image28.jpg

اضغط "أوكى" فقط..

الأن نريد تغير لون النص , اذهب الى Layer > Layer > Color Overlay , لتظهر لك هذه النافذة..

http://absba1.absba.org/hussienfun/photoshopdawra/ image29.jpg

اضغط على المربع الذى به لون أحمر , لتغير اللون.. ثم اختار اللون المناسب و أنا اخترت هذا اللون..

http://absba1.absba.org/hussienfun/photoshopdawra/ image30.jpg

و النتيجة...

http://absba1.absba.org/hussienfun/photoshopdawra/ image31.jpg

4- سنقوم الأن بكتابة كلمة أخرى و أنا اخترت كلمة "الله" جل جلاله..
فى الأعلى كتبنا جملة , و طبقنا عليها تأثير التجسيم و الابراز Bevel and Emboss , و بعدها تأثير لونى , و الأن سنطيق جزء أخر من دروسنا الماضية , سنستعمل خاصية Drop Shadow و أيضا سنستخدم أحد الستايلات..

سنجعل أولا الخط أكبر , و ذلك يكون من خصائص الكتابة بالأعلى , و أنا اخترت حجم الخط 60..

http://absba1.absba.org/hussienfun/photoshopdawra/ image32.jpg

ثم كتبت كلمة "الله" سبحانه و تعالى..

http://absba1.absba.org/hussienfun/photoshopdawra/ image33.jpg

و الأن سنستخدم أحد الستايلات لتذهيب كلمة "الله"..
اضغط هنا لتحميل ستايل تذهيب النصوص (http://www.al3mlaq.org/uploaded/jazmawee/wardgold .rar)

و الأن بعد فك ضغط الملف , اضغط على ملف الستايل مرتين , و ستجد أن الفوتوشوب فتح نفسه و أضاف الستايل الى نفسه..

اذهب الى نافذة الستايلات و اختار أحد ستايلات التذهيب و أنا اخترت هذا الستايل..

http://absba1.absba.org/hussienfun/photoshopdawra/ image34.jpg

و الأن نريد تغير طريقة الظل للنص , اذهب الى Layer > Layer Style > Drop Shadow..

http://absba1.absba.org/hussienfun/photoshopdawra/ image35.gif

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

http://absba1.absba.org/hussienfun/photoshopdawra/ image36.jpg

اجعل النسب كما يظهر بالأعلى ثم اضغط "أوكى" , و النتيجة النهائية..

http://absba1.absba.org/hussienfun/photoshopdawra/ image37.jpg

و هكذا انتهينا من الدرس الخامس , ملحوظة** اذا قمت بتطبيق هذا الدرس بنجاح فقد استعبت الدروس الماضية بشكل جيد..
بالتوفيق

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

[Hesham_3del]

- الدرس السادس : الدرس الثالث فى التصميم للمبتدئين

بسمه تعالى

http://www.mudares.com/absba/ko/0.jpg

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

توجه لهذا الموقع (من هنا (http://www.morguefile.com/archive/))ستجد ترتيب جميل قد رُتبت فيه هذه الصور, صحيح انها فوتوغرافية ولكنها ايضاً من بنات عالم الصور
وسبب ترتيبها هو وضوح موضوعها, كثير من مواقع الصور اللتي تطرح عدد كبير من الصور تكون مصنفة, وسبب استطاعتها
على ترتيب هذا الكم من الصور هو وضوح هدف او مقصد الصورة, وهناك قسم في كل هذه المواقع غالباً ما يُسمى بـ Unsorted أو Misc
وكلاهما يحتويان على الصور اللتي ليس لهم قسم يناسبهم أو الهدف غير واظح.
طبعاً المشاهد لا يحبذ هذه الأقسام ولا يذهب لها ويترك الأقسام المنظمة, فالأقسام المنظمة تشده لما يحب, مثلاً ان المشاهد يحب المناظر الطبيعية
فيكون هناك قسم المناظر الطبيعية يجد فيه ما يحب وهكذا...
ما هدفت اليه بهذه الدراسة الصغيرة هو عليك ان تجعل لتصميم هوية وان لا تفرط بها مثلاً هل لك ان تعرف ما تصنيف هذه الصورة ؟

http://www.mudares.com/absba/ko/1.jpg

لن تجد لها تصنيف, مع انها اذا نسميها فهي صورة أو تصميم !
العين لم تتناسب ابداً مع المنظر فخلقت نوع من النشاز فبعضهم ييصنفها ويسميها فورا( عين على الطبيعة )
فلا تكن مثله محترف بابتكار التسميات بل التسميات تأتي وحدها عندما تصبح محترف بالتركيز بموضوع التصميم, ويصبح التصميم يُعرف تصنيفه ونوعه من النظرة الأولى
ولن يكلف المشاهد جهداً غير مرغوب به لمعرفة تصيف التصميم.


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


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

الخطوات المثالية للبدأ بتصميم جديد:
1- تخيل أو رسم مخطط اولي للتصميم اللذي نفكر في تصميمه.
2- فتح تصميم بحجم كبير فالتصميم يصغر بسهولة ولكن لا يكبر بسهولة.
3- حفظ العمل قبل البدأ به وحفظه بصيغة ( PSD ).
4- عند الأعتماد على اي خطوة تقوم بها احفظ التصميم بالظغط على ( File >> Save ).
5- عند تطبيقك لفلتر أو عملية معينة وتجد انها تأخذ وقتاً طويلاً لا تظغط كثيراً على الواجهة بسبب ظنك ان البرنامج توقف, فبضغطك المتتابع
تعيق عمل البرنامج وسيتوقف توقف مفاجئ ويمكن أن يضيع عليك جهداً في ذلك.
6- حظّر فنجان قهوة وضعه امامك وانطلق


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


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

http://www.mudares.com/absba/ko/2.jpg

الأضافات الوحيدية اللتي انصح بها هي ( "الفرش" و "الأشكال Shape" ) لأن كلاهما يعطيك افكار سريعة وتوفر فيها الوقت
اما بخصوص الفلاتر فلا انصح بها إلا بعض الفلاتر ذات الأمكانات العالية مثل KPT وكذلك التدرجات والأكشن ليس لهم لزوم لتحميلهم


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



انتهى
مع تحياتي

[kr1400]

مشكور يامهندس على الدورات والله يعطيك العافيه
على المجهود الرائع والله يعطيك العافيه

[أمــيرة الــورد]

الف شكر لك خيو هشام

على الدورات الرائعه

كل الود

أختك

أمــيرة الـــورد

[Hesham_3del]

مشكورررررررررررررررررررر

:004: :004: :004: :004:

[alsltan]

مشكور اخوي هشام ويعطيك العافية
تحياتي
alsltan

[Hesham_3del]

:004: :004: :004: :004: :004: :004: :004:

[وهــج المشاعر]

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

ولكن الف الف الف شكر لك..فعلا جهد ممتاز..

تحيتي..