فواصل

تصميم نمط Pattern بالفوتوشوب

patterns أو الأنماط تساعد كثيرا فى توفير خلفيات جاهزة عند عملك على مشروع جديد ببرنامج الفوتوشوب. فعند امتلاكك لكتالوج متنوع من هذه الأنماط يسهل عليك العمل ويوفر لك الوقت. ففى هذا الدرس سأريكم كيفية عمل وتصميم نمط منقوش Plaid Pattern ، والتى تساعدك فيما بعد على نسخها ودمج ألوان أخرى لعمل مجموعتك الخاصة من الأنماط.

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

فمثلا هنا أنا استخدمت هذه الألوان من موقع  Adobe Kuler  تسمى  County Fair:

تصميم نمط Pattern بالفوتوشوب

تصميم نمط Pattern بالفوتوشوب

 

قم بعمل ملف جديد فى برنامج الفوتوشوب بمقياس 98 بكسيل × 98 بكسيل.

تصميم نمط Pattern بالفوتوشوب

تصميم نمط Pattern بالفوتوشوب

سوف نقوم برسم عدة خطوط رأسية لتساعدنا فى تشكيل هذا النمط. ثم اذهب إلى قائمة View ومنها اختر  New Guide ثم قم بضبط هذه الخطوط كالتالى :

عند 8 بكسيل أول خط ، ثم عند 28 بكسيل الخط الثانى ، ثم عند 36 بكسيل الخط الثالث ، ثم عند 749 بكسيل الخط الرابع ، عند 57 بكسيل الخط الخامس، عند 70 بكسيل الخط السادس، عند 78 بكسيل الخط الثامن والأخير. ستحصل فى الغالب على شكل يشبه الموجود بالصورة بالأسفل.

تصميم نمط Pattern بالفوتوشوب

تصميم نمط Pattern بالفوتوشوب

اضبط اللون الأساسى عند #bd6e46 ثم استخدم أداة   rectangular marquee لتحديد أحد هذه الأعمدة والتى عرضها 20 بكسيل وقم بملائها باللون الذى حددته مسبقا. كرر هذه العملية مع العمود الآخر بنفس العرض 20 بكسيل.

تصميم نمط Pattern بالفوتوشوب

تصميم نمط Pattern بالفوتوشوب

ثم اضبط اللون الأساسى عند اللون  #294a49 . بإستخدام أداة rectangular marquee قم بتحديد أحد هذه الأعمدة والتى عرضه 13 بكسيل ثم قم بتلوينه باللون المختار. كرر هذه العملية مع العمود الآخر بنفس العرض 13 بكسيل.

تصميم نمط Pattern بالفوتوشوب

تصميم نمط Pattern بالفوتوشوب

ثم اضبط اللون الأساسى لك عند اللون  #ededa9 ثم بإستخدام أداة   rectangular marquee قم بتحديد وتلوين الأعمدة المتبقية ، والتى غالبا عرضها هو 8 بكسيل.

تصميم نمط Pattern بالفوتوشوب

تصميم نمط Pattern بالفوتوشوب

الخطوة التالية هى نسخ هذه الطبقة (تذكرة سريعة كل الخطوات التى قمنا بها فى السابق كانت فى طبقة واحدة) .بعد نسخ الطبقة وتحديد الطبقة الحالية النشطة من قائمة الطبقات، اذهب إلى قائمة Edit ثم اختر Transform ثم اختر Rotate 90 degree لتدوير الطبقة بمقدار 90 درجة عكس اتجاه عقارب الساعة.

تصميم نمط Pattern بالفوتوشوب

تصميم نمط Pattern بالفوتوشوب

بالضغط على نسخة الخلفية لتنشيطها فى قائمة الطبقات لتفتح لك خيارات ستايل هذه الطبقة، وغير معدل الملىء Fill Opacity عند 50%.

تصميم نمط Pattern بالفوتوشوب

تصميم نمط Pattern بالفوتوشوب

بهذه التعديل ستتمكن من رؤية كلا الخطوط الطولية والعرضية فى نمطك.

تصميم نمط Pattern بالفوتوشوب

تصميم نمط Pattern بالفوتوشوب

الآن قم بعمل ملف جديد بمقياس 6 بكسيل × 6 بكسيل بخلفية شفافة. سوف نستخدم هذه الخطوة لإدخال إيحاء وكأنه مخيط.

اضبط اللون الأساسى عند #d5ae78 ثم بإستخدام أداة القلم pecil tool  بمقياس 1 بكسيل مربع.قم بزيادة الرؤية الخاصة بهذه الطبقة view عند 800 %، وبإستخدام القلم pencil tool قم برسم خطوط التخييط.

تصميم نمط Pattern بالفوتوشوب

تصميم نمط Pattern بالفوتوشوب

ثم سنقوم بضبط خطوط التخييط هذه عن طريق الخطوة التالية :

اذهب إلى قائمة Edit واختر Define Pttern.

تصميم نمط Pattern بالفوتوشوب

تصميم نمط Pattern بالفوتوشوب

والآن اذهب ثانية إلى ملف النمط الخاص بنا وبالضغط مرتين على الطبقة الموجودة بأعلى القائمة لفتح خيارات الستايل الخاص بها. اضغط على  “pattern overlay” ثم اختر النمط الذى قمنا بتصميمه الآن. هذا بدوره سيطبق شكل خطوط الخياطة لتصميمك . وإليك كيف ستبدو لك .

تصميم نمط Pattern بالفوتوشوب

تصميم نمط Pattern بالفوتوشوب

والآن كل ما علينا هو تعريف هذا على أنه نمط وسنكون انتهينا كالتالى:

من قائمة Edit اختر Define Pattern وقم بحفظ النمط الخاص بك.

تصميم نمط Pattern بالفوتوشوب

تصميم نمط Pattern بالفوتوشوب

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

تصميم نمط Pattern بالفوتوشوب

تصميم نمط Pattern بالفوتوشوب

مقالات ذات صلة

2 تعليقات

  1. علاء السيد
    26 نوفمبر, 2011 في 5:22 م - Reply

    دائما مبدع فى إضافاتك….. !

  2. سعد الحاج
    26 نوفمبر, 2011 في 5:23 م - Reply

    تصميم الباترن مميز … أرجو منكم شرح المزيد من أشكال الباترن

اضف رد