دروس للمبتدئين

كاتب الدرس : بدر الشوق

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

حرص منا ولكي تعم الفائدة والاستفادة للجميع

سنقوم بطرح دروس سهله للمبتدئين حتى يتسنى لهم الوصول الى المستوى المتوسط ثم الى المستوى الاعلى منه

هذه الدروس للفتوشوب الاصدار السابع وايضا تنفع للاصدار السادس

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

موضوع آخر لأسئلة الاعضاء

الدرس الأول ::

كيف نفتح عمل جديد بالفتوشوب
http://www.shammel.net/adobe/images/1[1].jpg

كاتب الدرس : بدر الشوق

كيف إدراج صورة

http://www.shammel.net/adobe/images/2[1].jpg

كيف صيغ الحفظ GIF و JPG

كاتب الدرس : بدر الشوق

الحفظ بصيغة الـ GIF


http://www.shammel.net/adobe/images/4[1].jpg


الحفظ بصيغة الـ JPG

http://www.shammel.net/adobe/images/3[1].jpg

أنماط الألوان وشرحها

كاتب الدرس : بدر الشوق

http://www.shammel.net/adobe/images/5[1].jpg

شرح مبسط لادوات التحديد في الفوتوشوب : مفيد جدا

الدرس للاخت ورد

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


http://www.shammel.net/adobe/images/groop.gif

الجزء الاول

البداية ستكون من خلال اداة التحديد المربع و التى تنقسم الى 4 اجزاء فرعيه كما تشاهدون هنا !


http://www.shammel.net/adobe/images/rctangle.gif


سنستخدم هذه الصورة في هذا الجزء من الدرس

http://www.shammel.net/adobe/images/fflower.jpg


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

http://www.shammel.net/adobe/images/rctan1.jpg


ننتقل لاداة التحديد الدائري * حيث يمكننا ان نرسم تديدا دائريا او بيضاوي الشكل لاي جزء من الصور
ان اردتم رسم دائرة بشكل صحيح يفضل الضغط على زر shift
ثم قوموا بسحب التحديد الى الاسفل مع مواصلة الضغط على زر shift

هنا تشاهدون مثال للتحديد الدائري

http://www.shammel.net/adobe/images/circle2.jpg


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

هنا مثلا تشاهدون اننا قمنا بعمل هذا التحديد ثم اضفنا له تحديد بسيط بمقدار 1 بيكسل

لينتج لنا هذا


http://www.shammel.net/adobe/images/line1.jpg

و هنا مثال اخر


http://www.shammel.net/adobe/images/lin2.jpg


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

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


http://www.shammel.net/adobe/images/m-rectan.jpg


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


http://www.shammel.net/adobe/images/t1.jpg


هنا ايضا تلاحظون تحديد الجزء الثالث من المربعات و هو يتيح لنا خاصيه تداخل التحديد و قص الاجزاء الغير المرغوب فيها

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

http://www.shammel.net/adobe/images/t3.jpg


اما الجزء الرابع من المربعات يتيح لنا خاصية اضافة التحديد

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

هكذا

http://www.shammel.net/adobe/images/t4.jpg

http://www.shammel.net/adobe/images/t4.jpg

الجزء الاخر من المجموعة هي lasso tools
و هي تندرج تحت مسمى اداة الحبل السري و تنقسم الى ثلاثة اجزاء

http://www.shammel.net/adobe/images/LASSO-G.jpg

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

http://www.shammel.net/adobe/images/FLOWER2.jpg

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

http://www.shammel.net/adobe/images/LASSO-TOOL.jpg

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


http://www.shammel.net/adobe/images/POLY-TOOL.jpg


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


http://www.shammel.net/adobe/images/MAGNETIC-TOOL.jpg



نصل للاجزاء الاقل تشعبا كاداة التحديد move tool
نستخدمها لتحريك الصور او نقلها من صورة لاخرى

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


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

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


http://www.shammel.net/adobe/images/move1.jpg

اذا قمنا بتفعيل الجزء الاول من المربع وهي auto select layer
سنستطيع الانتقال من طبقة لاخرى دون الذهاب لنافذة لير و تحديد الطبقة المراد تحريكها

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

نشاهد الجزء رقم 2 و قم تم تفعيل الجزء الاخر منه
يتيح لنا هذا الخيار نفس خصائص free transform

من خلاله نستطيع تكبير و تصغير الاشكال و تدويرها


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

