المساعد الشخصي الرقمي

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


dali
05-17-2005, 12:33 PM
السلام عليكم

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



كيفية إنشاء صفحة جديدة

طريقة عمل صفحة جديدة :
أما أن تفتح قائمة ملف (File) ثم أختيار جديد (New)
أو بالضغط على Ctrl+N بعدها سوف تظهر لكي هذه القائمة:

http://sfs3.jeeran.com/2.psd.jpg



عادة يفضل ترك درجة الوضوح كما هي 72 إلا في بعض الحالات أو الدروس يفضل تغييرها وسوف يقام بذكر وجوب تغييرها ..


وهذا شرح لخيارات المقاسات في الفوتوشوب
ملاحظة جميع المقاسات بوحدة الـ Pixels
الصورة مرفقة مع الموضوع ^_^
H تعني الإرتفاع و W تعني العرض

Custom: أي مقاساتك أنتي

(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)

Default Photoshop Size: مقاسات الفوتوشوب المعروفة إلي هي
W:504 × H:360

(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)

Letter : مقاسات رسالة إلي هي W: 2550 × H: 3300

Legal: مقاسه W: 3300 × H: 4200

Tabloid: مقاسها W: 3300× H: 5100

(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)

3×2: هذي مقاسها W: 600×H: 900

6×4 هذي مقاسها W: 1200×H: 1800

7×5 هذي مقاسها W: 1500 × H: 2100

10×8 هذي مقاسها W: 2400 × H: 3000

(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)

شوفوا حبايبي هذول الثلاثة مقاسات خلفيات إلي هم:

480×640 -()- 600×800 -()- 768×1024

وعادة يفضل إستخدام 768×1024 لأنه إذا جيبت تخلي الخلفية بتخليها إستريتش على الجهاز فإذا كان عندك الرزلوشن حق الشاشة كبير ومقاس الخلفية أقل من مقاس الشاشة فبتبان عيوب إنتي أثناء التصميم ما كانت موجودة زي التشويش وعدم صفواة الصورة وعدم عرضها بالصورة المتوقعة لدى المصمم *_^

وهذا المقاس بتلقينه بنفس المجموعة بس هو للبانرز حقت النت :
Web banner: المقاسات W: 468 × H: 60

(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)_(-)

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




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

كاتب الدرس : فتيات للابد

للكتابه في برنامج الفوتوشوب نستخدم هذه الاداة

تحتوي هذه الاداة على الكثير من الفروع اذا لاحظت وجود سهم صغير في الصورة بجانب حرفT هذا يعطيك قائمة بانواع كثيره لطرق الكتابة

http://www.psdland.com:8080/lesson/w-tool/toolcontan.gif



من الصوره واضح فائدة كل واحد وهي كالتالي

1- Horizontal Type Tool للكتابة الافقية .http://www.psdland.com:8080/lesson/w-tool/right.gif


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

2- Vertical Type Tool للكتابة العمودية .http://www.psdland.com:8080/lesson/w-tool/up.gif


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


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

http://sfs3.jeeran.com/4.psd.jpg


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

2- نوع الخط و تحديدة بالضغط على الزر تظهر لك قائمة كاملة بالخطوط الموجوده لديك كماهي موضحه هنــا :

http://sfs3.jeeran.com/5.psd.jpg



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

http://www.psdland.com:8080/lesson/w-tool/typ.gif

4- هذه القاءمة تحتوي على اشكال الخط


* ملاحظة في فوتوشوب الداعم للعربي :

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


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

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

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

8- Warp Text

http://sfs3.jeeran.com/6.psd.jpg


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

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


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

http://sfs3.jeeran.com/7.psd.jpg


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

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

http://sfs3.jeeran.com/9.jpg



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


6- هذا القسم مهم لكتابه الارقام **

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


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

http://sfs3.jeeran.com/8.psd.jpg




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

دعواتكمll

dali
05-17-2005, 12:58 PM
شرح مبسط لادوات التحديد في الفوتوشوب : مفيد جدا

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

