ساخت پترن (Pattern) و کار با آن در فتوشاپ (Photoshop)

در این قسمت از آموزش فتوشاپ (Photoshop) در وب سایت لوگونومی که توسط استاد عیوض زاده تدریس شده به معرفی بخش پترن (Pattern) و چگونگی ساخت پترن (Pattern) در فتوشاپ (Photoshop) می پردازیم.

 

همان طور که می دانیم پترن (Pattern) یک الگوی تکرار شونده است که برای استفاده از آن ابتدا باید یک الگو را طراحی کرده و در این الگو محاسبات دقیقی نسبت به این که آبجکت هایمان چگونه کنار هم دیگر قرار می گیرند، داشته باشیم تا در زمان گسترش پیدا کردن در کنار هم دیگر بتوانند یک پترن (Pattern) را تشکیل داده و حالت تکرار شونده را بدون نقص ایجاد کنند.
برای مثال تصویری که در زیر مشاهده می‌کنید، یک پترن (Pattern) است که بعضی از المان های از قسمت انتهای یک سمت، برش خورده و از قسمت متقارن یعنی از سمت روبه‌رو وارد شده است.

برای طراحی و ساخت پترن (Pattern) در نرم افزار فتوشاپ (Photoshop) در نسخه های قبلی، محدودیت های زیادی داشتیم ولی در نسخه جدید فتوشاپ (Photoshop) این مسئله خیلی راحت تر شده و ما می‌توانیم در نسخه 20۲۱ الگوی تکرار شونده پترن (Pattern) را به راحتی ببینیم.
در این جلسه آموزشی هر دو روش ساخت پترن (Pattern) در فوتوشاپ های قدیمی و فتوشاپ (Photoshop) نسخه 2021 را با هم بررسی می کنیم. با ما همراه باشید.

مراحل ساخت پترن (Pattern) در فتوشاپ (Photoshop) های قدیمی

در فتوشاپ (Photoshop) های قدیمی اگر می خواستیم از یک تصویر برای ساخت پترن (Pattern) یا الگوی تکرار شونده استفاده کنیم، مراحل زیر را طی می کردیم:
-    وارد گزینه ایمیج سایز می شویم تا ببینیم سایز تصویری که می خواهیم برای ساخت پترن (Pattern) به کار ببریم چقدر است. به عنوان مثال، سایز تصویری که ما انتخاب کردیم : ۱۰۸۳ پیکسل در ۱۰۸۳ پیکسل است.

-    در قسمت کنواس سایز، اندازه ای که قصد داریم پترن (Pattern) در آن تکرار شود را به این تصویر اضافه می کنیم. به عنوان مثال ما به هر طرف این تصویر ۱۰۸۳ پیکسل اضافه کردیم. از انجایی که فیلدهای عددی در فوتوشاپ مانند ماشین حساب عمل می کنند، ما مقادیر را به صورت جمع سه عدد 1083 در طول و عرض وارد کردیم.

-     به این ترتیب با فشردن دکمه OK، از سمت چپ، بالا، راست، پایین مقادیر را به تصویر اضافه می کنیم.

-    آلت را نگه داریم و کلیک درگ کنیم تا این الگو را در طرفین تکرار کنیم.
-    همانطور که مشاهده می کنید با کپی کردن، الگو در سایز جدیدی اجرا شده و پترن (Pattern) مورد نظر ما ساخته شد.

معایب ساخت پترن (Pattern) به روش قدیمی

1.    این روش باعث می شود که لایه های متعددی داشته باشیم و حجم نرم‌افزاری به شدت افزایش پیدا کند 
2.    برای کوچک یا بزرگ شدن سایز پترن (Pattern) به مشکل خواهیم خورد

مراحل ساخت پترن (Pattern) در فتوشاپ (Photoshop) نسخه جدید

با توجه به مشکلات و معایبی که ساخت پترن (Pattern) در نسخه های قبلی فتوشاپ (Photoshop) داشت، در فوتوشاپ نسخه 2021، فرامینی طراحی شد تا طراحی پترن (Pattern) به راحت ترین شکل ممکن انجام گیرد. در ادامه این فرامین را با هم بررسی می کنیم:

طراحی پترن (Pattern) در فتوشاپ (Photoshop) نسخه 2021

-    یک لایه جدید باز کنید و ابعاد آن را مشخص کنید
-    به مسیر زیر بروید View > Pattern Preview 

