1. Business
  2. Templates

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

Scroll to top
Read Time: 10 min

() translation by (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

يمكنك أن تجد لي بطاقات الأعمال، الأحجام الطبيعية حزمة مع الأحجام الطبيعية 15 في جرافيكريفير.

Elegant Business Card Mockup Bundle Photoshop psd TemplatesElegant Business Card Mockup Bundle Photoshop psd TemplatesElegant Business Card Mockup Bundle Photoshop psd Templates

ما هو نموذج بالحجم الطبيعي؟

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

What is a psd template mockupWhat is a psd template mockupWhat is a psd template mockup

سير العمل

هذه هي الخطوات التي نتناولها في هذا البرنامج التعليمي:

  1. كيفية تصميم البطاقة الخاص بك/نشرة إعلانية. استخدم أي برنامج تفضل؛ ينصح المصور و InDesign عند تصميم الرسومات للطباعة.
  2. كيفية تصوير بطاقات تعريف المهنة. ضع بطاقات فارغة أو أي عنصر القرطاسية على سطح والتقاط صور لهم.
  3. كيفية اختيار وتحرير الصور في برنامج فوتوشوب. اختيار أفضل الصور وتنقيح التكوين.
  4. كيفية إضافة كائنات ذكية للصور الفوتوغرافية. سيتم إضافة تصميم بطاقة باستخدام هذه القوالب الذكية تلقائياً تطبيق التحولات ومرشحات لصورة معينة.

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

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

1-كيفية تصميم بطاقة عمل

الخطوة 1

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

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

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

Business Card psd template with guidesBusiness Card psd template with guidesBusiness Card psd template with guides

الخطوة 2

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

في هذا البرنامج التعليمي ، سوف نستخدم هذا التصميم البسيط الذي قمت بإعداده.

Business Card Design SampleBusiness Card Design SampleBusiness Card Design Sample

2-كيفية إعداد المشهد والتقاط صور لبطاقات فارغة

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

الخطوة 1

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

White Business Cards on clean clear tableWhite Business Cards on clean clear tableWhite Business Cards on clean clear table

الخطوة 2

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

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

Visual differences between Light exposures of 0 and -1Visual differences between Light exposures of 0 and -1Visual differences between Light exposures of 0 and -1

الخطوة 3

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

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

White Business Cards on dark brown table Original PhotoWhite Business Cards on dark brown table Original PhotoWhite Business Cards on dark brown table Original Photo

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

White Business Cards on dark brown table Crop Guides in PhotoshopWhite Business Cards on dark brown table Crop Guides in PhotoshopWhite Business Cards on dark brown table Crop Guides in Photoshop

الخطوة 4

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

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

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

White Business Cards on white clear table psd templateWhite Business Cards on white clear table psd templateWhite Business Cards on white clear table psd template

3-كيفية القيام الصور الفوتوغرافية والتحديد

الخطوة 1

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

دعونا تواصل مع العينة: لقد وصلنا إلى نقطة حيث قررنا كيفية اقتصاص الصور لدينا لتعزيز هذا الموضوع. تستخدم في Cropping Tool (C) أو قم بتحديد مع أداة التحديد المستطيلة (M) وثم انتقل إلى الصورة > المحاصيل.

White Business Cards on dark brown table Cropping ProcessWhite Business Cards on dark brown table Cropping ProcessWhite Business Cards on dark brown table Cropping Process

الخطوة 2

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

Cleaning the unwanted spots with Clone Stamp SCleaning the unwanted spots with Clone Stamp SCleaning the unwanted spots with Clone Stamp S

الخطوه 3

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

White Business Cards on dark table cropped and clean photoWhite Business Cards on dark table cropped and clean photoWhite Business Cards on dark table cropped and clean photo

الخطوة 4

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

Black and White AdjustmentsBlack and White AdjustmentsBlack and White Adjustments

الخطوة 5

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

Adding a soft light to a photo using a New Layer and the Brush Tool BAdding a soft light to a photo using a New Layer and the Brush Tool BAdding a soft light to a photo using a New Layer and the Brush Tool B

الخطوة 6

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

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

Selection that will be the template for the Business Card the Selection must be the same proportions of the Business Card design Selection that will be the template for the Business Card the Selection must be the same proportions of the Business Card design Selection that will be the template for the Business Card the Selection must be the same proportions of the Business Card design

الخطوة 7

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

Selection Fill with any Color on a New LayerSelection Fill with any Color on a New LayerSelection Fill with any Color on a New Layer

الخطوة 8

انقر بزر الماوس الأيمن فوقها في لوحة الطبقات وتحويلها إلى كائن ذكي.

Conversion of the Layer into a Smart ObjectConversion of the Layer into a Smart ObjectConversion of the Layer into a Smart Object

الخطوة 9

تعيين "طبقة بطاقة استقبال" "ضرب المزج" حتى نتمكن من رؤية ما يحدث، وتحويل طبقة استخدام "أداة التحويل الحر" (السيطرة-ر). في زوايا طبقة الخاصة بك هناك نقاط الربط المبين بالمربعات الصغيرة؛ أثناء الضغط على عنصر التحكم، انقر فوق كل واحد منهم لوضع هذه الطبقة وتطابق منظور للبطاقة.

Transformations of the Smart Object Layer to match the photographyTransformations of the Smart Object Layer to match the photographyTransformations of the Smart Object Layer to match the photography

الخطوة 10

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

Transformations of the Smart Object Layer to match the photography using also the Warp ToolTransformations of the Smart Object Layer to match the photography using also the Warp ToolTransformations of the Smart Object Layer to match the photography using also the Warp Tool

الخطوة 11

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

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

Creation of a New Smart Object via Copy of the Business Card TemplateCreation of a New Smart Object via Copy of the Business Card TemplateCreation of a New Smart Object via Copy of the Business Card Template

الخطوة 12

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

The Front Card blue and Back Card red Business Cards Mockups TemplatesThe Front Card blue and Back Card red Business Cards Mockups TemplatesThe Front Card blue and Back Card red Business Cards Mockups Templates

الخطوة 13

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

Selection for the Mask of The Business Card Back Card LayerSelection for the Mask of The Business Card Back Card LayerSelection for the Mask of The Business Card Back Card Layer

الخطوة 14

ثم انقر فوق طبقة Back Card ثم فوق رمز Layer Mask.

The Layer Mask on the Back Card Layer not inverted according to selectionThe Layer Mask on the Back Card Layer not inverted according to selectionThe Layer Mask on the Back Card Layer not inverted according to selection

الخطوة 15

نحن بحاجة فقط عكس "قناع طبقة" لمهمتنا، لذا انقر فوق عنصر التحكم--أنا في "قناع طبقة".

The Layer Mask on the Back Card Layer invertedThe Layer Mask on the Back Card Layer invertedThe Layer Mask on the Back Card Layer inverted

الخطوة 16

إجراء تعديلات يدوية إذا لزم الأمر ؛ أدناه ، يمكنك معرفة كيف كان من الضروري تغطية جزء صغير من مساحة البطاقة التي لا تتطابق مع تحديد البداية. باستخدام أداة Lasso (L) ، نختار الأجزاء الصغيرة التي لا تزال بحاجة إلى إخفاء.

Manual Adjustments with the Lasso Tool L on the Layer MaskManual Adjustments with the Lasso Tool L on the Layer MaskManual Adjustments with the Lasso Tool L on the Layer Mask

الخطوة 17

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

لإعطاء وهم عمق المجال في مناطق معينة ، نحتاج فقط إلى طمس حواف الكائنات الذكية بحيث تتطابق مع مقدار التمويه في الصورة أدناه. حدد طبقة Back Card Layer (وليس Mask) ، وانتقل إلى Filter> Blur> Gaussian Blur ، واختر مقدارًا يتطابق مع الصورة أدناه - لصورتنا ، قيمة 2/3 بيكسل.

Non Destructive Smart Filter Blur application on the Smart Object Non Destructive Smart Filter Blur application on the Smart Object Non Destructive Smart Filter Blur application on the Smart Object

الخطوة 18

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

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

يجب أن تكون كمية طمس متسقة في جميع أنحاء الصورة من أجل تصميم مزيج حقاً في الصورة.

Template differences with and without Blur appliedTemplate differences with and without Blur appliedTemplate differences with and without Blur applied

الخطوة 19

حدد البطاقة الخلفية ، انقر بزر الماوس الأيمن على الطبقة ، ثم تحرير المحتويات: يؤدي القيام بذلك إلى فتح مستند جديد (الكائن الذكي) حيث يمكنك رؤية الطبقة الحمراء.

How to Edit Contents of a Smart Object and place your own imageHow to Edit Contents of a Smart Object and place your own imageHow to Edit Contents of a Smart Object and place your own image

الخطوة 20

يجب أن تبدو محتوى "الكائن الذكي" هذا.

Starting Back Card ImageStarting Back Card ImageStarting Back Card Image

الخطوة 21

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

Business Card Back Design sampleBusiness Card Back Design sampleBusiness Card Back Design sample

خطوة 22

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

Updated mockup with Business Card Back DesignUpdated mockup with Business Card Back DesignUpdated mockup with Business Card Back Design

الخطوة 23

قم بنفس العملية مع Card Front Layer ، ولديك نموذج جميل وجميل قابل للتخصيص وقابل للتخصيص.

Closeup of finished Business Card Template mockup with custom designCloseup of finished Business Card Template mockup with custom designCloseup of finished Business Card Template mockup with custom design
Business Card Template mockup with custom designBusiness Card Template mockup with custom designBusiness Card Template mockup with custom design

مدهش! لدينا نموذج بالحجم الطبيعي جاهزة للاستخدام

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

Sample of Business Card Template mockup with blue and yellow custom designSample of Business Card Template mockup with blue and yellow custom designSample of Business Card Template mockup with blue and yellow custom design
Sample of Business Card Template mockup with blue and red custom designSample of Business Card Template mockup with blue and red custom designSample of Business Card Template mockup with blue and red custom design

يمكنك أن تجد لي بطاقات الأعمال، الأحجام الطبيعية حزمة مع الأحجام الطبيعية 15 في جرافيكريفير.

Elegant Business Card Mockup Bundle Photoshop psd TemplatesElegant Business Card Mockup Bundle Photoshop psd TemplatesElegant Business Card Mockup Bundle Photoshop psd Templates
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Business tutorials. Never miss out on learning about the next big thing.
One subscription. Unlimited Downloads.
Get unlimited downloads