freeCodeCamp/guide/arabic/designer-tools/photoshop/index.md

15 KiB

title localeTitle
Photoshop محل تصوير

محل تصوير

Adobe Photoshop هو برنامج لتحرير الصور يعتمد على خطوط المسح (البيكسل) والذي يتم استخدامه من قبل مجموعة كبيرة من منشئي المحتوى لإنشاء وتحرير الصور / الرسومات. يستخدم المطورون أو المصممون عادةً Photoshop لإنشاء أو تعديل الأصول والصور الفوتوغرافية لمواقع الويب. يستخدم بعض المطورين أيضًا Photoshop لتصميمات مواقع الويب والنماذج بالأحجام الطبيعية ، ولكن الأدوات الأخرى مثل Adobe Experience Design و Sketch أصبحت أكثر شيوعًا. يتوفر Adobe Photoshop لكل من Windows و Mac ، ولكنه لا يعمل حاليًا بنظام التشغيل Linux.

من الأمور الشائعة التي يمكن للمطور القيام بها في Photoshop ، تعديل حجم البكسل ودقته (72 نقطة في البوصة للويب) من صورة للاستخدام الصحيح للويب وتعديل الصور للحصول على خلفيات شفافة (باستخدام filetypes .gif و .png). من الممارسات الشائعة تقليل حجم الصورة لتكون أكبر ما تحتاج لاستخدامه على موقع ويب. هذا يقلل من مساحة الخادم وأوقات التحميل و Photoshop هو أداة لتحقيق ذلك.

ملخص

  • برامج تحرير الصور المستندة إلى الصور النقطية
  • ملف Photoshop هو .psd ، يمكنه التصدير إلى معظم أنواع ملفات الصور.
  • يستخدم Photoshop وحدات البكسل. تأكد من إنشاء أصول كبيرة بما يكفي ، نظرًا لأن توسيع الحجم ليس ممكنًا دون حدوث تدهور.
  • تتوفر التنزيلات لنظامي التشغيل Windows و Mac من خلال اشتراكات Adobe.
  • أصبحت أقل استخدامًا بشكل عام للنماذج الطبيعية لموقع الويب / واجهة المستخدم.
  • العديد من الأدوات والميزات المتقدمة لتحرير الصور التي قد لا تكون مطلوبة للمطورين.

تم إنشاء Photoshop عام 1988 وهو معيار الصناعة لمهام معالجة الصور المختلفة مثل:

  • التلاعب الصور مثل الصور المحصورة ، والألوان المتغيرة بسرعة
  • تصميم نماذج للمواقع أو التطبيقات
  • تصميم الشعارات 1
  • خلق البلاط النمط
  • تصميم الرموز

يتم استخدام Photoshop بواسطة مصممي الويب ، ومصممي تطبيقات الجوال ، ومصممي UX ، والمصورين ، بالإضافة إلى محترفين آخرين في هذا المجال.

كيف يختلف Photoshop عن الأدوات الأخرى؟

عادة ما يرغب المصممون في معرفة الفرق بين Photoshop و Illustrator لفهم الأداة التي يجب استخدامها:

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

من ناحية أخرى ، يقوم Illustrator بإنشاء رسومات متجهية. يمكن تغيير حجم الرسومات المتجهة إلى أي شكل بدون أي بيكسل.

فمثلا:

vector vs raster example

الصورة هي صورة نقطية ، وهي صورة توضيحية.

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

التركيب

يعد Adobe Photoshop جزءًا من مجموعة برامج Creative Cloud. يمكنك تثبيت نسخة تجريبية مجانية لمدة 7 أيام من Photoshop عبر موقع Adobe على الويب . بعد الفترة التجريبية ، ستحتاج إلى تحديد خيار سعر مناسب لك.

إذا كان كل ما تحتاج إليه هو Photoshop ، فيمكنك اختيار الخيار Single Application ، وهو 19.99 دولارًا في الشهر ، ويتضمن الوصول إلى TypeKit (مصدر جيد للخطوط) و 20 غيغابايت من مساحة التخزين.

يمكن للطلاب والمعلمين الحصول على خصم تعليمي هنا .

مبادئ

بدء وثيقة جديدة

عند فتح Photoshop لأول مرة ، سترى على الأرجح مربع حوار سيسألك عما إذا كنت تريد:

  • افتح وثيقة موجودة
  • قم بإنشاء مستند جديد

إذا كنت لا ترى هذا ، فيمكنك الانتقال إلى File > New... أو استخدام اختصار لوحة المفاتيح CMD / ctrl + N

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

للمشاريع الطباعة ، يجب عليك اختيار دقة أعلى. يوصى بـ 300 نقطة في البوصة على الأقل.

نظرة عامة

عرض نافذة Photoshop

عند فتح Photoshop ، سترى مكونين رئيسيين.

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

تحتوي لوحة الأدوات على كافة الأدوات التي تحتاج إليها لمعالجة صورة أو تحريرها (راجع قسم الأدوات أدناه).

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

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

أدوات