http://www.psdland.com/lesson/wr/groop.gif


الجزء الاول

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

http://www.psdland.com/lesson/wr/rctangle.gif

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

http://www.psdland.com/lesson/wr/fflower.jpg

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

http://www.psdland.com/lesson/wr/rctan1.jpg

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

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

http://www.psdland.com/lesson/wr/circle2.jpg

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

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

لينتج لنا هذا

http://http://www.psdland.com/lesson/wr/line1.jpg


و هنا مثال اخر

http://www.psdland.com/lesson/wr/lin2.jpg


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

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

http://www.psdland.com/lesson/wr/m-rectan.jpg



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

http://www.psdland.com/lesson/wr/t1.jpg


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

http://www.psdland.com/lesson/wr/t2.jpg



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

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


http://www.psdland.com/lesson/wr/t3.jpg

http://www.psdland.com/lesson/wr/t3.jpg

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

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

هكذا

http://www.psdland.com/lesson/wr/t4.jpg




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

http://www.psdland.com/lesson/wr/LASSO-G.jpg



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

http://www.psdland.com/lesson/wr/FLOWER2.jpg



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

http://www.psdland.com/lesson/wr/LASSO-TOOL.jpg



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

http://www.psdland.com/lesson/wr/POLY-TOOL.jpg


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

http://www.psdland.com/lesson/wr/MAGNETIC-TOOL.jpg



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

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


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

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

http://www.psdland.com/lesson/wr/move1.jpg



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

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

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

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


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

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

http://www.psdland.com/lesson/wr/MOVE2.jpg




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

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

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


http://www.psdland.com/lesson/wr/CROP-TOOL.jpg
[/color][/size]

dali
05-17-2005, 01:42 PM
اما اداة العصا السحرية فهي معروفة لدي الجميع , تقوم بتحديد جزء من الصورة ذات اللون الموحد
هنا ضغطنا في المنطقة ذات اللون الاسود, فقام بتحديدها كاملة

http://www.psdland.com/lesson/wr/MAGIC.jpg





[size=5]شرح ادوات النسخ و الفرش في الفوتوشوب

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

http://www.psdland.com/lesson/group2/healing/collection.jpg



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

هيا بنا الان لنتابع الدرس و نتعرف من خلاله لوظائف هذه الادواة

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

http://www.psdland.com/lesson/group2/healing/healingtool.jpg



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

http://www.psdland.com/lesson/group2/healing/healingtool.jpg



نختار من القائمة التي بالاعلى اداة الاولى
healing brush tool

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

لاحظوا معي هذه الصورة هنا

http://www.psdland.com/lesson/group2/healing/healllinng.jpg



في الجزء المبين برقم واحد , نضع اداة healing brush tool على جزء من الصورة و نضغط على زر alt
بهذه الطريقة نسخت الاداة الجزء هذه الجزء

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

لا انسى ان اشير لجزء مهم من عمل هذه الاداة , انظروا لهذه الصورة هنا

http://www.psdland.com/lesson/group2/healing/khasaes.jpg



هذا الجزء يحتوي على خصائص هذه الاداة , ومن اهمها قسم mode و الذي يحتوي على عدة خيارات
فان اخترنا overlyمثلا , ستندمج الوردة بهذه الخاصيه مع الخلفية و ستكون شفافيتها قليلة
اما اذا اخترنا multipily
فسيكون الدمج اغمق و هكذا

=========

ناتى للخيار الثاني من هذه المجموعة المسمى بــ patch tool

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

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

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

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

انظروا في رقم 2 ماذا حدث

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

http://www.psdland.com/lesson/group2/healing/patch-tool.jpg


======================
الجزء الثاني هو يختص مجموعة الفرش و القلم

http://www.psdland.com/lesson/group2/brush/colebrush.jpg


الجزء الاول و هو الفرشاة , هي لضافة اشكال من الفرش للتصميم

مثلا هنا اخترت فرشاة الاوراق
ثم اضفت طبقة جديده للصورة , ثم قمت بنثر الورق بشكل عشوائي هنا و هناك و بعدة الوان


