Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
  1. Design & Illustration
  2. Designing

صنع بطاقة عمل جاهزة للطباعة باستخدام Photoshop فقط

by
Read Time:17 minsLanguages:

Arabic (العربية/عربي) translation by Maryam Abbas (you can also view the original English article)

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


مسابقة بطاقة الاتصال

عبر الموقع FreelanceSwitch الشقيق، هناك منافسة لصنع بطاقات العمل تستخدم ناقلات من حزمة عينة صناعية خاصة. لذا إذا كنت ترغب في الفوز بمبلغ 370 دولارًا أمريكيًا من جهاز الناقلات، فانتقل للأعلى وأدخل مدخلك! في الواقع، كان عليّ أن أقدم بطاقة نموذج من أجل الكتابة، وأثناء إعدادها، قررت كتابة برنامج تعليمي لما كنت أفعله (وهو ما أنت على وشك قراءته)


الخطوة 1

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

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

نظرًا لصعوبة استخدام Photoshop (والذي ستراه لاحقًا)، سنستخدم قيمة 3 ملم. لذلك عند إنشاء الصورة، بدلاً من جعلها تساوي 90 مم بالارتفاع، فإننا نجعلها 90 مم + 3 مم الهوامش على اليسار + 3مم الهوامش  على اليمين = 96 مم. وبالمثل مع العرض، فإننا نصنع 55 + 3 + 3 = 61 مم.

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

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


الخطوة 2

بمجرد إنشاء المستند، فإن أول شيء نحتاج إلى إضافته هو بعض الأدلة التي توضح لنا مكان وجود حواف بطاقة الأعمال ومكان بدء تجاوز الهوامش. لذلك أولا اضغط على Ctrl-R للتبديل بين المساطر. الآن لإضافة الأدلة، يمكنك إما النقر على المسطرة وإخراج الأدلة إلى المستند، أو لأسلوب أكثر دقة، انتقل إلى عرض> دليل جديد، ثم اعطها وضع أفقي يبلغ 3 ملم. أكرر مرة أخرى مع وضع عمودي من 3مم . ثم قم بالتكرار مرتين إضافيتين مع 58 مم/عمودي و 93 مم /أفقي.


الخطوه 3

يجب أن يكون لديك الآن لوحة بيضاء فارغة تشبه اللوحة أدناه مع أربعة أدلة، كل منها يبعد 3مم عن الحافة.


الخطوة 4

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


الخطوة 5

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

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


الخطوة 6

والآن أصبحنا نتطلع إلى ما هو صعب ومتحضر، ولكن ليس شديد الصعوبة.

عند هذه النقطة قررت أنني أريد أن أجعل المحتوى داكناً، لذلك أضفت طبقة في الاعلى مملوءة باللون # 797c82 وقمت بضبطها على متعدد. ومع ذلك، كان المنظر غريباً بعض الشيء ولديه نوع من الزهر المزرق (انظر أدناه) في حين أريده أن يكون أكثر قتامة ورمادية. هذا يتعلق بوضع اللون الذي نحن فيه - CMYK. حان الوقت للتحدث قليلاً عن أوضاع الألوان ... (على الأقل كما أفهمها)

بشكل أساسي، CMYK هي ألوان المعالجة الأربعة التي تطبعها معظم الطابعات. باستخدام هذه الألوان الأربعة (السماوي،والأرجواني،والأصفروالأسود / أساسي) يمكنك صنع معظم الألوان الأخرى. يمكنك،صنع معظم الألوان الأخرى. في الواقع، يمكنك الحصول على أحبار خاصة مثل Pantones أيضًا والتي سنناقشها في برنامج تعليمي مستقبلي، ولكن بالنسبة لمعظم الأشياء، يكون CMYK موثوقاً.

الآن على الشاشة لديك، على كل حال، يمكنك استخدام RGB والتي تعرف باسم لأحمر،والأخضر،والأزرق. يأتي الفرق لأنه على الشاشة أنت تنظر إلى خلط الضوء، لذلك إذا أضفت كل الألوان معًا، ستحصل على اللون الأبيض - لهذا السبب في RGB، يكون رمز اللون للأبيض R: 255 ، G: 255 ، B: 255 - أي أحمر كامل، أخضر كامل، أزرق كامل.

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

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

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

لذا يمكنك القيام بذلك عن طريق الانتقال إلى صورة> وضع> لون RGB. سيسألك ما إذا كنت تريد تسوية الصورة - قل لا! يجب أن ترى تحولًا فوريًا في تلوين تأثير التغميق.

و، نعم، كان بإمكاني جعل هذه الخطوة أقصر بكثير وأخبرك فقط أن تذهب إلى RGB ، لكن من المفيد أن تتعلم عن فراغات اللون :-)


الخطوة 7