اليست هذه الاداة رائعه و مبهرة

http://www.shammel.net/adobe/images/MOVE2.jpg

======================

ماذا تبقى لدينا هنا !

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

http://www.shammel.net/adobe/images/CROP-TOOL.jpg

==========

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

http://www.shammel.net/adobe/images/MAGIC.jpg


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

==============
شكر لموقع ارض الفوتوشوب لتقديمة هذا الدرس

الكاتبة : ورد

حرف T او آداة الكتابة في الفوتوشوب 7

للكتابه في برنامج الفوتوشوب نستخدم هذه الاداةhttp://www.shammel.net/adobe/images/tool1.gif
تحتوي هذه الاداة على الكثير من الفروع اذا لاحظت وجود سهم صغير في الصورة بجانب حرفT هذا يعطيك قائمة بانواع كثيره لطرق الكتابة

http://www.shammel.net/adobe/images/toolcontan.gif
من الصوره واضح فائدة كل واحد وهي كالتالي

1- Horizontal Type Tool للكتابة الافقية .http://www.shammel.net/adobe/images/right.gif

3- Horizontal Type mask Tool للكتابة الافقية ولكن يفرقها عن الاولى : هذه الأداة لما تكتب فيها تحدد لك الكلام ( بخطوط مقطعة ) بدون ماتلونه كأنه محدد بالمقص .


2- Vertical Type Tool للكتابة العمودية .http://www.shammel.net/adobe/images/up.gif


4- Vertical Type mask Tool للكتابة العمودية نفس الكلام عن سابقتها


تجد امامك في أعلى البرنامج شريط الادوات هذا ..
سأقوم بشرحه بشكل مبسط :)
http://www.shammel.net/adobe/images/line.gif

1- للتحديد طريقة الكتابه فعند الضغط عليه تظهر لك القائمة تخيرك بين الكتابة الافقيه او العمودية شبيهه فيما ذكرته قبل قليل