-    همان طور که مشاهده می کنید، لایه شما در الگویی بزرگتر تکرار می شود و کاشی اصلی آن نیز به صورت الگوی مربعی به شما نشان داده می شود.

-    ابزاری را برای طراحی پترن (Pattern) انتخاب کنید و شروع به ترسیم کنید. به عنوان مثال، اگر یک سلکشن دایره ایجاد و آن را رنگ کنیم همان طور که می بینید خیلی راحت این المان به عنوان یک پترن (Pattern) در تمام کاشی ها تکرار می شود.

-    در این حالت، می توانیم آبجکت را کوچکتر یا بزرگتر کنیم یا حتی آن را کپی کنیم و در قسمت‌های مختلفی قرار بدهیم. همان طور که مشاهده می کنید اگر این دایره را در گوشه کاشی اصلی قرار دهیم، در کاشی های دیگر به صورت یک چهارم تکرار می شود تا الگوی تکرار شونده شکل بگیرد.

-    توسط ابزارهای دیگری نیز می توانیم المان هایی را به وجود بیاوریم مثلا اگر توسط Lesso tool آبجکتی را ترسیم کنیم، همانطور که می بینید هر قسمتی که از خط کاشی اصلی بیرون بزند، سلکشن را به صورت خودکار به دو بخش تقسیم می کند و در سمت دیگر آن را به داخل می اورد سپس آن را در کاشی های دیگر تکرار می کند تا پترن (Pattern) شکل بگیرد.

-    با استفاده از براش نیز اگر هر خط یا شکلی را ترسیم کنیم، از بخشی که خارج شده، از سمت دیگر به صورت متقارن وارد می‌شود.

-     حتی می‌توانید برای این که طرح تان را به صورت پیشرفته در اجرای نهایی تان دقیقاً مشاهده کنید، از رنگ های مختلف استفاده کنید.

-    در نهایت زمانیکه طراحی و ساخت پترن (Pattern) به پایان رسید، از حالت پترن (Pattern) ویو خارج می شویم.

-    برای اینکه از این الگو بتوانیم به عنوان پترن (Pattern) استفاده کنیم، مراحل زیر را طی می کنیم:

-     به مسیر Edit > Define Pattern رفته

-    و برای پترن (Pattern) یک اسم انتخاب می کنیم. به عنوان مثال، ما پترن (Pattern) طراحی شده را ۰۱ نام گذاری کردیم.

-    یک لایه جدید باز می کنیم و یک سایز مشخص و یک رزولوشن برای آن در نظر می گیریم تا پترن (Pattern) در آن اجرا شود.

-    کلید Shift + F5 را می زنیم تا پنل پترن (Pattern) باز شود، همانطور که مشاهده می کنید، آن الگوی ساخته شده در این قسمت دیده می شود. پترن (Pattern) های دیگری هم در اینجا موجود هستند که در آرشیو ما می تواند مورد استفاده قرار بگیرد.
-    روی OK کلیک می کنیم و می بینید که پترن (Pattern) ی که ساخته بودید تمام لایه جدید را پر می کند.

تغییر سایز پترن (Pattern) در فتوشاپ (Photoshop) نسخه 2021

از روش‌های متعددی می توان برای کوچکتر یا بزرگتر کردن پترن (Pattern) استفاده کرد. اما بهترین روش غیر مخرب، این است که در قسمت Adjustment Layer گزینه Patter را انتخاب کنید و از قسمت آلبوم روی این پترن (Pattern) ی که ساخته بودیم کلیک کرده و سایز آن را کوچکتر یا بزرگتر کنیم یا زاویه‌ را تغییر بدهیم.

نکته جالب اینجا است مادامی که در این حالت کار می‌کنیم، حجم نرم افزاری خیلی کمتر می‌شود و تقریباً صفر است.

ساخت پترن (Pattern) از روی تصویر آماده

برای ساخت پترن (Pattern) از روی یک تصویر آماده باید مراحل زیر را به ترتیب طی کنیم:
1-    ابتدا تصویر مورد نظر را در فتوشاپ (Photoshop) باز کنید.

2-    با رفتن به آدرس Edit > Define Pattern یک نام برای آن انتخاب کنید. (در مثال ما، 02)
3-    صفحه جدیدی باز کرده و سایز و رزولوشن و مد رنگ را انتخاب کنید. در مثال ما به ترتیب: 
-    سایز۵۰ در ۷۰ سانتیمتر 
-    رزولوشن ۳۰۰ 
-    مد رنگ سیم واکی برای کار چاپ