http://www.psdland.com/lesson/group2/brush/brushtool.jpg


لا انسى ان اذكر لكم ان بامكانكم التحكم بخصائص الفرش من خلال هذه النافذة

http://www.psdland.com/lesson/group2/brush/brushes-window.jpg



========

اما اداة الــ pencil فهي اداة القلم العاديه

هنا قمت بكتابة كلمة ورد على الصورة باستخدام القلم هذا

http://www.psdland.com/lesson/group2/brush/pencil-tool.jpg



يتبع

الجزء الثالث تخص اداة الختم و هو يتالف من جزئين كما تلاحظون بالصورة !

http://www.psdland.com/lesson/group2/brush/clon-collec.jpg




الجزء الاول clone stamp tool
هذه الاداة ايضا كما في healing brush tool يتمتع بعدة خصائص كما هو مبين في هذا الشكل

http://www.psdland.com/lesson/group2/clone/mode.jpg



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

نضع الختم على جزء من الوردة و نضغط على زر alt

ثم نترك الضعط

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

http://www.psdland.com/lesson/group2/clone/clone1.jpg





الجزء الاخر من هذه الاداة و هو
patern stamp tool

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

http://www.psdland.com/lesson/group2/clone/patternstamp.jpg


الجزء الرابع هي اداة paint
تتضمن جزئين هم : السطل و التدرج اللونى

http://www.psdland.com/lesson/group2/paint/paintcoll.jpg

السطل او paint buket tool
يستخدم لصبغ الصفحات باللون الامامي او بالباترن

هنا قمت بصبغ الصفحة البيضاء باللون الامامي

http://www.psdland.com/lesson/group2/paint/pahntforground.jpg





و هنا بالباترن

http://www.psdland.com/lesson/group2/paint/patern.jpg



الاداة الاخرى هي اداة التدرج اللوني

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

http://www.psdland.com/lesson/group2/paint/gradiant.jpg



الجزء الاخر هو history brush

http://www.psdland.com/lesson/group2/historybrush/historycoll.jpg


كما لاحظتم انه ينقسم لجزئين

نفتح هذه الصورة

http://www.psdland.com/lesson/group2/healing/wardff.jpg



نختار الاداة الاولى

history brush tool

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

قمت هنا باخفاء الطبقة الاولى , فظهر لنا الناتج هذا

اليس رائعا

http://www.psdland.com/lesson/group2/historybrush/histbrush.jpg



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


==========

ناتي للجزء الاخر و هو

art history brush


http://www.psdland.com/lesson/group2/historybrush/art-hist.jpg

تلاحظون وجود نافذه في الصورة بالاعلى ’ اخترت منها losse curl
تستطيعون انتقاء الخيارات الاخرى


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

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

و هذا مثال

http://www.psdland.com/lesson/group2/historybrush/finallart.jpg



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

http://www.psdland.com/lesson/group2/blurcoll/blourcollec.jpg




نفتح هذه الصورة

http://www.psdland.com/lesson/group2/blurcoll/44.jpg



اخترنا الاداة الاولى blur tool
هذه الاداة تعمل كفلتر بلور و تضيف تاثير التمويه للصورة

http://www.psdland.com/lesson/group2/blurcoll/blurr.jpg




الاداة الاخرى هي sharpen tool
تعمل ايضا كفلتر شاربن و توضح تفاصيل العمل اكثر

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

http://www.psdland.com/lesson/group2/blurcoll/sharpen.jpg



و الجزء الاخير smudge tool
يقوم بمزج الالوان كما في هو مبين بالاسفل


http://www.psdland.com/lesson/group2/blurcoll/smudge.jpg

النور
05-17-2005, 07:53 PM
عزيزتى دالي

مجهود رائع وجبار

ويحوى الكثير من الفائدة لجميع الأعضاء

:

بوركتى وجهودك


أجمل الأمنيات

dali
05-19-2005, 01:37 AM
مرسي كثير اختي النور

زهدا والله من تشجيعكم

تسلمي