2- نوع الخط و تحديدة بالضغط على الزر تظهر لك قائمة كاملة بالخطوط الموجوده لديك ( اضغط عليها اذا كنت تريد تكبيرها http://www.psdland.com/lesson/font.gif

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


المدخل في صندوق الارقام http://www.shammel.net/adobe/images/sizefont.gif(

4-http://www.shammel.net/adobe/images/typ.gifهذه القاءمة تحتوي على اشكال الخط

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

5- للتحديد صف الكتابه هل من اليمين ام اليسار ام توسيط ..

6- اذا كانت الكتابه عربية اضغط على السهم الايمن ليبدأ لك المؤشر من اليمين و اذا انقليزية اضغط اليسار كي يظهر لك المؤشر من ناحية اليسار .

7- لون الخط و ستظهر لك لوحة الالوان و اختر منها ما تريد .

8- Warp Text

http://www.shammel.net/adobe/images/warptxt.gif

و هذه الطريقة للتغير اسلوب الكتابة
اضغط على Style

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


http://www.shammel.net/adobe/images/listwarp.gifhttp://www.shammel.net/adobe/images/warpex.gif

اختر منها ما تشاء و كنماذج للخطوط

9- ستظهر لك هذه القائمة ...

http://www.shammel.net/adobe/images/character.gif

تحتوي على انواع الخطوط

1- لتحديد نوع الخط
2- مقاس الخط
3- المسافه بين الاسطر
4- المسافه بين الحروف
5- امتداد الكلمة
6- اختيار اللون
7- هذا لحالات الكلمة بحيث [ ممكن تكون على شكل اس او مايل او تحتي او مشخوط او تحته سطر او او او.... جرب ما راح تخسر شي بس ماهي مهمة .
8- هذي اللغة المستخدمة .

فوق فيه سهم اذا ضغطته تطلع لك قائمة

http://www.shammel.net/adobe/images/list.gif

1 - هذا لتحديد الخط العريض و المائل .
2- لتحويل الخط الى عامودي و افقي .
3- تعديل الحروف اما كبيره و اما صغيره .
4- لوضع خط تحت الكلام او وسط الكلام.
5- من اليمين لليسار و من اليسار لليمين .


6- هذا القسم مهم لكتابه الارقام **
عند كتابة الارقام في الفوتوشوب ستظر لك دوما ارقام انقليزية و لتحويلها للارقام العربية .
اختار
Hindi Numbers
و ستتحول الارقام الى عربية .

---------
http://www.shammel.net/adobe/images/paragraph.gif

هذه النافذة لتعديل و ترتيب البرقراف ( النص الكتابي ) توسيط - تيامن - يسار
و تحديد المسافه في بداية البرقارف

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

دعواتكم



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

يسلموو اخي الدروس شرح وافي للمبتدئين

وكثير مهمه الدروس هذه نغفل عنها بعد تعلمها

وفكرة انو الأسئله في موضوع مستقل حلوه كثير

لأنو راح تضيع الدروس في ردود الأسئله

لي عوده إن شاء الله

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

الدروس من تنفيذ الأخ مهند شريف

انا بنزل شرح لبرنامج الفتوشوب ولكن نسخه cs3الأصدار العاشر

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

أول درررررررررس


http://up.5alal.net/uploads/images/5alal-bcf8388b77.jpg

http://up.5alal.net/uploads/images/5alal-9c35f5ca5f.jpg

http://up.5alal.net/uploads/images/5alal-e813405a3f.jpg

http://up.5alal.net/uploads/images/5alal-8117896f5f.jpg

http://up.5alal.net/uploads/images/5alal-78745fc091.jpg

http://up.5alal.net/uploads/images/5alal-cb24e0069e.jpg

http://up.5alal.net/uploads/images/5alal-fb9806b9f3.jpg

http://up.5alal.net/uploads/images/5alal-0a4756ded7.jpg

http://up.5alal.net/uploads/images/5alal-42c0939ca5.jpg

http://up.5alal.net/uploads/images/5alal-b4ef7866e5.jpg

http://up.5alal.net/uploads/images/5alal-2629ae2229.jpg

أنتهى الدرس الأول

ترقبو الدرس الثاني

الطبقات او الليرات

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

صممتها كان الأعتماد فيها كثير على الليرز أو الطبقات

وهي اللي خلته يظهر في النهايه بالشكله النهائي

فائدة الليرات انها تعطيك حريه اكثر في الأبتكار .. والتصميم يكون له ابعاد مختلفه

ويساعد على جعل التصميم اكثر تجسيم وتقدر من خلال الليرات

انك تتحكم في كل جزء من التصميم لوحده وبحد ذاته وتعمل عليه فلاتر أو تضيف في

كل طبقه فرش او خام أو سكرابز أو لون... ألخ حسب المصمم وتصميمه طبعا

كيف اضافة طبقه لير جديد للعمل .. أداة اضافة اللير اللي محدده باللون الأحمر

http://www.cyemen.com/up/uploads/9764fd99b8.jpg

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


http://www.cyemen.com/up/uploads/b608c7971d.jpg

وكيف تتحكم بالير يعني كيف نرتب الليرات حسب ما المصمم يشتي

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

تجعل صوره مثلا خلف برواز فا نقوم بجعل لير الصوره اسفل اللير اللي فيه البرواز

فيظهر البرواز حوالين الصوره وليس العكس الصوره فوق البرواز وصورة الليرات اللي فوق توضح

كيف اني رتبت الليرات تحت البرواز فظهرة النتيجه كا الصوره في الأسفل

http://www.cyemen.com/up/uploads/0d5914bcc8.jpg

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

وتلاحظون ان الزخرفه الملونه أو الفرش الملونه اسفل الشغل وهذا

لأن الليرز تبع الفرش أسفل الليرات كلها

.....

أخر حاجه ازالة ليرز من العمل لو اضفت ليرز وحبيت ازالته

ايضا من الشريط هذا تسحب الليرز بالماوس إلى العلامه اللي على شكل سلة قمامه

ويحذف اللير من العمل


http://www.cyemen.com/up/uploads/9764fd99b8.jpg


اتمنى يكون الشرح واضح وما اكون هدرت على قل نفع

واعتذر على ركاكة الأسلوب

وبكذا انتهى الدرس

اختكم مزاين

إضافه كنت ناسيتها للدرس

ان لأداة اضافة الليرز أو الطبقات هذه

http://www.cyemen.com/up/uploads/9764fd99b8.jpg


ايضا تنسخ طبقه سبق واضفتها يعني تشتي تكرر صوره أو كتابه أنت سبق واضفتها وصممت عليها

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

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

نسخه من الطبقه اللي انت سحبتها للأداه

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

اتمنى تكونو استفدتو واي سؤال في موضوع الأسئله اللي في صفحة القسم الرئيسيه

اختكم مزاين

مشكور اخي صمود على الموضوع رائع