4-    برای انتخاب پترن (Pattern) به یکی از روش های زیر عمل می کنیم:

روش اول

o    دکمه Shift+F5 را می زنیم یا گزینه Edit > Fill را انتخاب می کنیم.

o    در پنجره جدید که باز می شود، پترن (Pattern) جدید را انتخاب کرده و OK را می زنیم.

روش دوم

o    روی گزینه Adjustment Layer کلیک کرده و Pattern را انتخاب می کنیم.

o    از پنجره باز شده پترن (Pattern) مورد نظر را انتخاب می کنیم.
5. از هر دو روش که پترن (Pattern) را وارد صفحه کنید، پنل پترن (Pattern) برای شما باز می شود که در ان می توانید:
o    پترن (Pattern) را بزرگتر یا کوچکتر کنید 
o    پترن (Pattern) را با کلیک درگ کردن حرکت بدهید 
o    زاویه پترن (Pattern) را تغییر بدهید
 در نهایت اگر روی OK کلیک کنید، پترن (Pattern) به همان ترتیبی که تنظیم کرده بودید روی صفحه نمایش داده می شود.
با این کار، پترن (Pattern) شما در لایه مجزایی قرار می گیرد که اگر روی آن دبل کلیک کنید، مجددا پنل پترن (Pattern) در اختیارتان قرار می گیرد که با استفاده از آن می توانید:
o    از قسمت آلبوم، پترن (Pattern) را تغییر بدهیم.
o    از پترن (Pattern) هایی که قبلاً در خود نرم افزار فتوشاپ (Photoshop) اعمال شده، استفاده کنیم.
o    زاویه را تغییر بدهیم.
o    پترن (Pattern) را کوچکتر یا بزرگتر کنیم.

استفاده از ابزار Pattern Stamp Tool برای ساخت پترن (Pattern) در فتوشاپ (Photoshop)

برای ساخت پترن (Pattern) با ابزار Pattern Stamp Tool ابتدا باید یک لایه جدید باز کرده و پترن (Pattern) را در صفحه وارد کنیم. سپس ابزار Pattern Stamp Tool را از نوار ابزار فتوشاپ (Photoshop) انتخاب کنیم.

و توسط ابزار براش، شروع به کشیدن روی صفحه کنیم تا قسمت هایی که مدنظرمان است از پترن (Pattern) روی صفحه ظاهر شود.

تنظیمات این ابزار را می توانیم از بخش بالا تغییر بدهیم. به عنوان مثال، به صورت سلکتیو یک بخشی از پترن (Pattern) را ظاهر کنیم. 
با انجام تغییرات و به کار بردن این ابزار می توانید از پترن (Pattern) به عنوان تکسچر در قسمت‌های مختلفی از تصویر و حتی برای طراحی لوگو و تصویرسازی استفاده کنید.

ویرایش و ساخت پترن (Pattern) با استفاده از ابزار Script

در قسمت Fill ابزار دیگری به نام script داریم که می توانیم با استفاده از آن، پترن (Pattern) را به حالت های مختلفی در آورده و پترن (Pattern) های جدیدی بسازیم.

برای آشنایی بهتر با ابزارهای این بخش می توانید ویدئوی آموزشی کار با پترن (Pattern) در فتوشاپ (Photoshop) را در سایت لوگونومی مشاهده کنید.

لینک ویدئو آموزشی کار با پترن (Pattern) در فوتوشاپ

در ادامه با چند مثال، کاربردهای این ابزار را برای شما توضیح می دهیم:

به عنوان مثال اگر گزینه Spiral را انتخاب کرده و دکمه OK را بزنیم یک دیالوگ باکس باز می شود که در آن می توانید تغییرات خاصی به پترن (Pattern) بدهید:
o    در قسمت Pattern Scale آن را کوچکتر یا بزرگتر کنید.
o    در قسمت Ring Spacing فواصل را کم و زیاد کنید
o    در بخش Pattern Spacing همانطور که می بینید هر الگو را با فواصل خاصی در کنار هم دیگر به صورت اسپایرال قرار می‌دهد.
o    قابلیت Color Randomness به صورت رندوم رنگ های مختلف به بخش پترن (Pattern) می دهد یا برایتنس آن را کم و زیاد می کند

