شكل آخر (( منقول ))

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

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

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

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

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

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

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

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

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

<dt style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; outline-style: initial; outline-width: 0px; outline-color: initial; list-style-type: none; list-style-position: initial; list-style-image: initial; text-decoration: none; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; vertical-align: baseline; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; ">
</dt>
<dt style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; outline-style: initial; outline-width: 0px; outline-color: initial; list-style-type: none; list-style-position: initial; list-style-image: initial; text-decoration: none; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; vertical-align: baseline; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; ">
</dt>

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

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

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

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

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

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

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

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

<dt style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; outline-style: initial; outline-width: 0px; outline-color: initial; list-style-type: none; list-style-position: initial; list-style-image: initial; text-decoration: none; font-family: Tahoma, Geneva, sans-serif; font-size: 12px; vertical-align: baseline; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; border-style: initial; border-color: initial; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: transparent; background-position: initial initial; background-repeat: initial initial; ">
</dt>

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

<a href="http://www.portal.fwasl.com/wp-content/uploads/99.jpg" rel="nofollow" style="padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; outline-style: initial; outline-width: 0px; outline-color: initial; list-style-type: none; list-style-position: initial; list-style-image: initial; text-decoration: none; font-family: Tahoma, Geneva, sans-serif; font-size