1

‫ال ُمقـــَـ ّد َمة‬

‫ال شك أن برنامج الفوتوشوب علي قمة البرامج التي تتلقي إقباال ً‬
‫شديدا ً ورغبة في التعلم ومن البرامج المهمة في حياة كل دارس في‬
‫مجال الهندسة والحاسب األلي ومن هنا كانت فكرة إنشاء سلسة‬
‫دروس تعليمية وكتاب تعليمي لهذا البرنامج العمالق تكون مدعمة‬
‫باألمثلة والتطبيقات مع مراعاة جانب الفهم أوال ً ثم التطبيق‬
‫‪ .....‬ثانيا ً‬
‫كما تم الشرح في هذة السلسلة بالغة العربية العامية لكي تعم الفائدة علي‬
‫‪ .‬الجميع‬
‫وهذا السلسة هي باقة من الورد أهديها لكل من يريد تعلم هذا البرنامج الشيق‬
‫‪ .‬والمفيد في كل مجاالت الحياة الدراسية منها والعملية‬

‫‪2‬‬
 ‫السيرة الذاتية‬
‫المدرب ‪ :‬محمد إبراهيم الطيب البشير‪.‬‬
‫بكالريوس األشعة والتصوير الطبي (جامعة كرري )‪.‬‬
‫ماجستير الموجات الصوتية (جامعة كرري ‪(.‬‬
‫مؤسس منظمة بسمة خير لتحدي اإلعاقة ‪.‬‬
‫عضو مؤسس بمنظمة أسهم العطاء ومنظمة خطوة حياة‬
‫‪.‬‬
‫متطوع بالعديد من المنظمات المحلية واإلقليمية‬
‫والعالمية ‪.‬‬
‫مدرب معتمد من مركز غانغ المتصص لتدريب‬
‫المدربين ‪.‬‬
‫مدرب معتمد من مركز الرازي للتدريب وبناء‬
‫القدرات ‪.‬‬
‫مدرب معتمد من مركز الرؤية الذكية للتدريب الطبي ‪.‬‬
‫مدرب معتمد لدي الهالل األحمر السوداني ‪.‬‬
‫مدرب معتمد لدي مشروع البطانة للتنمية الريفية‬
‫التمتكاملة (‪. )IFAD‬‬
‫مدرب معتمد من مركز ‪ Xp‬لعلوم الحاسوب واللغات ‪.‬‬
‫قدم العديد من الدورات التدريبية ‪....‬‬

‫‪3‬‬
‫المحتويات‬
‫‪ ‬الوحدة األولي ‪ :‬األساسيات‬
‫‪ ‬الوحدة الثانية ‪ :‬التحريك والتحديد والتعبئة‬
‫‪ ‬الوحدة الثالثة ‪:‬الطبقات‬
‫‪ ‬الوحدة الرابعة ‪ :‬أدوات التفريغ بالتحديد‬
‫‪ ‬الوحدة الخامسة‪ :‬التأطير والتشريح والختم‬
‫‪ ‬الوحدة السادسة ‪ :‬الفراشي والممحاة والماصه‬
‫‪ ‬الوحدة السابعة ‪ :‬الكتابة واألشكال‬
‫‪ ‬الوحدة الثامنة ‪ :‬أداة القلم والتحديد‬
‫‪ ‬الوحدة التاسعة ‪:‬أدوات المعالجة والتمويه‬
‫‪ ‬الوحدة العاشرة ‪ :‬أداة العدسة وأداة اليد‬
‫‪ ‬الوحدة الحادية عشر ‪:‬تفصيل القوائم الرئيسية‬
‫‪ ‬الوحدة الثانية عشر ‪ :‬الحركات والفريمات‬
‫والفيديو‬
‫‪ ‬الوحدة الثالثة عشر ‪ :‬إضافة الملحقات واأللوان‬
‫‪ ‬الوحدة الرابعة عشر ‪ :‬تطبيقات عامة‬
‫‪4‬‬
‫الوحدة األولي‬

‫االساسيات‬

‫‪5‬‬
 ‫الوحدة األولي ‪ :‬االساسيات‬
‫‪ :-‬واجهه البرنامج عندما نفتح برنامج الفوتوشوب تخرج لنا هذة الواجهة وهي واجهة‬
‫البرنامج‬

‫‪TOOLS‬‬

‫شريط النوافذ‬

‫‪6‬‬
 ‫‪ :-‬شريط القوائم الرئيسية‬

‫في الصورة أعاله توضيح لقوائم الفوتوشوب الرئيسية وهي عشر قوائم سأقوم‬
‫بشرحها وترجمتها خالل الدرس ‪ ،‬وسأبداء األن بقائمة ( ‪ ) File‬أو ملف ‪- :‬‬

‫‪7‬‬
‫قائمة ملف ‪) -: ) File‬‬
‫بمجرد الضغط علي قائمة ‪ File‬تخرج لنا هذة القائمة علي اليسار‬

‫وفيها عناصر سوف نتعرف علي أهمها ‪-:‬‬

‫_ إنشاء ملف جديد إختصارها ( ‪.) Ctrl+N‬‬ ‫‪* New‬‬

‫_ فتح ملف صورة او ملف مفنوح المصدر ‪.‬‬ ‫* ‪Open‬‬

‫‪_ * Open As‬فتح كنوع وهو غير الصور مثل ( ‪. ) pdf‬‬ ‫•‬
‫*‪ _ Browse‬إستعراض وهذا يساعدنا علي عرض الصور وتصفحها ‪.‬‬
‫_ إغالق الملف الموجود أمامنا االن ‪.‬‬ ‫* ‪Close‬‬
‫* ‪ _ Close All‬إغالق كل الملفات علي الفوتوشوب ‪.‬‬
‫_ حفظ الملف ‪.‬‬ ‫* ‪Save‬‬
‫* ‪ _ Save As‬حفظ بإسم ( سنوضحه بالتفصيل )‪.‬‬

‫‪* Share‬مشاركة‪.‬‬ ‫_‬

‫_ الطباعة ‪.‬‬ ‫*‪Print‬‬
‫* ‪ _ Save for web &devices‬حفظ للويب واألجهزة‬
‫( سنوضحه بالتفصيل الحقاً ) ‪.‬‬
‫*‪ _ Export‬تصدير الملفات مثل الفيديو ‪.‬‬
‫*‪ _ Import‬إستيراد ملفات مثل أيطارات الفيديو ‪.‬‬

‫_ خروج من برنامج الفوتوشوب ‪.‬‬ ‫*‪Exit‬‬

‫‪8‬‬
 ‫إنشاء ملف جديد ( ‪: )New‬‬
‫من القائمة تخرج لنا النافذة التالية ‪:‬‬ ‫عندما نريد إنشاء ملف جديد نغط علي األمر ‪New File‬‬

‫إسم التصميم‬

‫_ ‪Width‬العرض‬

‫_ ‪ Height‬الطول‬