این بخش به صورت مخرب عمل میکند پس بهتر است در preview دقت داشته باشید که پترن (Pattern) به چه شکلی درامده و اگر مورد تاییدتان بود روی گزینه OK کلیک کنید تا پترن (Pattern) روی صفحه نمایش داده شود.

ساخت پترن (Pattern) از روی یک تصویر اماده و استفاده از ابزار Script

فرض کنید تصویری را از اینترنت دانلود کردیم و می خواهیم با استفاه از آن یک پترن (Pattern) بسیازیم. این کار به راحتی توسط ابزار Script امکان پذیر است.
به عنوان مثال، ما تصویری از یک اسکناس را از اینترنت دانلود کردیم و می خواهیم ساخت پترن (Pattern) را روی آن انجام دهیم. برای این کار مراحل زیر را طی می کنیم:
1.    بخشی از تصویر را انتخاب می کنیم 
2.    گزینه Define Pattern را می زنیم و برای مثال نام آن را 03 می گذاریم 
3.    دکمه Shift+F5 را می زنیم 
4.    پترن (Pattern) اسکناس را انتخاب می کنیم
5.     این بار حالت Symetry را انتخاب می کنیم. همانطور که می بینید گزینه های زیر در اختیار ما قرار می گیرد:

•      Blending که می توانیم آن را در مدهای مختلفی تغییر بدهیم 
•      Opacity که می توانیم آن را کم و زیاد کنیم 
•      می توانیم پترن (Pattern) اسکیل را بزرگتر کنیم 
•      Patter Translation Along With را کوچکتر یا بزرگتر کنیم که در این بخش، فواصل مربوطه را پر یا خالی می کند. 
•      Color Randomness را تغییر بدهیم تا رنگ آنها تغییر کند
•      Brightness آن را کنترل کنیم

•      در قسمت Symmetry Type می توانیم از حالت های مختلفی که برای سمتری در نظر گرفته شده یکی را انتخاب کنیم.

این بخش کاملاً سلیقه ای است وشما می توانید زمان بگذارید و حالت های مختلفی را تجربه کنید.

پس از ساخت پترن (Pattern) می توانید آن را به عنوان بکگراند در طراحی لوگو مورد استفاده قرار دهید یا برای کار ویرایش تصاویر استفاده کنید.

ساخت پترن (Pattern) در فتوشاپ (Photoshop) با استفاده از Pattern Over Lay

در بخش Fx شما می‌توانید Pattern Over Lay را انتخاب کرده و به روش دیگری ساخت پترن (Pattern) را انجام دهید.
تنها نکته ای که برای استفاده از گزینه Pattern Overlay وجود دارد این است که باید یک پیکسل در لایه وجود داشته باشد تا بتوانیم از آن استفاده کنیم و در لایه خالی نمی توانیم، این گزینه را داشته باشیم.

پس برای ساخت پترن (Pattern) با استفاده از این گزینه، ابتدا یک لایه جدید باز می کنیم و سپس یک رنگ به آن اختصاص می دهیم. در نهایت وارد گزینه Pattern Overlay شده و به عنوان مثال همان تصویر اسکناس را به عنوان پترن (Pattern) انتخاب می کنیم.

همانطور که می بینید، پترن (Pattern) به صورت سیملس کنار هم دیگر قرار گرفته و در این قسمت فقط زاویه را می توانیم تغییر بدهیم و حالت هایی که در بخش پترن (Pattern) به صورت Fill دیدیم، هنوز در بخش های دیگر مثل Pattern Overlay یا Adjustment Layer هنوز وارد نشده است. البته احتمال دارد در نسخه های بعدی فتوشاپ (Photoshop) که آپدیت شود، آن بخش هم به این قسمت اضافه شود.
شما در هنگام ساخت و ویرایش پترن (Pattern) در این قسمت، می توانید کاملاً به صورت غیر مخرب عمل کنید و هر زمان بخواهید دسترسی به تنظیماتتان دارید و می توانید بک گراند را تغییر بدهید.
به طور کلی ساخت پترن (Pattern) در نرم‌افزار الاستریتور به عنوان یک نرم افزار وکتور بیس، کیفیت بسیار بالاتری دارد و راحت تر می توانیم آن را کنترل کرده و در زمان استفاده از آن، بهتر بهره ببریم. اگر به ساخت پترن (Pattern) در ایلاستریتور علاقه دارید می توانید ویدئوی آموزشی این مبحث را در سایت لوگونومی مشاهده کنید.