لوحة أدوات فوتوشوب

  1. أداة تحريك: حرك العناصر حول اللوحة.

  2. أداة Marquee: قم بتحديد وتحرير اختيار مستطيل أو دائري على طبقة.

  3. أداة Lasso: أداة اختيار حرة يمكنك استخدامها لرسم منطقة اختيار.

  4. أداة العصا السحرية: قم بالاختيار من لون معين في الصورة.

  5. أداة الاقتصاص: اقتصاص حجم اللوحة القماشية.

  6. أداة قطارة العين: حدد لونًا من صورة وقم بتحميله في لوحة الألوان.

  7. أداة فرشاة التوضيع: استنساخ منطقة من صورة ، ودمجها في جزء مختلف من الصورة. استخدامه لتنميق والمزج.

  8. أداة الفرشاة: رسم شكل حر.

  9. أداة ختم النسخ: نسخ ولصق وحدات بكسل معينة من صورة ما. استخدمه لتنقيح.

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

  11. أداة الممحاة: محو حر الشكل.

  12. أداة دلو الطلاء: املأ تحديدًا باستخدام اللون (لون المقدمة الافتراضي).

  13. أداة التمويه: عدم وضوح الصورة بشكل حر.

  14. أداة Dodge: لتفتيح قسم من الصورة.

  15. أداة القلم: تستخدم لرسم مسار أو إجراء تحديد دقيق بدقة.

  16. أداة الكتابة الأفقية: اكتب نصًا على خط أفقي (لون المقدمة الافتراضي).

  17. أداة تحديد المسار: حدد مسارًا مرسومًا.

  18. أداة الشكل المخصص: حدد من مجموعة متنوعة من إعدادات الشكل المسبقة للرسم على اللوحة القماشية.

  19. أداة اليد: تحرك حول القماش.

  20. أداة مكبرة: تكبير أو خارج اللوحة.

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

طبقات

يمكن الوصول إلى لوحة الطبقات من الجانب الأيمن من النافذة في قسم اللوحات.

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

في المثال أدناه ، توجد طبقة "الدائرة" أعلى الطبقة "A" في لوحة الطبقات. هذا يعني أن الدائرة يتم تقديمها أعلى الحرف "A" على اللوحة.

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

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

لوحة الطبقات

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

يأتي ترخيص Photoshop Creative Cloud مع حساب Typekit مجاني. Typekit هو مسبك الخط حيث يمكنك العثور على الخطوط للاستخدام الرقمي أو الطباعة.

لإضافة خطوط من Typekit:

  1. حدد أداة الكتابة الأفقية من لوحة الأدوات.
  2. انقر فوق محدد الخط المنسدل في الزاوية العلوية اليسرى.
  3. انقر فوق add fonts from Typekit

أضف الخطوط من Typekit

سيؤدي ذلك إلى فتح نافذة المتصفح والانتقال إلى موقع الويب الخاص بـ Typekit ، حيث يمكنك إضافة خطوط إلى حساب Photoshop Creative Cloud (تأكد من تسجيل الدخول باستخدام بيانات اعتماد حساب Adobe الخاص بك). بمجرد إضافتها إلى حسابك ، ستكون هذه الخطوط متاحة لك عند استخدام أداة الكتابة.

تصدير الملفات

انقر فوق File > Export .

يمكنك بعد ذلك تحديد Quick export to PNG ، والذي يكون في معظم الحالات جيدًا لاستخدام الويب.

إذا كنت بحاجة إلى تنسيق آخر ، فحدد File > Export > Export as... هناك ، يمكنك الاختيار من PNG أو JPG أو GIF .

اختصارات لوحة المفاتيح في Photoshop

| أدوات اختصارات | ماك | الفوز | | -------------------------- | ------ | ------ | | أداة تحريك | V | V |
| أداة مستطيلة سرادق م | م |
| أداة المخططات البيضاوية م | م | | أداة لاسو لام | لام | | أداة مضلع لاسو | لام | لام | | أداة لاسو المغناطيسي | لام | لام | | أداة العصا السحرية | ث | ث | | أداة الاختيار السريع | ث | ث | | أداة المحاصيل | ج | ج | | أداة شريحة | ج | ج | | أداة تحديد الشريحة ج | ج | | أداة القطارة أنا | أنا | | أداة عينات الألوان أنا | أنا | | أداة الحاكم أنا | أنا | | أداة ملاحظة | أنا | أنا | | أداة العد | أنا | أنا | | بقعة أداة شفاء الفرشاة ي | ي | | أداة فرشاة الشفاء | ي | ي | | أداة التصحيح | ي | ي | | أداة العين الحمراء | ي | ي | | أداة الفرشاة | ب | ب | | أداة القلم الرصاص ب | ب | | أداة استبدال اللون | ب | ب | | أداة فرشاة الخلاط | ب | ب | | أداة استنساخ الطابع S | S | | أداة ختم نمط | S | S |

بدائل لفوتوشوب

بدائل على الإنترنت لفوتوشوب

  • أو Pixlr
  • Photopea (الأداة الوحيدة عبر الإنترنت لتحرير ملفات .psd)

الحواشي

  1. بينما يمكنك تصميم الشعارات في Photoshop ، اختار معظم المصممين استخدام Illustrator للشعارات ، حيث يقوم Illustrator بإنشاء صور متجهية يمكنها تسهيل تغيير حجم شعارات الاستخدامات المتعددة ، مثل الشعارات الصغيرة لبطاقات العمل ، أو الشعارات الكبيرة لإشارات البانر.
  2. يمكنك إنشاء فرشك الخاصة في Photoshop ، باستخدام الخيار Brush Preset. يمكنك أيضا استيراد الفرش. هذا يسمح لك أن لا تحد نفسك لنفسك الافتراضي الفرش.
  3. من الأسهل والأفضل استخدام Photoshop في حال كنت تقوم بعمل الأعمال الفنية باستخدام أقراص الرسومات ، لأن لديك خيارات متعددة للفرش ، وهو أمر غير موجود في Illustrator.

معلومات اكثر:

البدائل: Gimp (متوفر على نظام Linux ومجاني)