10 قاتل أدوبي فوتوشوب نصائح للمصممين
صدق أو لا تصدق ، إذا كنت تستخدم Photoshop لتصميم موقع الويب ، فأنت على الطريق الصحيح لتصبح مصمم ويب ناجحًا. هذا ببساطة لأن Photoshop هو واحد من أكثر الأدوات تقدمًا في صناعة التصميم والتي يمكن أن تجعل خيالك الإبداعي يتحقق مع وفرة من الأدوات الاحترافية التي تعزز إنتاجيتك في نفس الوقت.
لكن ما مدى معرفتك بالفوتوشوب؟ في بعض الأحيان نتساءل لماذا يمكن لمصمم ويب معين تصميم مخطط موقع به رسومات ثقيلة للغاية في 5 أيام ، بينما نحتاج إلى حوالي 10 أيام لاستكمال هذا النوع من التصميم. قد لا يتعلق الأمر بالسرعة التي يمكنك النقر فوقها ، بل يتعلق بكيفية معرفتك عن Photoshop ، وكيف ستطلق العنان لإمكاناتها الكاملة لزيادة إنتاجيتك.
نريد منك أن تعرف كيفية فتح إمكاناتها الكاملة. نعم ، لهذا السبب أنشأنا هذا المنشور ، لنوفر لك 10 نصائح مفيدة للغاية من Photoshop لزيادة سرعة التصميم لديك. يمكن أن يكون هناك اختصار أو ميزة أو إعداد لا تعرفه ، ولكن ليس بعد الآن. باستخدام هذه المقالة ، ستتعرف عليها جميعًا ، وستصمم بشكل أسرع وأسرع.
ملاحظة: مفاتيح الاختصار المذكورة في هذه المقالة بتنسيق Windows Photoshop. إذا كنت تستخدم نظام Mac ، فتأكد من معرفة أن Ctrl = Cmd (Command) و Alt = Opt (خيار).
10. التراجع ، التراجع أكثر من فضلك
أعتقد اعتقادا راسخا أننا مصممون للإدمان على التراجع عن شيء ما ، حتى عندما نرتكب خطأً في الرسم ، فإننا نميل إلى "التراجع" عن ذلك.
تمامًا كما تعلم ، بالضغط على Ctrl + Z في Photoshop ، يمكنك التراجع عن الإجراء السابق الذي قمت به ، ولكن عندما تضغط على نفس مجموعة المفاتيح مرة أخرى ، فستعيد الإجراء السابق. هذا أمر غير طبيعي ومزعج للغاية حيث تحتاج دائمًا إلى التراجع عدة مرات للوصول إلى الحالة التي تريدها.
صدق أو لا تصدق ، لدى Photoshop زر معين للتراجع المتعدد ، وهو Alt + Ctrl + Z. نعم ، باستخدام مجموعة المفاتيح هذه ، يمكنك التراجع عدة مرات ، وفقًا لقيمة History History التي قمت بتعيينها في Edit> Preference> أداء.
إذا كنت معتادًا على تركيبة مفاتيح Undo الشائعة وهي Ctrl + Z ، فيمكنك ببساطة الضغط على Ctrl + Shift + Alt + K للوصول إلى لوحة Keyboard Shortcut وتغيير تركيبة المفاتيح Undo أسفل قسم Edit إلى Ctrl + Z.
9. أخذ العينات اللون ، في أي مكان!
هل تعثرت على موقع مصمم بشكل جيد وتساءلت عن الألوان الدقيقة التي تستخدمها؟ يحدث هذا غالبًا عندما أسعى للحصول على الإلهام أثناء قيامي بتخطيط الموقع في Photoshop. بالنسبة لي ، سأقوم ببدء ملتقط اللون ، واختيار اللون والحصول على رقمه السداسي ، ثم النقر على لوحة الألوان في Photoshop ، ثم إدخال رقم ست عشري ثم الحصول على اللون ، ومزعج للغاية أليس كذلك?
حسنًا ، لا تحتاج حقًا إلى المعاناة على هذا النحو ، يمكنك بالفعل النقر فوق أداة Eyedropper أو الضغط على I لتنشيطها ، ثم النقر فوق شاشة عمل Photoshop واسحب رمز Eyedropper إلى أي مكان على شاشة الشاشة للحصول على اللون الذي تريد. نعم ، إنه حقًا بهذه السهولة.
8. دليل مرن
نصيحة رقم 8 هي في الواقع مزيج من نصيحتين ، وآمل ألا تمانع في الحصول على المزيد من النصائح. كمصمم ويب ، علينا أن نتعامل مع دليل لوضع عنصر بشكل صحيح ، بمعنى آخر ، هو بكسل مثالي.
كيف يمكنك إنشاء دليل؟ انقر فوق عرض ، دليل جديد ، ثم قرر أنه دليل أفقي أو عمودي ، أدخل موضعه وانقر فوق إدخال؟ حسنًا ، يمكنك حفظ هذه الأعمال فقط عن طريق الضغط على Ctrl + R لتنشيط أداة المسطرة ، والنقر على الأداة وسحبها لأسفل لإنشاء دليل أفقي ، أو العكس.
إلى جانب إنشاء دليل فوري ، إليك نصيحة مفيدة أخرى لك. أثناء سحب دليل باستخدام أداة Move التي يمكن تنشيطها باستخدام مفتاح V ، اضغط مع الاستمرار على مفتاح Alt لتغيير الدليل الأفقي إلى دليل عمودي ، أو العكس. الآن يمكنك على الأرجح اعتبار نفسك محترفًا في استخدام الدليل.
7. أسلوب المرح طبقة الاستنساخ
أنماط الطبقة مسلية للغاية عندما يمكنك تطبيقها فقط ، لنفترض أن أيقونة الوسائط الاجتماعية تبدو جميلة وفريدة من نوعها ، لكنها ستكون متعبة للغاية إذا كنت ترغب في تطبيق أنماط الطبقة نفسها على جميع أيقونات الوسائط الاجتماعية التي تأتي عادةً قطع متعددة.
هل سبق لك أن أدركت أن هناك الفوركس أيقونة بجانب طبقتك؟ حسنًا ، كل شيء موجود لسبب ما ، إذا ضغطت Alt واسحبت الفوركس أيقونة إلى طبقة أخرى ، ستعمل على نسخ أنماط الطبقة الأولى إلى تلك التي قمت بسحبها ، أليس كذلك?
أيضًا إذا كنت مهتمًا بالاستخدام الشائع لذلك الفوركس أيقونة ، تتيح لك نقل أنماط طبقة إلى أخرى وكل ما عليك القيام به هو ببساطة سحب الرمز إلى طبقة أخرى دون الضغط على مفتاح Alt.
6. جعل توسيط العنصر سهل
من أجل تحقيق تصميم مثالي للبكسل ، يتعين علينا غالبًا أن نضع العنصر في مكانه بالضبط. يبدو هذا سهلاً ، حيث يمكنك فقط إنشاء بعض الأدلة وتقسيم العنصر على هذه الأدلة ، ولكن سيكون الأمر شاقًا إذا كنت تريد توسيط عنصر في منطقة معينة ، الأمر الذي يتطلب الكثير من الأدلة والقياس والتركيز.
في الحقيقة لديك طريقة لجعل هذه العملية بأكملها أسهل بكثير ، انقر فوق طبقة العنصر التي تريد توسيطها ، ثم اضغط على Ctrl + A لتحديد المستند بأكمله. بعد ذلك ، قم بتشغيل أداة النقل وستظهر لك بعض الرموز بجانب الخيار ، إظهار عناصر التحكم في التحويل. انقر على أيقونة 2 لتوسيط العنصر الرأسي ، ثم انقر فوق أيقونة 5 لتوسيط العنصر الأفقي ، هناك ، عنصر توسيط مطلق.
لا يمكنك فقط توسيط العنصر في منطقة المستند بأكملها ، ولكن يمكنك أيضًا توسيطها في منطقة معينة. دعنا نقول أنني أريد توسيط عنصر في منطقة التذييل ، يمكنني ببساطة تحديد مساحة التذييل باستخدام أداة التحديد التي يمكن تفعيلها عن طريق الضغط على المفتاح M ، ثم توسيط العنصر في تلك المنطقة المحددة بشكل مطلق.
يمكنك دراسة خيارات المحاذاة الأخرى بجانب خيار إظهار عناصر التحكم في التحويل ، فهي مفيدة للغاية لمحاذاة العناصر الخاصة بك في مجموعة واسعة من المواقف.
5. مشاهدة التحديد ، واحد في وقت واحد
غالبًا ما تحتاج إلى فحص شكل عنصر ما عند تصميمه تمامًا أو بواسطة عناصر قليلة ، على سبيل المثال في تخطيط موقع الويب أدناه ، أريد التحقق من أزرار شريط التمرير للتأكد من عدم وجود شفافية لذلك يبدو تمامًا مع أو بدون صورة شريط التمرير.
في الماضي كان عليّ إيقاف تشغيل رؤية طبقة صورة المنزلق وطبقة خلفية المنزلق وطبقة الخلفية للمحتوى ، لكن الآن يمكنني ببساطة الضغط باستمرار على مفتاح Alt ، ثم انقر على أيقونة "العين" بجانب مجموعة الأزرار لإيقاف رؤية كل الطبقات حتى أشاهد تلك الأزرار فقط. بعد أن راجعتهم ، يمكنني فقط تكرار الحيلة مرة أخرى لإرجاع قابلية إزالة جميع الطبقات.
هذه الخدعة مفيدة للغاية أيضًا فيما يتعلق بتقطيع الصور. تريد تقسيم زر شريط التمرير دون أي عنصر آخر مثل صورة شريط التمرير ، بحيث يمكنك استخدام هذه الخدعة لإيقاف رؤية كل الطبقة لتقطيع الزر فقط ، ثم كرر الحيلة لاستعادة رؤية كل الطبقة بحيث تضيع الكثير من الوقت في تشغيل وإيقاف رؤية الطبقات.
4. تخصيص تتبع الخط ، في أي وقت
توضح لك هذه النصيحة المعينة كيفية زيادة تتبع الخط في جزء معين من الكتابة بسهولة ، لذلك قد يتم استخدامه فقط في بعض المواقف المحددة مثل إنشاء الشعار أو الزر ، لكنه يعد نصيحة احترافية يمكن أن توفر الكثير من الوقت في البحث عن الخطوط مع الطباعة المناسبة لشعارك أو إنشاء زر.
حسنًا ، دعنا نقول أنني أريد تقليل تتبع النوع ، "360" ، لذا فإن نوع الشعار الخاص بي يبدو فريدًا مما يجعل الزائر يتذكره بشكل أسهل. يمكنني تحديد "POLO360" باستخدام أداة الكتابة التي يمكن تفعيلها عن طريق الضغط على مفتاح T ، ثم اضغط مع الاستمرار على زر Alt واضغط لبدء تقليل تتبع الكتابة ، مما سيجلب النتيجة أعلاه.
يمكنك استخدام هذه الخدعة لمعالجة مشكلة تتبع بعض الخطوط الفنية ، لذلك لا تقلق بشأن التتبع في المرة القادمة التي تريد فيها العثور على خطوط رسومية لإنشاء شعارك!
3. تحديد طبقة فورية = فوز
تصميم Layout هو مهمة مرهقة حيث يتعين علينا معالجة الكثير من القضايا مثل الطباعة والتباعد والرسومات ، ولكن سيكون الأمر ساحقًا إذا أردنا العثور على طبقة عنصر معين من مئات الطبقات.
دع هذه الخدعة تجعل حياة المصمم أسهل. قم بتنشيط أداة Move باستخدام مفتاح V واستمر في الضغط على مفتاح Ctrl ، ثم انقر فوق العنصر وستحدد طبقة العنصر تلقائيًا. الأمر بسيط للغاية ولكن ضع في اعتبارك أنه إذا وضعت عناصر في مجموعة ، فعند استخدام نفس الخدعة ، ستختار مجلد المجموعة الذي يحتوي على العنصر الذي نقرت عليه ، كما هو موضح أعلاه.
2. كائن ذكي للمصمم الذكي
تمامًا مثل اسمه ، يجعل Smart Object عملية التحرير أكثر ذكاءً عن طريق تنفيذ وظيفتين أساسيتين: إجراء التحويلات غير المدمرة وإجراء التصفية. تأتي هذه الميزة في متناول يديك ، خاصةً عند إنتاج تخطيط موقع به رسومات ثقيلة مثل صور الأسهم وأيقونات الوسائط الاجتماعية ومجموعات واجهة المستخدم ، وكل ما عليك فعله هو النقر بزر الماوس الأيمن فوق طبقة ، ثم انقر فوق "تحويل إلى كائن ذكي" إلى استمتع بفوائدها.
تقول الوظيفة الأولى أنه بمجرد تحويل الطبقة إلى كائن ذكي ، يمكنك تحويلها على أي حال تريد دون أن تفقد جودتها الأصلية. في حالتنا ، نريد أن نجعل منزلق الصورة أصغر حتى نحول طبقات منزلق الصورة إلى كائن ذكي ونحولها إلى شيء أصغر.
إنه صغير جدًا لذا قررت تغييره مرة أخرى.
يبدو أن كل شيء على ما يرام ولم يحدث شيء بشكل صحيح؟ أدناه هي النتيجة إذا قمت بتطبيق تحويل للخلف دون تحويل الطبقة إلى كائن ذكي.
لذلك يمكنك أن ترى الفرق هنا ، وخاصة جزء أزرار شريط التمرير. التحول إلى الخلف بدون تطبيق كائن ذكي على الطبقات يجعل أزرار شريط التمرير والانزلاق تفقد جودتها. لذلك عن طريق تحويل طبقة إلى كائن ذكي ، يمكنك تحويلها إلى أي حجم أصغر تريده ولكن بمجرد أن تشعر بالأسف إزاء قرارك ، يمكنك تغييره مرة أخرى دون فقدان الجودة.
فائدة أخرى من تحويل الطبقة إلى كائن ذكي هي بمجرد تطبيق المرشح على كائن ذكي ، ستظهر طبقة المرشح تحت طبقة الكائن الذكي بحيث يمكنك تعطيل المرشح بسهولة عن طريق إيقاف تشغيل رؤية طبقة المرشح ، وهذا ما يسمى التصفية غير المدمرة ، وقت كبير التوقف لمشروعك.
1. لقطة من الماضي الجميل
لقد تعلمت الآن كيفية التراجع عن عدة مرات ، ونسخ أنماط الطبقة ، وتحديد أسرع للطبقات ، واستخدام نصائح ذكية لتوفير الوقت للكائن الذكي. حسنًا ، هذه مهارات مفيدة حقًا تعزز إنتاجيتك بشكل كبير ، لكن ماذا بعد حوالي ساعتين من العمل ، أنت تأسف لتعديلك وقررت البدء من الوسط؟ أعدها تمامًا وستكون مرهقة للغاية حتى لو قمت بتطبيق جميع النصائح القاتلة التي تعلمتها من قبل ، لذلك عند بدء Snapshot.
يتيح لك Snapshot إنشاء نسخة مؤقتة من أي حالة من عمليات التحرير ، لذلك عندما تواجه مشكلة في تحسين التصميم وقررت العودة ، يمكنك ببساطة النقر فوق لقطة لإعادتك إلى الحالة التي تريدها. لالتقاط لقطة ، عليك فقط فتح لوحة "المحفوظات" والنقر على الرمز الثاني الذي تراه في أسفل اللوحة.
هناك أيضًا بعض الميزات المفيدة للقطعة ، حيث يمكنك التقاط لقطات متعددة بحيث يكون لديك المزيد من الخيارات ويمكنك تسميتها حتى تتذكرها بسهولة. في النهاية ، يمكنك أيضًا استخدام هذه اللقطات لمقارنة التأثيرات المختلفة التي قمت بإنشائها للتصميم الخاص بك.
ومع ذلك ، تأكد من تذكر أنه بمجرد إغلاق المستند ، سيتم حذف اللقطات على الفور ، لذلك إذا كنت تريد الاحتفاظ بهذه الحالات ، يمكنك النقر فوق كل لقطة وحفظ المستند كملف آخر.
انعكاس
لقد وصلت إلى نهاية المقال ، وظيفة رائعة. بحلول هذا الوقت ، يجب أن تحصل على ما يكفي من النصائح القاتلة لتوفير الوقت لزيادة سرعة التصميم الخاص بك ، ولكن تذكر دائمًا أن التعلم هو أفضل طريقة لمعرفة المزيد عن Photoshop ، وبالتالي زيادة إنتاجيتك. لذا استمر في التعلم ، وستصبح مصمم ويب أكثر تنافسية في كل الأوقات.
حسنًا ، لقد شاركنا قصارى جهدنا ، ماذا عنك؟ إذا كنت لا تمانع ، فيرجى مشاركة نصائح Photoshop killer لإعلامنا بالطريقة الأفضل لاستخدام Photoshop ، وذلك بفضل كرمك!