‫‪(A4 (ΔϗέϭϞΜ‬‬
‫‪ϣΎ‬‬
‫‪Ϭϴ‬‬‫‪Ϡ‬‬
‫‪ϋϑ ήόΘ‬‬
‫‪ϣϡΎ‬‬
‫΃‪ΠΣ‬‬ ‫‪ν ήϋ‬‬
‫_ ‪Resolution‬دقة العمل‬

‫_ ‪Color Mode‬صيغة اللون‬

‫عدد األلوان في البكسل الواحد‬

‫لون خلفية الشاشة‬

‫اصنع التصميم‬

‫‪9‬‬
 ‫وحدات القياس في الفوتوشوب ‪:‬‬

‫•الببكسل (‪ : ) pixels‬هو عبارة مربع لون صغير يجتمع‬

‫ليكون الصورة والصورة تحتوي علي االاااف البكسالت‪.‬‬
‫•االنش ( ‪. ) Inches‬‬
‫•السنتمتر ( ‪. ) Centimeters‬‬
‫•الملميتر ( ‪. ) ’Millimeters‬‬
‫•النقاط (‪. ) Poets‬‬
‫•البيكا ( ‪. ) picas‬‬

‫‪10‬‬
11
 ‫صيغة اللون ( ‪: ) Color mode‬‬
‫•الوان الشاشة (‪: ) RGB‬‬
‫أزرق‬ ‫‪،‬‬ ‫وهي إختصار لالاوان أحمر (‪، ) RED‬أخضر (‪)GREEN‬‬
‫(‪)BLUE‬‬
‫وهي الوان الشاشة واألجهزة المحمولة ومنها تنبثق كل االلوان ‪.‬‬
‫•الوان الطابعة ‪: ) CMYK( :‬‬
‫هي اختصار لأللوان أزرق سماوي ( ‪ , ) Cyan‬أحمر قرمزي ( ‪) Magenta‬‬
‫‪ ،‬أصفر (‪ ، ) Yellow‬أسود (‪. ) Black‬‬

‫وهي ألوان خاصة بالطابعة اي انة يجب تغيير‬

‫صيغة األلوان الي (‪ ) CMYK‬اذا اردنا طباعتة ‪.‬‬
‫•درجات الرمادي (‪: )Grayscale‬‬
‫هي تدرج لوني ومزيج بين األبيض واألسود ‪.‬‬
‫•نقفطي (‪: )Bitmap‬‬
‫•الوان مرجعية (‪: )LAP Color‬‬

‫‪12‬‬
13
14
 ‫في المستطيل ) بالون البنفسجي ( هذا الخيار خاص‬
‫بمحتويات‬
‫الخلفية ويحتوي علي خيارات هي ‪:‬‬
‫الخيار االول ‪ ) white ( :‬ومعناه اننا نريد الخلفية بيضاء ‪.‬‬
‫الخيار الثاني ‪ ) Black ( :‬ومعناه اننا نريد الخلفية سوداء ‪.‬‬
‫الخيار الثالث ‪ ) Background color ( :‬وهذا الخيار‬
‫يجعل لون خلفية العمل هو نفس لون الخلفية المحدد مسبقا ً‬
‫في أسف صندوق االدوات ( في الصورة علي اليسار ) ‪.‬‬
‫الخيار الرابع ‪ ) Transparent ( :‬ومعناة خلفية شفافة‬
‫( اي بدون لون( ‪.‬‬
‫الخيار الخامس ‪ )Custom ( :‬وهنا يفتح لك االلوان لتختار‬
‫اللون بنفسك ‪.‬‬

‫‪15‬‬
 ‫•األبيض ( ‪: )White‬‬
‫كما أشرت سابقا ً بمجرد أختيار هذا الخيار من المحتويات يتم تعبئة الخلفية بالون‬
‫الصورة رقم (‪)1‬‬ ‫االبيض كما بالصورة رقم (‪. )1‬‬

‫االسود (‪: )Black‬‬

‫ما ينطبق علي الخيار االول (‪ )White‬ينطبق علي هذا الخير مع تغيير اللون‬
‫فقط من األبيض الي األسود (‪. )Black‬‬

‫•لون الخلفية (‪: ) Background color‬‬

‫بإختيار هذا الخيار يتم تلوين الخلفية بلون الخلفية الموجود‬

‫الصورة رقم (‪)2‬‬

‫اسفل شريط االدوات خلف لون الفرشاة ( االمامي )‬

‫لون الفرشاة‬
‫لون الخلفية‬

‫‪16‬‬
 ‫بدون خلفية (‪: )Transparent‬‬
‫هنا تظهر الخلفية في شكل مربعات رمادية وبيضاء (تتغير بالضبط ) عادة وعند‬
‫الصورة رقم (‪)3‬‬
‫ظهورهذه المربعات هذا يعني عدم وجود الخلفية كما بالصورة رقم‬
‫(‪.)3‬‬
‫•مخصص (‪: ) Custom‬‬
‫هذا الخيار يتيح لك إختيار اللون المفضل والذي تريده لتعبئة الخلفية حيث‬
‫يظهر مباشرة جدول األلوان كما هو موضح‬
‫في الصورة المجاورة وهذا الجدول يسمي جدول‬
‫قاطف اللون (‪ ) Color picker‬حيث يحتوي‬
‫علي األلوان وتدرجاتها ‪.‬‬
‫ويحتوي علي مربع أكواد يمكنك كتابة كود اللون‬
‫الذي تحب في مربع أسفل الجدول‬

‫كما هو موضح بالصورة المجاورة المشار الية بالسهم ‪.‬‬

‫‪17‬‬
 ‫حفظ (‪: )Save‬‬
‫بالضغط علي خيار الحفظ (‪ ) Save‬يقوم البرنامج بحفظ التغيرات علي الملف المحفوظ مسبقا ً بصيغة ‪PSD‬‬
‫أما اذا كان اول حفظ فعلينا ان نختار حفظ بإسم (‪. )..Save As‬‬
‫حفظ بإسم ( ‪:) Save As‬‬
‫في البداية البد أن نعرف أن التصميم في الفوتوشوب يحفظ بصيغة ‪ PSD‬وهذة الصيغة خاصة بتصاميم الفوتوشوب وعند الحفظ بها يقوم البرنامج‬
‫بحفظ التصميم بكامل حجمة وطبقاتة حتي يصبح التصميم قابل للتعديل عند الحاجة الي التعديل ‪ ،‬أما حفظ التصميم كصورة سوف نوضحة في‬
‫الصورة التالية ‪:‬‬
‫حفظ بإسم‬

‫مكان حفظ‬
‫التصميم‬
‫إسم التصميم المختار‬

‫صيغة الحفظ المختاره‬

‫حفظ‬

‫‪18‬‬
 ‫حفظ للويب واالجهزة (‪:)Save for Web & Devices‬‬

‫هذا األمر يختلف عن األمر (‪ )Save As‬بأنه يحفظ التصميم كصورة فقط بدون طبقات ونستخدم هذا‬
‫االمر عندما نود أن نعرض التصميم في المنتديات ألن التصميم يحفظ بصيغة ‪ JPG‬و ‪GIF‬و ‪PNG‬‬
‫وهي الصيغ المنتشرة للصور في اإلنترنت أما صيغة ‪ PSD‬التي ذكرناها سابقا ً هي نسخة خاصة‬
‫بالمصمم نفسة ‪...‬‬
‫سنتعرف علي أشهر الصيغ الخاصة بالحفظ أما في الصورة التالية توضيح لعملية‬
‫حفظ الويب واالجهزة تابع معي أيها المصمم الكريم ‪....‬‬

‫‪19‬‬
20
 ϔϠϤϠϟφϔΤϟ΍ώϴλ ήϬη΃
:ΕΎ
.ϞϳΪόΘϠϟΔϠΑΎϗΕΎϔϠϤϟ΍ Γάϫϭ : (PSD) έΪμ Ϥϟ΍ΡϮΘϔϣϒϠϣ -1
.ΔϛήΤΘϤϟ΍έϮμ ϟΎ Αι Ύ ΧΔϐϴλ ϲ ϫ : )GIF (ΔϛήΤΘϤϟ΍έϮμ ϟ΍ -2
ϲ Θϟ΍ΓέϮμ ϟΎ ΑΔλ Ύ
Ψϟ΍ Δϐϴμ ϟ΍ϲ ϫ : ) JPEG(ΔΘΑΎ Μϟ΍έϮμ ϟ΍ -3
.ϒΗΎ Ϭϟ΍ϭ΍΍ήϴϣΎϜϟΎ
ΑΎ
ϬσΎ
ϘΘϟ·ϭ΃Ύ ϬϠϴϤΤΗϢΗ
.)ϢϜϟϑ ϭήόϣ( : ) PDF(ςϘϓ ϩ˯ ΍ήϘϠϟϒϠϣ -4
ϢΗϱ ΍ ΔϴϔϠΧϥϭΪΑΓέϮλ ϲ ϫ : )PNG(ΔϏήϔϤϟ΍έϮμ ϟ΍-5
.ϱ ήΧ΃ΔϴϔϠΧϲ ϓ
ΎϬόο ϭϢΘϳϲ ϜϟΔϴϔϠΨϟ΍ ώϳήϔΗ
)ϚδϔϨΑΪϫΎ
ηϭ PNG έϮλ ϞϴϤΤΗ΢ ϔμ ΘϤϟ΍ϲϓ
ΐ Θϛ΃ (

21
 ‫قائمة تحرير (‪-: ) Edit‬‬
‫بمجرد الضغط علي قائمة ( ‪ ) Edit‬من القائمة الرئيسية‬
‫ستخرج لنا‬
‫هذة القائمة سنتعرف علي أهم العناصر بها وهي ‪:‬‬
‫‪ /‬ت‪èè‬را‪è‬جع‪.è‬‬ ‫•‪Undo‬‬
‫‪ /‬خ‪è‬طوة ل‪èè‬ألمام‪.è‬‬ ‫•‪Redo‬‬
‫‪è‬لخلف‬
‫•‪ / Toggle Last State‬خ‪è‬طوة ل‪. è‬‬
‫ص‬
‫‪/‬ق‪. èè‬‬ ‫•‪Cut‬‬
‫•‪ / Copy‬ن‪èè‬سخ‪.‬‬
‫ق‬
‫•‪ / Paste‬ل‪èè‬ص ‪.‬‬
‫‪ / Fill‬ت‪èè‬عبئة‬
‫•‪ / Stroke‬ح‪è‬د (إ‪è‬يطار )‬
‫•‪ / Free Transform‬ت‪èè‬حويل ح‪è‬ر ‪.‬‬
‫•‪ / Transform‬ت‪èè‬حويل‬
‫•‪ / Define Brush Preset‬ت‪èè‬عيينا‪èè‬لفرش‬
‫‪ / Define Pattern‬ت‪èè‬عيينا‪èè‬لخشو ( ا‪èè‬لباترن)‬
‫هذة العناصر التسعة سنقوم بالتعرف علي كيفية‬
‫إستخدامها إن شاء هللا في الدروس القادمة أما االن‬
‫علينا أن نعرف معانيها فقط ‪.‬‬
‫•‪ / Preferences‬ا‪èè‬لتفضيالت‬
‫من أهم األمور في برنامج الفوتوشوب حيث يعد‬
‫مكان الضبط األساسي لخصائص وشكل البرنامج ككل‬
‫واألن تابع شرح التفضيلالت وأهم التفضيالت في الصفحة التالية ‪.....‬‬

‫‪22‬‬
 ‫التفضيالت (‪:) Preferences‬‬
‫عند الضغط علي ‪ Preferences‬من قائمة تحرير ‪ Edit‬تظهر لنا قائمة نختار منها‬
‫الخيار األول ‪ General‬كي تظهر كل التفضيالت في النافزة التالية او بالضغط علي (‪. ) Ctrl + k‬‬

‫في الصفحة التالية ضبط عام لكل البرنامج وال يدخلها إال محترف وسوف‬
‫أقوم بشرحها في أخر الدورة أما األن سوف أقوم بتوضيع معناها فقط ‪...‬‬

‫‪23‬‬
24
 ‫قائمة صورة (‪-: ) Image‬‬
‫بمجرد الضغط علي قائمة صورة ‪ Image‬من القائمة الرئيسية‬
‫ستخرج لنا هذة القائمة وسنتعرف علي أهم األوامر فيها وهي ‪:‬‬
‫‪ /‬صيغة الصورة ‪..‬‬ ‫• ‪Mode‬‬
‫وعند الضغط عليها تظهر لنا خيارات صيغة لون الشاشة‬
‫وتحدثت عنها من قبل ‪ ،‬وهنا نستطيع تغيير صيغة األلوان‬
‫( ‪ RGB‬أو ‪.. CMYK‬الخ ‪ ،‬كما يمكن تعديل عدد األلوان في البيكسل‬
‫( ‪. ) Bits8 ، Bits16 ، Bits32‬‬

‫‪ /‬ت‪èè‬أطير ‪..‬‬ ‫•‪Crop‬‬

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

‫‪25‬‬
 ‫‪ /‬إ‪è‬عدادا‪è‬تا‪èè‬لصورة ‪..‬‬ ‫•‪Adjustments‬‬
‫من هنا يمكننا تعديل إعدادات الصور من إضائة ووضوح وغيرة ‪.‬‬
‫بالضغط عليها تظهر االعدادا كما في الصورة‬

‫‪ /‬مقياس حقل العمل ‪..‬‬ ‫• ‪Image Size‬‬

‫بهذا األمر يمكننا تعديل تحجيم العمل او التصميم من طول وعرض‬
‫ووضوح الصورة ‪.‬‬
‫‪ /‬ت‪èè‬دوير ح‪è‬قل ا‪èè‬لعمل ‪..‬‬ ‫•‪Image Rotation‬‬
‫هذا األمر يتيح لنا تدوير التصميم بزوايا محددة أوقلبة‬
‫أفقيا وراسيا كما بالصورة رقم (‪. )2‬‬

‫‪26‬‬
 ‫قائمة طبقات (‪-: ) Layer‬‬

‫شـ بطـقـة جـديدهـ‪.‬‬ ‫‪ / New‬إن ءاـ‬ ‫•‬

‫عفـة لاـطبقـة‪.‬‬ ‫ضـ‬
‫‪ / Duplicate Layer‬م اـ‬ ‫•‬
‫‪ /‬مسح لاـطبقـة‬ ‫‪Delete‬‬ ‫•‬
‫لصغـة‬ ‫صـديرـ سـريعـ لـ‬ ‫تـ‬ ‫‪/ Quick Export as PNG‬‬ ‫•‬
‫‪.PNG‬‬
‫صـديرـ ك ‪.....‬‬ ‫تـ‬ ‫‪/ ..Export As‬‬ ‫•‬
‫سميـة لاـطبقـة ‪.‬‬ ‫‪ / Rename layer‬إعادـة تــ‬ ‫•‬
‫‪ / Layer Style‬نـمط لاـطبقـة ‪.‬‬ ‫•‬
‫لتر ذكـي‬ ‫فــ‬ ‫‪/ Smart Filter‬‬ ‫•‬
‫لاـمحدـدـة ‪.‬‬ ‫لطبقـة‬
‫عبئة جـديدـة لـ‬ ‫تــ‬ ‫‪/ New Fill Layer‬‬ ‫•‬
‫لطبقـة‬
‫تـريـ جـديد لـ‬ ‫أث‬ ‫‪/ New Adjustment Layer‬‬ ‫•‬
‫لاـمحدـدـة ‪.‬‬
‫‪ / Layer Content Options‬ضـبط محتويات لاـطبقـة ‪.‬‬ ‫•‬
‫شـ قنـاـعـ ‪..‬‬
‫إن ءاـ‬ ‫‪/ Mask‬‬ ‫•‬
‫ديو ‪.‬‬
‫يـفــ‬ ‫‪ / Video Layers‬إضافة بطـقـة‬ ‫•‬
‫ات‬
‫‪ / Group Layers‬إضافة مـجموـعة بطـقـ ‪.‬‬ ‫•‬
‫إخءاـفـ لاـطبقـة ‪.‬‬ ‫‪/ Hide Layers‬‬ ‫•‬
‫اـحـريك ‪.‬‬ ‫منعـ لت‬ ‫‪ / Lock Layers‬عمل قـفلعلي لاـطبقـة لـ‬ ‫•‬
‫‪27‬‬ ‫‪ / Marge Layers‬دـمـج لاـطبقـات‬ ‫•‬
 ‫قائمة كتابة (‪-: ) Type‬‬
‫‪ / ..Add Font From Typekit ‬إضافة خطوط من موقع ‪Typekit‬‬
‫نـافذهـ ‪ -‬وـيفتح نلاــعدة نـوافذ ‪.‬‬ ‫‪/‬‬ ‫‪Panels‬‬
‫غهيـ ( ‪.‬‬
‫شكيل لاـخط ) قوـي‪ -‬اـمـلس‪ -‬مـجعدـ وـر‬ ‫تــ‬ ‫‪/‬‬ ‫‪Anti-Alias‬‬
‫‪ / Orientation‬إتـجاهـ لاـكتاب ) أفقيأو عمودي‪(.‬‬
‫تح خـط ‪.‬‬ ‫فــ‬ ‫‪/‬‬ ‫‪Open Type‬‬
‫الثي أبـعـاد ‪.‬‬
‫ويل لإـي ثــ‬ ‫تــ‬
‫حـ‬ ‫‪/‬‬ ‫‪Extrude To 3D‬‬
‫رعمل‪.‬‬ ‫سـ‬‫‪ / Create Work Path‬عمل م اـ‬
‫ويل لإـي شـكل‪.‬‬ ‫تــ‬‫حـ‬ ‫‪/ Convert to Shape‬‬
‫ويج لاـخط ‪.‬‬ ‫تــ‬
‫عـ‬ ‫‪/‬‬ ‫‪.. Warp Text‬‬
‫يب لاـخطـوط ‪.‬‬ ‫ترـتــ‬ ‫‪/‬‬ ‫‪.. Match Font‬‬
‫اض لاـخط ‪.‬‬ ‫إستعــ‬
‫ر‬ ‫‪ / Font Preview Size‬حـجم‬
‫‪ / Language Options‬ضـبط لاـلغـة ‪.‬‬
‫ات‬
‫يـ لاـطبقـ ‪.‬‬ ‫ديثكـل لاـخطـوط فـ‬ ‫تــ‬
‫حـ‬ ‫‪/‬‬ ‫‪Update All Text layer‬‬
‫لاـمفقوـدـة ‪.‬‬ ‫إستبدـاـلكـل لاـخطـوط‬ ‫‪/ Replace All Missing Fonts‬‬
‫لاـمفقوـدـة‬ ‫حـل كـل لاـخطـوط‬ ‫‪/ Resolve All Missing Fonts‬‬
‫حميلأنماط لاـخط اـإلفترـاضيـة ‪.‬‬ ‫تــ‬ ‫‪/ Load Default Type Styles‬‬
‫‪ / Save Default Type Styles‬حـفظ أنماط لاـخط اـإلفترـاضيـة ‪.‬‬
‫‪ ‬‬

‫‪28‬‬ ‫‪28‬‬
 ‫قائمة تحديد (‪-: ) Select‬‬
‫بمجرد الضغط علي قائمة تحديد من القوائم الرئيسية ستخرج لنا‬ ‫•‬
‫هذه القائمة سنتعرف علي أهم األوامر بها وهي علي النحو التالي ‪:‬‬ ‫•‬
‫‪ /‬ت‪èè‬حديد ا‪èè‬لكل وإ‪è‬ختصارها ‪Ctrl + A‬‬ ‫‪All‬‬ ‫•‬
‫‪ / Deselect‬إ‪èè‬لغ‪è‬اء ا‪èè‬لتحديد ‪.‬‬ ‫•‬
‫‪ /‬إ‪è‬عادة ل‪èè‬تحديد ‪.‬‬ ‫‪Reselect‬‬ ‫•‬

‫‪ /‬عكسا‪èè‬لتحديد ‪.‬‬ ‫• ‪Inverse‬‬

‫‪ /‬ت‪èè‬حديد ك‪è‬لا‪èè‬لطبقات‪.‬‬ ‫• ‪All Layers‬‬
‫• ‪ / Deselect Layers‬إ‪èè‬لغ‪è‬اء ت‪èè‬حديد ك‪è‬لا‪èè‬لطبقات‪.‬‬
‫‪ /‬إ‪è‬يجاد ا‪èè‬لطبقات‪.‬‬ ‫• ‪Find Layers‬‬
‫‪ /‬ت‪èè‬حديد ن‪èè‬فسن‪èè‬وعية ا‪èè‬لطبقة ‪..‬‬ ‫• ‪Isolate Layers‬‬
‫‪ /‬ش‪èè‬ريحة ا‪èè‬أللوا‪è‬ن‪..‬‬ ‫• ‪Color Range‬‬
‫‪ /‬ت‪èè‬ع‪è‬ديل ‪ ...‬وهيق‪èè‬ائمة ف‪èèè‬رعية ت‪èè‬تكونمنا‪èè‬ألوا‪è‬مر ا‪èè‬لتا‪èè‬لية ‪:‬‬ ‫• ‪Modify‬‬
‫ح‪è‬زا‪è‬م‪. è‬‬ ‫•‪Border‬‬
‫•‪ Smooth‬ص‪èè‬غل‪.‬‬
‫•‪ Expend‬ت‪èè‬مديد ‪.‬‬
‫•‪ Contract‬ت‪èè‬قليص‪.‬‬
‫•‪ Feather‬ح‪è‬د متدرج ‪.‬‬
‫• ‪ / Transform Selection‬ت‪èè‬حويلح‪è‬ر ‪.‬‬
‫• ‪ / Load Selection‬إ‪è‬ستع‪è‬ادة ا‪èè‬لتحديد ‪..‬‬
‫‪ /‬ح‪è‬فظ ا‪èè‬لتحديد ‪...‬‬ ‫• ‪Save Selection‬‬

‫‪29‬‬ ‫‪29‬‬
‫قائمة مرشح (فلتر) (‪-: ) Filter‬‬
‫• تعتبر الفالتر ‪ Filters‬من أهم القوائم في البرنامج‬
‫حيث‬
‫• تمثل اللمسة الجمالية واإلضافات الخرافية التي‬
‫نعجز‬
‫• عن إضافتها حيث تحتوي علي تأثراتـرائعة ‪.‬‬
‫• قائمة فلتر ‪ Filter‬تحتوي علي ‪:‬‬
‫• ‪ / Last Filter‬أـخر لاـفالتر لاـمستخـدمة يظـهرـ هناـ ‪..‬‬
‫التر‬
‫اـحـويل لاـي فــ‬ ‫• ‪ / Convert for Smart Filters‬لت‬
‫ذيـةكـ ‪.‬‬
‫• ______________________‬
‫فــ ‪.‬‬
‫التر أورـاق نيـة‬ ‫• ‪ / Filter Gallery‬فــ‬
‫• ‪ / Adaptive Wide Angle‬مالئـمة أوسعـ نـطـاق‪..‬‬
‫لاـكراايـمـ ‪..‬‬ ‫خـ‬
‫لتر اـم‬ ‫• ‪ / Camera Raw Filter‬فــ‬
‫صحيح لاـعـدسة ‪..‬‬ ‫تــ‬ ‫• ‪/ Lens Correction‬‬
‫ميعـ ) ‪.‬‬‫سييل ( تــ‬
‫تــ‬ ‫• ‪/ Liquefy‬‬
‫• ‪ / Vanishing Point‬نقـطـة لاـتالشي‪.‬‬
‫سوف نحتاج هذه الخيارات في التطبيق ركز فيها جيدا ً •‬
‫وأحفظها‬

‫‪30‬‬ ‫‪30‬‬
 -: ) View( ‫قائمة العرض‬

‫ن‬. è‫اللوا‬èè‫ة ا‬è‫يغ‬èè‫ثبيتص‬èè‫ دليلت‬/ Setup

. ‫لصورة‬èè‫ر ا‬è‫سبة مظه‬èè‫ ن‬/ Pixel Aspect Ratio
. ‫كبير‬èè‫ ت‬/Zoom In
. ‫صغير‬èè‫ ت‬/ Zoom Out

. ‫لشاشة‬èè‫ مالئمة ل‬/ Fit On Screen

. ‫لشاشة‬èè‫كل ا‬èè‫ ش‬/ Screen Mode

. ‫ار أو رؤية‬è‫ظه‬è‫ إ‬/ Show

31 31
 ‫قائمة العرض (‪-: ) View‬‬
‫‪ / Rulers‬ا‪èè‬لمساطر ‪.‬‬
‫‪ / Snap‬أ‪è‬خذ ل‪èè‬قطة منا‪èè‬لعمل( عرض)‪.‬‬
‫‪ / Grid‬ش‪èè‬بكة ‪.‬‬
‫‪ / Guide‬خ‪è‬ط إرشاد ‪.‬‬
‫‪ / Lock Guides‬غلقخ‪è‬طوط ا‪èè‬إلرشاد ‪.‬‬
‫‪ / Clear Guides‬مسح خ‪è‬طوط ا‪èè‬إلرشاد ‪.‬‬
‫‪ / New Guides‬خ‪è‬طوط ج‪è‬ديدة ل‪èè‬إلرشاد ‪.‬‬

‫‪32‬‬ ‫‪32‬‬
 ‫قائمة نافذة (‪-: ) Window‬‬
‫تعد هذة القائمة لوحة تحكم كامل بمظهر الفوتوشوب وخاصة النوافذ حيث أننا نقوم‬
‫بإظهار وإخفاء النوافذ من هنا حسب تخصص المصمم أو ما يريد تصميمه في الوقت‬
‫الحالي ‪.‬‬
‫وهذه القائمة تحتوي علي ‪:‬‬
‫‪ / Arrange‬ت‪èè‬رتيب(ت‪èè‬نظيم‪) è‬‬
‫•‪ / Workspace‬مساحة ا‪èè‬لعمل ‪.‬‬
‫•هنا كما زكرت يمكن تغيير شكل الواجهه ككل‬
‫•كما في الصورة المجاورة لها خيارات ‪:‬‬
‫•‪ / Essential‬ا‪èè‬ألساسيوهو إ‪è‬ف‪è‬ترا‪è‬ضي‪.‬‬
‫•‪ / 3D‬ث‪èè‬الثيا ‪è‬ألبع‪è‬اد (ل‪èè‬عمل ا‪è‬شكل ث‪èè‬الثية ) ‪.‬‬
‫•‪ / Graphic and Web‬ت‪èè‬صميم‪ è‬وا‪è‬جهه‪ è‬ا‪èè‬لموا‪è‬ق‪è‬ع‪è‬‬
‫•‪ / Motion‬ح‪è‬ركة ( ل‪èè‬تصميم‪ è‬ا‪èè‬لصور ا‪èè‬لمتحركة ) ‪.‬‬
‫•‪ / Painting‬ل‪èè‬لتاوينوا‪èè‬لكتابة ‪.‬‬
‫•‪ / Photography‬ل‪èè‬لتع‪è‬ديل عليا‪èè‬لصور وللمصورين‪.‬‬
‫•‪ / Reset Essential‬ا‪èè‬لرجوع إ‪èè‬ليا ‪è‬إلف‪è‬ترا‪è‬ضيأو ا‪èè‬ألساسي‪.‬‬
‫•‪ / New Workspace‬مساحة عمل ج‪è‬ديدة ( ب‪èè‬إسمك )‬
‫•‪ / Delete Workspace‬مسح ق‪èè‬ائمة مساحة عمل مصصمه‪. è‬‬
‫•‪ / Keyboard Shortcut & menus‬ق‪èè‬ائمة إ‪è‬ختصارا‪è‬تا‪èè‬لكيبورد‬

‫‪33‬‬ ‫‪33‬‬
 ‫الوحدة الثانية‬

‫التحريك والتحديد والتعبئة‬

‫‪34‬‬ ‫‪34‬‬
‫الدرس الثاني ‪ :‬التحريك والتحديد والتعبئة‬

‫شريط األدوات (‪: )Tools‬‬

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

‫في هذا الدرس بعون هللا سنتعرف ونتعلم ثالث أدوات موضحات‬
‫في الصورة المجاورة بمربعات بالون االحمر ‪ ..‬لذا فالنستعد ونتوكل علي هللا ‪.‬‬

‫‪35‬‬ ‫‪35‬‬
 ‫أداة التحريك (‪:)V( ) move tool‬‬
‫من إسمها سنعرف وظيفتها مباشرة في أداة تحريك العناصر وحرف (‪ )V‬هو إختصارها علي لوحة‬
‫المفاتيح ‪.‬‬
‫عندما نريد تحريك عنصر من مكان الي أخر في التصميم نقوم ‪:‬‬
‫•أوالً ‪ :‬نحدد الطبقة الخاصة بهذا العنصر ( اي نضغط عليها )‬
‫•ثانيا ً ‪ :‬نضغط علي أداة التحريك ثم نضغط علي العنصر ونستمر بالضغط‬
‫ونحرك العنصر للمكان الذي نريدة وهذا للنقل من تصميم الي أخر ‪.‬‬
‫أما التحريك في نفس التصميم يمكننا إستخدام األسهم الموجودة في لوحة المفاتيح للسرعة‬
‫والدقة ‪....‬‬
‫أحيانا ً نحتاج التحريك في خط مستقيم ألعلي أو علي اليسار أو اليمين‬
‫فقط كل ما علينا الضغط علي زر ‪ Shift‬أتناء تحريك العنصر ‪..‬‬
‫سيوضح هذا األمر في التطبيقات بعد هذا الدرس ‪.‬‬

‫‪36‬‬ ‫‪36‬‬
 ‫) ‪-:‬‬ ‫‪ -‬أداة األشكال المحددة (‬
‫في البداية نضغط عليها ونستمر في الضغط علي األداة سنالحظ خروج قائمة صغيرة تحتوي علي‬
‫أربعة عناصر كما في الصورة المجاورة ‪ ..‬هذه األدوات هي ‪:‬‬
‫تحديد المستطيل (‪)Rectangular mar‬‬

‫تحديد بيضاوي (‪)Elliptical mar‬‬

‫تحديد خط أفقي (‪)Single row marquee‬‬

‫تحديد خط عمودي (‪)Single Column marquee‬‬

‫نالحظ وجود الحرف (‪ )M‬بجانب أداة المستطيل والبيضاوي وهو إختصار علي لوحة المفاتيح وعندما‬
‫نضغط ‪ Shift + M‬تتغير األداة من المستطيل إلي البيضاوي وهكذا مع بقية األدوات القادمة ‪.‬‬
‫يمكن أيضا ً التغيير بين األدوات بضغط ذر الخيارات في الماوس في المثلث الصغير اسفل يمين األداه حيث‬
‫يظهر لنا ايضا ً قائمة الخيارات الموجودة باألعلي وهذا للعلم فقط ‪...‬‬

‫‪37‬‬ ‫‪37‬‬
 ‫خيارات األداة في األشكال المحددة ‪-:‬‬
‫ذكرنا في الصفحة السابقة أن هنالك شريط خيارات يظهر مع كل أداة وهنا نريد أن نطلع علي شريط‬
‫الخيارات الذي يظهر مع أداة األشكال المحددو كما بالصورة أدناه ‪:‬‬

‫في المستطيل باللون األبيض نجد الخيار (‪ )Feather‬وبجانبة ‪ 0px‬إذا غيرنا درجة البكسل نجد زاوية‬
‫المستطيل تصبح مائلة وكلما زدنا البيكسل يذيد الميالنوهكذا كما هو موضح بالصور أدناه ‪:‬‬

‫‪50px‬‬ ‫‪15 px‬‬ ‫‪0 px‬‬

‫‪38‬‬ ‫‪38‬‬
‫في المستطيل بالون األصفر نجد كلمة ( ‪ ) Style‬ونجد لها ثالث‬
‫خيارات كما بالصورة المجاورة‬
‫الخيار االول ‪ :‬طبيعي ‪ : Normal‬وهنا يكون التحديد طبيعي‬
‫( اي غير مقيد بطول وعرض وحر الحركة )(طبق هذا ) ‪.‬‬

‫الخيار الثاني ‪ :‬النسبة الثابتة ( ‪: )Fixed Ratio‬‬

‫هنا في هذا الخيار كلما زاد الطول زاد معة العرض والعكس أي أن الشكل‬
‫يصبح مربعا ً حيث‬
‫يتساوي الطول والعرض في التحديد ‪..‬‬

‫‪39‬‬ ‫‪39‬‬
 ‫الخيار الثالث ‪ :‬الحجم الثابت (‪: ) Fixed Size‬‬

‫وهنا نقوم بكتابة طول وعرض ثابتين ونقوم بتحديد الحجم الثابت فقط ويتم‬
‫كتابة الطول والعرض في مكان محدد كما بالصورة أدناه ‪:‬‬

‫العرض‬ ‫الطول‬

‫‪40‬‬ ‫‪40‬‬
 ‫ونأتي الي أهم نقطة وهي المستطيل بالون األحمر وهنا توجد أربع خيارات مهمة وهي ‪:‬‬
‫صورة رقم (‪)1‬‬
‫) ‪ :‬هذا الخيار هو البداية للتحديد ويتيح لنا‬ ‫‪ ‬تحديد جديد (‬
‫رسم التحيد الذي نريدة كما بالصورة رقم ( ‪. ) 1‬‬
‫وسنفهم هذا الكالم عندما نشرح الخيار الثاني وهنا أخترت أداة المستطيل للتطبيق فقط‬
‫يمكنك تغغيرها إن اردت ‪.‬‬
‫‪1‬‬
‫‪ :‬نحدد هذا الخيار من صندوق خيارات أداة التحديد‬ ‫)‬ ‫‪ ‬إضافة للتحديد (‬

‫ونقوم برسم مستطيل أخر بجوار المستطيل الذي حددناه مسبقا ً في‬
‫أداة التحديد الجديد وسوف نري أنة تم إضافة التحديد الجديد‬
‫‪2‬‬ ‫وأصبح الشكل كما بالصور(‪ )1‬و ( ‪: ) 2‬‬

‫‪41‬‬ ‫‪41‬‬
 ‫هذا الخيار أيضا ً يتيح لنا‬ ‫)‪:‬‬ ‫‪ ‬إنقاص التحديد (‬
‫‪3‬‬
‫إنقاص جزء من التحديد األول حيث نقوم برسم مستطيل علي المكان الذي نريد‬
‫إنقاصة كما بالصور (‪ )3‬و (‪. ) 4‬‬
‫‪4‬‬

‫هنا نقوم برسم مستطيل يتقاطع مع المستطيل‬ ‫)‪:‬‬ ‫تقاطع التحديد (‬

‫األول ونالحظ أن التحديد يختفي ويبقي فقط المنطقة التي تقاطع فيها التحديد الجديد‬
‫‪5‬‬ ‫مع األول‬

‫وللتوضيح أكثر أنظر للصور ( ‪ )5‬و (‪. )6‬‬

‫‪6‬‬

‫‪42‬‬ ‫‪42‬‬
 ‫للتذكير ‪:‬‬

‫يمكننا إلغاء التحديد بالضغط علي ‪ Ctrl + D‬او‬

‫بالذهاب إلي قائمة ‪ Select‬في القوائم الرئيسية وإختيار‬
‫إلغاء التحديد ‪ Deselect‬وإذا وجدت صعوبة راجع الدرس‬
‫األول قائمة التحديد ‪ Select‬في الدرس األول ضمن القوائم‬
‫الرئيسية ‪.‬‬

‫‪43‬‬
 ‫) ‪-:‬‬ ‫) والتدرج اللوني (‬ ‫‪ -‬أداة وعاء الدهان (‬
‫عرفنا سابقا عن الضغط علي األداة تظهر خيارات ونالحظ أيضا ً وجود‬
‫الحرف ( ‪ )G‬بجانب األداتين وهو إختصارهما في لوحة المفاتيح ‪.‬‬

‫) ‪-:‬‬ ‫أداة وعاء الدهان (‬

‫تقوم هذه األداة بالتعبئة اللونية وبمعني أخر تقوم بالتلوين بلون واحد‬
‫فقط وهذا اللون نختارة من اللون األمامي‬
‫في أسفل صندوق األدوات والمحدد في الصورة المجاورة‬
‫كما تقوم هذه األداة بالتلوين بالحشو (‪ )Pattern‬باترن – سنتعرف علي‬
‫ذلك في التطبيق نهاية الدرس‬

‫‪ :‬أما االن فسنتعرف علي شريط خيارات أداة وعاء الدهان في الصورة التالية‬

‫‪44‬‬
 ‫تظهر لنا عدة خيارات في الشريط أعاله أهمها ‪:‬‬
‫الخيار األول ‪ : ) Foreground ( :‬وهو خيار التعبئة بلون واحد من مكان إختيار‬
‫األلوان في أسفل صندوق االدوات ( كما ذكرنا سابقا ً ) ‪.‬‬
‫الخيار الثاني ( ‪ : ) Pattern‬وهو خيار التعبئة بالحشو أو الباترن كما هو شائع والحشو‬
‫هذا عبارة عن شكل يتم تكرارة بصورة منتظمة داخل المنطقة المحددة للتعبئة وعندما نختار هذا‬
‫الخيار نختار شكل الحشو من القائمة كما بالصورة المجاورة ‪.‬‬
‫وسيتضح هذا الكالم أكثر في التطبيق بإذن هللا تعالي ‪....‬‬
‫أما المستطيل المحدد باللون البنفسجي يظهر فية خيار نسبة التظليل ) ‪ )Opacity‬وكلما قللنا‬
‫النسبة قلت قوة اللون وباإلستمرار في تقليل النسبة يصبح لون التعبئة بالحشو شفاف ‪...‬‬

‫‪45‬‬ ‫‪45‬‬
 ‫)‪:‬‬ ‫‪ ‬أداة التدرج اللوني (‬
‫في البداية البد أن نعرف ونفهم معني تدرج لوني ؟‬
‫التدرج اللوني معناه ‪ :‬لونين أو أكثر متداخلين مع بعضهم البعض ونقوم نحن بإختيار هذا التدرج اللوني من‬
‫قائمة خيارات أداة التدرج اللوني حيث توجد تدرجات جاهزة كما بالصورة أدناه من قائمة خيارات أداة التدرج ‪:‬‬

‫‪ :‬في المستطيل المحدد بالون األزرق‬

‫عند الضغط علية تظهر لنا النافذة الموجودة في المربع النازل من الصورة أعاله وفيها عدد من التدرجات اللونية‬
‫‪..‬عند الضغط مرتين بالزر اليسر للماوس تظهر لنا نافزة للتعديل علي التدرج اللوني كما بالصورة التاليه‪.‬‬
 ‫العناصر المحددة باللون األحمر تمثل األلوان وعددها وكلما‬
‫زادت هذه العناصر يعني زيادة األلوان وهنا يظهر لنا ثالثة‬
‫عناصر ‪.‬‬
‫يكن تحريك العناصر لليمين واليسار لتحديد عرض اللون في‬
‫التدرج ويكمن تغيير اللون بالضغط علي العنصر مرتين تظهر لنا‬
‫علبة األلوان ومنها نختار اللون المناسب‪.‬‬
‫ويمكن حذف العنصر بسحبه الي األسفل بالمؤشر ويمكن‬
‫إضافة لون بالوقوف في مكان خالي ونضغط كلك والصوره‬
‫أدناه توضيح ألضافة لون أسود للتدرج ‪.‬‬
 ‫تطبيقات علي الدرس ‪:‬‬

‫هيا بنا نراجع ما تعلمناه مع التطبيق ‪ ،‬أوال سأقوم بإنشاء ملف جديد وكما‬
‫قبل التعبئة باللون‬ ‫تعلمنا سابقا ً‬
‫نذهب الي قائمة ملف ( ‪ )File‬ونختار جديد ( ‪)New‬‬

‫قمت بإختيار الحجم ‪ 210 * 210‬ملميتر وسأقوم بأختيار لون التعبئة‬

‫بعد التعبئة باللون‬
‫أبيض ومن ثم سوف أقوم بعمل مستطيل بأداة التحديد علي التصميم ‪.‬‬
‫ثم سوف أقوم بعمل تعبئة باللون عن طريق أداة وعاء اللون كما بالصورة‬
‫المجاورة وسوف أختار اللون األخضر للتعبئة سوف نري أنة تم تلوين المستطيل‬
‫كما هو واضح بالصورة ‪.‬‬

‫‪48‬‬
‫أما األن نغير التعبئة من لون إلي حشو ونختار الحشو (‪)pattern‬‬
‫من قائمة خيارات أداة وعاء اللون كما بالصورة المجاورة ‪:‬‬
‫سأقوم بإختيار الحشو الموجود داخل المربع االمر باللون األحمر‬

‫وسأقوم بتطبيقة علي مستطيل كبير الحجم كما هو واضح بالصورة المجاورة ‪.‬‬

‫واألن سأختار أداة التدرج اللوني وعند إختيارها تظهر لنا‬

‫)‪:‬‬ ‫خمس اشكال (‬

‫‪49‬‬ ‫‪49‬‬
‫وعندما نختار الشكل المرغوب نضغط علي منطقة العمل ونستمر في‬
‫الضغط ونسحب في أي إتجاه نريدة سنالحظ ظهور خط بعد ذلك‬
‫نرفع أصبعنا عن زر المفأر وهنا أنا اخترت لكم تدرج ابيض وأحمر‬
‫للتطبيق فقط كما بالصور أدناه فعليك تجرية التطبيقات لتثبيت‬
‫المعرفة ‪ ....‬وهنا سأطبق األشكل بالترتيب ‪:‬‬

‫‪50‬‬ ‫‪50‬‬
 ‫تطبيق أخر ‪:‬‬
‫نفتح ملف جديد بالمقاسات التي نريدها بعد ذلك نقوم بإنشاء طبقة جديدة‬
‫سنتعرف في هذا التطبيق علي الخيار ‪ Feather‬الموجود في شريط‬
‫الخيارات المحدد باللون األحمر في الصورة‬
‫في هذا الخيار نضع قيمة تتراوح ما بين ( ‪ ) 0 _ 250‬والوحد بالبيكسل ‪....‬‬
‫نقوم برسم شكل مستطيل في الطبقة الجديدة بقيمة ( ‪(px0‬‬
‫نقوم بتعبة المستطيل بأداة وعاء التعبئة و نالحظ المستطيل كما بالصورة‬

‫نقوم بالتراجع عن الرسم ‪ Ctrl + Z‬ثم نقوم بتغيير قيمة ‪ Feather‬الي‬

‫(‪ )20‬بيكسل ثم نقوم بالرسم ونقوم بتعبئته بإستخدام أداة وعاء التعبئة‬
‫ونالحظ الفرق في الصورة‬
‫الحظ أن حدود المستطيل خرجت علي شكل حد متدرج باهت االطراف ‪..‬‬
‫وهكذا كلما زادت قيمة ال ‪ Feather‬كلما زاد التدرج ‪.‬‬

‫‪51‬‬ ‫‪51‬‬
 ‫ملحوظة ‪:‬‬
‫يجب كتابة قيمة ال ‪ Feather‬أوال ً قبل البدء في الرسم ‪..‬‬
‫ما طبقناه علي المستطيل ينطبق علي كل األشكال المحددة ‪.‬‬
‫في التطبيق إخترنا التعبئة اللونية كمثال فقط حيث يمكنك إختيار‬
‫التعبئة بالتدرج اللوني أو بالحشو ‪...‬‬

‫وبهذا نكون قد أكملنا الوحدة الثانية‬

‫من دورة تعليم الفوتوشوب‬

‫هيا ننتقل إلي أهم الدروس علي البرنامج أال وهو‬
‫الطبقات ‪...‬‬

‫‪52‬‬ ‫‪52‬‬
 ‫الوحدة الثالثة‬
‫الطبقات ‪Layers‬‬

‫‪53‬‬ ‫‪53‬‬
 ‫الوحدة الثالثة ‪ :‬الطبقات ‪Layers‬‬

‫هي من النوافذ األساسية في شكل الفوتوشوب وقد أخترت هذا الموضوع ليكون من أوائل الدروس‬
‫ألهميته الشديدة فكل تصميم من التصاميم التي نراها تتكون من عدد من الطبقات (‪ ) Layers‬الليرز ‪.‬‬
‫والسؤال هو ما فائدة هذه الطبقات ؟ !‬

‫الفائدة من الطبقات (‪-: ) Layers‬‬

‫الفائدة هي أننا نستطيع التعديل علي أي جزء في التصميم أو‬
‫اإلضافة علية بكل سهولة وسأوضح ذلك في المثال التالي ‪:‬‬
‫في الصورة المجاورة أمامكم قمت برسلم دائرة زرقاء ومربع أحمر‬
‫في طبقة واحدة وفي حالة أردنا أن تغيير مكان الدائرة أو المربع أو‬
‫عكس األماكن نجد أننا لن نستطيع فعل ذلك ( لماذا ؟! )‬

‫‪54‬‬ ‫‪54‬‬
 ‫الننا ببساطة سنحرك الطبقة كل أي انهما سيتحركان معا ً ‪..‬‬
‫إذا ً كما الحظتم في الصورة أننا أرتكبنا خطأ ً برسم الشكلين في طبقة‬
‫واحدة بأسم (‪ ) Layer 1‬والصحيح أن نضع كل شكل في طبقة‬
‫منفصلة أي المربع في طبقة والدائرة في طبقة أخري ‪..‬‬

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

‫سنبدأ في شرح نافذة الطبقات ‪...‬‬

‫‪55‬‬ ‫‪55‬‬
 ‫شرح نافذة الطبقات (‪- : ) Layers‬‬
‫في الصورة المقابلة تظهر نافذة الطبقات (‪ )Layers‬في هذه النافذة سأقوم بشرح ثمانية عناصر بها ‪...‬‬
‫‪ ‬إضافة طبقة جديدة (‪-: ) Create New Layers‬‬
‫كما هو موضح في الصورة المجاورة و بمجرد الضغط علي هذا الذر المحدد باللون األحمر‬
‫نالحظ أن هناك طبقة جديدةتم إدراجها والتي تحمل أسم (‪... ) Layers 1‬‬

‫قبل أن نرسم أو إضافة عنصر للتصميم نقوم بإنشاء‬ ‫وكما ذكرنا سابقا ً ‪:‬‬
‫طبقة جديدة ‪.‬‬
‫‪ ‬حذف الطبقة (‪-: ) Layers Delete‬‬
‫عندما نريد أن نقوم بحذف طبقة من الطبقات ‪:‬‬

‫أوالً ‪ :‬نقوم بتحديد الطبقة كما بالصورة المجاورة وقد قمت بتحديد الطبقة‬
‫(‪ ) Layer 1‬من خالل الضغط عليها ‪..‬‬
‫ثانيا ً ‪ :‬بالضغط علي الزر المحدد باللون األصفر وهو زر خاص بحذف الطبقات ‪.‬‬

‫‪56‬‬ ‫‪56‬‬
 ‫‪ ‬إنشاء مجموعة طبقات (‪: )Layers Group‬‬
‫إن الهدف األساسي من إنشاء المجموعات هو التنظيم والترتيب ‪ ،‬فبعض التصاميم‬
‫كبيرة مثل تصميم واجهة المواقع فهي تحتوي علي عدد كبير من الطبقات ‪.‬‬
‫إذاً عرفنا أن الهدف األساسي التنظيم حتي يسهل علينا الوصول للطبقات بسهولة‬
‫والتعديل عليها ‪...‬‬
‫في المربع باللون االحمر يظهر زر إنشاء مجموعة وعند إنشاء مجموعة وإضافة‬
‫عنصر داخلها يظهر العنصر مائالً لليمين(مشار إليها بالسهم ) لكي نعرف أنة‬
‫داخل المجموعة ويظهر هذا كلة في الصورة المجاورة ‪.‬‬

‫‪57‬‬
 ‫رقم ((‪))11‬‬
‫الصورة رقم‬
‫الصورة‬

‫‪ ‬الربط بين الطبقات ( ‪: ) Link Layers‬‬

‫رقم ((‪))22‬‬
‫الصورة رقم‬
‫الصورة‬
‫إن الفائدة من ربط الطبقات هو الحفاظ علي المسافة بين الطبقات أي أننا عندما‬
‫‪ ..‬نحرك طبقة تتحرك الطبقة المربوطة بها بنفس الطريقة ويمكننا ربط طبقتين فأكثر‬
‫وزر الربط يظهر في المربع بالون األصفر بالصورة المجاورة ‪.‬‬

‫طريقة الربط بين الطبقات ‪:‬‬

‫ذكرنا سابقا ً أن الربط يكون بين طبقتين فأكثر كما في الصورة رقم (‪)1‬‬
‫الصورة رقم (‪)3‬‬
‫وطريقة الربط كاألتي ‪:‬‬
‫نقوم بالضغط وتحديد الطبقة ( ‪ )Layer 1‬نالحظ تحديدها كما بالصورة‬
‫رقم (‪ )1‬ثم نضغط زر ‪ Ctrl‬ونستمر بالضغط ونحدد الطبقة ( ‪)Layer 2‬‬

‫سنالحظ أن الطبقتين تم تحديدها كما بالصورة رقم (‪)2‬‬

‫بعد تحديد الطبقتين نضغط زر الربط سنالحظ ظهور عالمة الربط في الطبقتان‬
‫وأنه تم ربطهما كما بالصورة رقم (‪. )3‬‬

‫‪58‬‬ ‫‪58‬‬
‫رقم (‪)4‬‬
‫الصورة رقم‬

‫وإللغاء الربط نكرر عملية تحديد الطبقتين‬

‫ونضغط لتحديد الطبقة ( ‪ )Layer 1‬نالحظ تحديدها كما بالصورة‬
‫رقم (‪ )4‬ثم نضغط زر ‪ Ctrl‬ونستمر بالضغط ونحدد الطبقة‬
‫( ‪ )Layer 2‬سنالحظ أن الطبقتين تم تحديدها كما بالصوره رقم (‪)5‬‬
‫رقم ((‪))55‬‬
‫الصورة رقم‬
‫الصورة‬
‫ثم نضغط علي عالمة الربط‬
‫بعدها تختفي عالمة الربط ويتم إالغاء الربط وهكذا‬

‫‪59‬‬ ‫‪59‬‬
 ‫‪ ‬نمط الطبقة (‪-: ) Layer Style‬‬

‫هي مجموعة من األنماط يتم إضافتها للطبقة لتقوم بعمل‬

‫مجموعة من التأثيرات علي العناصر الموجودة فيها ‪.‬‬
‫هذا الموضوع ال يحتاج لشرح إنما يحتاج إلي تعريف‬
‫العناصر الموجودة به وأنت بدورك عليك التجربة ألن‬
‫كثرة التجربة في األنماط تكسبك الخبرة والزر المحدد‬
‫باللون األحمر هو زر نمط الطبقة ‪...‬‬

‫‪60‬‬ ‫‪60‬‬
 ‫‪ ‬خيارات نمط الطبقات ‪- :‬‬
‫بمجرد الضغط علي زر نمط الطبقة ستخرج لنا قائمة فيها مجموعة من‬
‫األنماط ‪ ،‬بالضغط علي ‪ Blending Options‬ستظهر كل األنماط وانا سأختار منها‬
‫نمط (‪ ) Drop Shadow‬المحدد باللون كما بالصورة المجاورة ونقوم بالتطبيق في‬
‫مثال ‪.‬‬
‫وقبل أن أنتقل للمثال ‪ :‬أحب أن أشير إالي أن هذه األنماط ليس لها قواعد محدده‬
‫وإنما نسب يضعها المصمم حسب رؤيته للتصميم ‪...‬‬

‫نتابع المثال مع بعض هيا بنا عزيزي المصمم ‪...‬‬

‫‪61‬‬ ‫‪61‬‬
 ‫بعد الضغط علي نمط (‪ ) Drop Shadow‬تظهر لنا هذة النافذة أدناه ‪:‬‬

‫كما هو واضح أمامنا في الصورة أن األمر يعتمد علي نسب وقيم ونالحظ أن المستطيل باللون األصفر‬
‫يحتوي علي كل األنماط ( سأقوم بتفصيلها الحقا ً االن جربها فقط ) ‪.‬‬
‫الختيار النمط للتطبيق ‪.‬‬ ‫في المربعات المجاورة‬ ‫وكل ما علينا فعله هو وضع عالمة صح‬
‫‪­.‬والمربع باللون الحمر يتم بداخلة عرض شكل النمط ويتغير الشكل مع تغيير النسب‬

‫‪62‬‬
 ‫‪ :-‬كيفية التعديل علي النمط وإخفاؤه‬
‫بعد أن قمنا بعمل األنماط في الصفحة السابقة وضغطنا علي ‪ OK‬نالحظ أن األنماط تم إدراجها‬
‫تحت الطبقة (‪ ) Layer 1‬كما هو موضح بالصورة المجاورة والمحدد باللون األحمر ‪.‬‬

‫عندما نريد التعديل نقوم بالضغط علي النمط مرتين متتاليتن ‪.‬‬
‫وعندما نريد إخفاء النمط نضغط علي رمز العين علي يسار اسم النمط ‪.‬‬

‫وعند الضغط مرة أخري علي مكان رمز العين نالحظ ظهورها و يظهر‬
‫النمط أيضا ً مرة أخري ‪.‬‬
‫****‬ ‫****‬ ‫****‬

‫‪63‬‬ ‫‪63‬‬
 ‫‪ :-‬كيفية نسخ النمط ولصقه في طبقة أخري‬
‫أحيانا ً نقوم بعمل أنماط كثيرة علي طبقة من الطبقات ونحتاج أن نقوم‬
‫بعملها علي طبقة أخري ومن غير المنطقي أن نقوم بتكرار نفس الخطوات‬
‫فهذا ممل جداً لذا نحتاج إلي نسخ النمط من الطبقة التي تحتوي علي األنماط‬
‫ولصقها في الطبقة التي نريد لها نفس النمط ‪....‬‬
‫أمامنا في الصورة المجاورة الطبقة (‪ ) Layer 1‬تحتوي علي نمطين‬
‫والطبقة الثانية (‪ ) Layer 2‬ال تحتوي علي نمط وسأقوم بنسخ النمط‬
‫من الطبقة (‪ ) Layer 1‬كيف ؟؟‬
‫ولصقة بالطبقة (‪ ) Layer 2‬كيف ؟؟؟!‬
‫األن سأخبرك كيف تقوم بهذا ‪:‬‬
‫أوالً ‪ :‬نقوم بالضغط علي زر خيارات علي الطبقة (‪ ) Layer 1‬بعد تحديدها‬
‫ستخرج لنا قائمة طويلة نختار منها ( ‪ ) Copy Layer Style‬كما في المستطيل‬
‫باللون األحمر بالصورة المجاورة ‪.‬‬
‫ثانيا ً ‪ : :‬نقوم بالضغط علي زر خيارات علي الطبقة (‪ ) Layer 2‬بعد تحديدها‬
‫ستخرج لنا قائمة طويلة نختار منها ( ‪ ) Paste Layer Style‬كما في المستطيل‬
‫باللون األصفر‬
‫بالصورة المجاورة ‪.‬‬
‫يمكننا أيضا ً مسح نمط الطبقة بالضغط علي ( ‪ ) Clear Layer Style‬كما في‬
‫المستطيل باللون األزرق ‪.‬‬

‫‪64‬‬ ‫‪64‬‬
‫نقاط أخيرة في الطبقات ‪:‬‬

‫‪‬النقطة األولي ‪ :‬تسمية الطبقات‬

‫من أهم النقاط التي يجب عليك معرفتها في الطبقات حيث تسهل علينا‬
‫الترتيب وإيجاد الطبقة بسهولة وتتم عملية إعادة التسمية بالضغط مرتين‬
‫متتاليتين علي أسم الطبقة حيث يظهر لنا تظليل األسم كما قمت أنا بتظليل‬
‫الطبقة ( ‪ )Layer 1‬وبعدها نقوم بكتابة األسم مباشرة علي الطبقة كما قمت‬
‫بتسمية ( ‪ )Layer 1‬مربع و ( ‪ )Layer 2‬بإسم دائرة كما بالصورة‬
‫المجاورة حيث يمكننا التعديل في أي وقت وهي عملية متاحة ومريحة ‪.‬‬

‫‪65‬‬ ‫‪65‬‬
 ‫‪‬النقطة الثانية ‪:‬نظم الطبقات وكثافتها‬
‫في الصورةالمجاورة وتحديداً القائمة المحددة باللون األحمر‬
‫هي قائمة فيها مجموعة النظم التي تؤثر علي الطبقات مع‬
‫العلم أن كل طبقة يمكن تغيير نظمها ‪ ...‬جرب النظم‬
‫بنفسك ‪..‬‬
‫أما المستطيل المحدد باللون األصفر فيحتوي علي خيارين‬
‫خاصين بالتظليل والتعبئة‬
‫فلو قمنا بتخفيف النسب عن ‪ %100‬في صورة نالحظ أن‬
‫الصورة تبهت وتبدأ باإلختفاء وهو مهم جداً في األعمل‬
‫الخاصة بتصميم األستوديوهات ‪.‬‬

‫‪66‬‬ ‫‪66‬‬
 ‫‪‬النقطة الثالثة ‪ :‬إخفاء الطبقات‬
‫في الصورةالمجاورة وتحديداً القائمة المحددة باللون األحمر نالحظ وجود‬
‫رمز عين بمجرد الضغط علية ستختفي العين وتختفي معة الطبقة من‬
‫التصميم وهكذا في كل العناصر‪.‬‬
‫وعند الضغط علي مكان العين يظهر رمز العين وتظهر معة عناصر‬
‫الطبقة ‪.‬‬

‫أما المستطيل المحدد باللون األصفر فهو يحتوي علي طبقة بعنوان‬
‫‪Background‬‬
‫والمحدد باللون األزرق ال يفضل أن نستخدمها في بداية التصميم ألن‬
‫هذه الطبقة خاصة‬
‫بخلفية التصميم ويفضل أن نتركها كما هي ونبداء التصميم من الطبقة‬
‫(‪. )Layer 1‬‬
‫‪.‬‬

‫‪67‬‬ ‫‪67‬‬
 ‫‪ ‬النقطة الرابعة ‪ :‬دمج الطبقات‬
‫يتم الدمج بين طبقتين فأكثر وهنا سأشرح كيفية الدمج والطريقة سهلة جدا ً‬
‫أوال ُ ‪ :‬نقوم بتحديد الطبقتين كما تعلمنا سابقا ً قي طريقة الربط بين الطبقات‬
‫ثانيا ً ‪ :‬نقوم بالضغط علي ‪ Ctrl + E‬سنالحظ أنة تم دمج الطبقتين في طبقة واحدة ‪.‬‬
‫أما إذا حددنا طبقة واحدة دون األخري سوف يتم دمج الطبقة مع الطبقة التي تحتها مباشرة ‪.‬‬

‫‪68‬‬ ‫‪68‬‬
 ‫‪ ‬النقطة الخامسة ‪ :‬تر‪è‬تيب الطبقات‬
‫في هذه النقطة سنتعرف علي أن ترتيب الطبقات له‬
‫تأثير علي عناصر الطبقة من حيث الظهور كما بالصور‬
‫المجاورة نالحظ أن الدائرة أعلي من المربع في ترتيب‬
‫الطبقات وكذلك في الصورة ‪:‬‬

‫فإذا قمنا بإعادة ترتيب الطبقات بسحب طبقة المربع‬

‫أعلي طبقة الدائرة سوف تظهر لنا طبقة المربع أعلي‬
‫في الصورة كما هو موضح بالصورة المجاورة وهكذا‬
‫نستطيع ترتيب الطبقات فكلما كانت الطبقة أألعلي في‬
‫الترتيب ظهرت أمام التصميم والعكس ‪.‬‬

‫‪69‬‬ ‫‪69‬‬
‫‪‬النقطة السادسة واألخير‪è‬ة ‪ :‬مضاعفة الطبقة‬

‫وهذا يعني تكرار الطبقة بكل خصائصها وتأثيراتها لتتكرر داخل‬

‫التصميم وهنا يمككنا أن نضاعف طبقة فأكثر بهذه الطريق ‪:‬‬

‫أوالً ‪ :‬نقوم بالضغط علي ذر خيارات في الفأرة ( الماوس ) في‬

‫الطبقة المراد مضاعفتها ‪.‬‬
‫ثانيا ً ‪ :‬ستظهر لنا قائمة نختار منها مضاعفة الطبقة‬
‫‪Duplicate Layer‬‬
‫كما بالصورة المجاورة سنالحظ أنة تم تكرار الطبقة مرة أخري‬
‫بنفس أسم الطبقة‬
‫مضاف لها كلمة ‪ Copy‬مثالً (‪) Layer 1 Copy‬‬
‫و يمكن مضاعفة الطبقة أيضاً بتحديدها والضغط علي ‪Ctrl + J‬‬
‫من لوحة المفاتيح ‪.‬‬

‫‪70‬‬ ‫‪70‬‬
 ‫الوحدة الرابعة‬
‫ادوات التفريغ بالتحديد‬

‫‪71‬‬ ‫‪71‬‬
 ‫ادوات التفريغ بالتحديد‬

‫)‪:‬‬ ‫أدوات التحديد (‬

‫لهذه األدوات أهمية كبيرة للمصممين المهتمين باألستوديوهات‬
‫والعمل بها حيث يمكننا تحيد‪ è‬الصور بها ونقلها الي خلفية أخري‪.‬‬

‫سنتعرف علي هذه األدوات بالتنفصيل تابع معي عزيزي المصمم‬

‫‪72‬‬ ‫‪72‬‬
 ‫)‪:‬‬ ‫أداة حبل التحديد (‬
‫وظيفة هذه األداة هي رسم شكل حر حول المنطقة المراد تحديدهاوالحرف (‪ ) L‬هو‬
‫إختصارها في لوحة المفاتيح ‪.‬‬
‫في الصورة الجانبية رسم تحديد بأداة حبل التحديد ‪.‬‬
‫بعدها يمكن تلوينة أو تعبئتة كما تعلمنا سابقا ً ‪.‬‬
‫األن سوف نركز علي جانب األستوديوهات حيث‬
‫سنختار صورة الطفل وسنقوم بفتحها في البرنامج كما تعلمنا سابقا ً ونقوم بتحديد الطفل فقط كما بالصورة‬
‫رقم (‪. )1‬‬

‫وبإستخدام أداة التحريك يمكننا نقل الصورة الي خلفية أخري كما تعلمنا في أداة التحريك كما بالصورة رقم (‪. )2‬‬

‫الصورة (‪)1‬‬ ‫الصورة (‪)2‬‬

‫‪73‬‬ ‫‪73‬‬
 ‫ال ننسي أن الداة حبل التحديد خيارات كما بالصورة أدناه وهذة الخيارات هي‪:‬‬

‫‪ o‬تحديد جديد‬
‫‪ o‬إضافة للتحديد‬
‫‪ o‬إنقاص من التحديد‬
‫‪ o‬تقاطع تحديدين‬
‫وينطبق عليها ما ينطبق علي أداوات التحديد المستطيل والبيضاوي كما تعلمنا سابقا ً‬

‫‪74‬‬ ‫‪74‬‬
 ‫( أداة حبل التحديد المضلع‬ ‫‪) :-‬‬
‫تعمل هذة األداة نفس عمل حبل التحديد والكن هنا ليس حر الحركة وإنما في‬
‫شكل مضلعات صغيرة أو كبيرة حسب مقتضيات التحديد‪.‬‬
‫سأقوم بتطبيق ما تم عملة في أداة حبل التحديد هنا ونري الفرق !‬
‫في الصورة أسفل قمت بالتحديد ونقل الصورة بأداة التحريك للخلفية البيضاء بأداة‬
‫التحريك لنشاهد الفرق بين التحديد بالحبل والحبل المضلع ‪.‬‬

‫الصورة (‪)1‬‬ ‫الصورة (‪)2‬‬

‫نالحظ أن التحديد هنا أكثر أحرافية من الحبل العادي وهو ما اردنا توصيلة ‪.‬‬

‫‪75‬‬ ‫‪75‬‬
 ‫) ‪-:‬‬ ‫أداة الحبل المغناطيسي (‬
‫هذه األداة من أسمها سنخمن أنها تنجزب الكن ليس للحديد كالمغناطيس بل تنجزب الي األلوان (كيف ؟!)‬
‫في الصور التي تحتوي علي لون واحد أو حدود بارزة تعتبر هذه األداة فعالة جداً وسريعة حيث نقوم بالضغط‬
‫كلك علي نقطة‬
‫بداية ثم نمرر علي منطقة التحديد علي لون معين بدون الضغط علي كلك إال في حالة أردنا التغيير الي لون أخر‬
‫أثناء التحديد‬
‫ويمكن التراجع خطوة للخلف عن طريق الضغط علي ( ) في حالة حيود التحديد عن مسارة في األلوان ونضغط‬
‫كلك علي‬
‫نقطة النهاية وفي حالة أننا لم نصل الي نقطة البداية بالنهاية يقوم البرنامج بعمل خط مستقيم يصل بين‬
‫النقطتين ‪.‬‬
‫في الصورة المجاورة يظهر التحديد بالمغنطيس ونالحظ أن األداة جيدة في حالة توحيد األلوان ‪.‬‬
‫الصورة (‪)1‬‬ ‫الصورة (‪)2‬‬

‫‪76‬‬ ‫‪76‬‬
 ‫) ‪:‬‬ ‫أداة العصا السحرية(‬
‫أسم األداة غريب قليالً ! ! والكن كل ما يهمنا هو وظيفة األداة وهو التحديد وسميت بهذا االسم الننا عندما‬
‫نضغط بها علي منطقة ذات لون واحد تقوم األداة بتحيد المنطقة كلها وهذا بالنسبة للصور والعناصر عموما ً ‪.‬‬

‫ولها خيارات لألداة ايضا ً كما بالصورة أدناه ‪:‬‬

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

‫‪77‬‬ ‫‪77‬‬
 ‫ولهذة األداة أداة مساعدة (أداة التحديد بالقناع السريع ) في أسفل قائمة األدوات كما بالصورة المشار لها‬
‫بالسهم ‪.‬وعند الضغط عليها يظهر لون أحمر علي المنطقة الغير المحددة ) كما بالصورة (‪ )1‬ويمكن‬
‫­‬
‫مسح اللون بإستخدام أداة المساحة ( سنتعرف عليها الحقا ً ) كما بالصورة (‪ )2‬وعند الضغط علي األداة‬
‫المساعدة يختفي اللون ويظهر تحديد المنطقة التي مسحناها من اللون األحمر كما بالصورة (‪ )3‬وعند‬
‫عكس التحديد من قائمة تحديد يتم تحديد الصورة ويمكن بعدها نقلها إلي أي‬
‫خلفية أخري ‪.‬‬

‫الصورة (‪)1‬‬ ‫الصورة (‪)4‬‬

‫الصورة (‪)3‬‬

‫الصورة (‪)2‬‬

‫‪78‬‬ ‫‪78‬‬
 ‫) ‪:‬‬ ‫أداة التحديد السريع (‬
‫تمثل أداة التحديد السريع أفضل أداة بعد العصا السحرية وهي تختلف عنها حيث أنها تعمل علي تحديد‬
‫األلوان المتشابهه وزيادة التحديد إلدخال كل ما نريدة داخل التحديد ولها خيارات في إنقاص التحديد‬
‫فإذا خرجنا كثيراً يمككنا التراجع بإنقاص التحديد وتعمل علي الخلفية والصورة معاً حسب ما نحب‬
‫وما نريد تحديدة ‪.‬‬
‫الصورة المجاورة مثال للتحديد بإداة التحديد السريع ‪:‬‬
‫قمت بتحديد الخلفية ومسحها بالضغط علي ‪. Delete‬‬
‫إذا لم يمسح تأكد بأن الصورة غير مغلقة من نافذة الطبقات ‪. Layer‬‬
‫نالحظ أن الصورة أصبحت بدون خلفية كما تعلمنا سابقاً ويمكن نقلها بأداة التحديد إلي خلفية أخري ‪.‬‬

‫‪79‬‬ ‫‪79‬‬
 ‫مالحظات مهمة ‪:‬‬
‫دائرة تأثير التحـديد ( ‪: )Tolerance‬‬
‫في المستطيل األحمر في شريط الخـيارات في الصفحة السابقة ستجدـ هذا الخـيار في أداة العصا‬
‫السحرية ‪.‬‬

‫وكما عرفنا سابقا ً أن أداة العصا السحرية تقوم بتحديد المناطق اللونية المتشابهه هذا الخيار يتحـكم‬
‫في دقة التحـديد بمعني أنه كلما قللت قيمة هذا الخيار كلما كانت دقة التحديد أكبر وكلمازادت‬
‫كلما كانتـ الدقة أقل ‪..‬‬

‫مثال توضيحي ‪:‬‬

‫عند إختيار القيمة ( ‪ )32‬مثال ً ‪ ،‬تقوم األداة بتحديد اللون األحمر في الصوره عندما نضغط علي‬
‫منطقه حمراء ‪ ،‬أما عندما نزيد هذه القيمة ل (‪ )100‬مثال ً ستقوم األداة بتحديد اللون األحمر واأللوان‬
‫القريبة من هذا اللون كالبني المائل لألحمر وهكذا والعملية نسبية ‪...‬‬

‫‪80‬‬ ‫‪80‬‬
‫هذا الدرس من أهم الدروس للمصممين الذين يحبون العمل‬
‫باإلستوديوهات وعمل التركيب بالصور‬
‫يارب أكون قدرت أوصل المعلومة بشكل جيد وواضح‬
‫ونتالقي في الصفحة التالية مع وحدة جديدة‪.‬‬

‫‪81‬‬ ‫‪81‬‬
 ‫الوحدة الخامسة‬

‫التأطير والتشريح والختم‬

‫‪82‬‬ ‫‪82‬‬
 ‫التأطير والتشريح والختم‬

‫)‪:‬‬ ‫أداة التأطير(‬

‫وظيفة هذه األداة هي قطع جزء من التصميم حيث أننا نحدد منطقة وتقوم هذه األداة‬
‫بقطعها بجميع الطبقات التي تمر تحتها وإختصار هذة األداة هو الحرف (‪... )c‬‬
‫خيارات األداة في التأطير ‪- :‬‬

‫كما نالحظ في المستطيل أعاله أننا نستطيع التحكم في أبعاد القطع في الخيارات ‪:‬‬
‫‪ : Ratio‬ت‪èè‬عنين‪èè‬سبة وهذة ا‪èè‬لنسبة هين‪èè‬سبة ا‪èè‬لطول ل‪èè‬لع‪è‬رضح‪è‬يثي‪èè‬مكنت‪èè‬حديد‬
‫نسبة الطول للعرض في التأطير‬
‫ويمكن تحديد نسبة التأطير باإلنش ودقتة بالبكسل لكل إنش‬
‫‪ppi = pixel per inch‬‬
‫كما يمكن اضافة عالقة جديدة تربط الطول والعرض معاً للتأطير ‪..‬‬
‫‪ :W x H x Resolution‬عالقة ت‪èè‬ربط ا‪èè‬لع‪è‬رضب‪èè‬ا‪èè‬لطول ب‪èè‬ا‪èè‬لدقة ‪.‬‬
‫‪ : )square(1 :1‬نسبة واحد لوحد مربع ‪..‬‬

‫‪83‬‬ ‫‪83‬‬
 ‫)‪:‬‬ ‫أداة الشرائح (‬
‫لن نتحدث عن األداة في الوقت الحالي بشكل مفصل فكل أريدكم أن تعرفوه عنها هو‬
‫أنها خاصة بتقطيع الصور وهي خاصة بمصمم المواقع األلكترونية ونحن الزلنا‬
‫مبتدئين ‪....‬‬
‫نقوم بعمل تحديد بأداه التشريح وعند الضغط علي الخيارات داخل التشريح تظهر لنا‬
‫القائمة التالية ‪:‬‬

‫‪84‬‬ ‫‪84‬‬
‫نختار من القائمة الخيار ( ‪ )Edit slice options‬وهي تعديل‬
‫خيارات الشريحة ونغط عليها تظهر لنا الخيارات التالية ‪:‬‬

‫إسم الشريحة‬ ‫‪.1‬‬

‫عنوان الموقع او الصفحة‬ ‫‪.2‬‬
‫الهدف‬ ‫‪.3‬‬
‫رسالة نصية‬ ‫‪.4‬‬
‫استدعاء‬ ‫‪.5‬‬
‫األبعاد‬ ‫‪.6‬‬

‫‪85‬‬ ‫‪85‬‬
 ‫)‪:‬‬ ‫أداة ختم اإلستنساخ (‬
‫وظيفة هذه األداة هي إصالح العيوب الموجودة في الصور من تشققات وغيرها وأيضا ً‬
‫تقوم بالختم بالحشو وسنتعرف عليها أكثر في التطبيق ‪....‬‬
‫يرمز لألداة بالحرف (‪.. )s‬‬
‫عند الضغط علي األداة يظهر لنا خيارين كما في الصورة المجاورة ‪:‬‬
‫والخيارات هي علي النحو التالي حسب ترتيبها بالصورة ‪..‬‬
‫الخيار األول ‪ :‬أداة ختم اإلستنساخ (‪) clone stamp tool‬‬
‫الخيار الثاني ‪ :‬أداة ختم لحشو ( ‪) pattern stamp tool‬‬

‫وسنتعرف أكثر علي األداتين في التطبيق لكي يتضح الفهم أكثر ‪.....‬‬

‫‪86‬‬ ‫‪86‬‬
 ‫خيار‪è‬ات األداة في ختم اإلستنساخ ‪-:‬‬

‫كما نري هذة األداة شبيهه باالفرش وبالتالي سنتعرف عليها في الدرس القادم ‪....‬‬

‫‪87‬‬ ‫‪87‬‬
88 88
89 89
90 90
91 91
92 92
93 93
94 94
95 95
96 96
97 97
98 98
99 99
10 100
101 101
102 102
103 103
104 104
105 105
106 106
107 107
108 108
109 109
110 110
111 111