لذلك نحن هنا في وضع RGB. بعد ذلك نريد رسم بعض الكتل المائلة. لذلك خذ أداة مضلع لاسو (L) ثم قم بإنشاء طبقة جديدة.

الآن تريد رسم الشكل الموضح أدناه. للقيام بهذا بشكل جيد، يجب عليك الضغط باستمرار على Shift بحيث يفرض الزوايا التي تكون مضاعفات 45 'وتعطيك شكلًا لطيفًا.


الخطوة 8

بمجرد الحصول على الشكل، قم بتعبئته باللون: # c4b10f، وهو لون أصفر قبيح، ثم اضبط وضع المزج على لون مراوغ. الآن يجب أن يكون لديك أصفر زاهي يبدو كالتالي أدناه. لاحظ أنه إذا عدت إلى CMYK، فسوف ترى كيف لا يعمل هذا التأثير على الإطلاق ولماذا اضطررنا للتبديل إلى RGB في وقت سابق.

على أية حال قم تكرار هذه الطبقة بضع مرات حتى تحصل على ستة أشرطة صفراء ثم قم بمباعدتها قليلا بحيث يكون أحدها على اليسار وآخر على اليمين مع البقية متداخلة بينهما (سنقوم بمباعدتهما بدقة في الخطوة التالية).


الخطوة 9

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

(لاحظ أني أفكر في إصدارات Photoshop أقدم من CS2، تحتاج إلى ربط الطبقات بقصاصات الورق الصغيرة هذه نظرًا لأن تحديد الطبقات بواسطة Shift لم تظهر إلا في CS2 - الإصدار الذي أستخدمه. أتوقع أن مستخدمي CS3 يشبهون CS2.)


الخطوة 10

حسنًا، لدينا الآن علامة صغيرة متباعدة بشكل رائع تبدو نوعًا ما صناعية!


الخطوة 11

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


الخطوة 12

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


الخطوة 13

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


الخطوة 14

بعد ذلك وضعت نصاً لطيفاً على البطاقة. هذا هو في الواقع الجانب الخلفي للبطاقة (سننفذ الجزء الأمامي في الثانية). لقد استخدمت خطًا رائعًا ممتازًا يدعى DIN وهو صغير جداً  وكما سترى في الثانية يحتوي على حرف "@" رائع.

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

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


الخطوة 15

مرة أخرى من اجل المقدمة لقد قمت بإضافة نصاً مع عنوان الويب الخاص بي وعنوان البريد الإلكتروني واسمي. ولأولئك الذين يعشقون الكتابة، إلق نظرة على الحرف "@" - أليس أنيقاً! DIN هو محرف صناعي مصدره ألمانيا والذي يمكنك القراءة عنه على ويكيبيديا.

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


الخطوة 16

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

بعد ذلك باستخدام أداة مضلع لاسو (L)، ارسم شكلًا مثلثًا كما هو موضح.


الخطوة 17

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


الخطوة 18

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


الخطوة 19

لدينا الان هذا! كله تمام...

الآن نحتاج إلى الانتقال إلى طبقة> تسوية الطبقة ثم إلى صورة> وضع> CMYK للرجوع إلى CMYK والاستعداد للطباعة. لاحظ كيف أنه بسبب أننا قمنا بتسوية الصورة، نحافظ على الطريقة التي يتفاعل بها اللون الأصفر مع الطريق خلفه على الرغم من أننا عدنا إلى CMYK. لذلك  استفدنا أساسًا من RGB لتحقيق تأثير، ثم تمت تسويتها وتحويلها إلى CMYK حتى نتمكن من الطباعة.


الخطوة 20

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

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

بمجرد الانتهاء من كل شيء، يجب أن تكون قادرًا على الطباعة إلى PDF، والقيام بنفس الشيء في الخلف، وتوصيله إلى الطابعة. لاحظ أنه للطباعة على PDF، يجب أن يكون لديك نسخة من Acrobat مثبتة (وليس فقط برنامج Acrobat Reader المجاني، ولكن النسخة الكاملة). إذا كان لديك هذا، فأنت انتهيت الآن!

إذا لم يكن لديك Acrobat، لا تخف ... لا تضيع كل شيء!


الخطوة 21

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


الخطوة 22

الآن سنقوم برسم علامات القص الخاصة بنا. للقيام بهذا نحن بحاجة للتأكد من أننا نستخدم ما يسمى التسجيل الأسود. التسجيل الأسود هو في الأساس 100 ٪ من جميع ألوان CMYK (كما هو موضح). هناك أكثر قليلا من ذلك، ويمكنك قراءة المزيد على ويكيبيديا إذا كنت مهتما.

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


الخطوة 23

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

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


عينة PSD

موارد اضافية

اتبحث عن المزيد؟ لماذا لا ننظر في تصميم بطاقات العمل المهنية بدورات Tuts +.

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

One subscription.
Unlimited Downloads.
Get unlimited downloads