ربما كل مصمم ويب لديه مجموعته الخاصة منحيل مفضلات Photoshop على سواعدهم. لسبب وجيه. تعد أداة تحرير الصور القوية من Adobe عنصرًا أساسيًا في عالم تصميم الويب. عدد قليل جدًا من البرامج الموجودة يمكنها منافسة هذا البرنامج الممتاز ومجموعة ميزاته الواسعة.

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

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

هل أنت مستعد لمعرفة المزيد عن Photoshop؟ هذا هو ما سنراه في ما يلي.

1 - تبسيط مساحة العمل الخاصة بك

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

لهذا السبب ، محطتنا الأولى هي "Window> Workspace> Graphic and Web> Essentials". سيؤدي تحديد هذا الخيار إلى تغيير ملف أدوات متاح لما من المرجح أن تستخدمه لتصميم الويب.

اختر مساحة عمل WordPressثم انتقل إلى "تحرير> تفضيلات". هنا واحدة من أهم نقاط التوقف هي الوحدات والقواعد. أيًا كان القياس الذي تختاره هنا (على الأرجح وحدات البكسل) ، فسيكون هذا هو الإعداد الافتراضي لجميع المستندات المستقبلية.

(تلميح سريع: لتغيير قواعد المستندات الفردية ، فقط انقر بزر الماوس الأيمن فوقه واختر وحدة القياس المطلوبة.)

ثم انتقل إلى "التفضيلات> الأداء> السجل وذاكرة التخزين المؤقت" وانقر على "تصميم الويب / واجهة المستخدم".

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

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

2 - تعلم اختصارات لوحة المفاتيح

بالنسبة إلى أي برنامج تستخدمه بانتظام ، يعد تعلم اختصارات لوحة المفاتيح أمرًا جيدًا في العادة.

على سبيل المثال ، أستخدم Ctrl + Alt + 2/3 لإنشاء رؤوس h2 و h3 عند كتابة هذا المنشور. إنه أسرع بكثير من استخدام شريط الأدواتأدوات من المحرر لأنني لست مضطرًا إلى مغادرة لوحة المفاتيح.

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

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

3 - طبقات المجموعة وتسميتها

عند العمل مع Photoshop ، ستعمل مع الطبقات. لا تحتوي معظم العناصر على طبقات منفصلة فقط ، ولكن يتم أيضًا إضافة تغييرات مثل السطوع / التباين كطبقة.

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

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

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

بدلاً من ذلك ، يمكنك أيضًا اختيار طبقات متعددة مرة واحدة ، إما عن طريق الضغط باستمرار على مفتاح Ctrl لتحديد طبقات فردية أو Shift لتمييز نطاق من الطبقات المجاورة. Ctrl + G يحولهم إلى مجموعة.

4 - القيام بعمليات البحث عن الطبقات

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

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

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

طبقات البحثبخلاف ذلك ، حدد طبقة مباشرة باستخدام أداة النقل ، مع الاستمرار في الضغط على "Ctrl" والنقر على طبقة أو كائن.

5 - إنشاء شبكة

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

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

6- استيراد عينات الألوان

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

للاستفادة من تلميح Photoshop ، افتح لوحة Swatches ، وانقر على القائمة المنسدلة في الزاوية اليمنى العليا واختر " الحوامل الحمل ". انتقل الآن إلى الملف وافتحه لاستيراد عينات الألوان الجديدة.

7 - حفظ الأشكال المخصصة

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

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

تحديد شكل مخصص

8 - التبديل بين ألوان الخلفية والمقدمة

لتبديل لون الخلفية ولون المقدمة دون النقر فوق الرمز ، ما عليك سوى الضغط على "X" على لوحة المفاتيح. أيضًا ، إذا كنت تريد عودة الألوان إلى الأسود والأبيض العادي ، فيمكنك القيام بذلك بالضغط على "D".

9 - تغيير العتامة عبر لوحة المفاتيح

اختصار لوحة مفاتيح آخر: لأي أداة يمكنها تغيير العتامة ، يمكنك القيام بذلك فقط من خلال لوحة المفاتيح. ستضع الأرقام من 1 إلى 0 التعتيم على كل شيء بين 10٪ و 100٪. نفس الشيء يعمل أيضًا مع عتامة الطبقات.

10- رسم خطوط مستقيمة

لرسم خط مستقيم بأي أداة ، ما عليك سوى الضغط باستمرار على مفتاح Shift. ثم يمكنك رسم خط (الأفقي والرأسي) التي سيتم ربطها تلقائيًا كظفر. خلاف ذلك ، انقر على نقطتين مختلفتين لإنشاء خط مستقيم بينهما.

هذا كل ما يخص نصائح Photoshop هذه ، آمل أن يساعدك التصميم بشكل أفضل على فوتوشوب.