آموزش تصویری 5 روش ساخت پترن در فتوشاپ با عکس ، آیکون و...

آموزش تصویری ۵ روش ساخت پترن در فتوشاپ با عکس ، آیکون و..

Pattern الگو تصویری است که در یک سند فتوشاپ 🅿️ بارها تکرار می‌شود و در کنار هم قرار می‌گیرد. پترن‌ها کارایی‌های بسیار زیادی دارند. در طراحی پارچه، بنر، کاغذ دیواری، کاشی و… استفاده می‌شود. برای ساخت پترن میتوانید از روش‌های مختلفی استفاده کنید، در این مطلب از انزل وب به آموزش تصویری ۵ روش ساخت پترن در فتوشاپ با عکس ، آیکون و… می‌پردازیم.

طریقه ساخت پترن در فتوشاپ

?How to Draw Pattern Fill in Photoshop

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

پیشتر نحوه عوض کردن رنگ مو را آموزی دادیم. در مطلب آموزش گام به گام تصویری ۳ روش تغییر رنگ مو در فتوشاپ می‌توانید نحوه انجام این کار را یاد بگیرید.

تکرار الگو در فتوشاپ با استفاده از عکس

برای تبدیل عکس به پترن در فتوشاپ، تصویر موردنظر خود را در این نرم افزار باز کنید. اگر می‌خواهید از کل عکس استفاده کنید، به Select > Select All بروید.

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

ابزار Rectangle Marquee

سپس به منو Edit > Define Pattern بروید. پنجره Define Pattern باز خواهد شد. برای آن نامی انتخاب کنید و OK را بزنید.

تکرار الگو در فتوشاپ با استفاده از عکس

برای انتخاب بخشی از تصویر، عکس دیگری را باز کنید. بخش موردنظر خود را انتخاب کنید. می‌توانید از ابزار Rectangular Marquee برای انتخاب کردن بخشی از عکس استفاده کنید.

حال به Edit > Fill بروید. در پنجره باز شده روی Custom Pattern بزنید.

تکرار الگو در فتوشاپ با استفاده از عکس

از این منو روی پترن موردنظر خود کلیک کنید. می‌توانید از پترن‌های آماده فتوشاپ یا پترن‌هایی که قبلا خودتان ایجاد کرده بودید، استفاده کنید.

تکرار الگو در فتوشاپ با استفاده از عکس

تیک Script را بردارید. در Photoshop CS6 و نسخه‌های جدیدتر این تیک زده شده است و به صورت رندوم بخشی را به عنوان پترن انتخاب می‌کند.

ساخت پترن در فتوشاپ

از بخش Blending یکی را انتخاب کنید تا رنگ پترن با رنگ تصویر شما هماهنگ شود.

ساخت پترن در فتوشاپ

در نهایت روی OK بزنید. می‌توانید نتیجه را در تصویر زیر مشاهده کنید.

ساخت پترن در فتوشاپ

نکته: در نسخه‌های خیلی قدیمی فتوشاپ، تنها انتخاب مستطیل شکل را می‌توان تبدیل به پترن کرد.

اگر می‌خواهید تنها بخش‌های غیرشفاف یک لایه را پر کنید، تیک Preserve Transparency را در کادر Fill بزنید.

اگر قرار است پترن را روی یک Layer اعمال کنید، ابتدا آن لایه را انتخاب کنید و سپس Pattern Overlay را از منوی Layer styles انتخاب کنید.

از ابزار Paint Bucket هم می‌توانید برای پر کردن لایه یا بخش انتخابی استفاده کنید.

مجموعه الگوهای خود را می‌توانید در Window > Libraries مشاهده کنید.

آموزش روش ساخت Pattern در فتوشاپ با آیکون

برای ساخت پترن فوتوشاپ با آیکون، صفحه جدید مربعی با ابعاد دلخواه ایجاد کنید. ما در اینجا ۲۰۰px را انتخاب کردیم.

آموزش روش ساخت Pattern در فتوشاپ

حال از منابع مختلف مانند Icons8، Flaticons و..  آیکون‌های موردنظر خود را دانلود کنید. می‌توانید آیکون‌ها را در فتوشاپ بکشید و رها کنید.

آموزش روش ساخت Pattern در فتوشاپ

حال آیکون‌ها را در لایه‌های جداگانه قرار دهید. Enter را بزنید تا فرایند Paste شدن اجرا شود. این کار را آن قدر انجام دهید تا دیگر کادر مشکی را دور پترن نبینید.

مانند تصویر زیر:

آموزش روش ساخت Pattern در فتوشاپ

حال هر آیکون لایه خود را دارد.

حال یک لایه را انتخاب کنید و به Filter> Other> Offset بروید.

آموزش روش ساخت Pattern در فتوشاپ

در بخش Horizontal و Vertical عدد نصف فایلی که باز کرده بودید را وارد کنید. ما در اینجا باید ۱۰۰ را وارد کنیم. تیک Wrap Around را هم بزنید. سپس روی OK بزنید. این گونه اولین لایه را درست کرده‌اید:

آموزش روش ساخت Pattern در فتوشاپ

حال لایه دیگری را انتخاب کنید و به Filter> Other> Offset بروید.

آموزش روش ساخت Pattern در فتوشاپ

بخش Horizontal را روی ۰ بگذارید. روی OK بزنید.

آموزش روش ساخت Pattern در فتوشاپ

اکنون لایه بعدی را انتخاب کنید و به Filter> Other> Offset بروید. سپس جای عدد Horizontal و Vertical را عوض کنید. در مثال ما مورد اول ۱۰۰ و مورد دوم ۰ می‌شود.

آموزش روش ساخت Pattern در فتوشاپ

پس از این کارها، تمام لایه‌ها به جز Background را انتخاب کنید. سپس دکمه‌های Ctrl+E را فشار دهید. لایه‌ها با هم ادغام خواهند شد.

آموزش روش ساخت Pattern در فتوشاپ

حال Ctrl+A تا تمام این ترکیب انتخاب شود.

تکثیر یک شکل در فتوشاپ

سپس به Edit> Define Pattern بروید.

تکثیر یک شکل در فتوشاپ

نامی برای آن بگذارید و OK را بزنید. حال پترن شما آماده است.

تکثیر یک شکل در فتوشاپ

برای استفاده از پترن، صفحه‌ای بزرگ‌تر از آن ایجاد کنید. مثلا ۸۰۰x600px.

تکثیر یک شکل در فتوشاپ

روی Background دو بار کلیک کنید و در پنجره باز شده روی OK بزنید.

تکثیر یک شکل در فتوشاپ

به Layer> Layer Style> Pattern overlay بروید.

تکثیر یک شکل در فتوشاپ

در پنجره باز شده پترنی را که ایجاد کرده بودید، انتخاب کنید و روی OK بزنید.

تکثیر یک شکل در فتوشاپ

حال ساخت پترن فتوشاپ با آیکون انجام شده است.

تکثیر یک شکل در فتوشاپ

روش دوم استفاده از پترن در فتوشاپ و ساخت آن با آیکون: بخش اول

ابتدا باید آیکون‌های موردنظر خود را دانلود کنید. به عنوان مثال افزونه  Noun Project Adobe Add-On را دانلود کنید. اگر می‌خواهید آن را پرینت کنید، Color Mode را روی CMYK بگذارید. برای وب نیز Color Mode را روی RGB بگذارید. زیر بخش Background Contents گزینه Transparent را انتخاب کنید. سپس روی Create بزنید.

آموزش ایجاد پترن در فتوشاپ

حال از بخش View روی Rulers بزنید. در مک می‌توانید از دکمه‌های Command-R استفاده کنید. حال آن را جا به جا کنید تا وسط صفحه را پیدا کنید و صفحه به چهار قسمت تقسیم شود. صفحه ما ۱۰۰۰ در ۱۰۰۰ است. پس باید دو بخش ۵۰۰ پیکسلی داشته باشید.

آموزش ایجاد پترن در فتوشاپ

حال برای این افزونه به Window> Extensions> Noun Project بروید و آیکون‌های خود را پیدا کنید. سپس اندازه موردنظر خود را برای آیکون انتخاب کنید. اگر اندازه بزرگ‌تر انتخاب کنید، می‌توانید بعدا آن را کوچک کنید. در این افزونه ۱۰۰ آیکون رایگان وجود دارد. روی آیکون موردنظر خود کلیک کنید.

آموزش ایجاد پترن در فتوشاپ

می‌توانید رنگ آیکون را تغییر دهید. برای این کار روی علامت + بزنید. سپس رنگی را انتخاب کنید. اکنون همه آیکون‌ها به این رنگ در می‌آیند تا زمانی که دوباره رنگ را تغییر دهید. می‌توانید آیکون‌های دیگری را هم اضافه کنید.

آموزش ایجاد پترن در فتوشاپ

با استفاده از ابزار Move یا V می‌توانید آیکون خود را جا به جا کنید، بزرگ‌تر یا کوچک‌تر کنید و بچرخانید.

آموزش ایجاد پترن در فتوشاپ

حال برای اجرای تنظیمات پترن در فتوشاپ، روی هر آیکون کلیک کنید. به Edit> Define Pattern بروید. نامی برای پترن انتخاب کنید و روی OK بزنید.

آموزش ایجاد پترن در فتوشاپ

در بخش Window> Patterns می‌توانید الگوی ساخته شده خود را مشاهده کنید.

روش ساخت پترن در فتوشاپ

سپس صفحه جدیدی به اندازه دلخواه ایجاد کنید. به Layer> New Fill Layer> Solid Color بروید. رنگی را انتخاب کنید. ما در اینجا مشکی را انتخاب کردیم. با این کار به صورت خودکار لایه جدیدی ایجاد می‌شود.

روش دوم ساخت پترن در فتوشاپ با آیکون: بخش دوم

حال برای تکثیر یک شکل در فتوشاپ، به Layer>New Fill Layer>Pattern بروید. سپس روی OK بزنید.

روش ساخت پترن در فتوشاپ

در پنجره Pattern Fill، می‌توانید اندازه الگو، زاویه و… را تغییر دهید. اگر زوم را کمتر کنید، می‌توانید الگوهای بیشتری را در یک صفحه داشته باشید. در این مثال، ما اندازه الگو را تا ۵۰% کاهش دادیم و زاویه را تا ۳۰% کج کردیم.

روی OK بزنید تا تغییرات اعمال شود.

روش ساخت پترن در فتوشاپ

هر زمان بخواهید می‌توانید رنگ پس زمینه را تغییر دهید. حتی می‌توانید از بخش Fill Layer از رنگ‌های طیفی استفاده کنید.

روش ساخت پترن در فتوشاپ

امکان تغییر رنگ پترن‌ها هم وجود دارد. می‌توانید رنگ را روی لایه الگو اجرا کنید. سپس روی آن راست کلیک کنید و Create Clipping Mask را انتخاب کنید. این گونه می‌توانید به تغییر رنگ پترن در فتوشاپ بپردازید.

روش ساخت پترن در فتوشاپ

حال برای ویرایش رنگ طیفی جدید، به Window>Gradient بروید. روی نوار رنگ‌ها دو بار کلیک کنید. در این بخش می‌توانید رنگ طیفی موردنظر خود را ایجاد کنید. روی Color Stops دو بار کلیک کنید و رنگ موردنظر را انتخاب کنید. سپس HEX Value آن را وارد کنید. حال می‌توانید این طیف را با عوض کردن موارد مختلف، به شکل دلخواه تغییر دهید.

روش ساخت پترن در فتوشاپ

با کلیک روی Opacity stops می‌توانید درجه هایلایت آن را با درصد مشاهده کنید. می‌توانید میزان Opacity را کاهش دهید. برای ذخیره این طیف روی New بزنید. نامی برای آن انتخاب کنید. هر زمان بخواهید می‌توانید این مورد را هم ویرایش کنید. کافی است روی لایه دو بار کلیک کنید.

روش ساخت پترن در فتوشاپ

نکته: شما تنها می‌توانید افکت‌های الگو را تغییر دهید و امکان تغییر خود الگو نیست.

برای این که بتوانید افکت بیشتری به الگو بدهید، به Layer>Rasterize>Fill Contents بروید و لایه را درجه‌بندی کنید. سپس به Layer>Layer Style بروید و تغییرات موردنظر خود را روی لایه اعمال کنید. ما در اینجا Outer Glow را انتخاب کردیم تا دور پترن‌ها هاله نوری ایجاد شود.

روش ساخت پترن در فتوشاپ

آموزش ایجاد پترن در فتوشاپ با استفاده از اشکال این برنامه: بخش اول

برای کپی قسمتی از تصویر در فتوشاپ و ساخت پترن با اشکال این برنامه، روی File بزنید و سپس New را انتخاب کنید.

نحوه ساخت پترن جدید در فتوشاپ

در سند جدید ایجاد شده، برای Width و Height عدد ۱۰۰ pixel را وارد کنید. ما در اینجا Resolution را روی ۷۲ قرار دادیم. Background Contents را روی حالت Transparent  قرار دادیم. سپس روی OK بزنید.

نحوه ساخت پترن جدید در فتوشاپ

از آنجایی که سند ما کوچک است، با فشار دادن Ctrl در ویندوز یا Command در مک، به همراه علامت + می‌توانید تصویر را زوم کنید. ما در اینجا زوم را روی حالت ۵۰۰% گذاشتیم.

آموزش ایجاد پترن در فتوشاپ

برای این که دقیقا وسط ند را پیدا کنید، روی View و سپس New Guide بزنید.

آموزش ایجاد پترن در فتوشاپ

در کادر باز شده برای Orientation گزینه Horizontal را انتخاب کنید. سپس بخش Position را روی ۵۰% قرار دهید. سپس روی OK بزنید.

آموزش ایجاد پترن در فتوشاپ

دوباره این مسیر را بروید و این بار برای Position گزینه Vertical را انتخاب کنید.

آموزش ایجاد پترن در فتوشاپ

حال روی OK بزنید. اکنون می‌توانید میانه سند را با خطوط Guide مشاهده کنید.

آموزش ایجاد پترن در فتوشاپ

برای تغییر رنگ این خطوط به Edit بروید و Preferences را انتخاب کنید. سپس روی Guides, Grid & Slices بزنید. در مک، به منوی Photoshop بروید و سپس Preferences و Guides, Grid & Slices را انتخاب کنید.

آموزش ایجاد پترن در فتوشاپ

در کادر باز شده، بخش Color را به رنگ دلخواه و مناسبی که بتوانید آن را راحت مشاهده کنید، تغییر دهید.

آموزش ایجاد پترن در فتوشاپ

روی OK بزنید. اکنون می‌توانید رنگ جدید خطوط را مشاهده کنید.

آموزش ایجاد پترن در فتوشاپ

حال می‌توانید با استفاده از اشکال فتوشاپ پترنی پیچیده با بسیار ساده ایجاد کنید. ما می‌خواهیم پترن خال خالی را ایجاد کنیم و برای همین باید در وسط سند یک دایره بکشیم. روی ابزار Elliptical Marquee Tool کلیک کنید. آن را می‌توانید در بخش ابزار Rectangular Marquee Tool پیدا کنید.

آموزش ایجاد پترن در فتوشاپ

آموزش ایجاد پترن در فتوشاپ با استفاده از اشکال این برنامه: بخش دوم

حال برای الگو برداری در فتوشاپ، نشانگر را به سمت وسط خطوط ایجاد شده ببرید. در ویندوز Shift+Alt و در مک Shift+Option را نگه دارید. وسط سند را کلیک کنید. حال دکمه ماوس را فشار دهید و دایره‌ای بکشید.

 طریقه ساخت پترن در فتوشاپ

حال به Edit بروید و  Fill را بزنید.

طریقه ساخت پترن در فتوشاپ

در بخش Use رنگی را انتخاب کنید.

طریقه ساخت پترن در فتوشاپ

روی OK بزنید. سپس Ctrl+D را فشار دهید تا خطوط انتخاب دور پترن از بین برود. می‌توانید به جای این کار به منوی Select بروید و Deselect را انتخاب کنید.

طریقه ساخت پترن در فتوشاپ

به منوی Layer بروید و روی New بزنید. سپس Layer via Copy را انتخاب کنید. می‌توانید به جای آن Ctrl+J را فشار دهید.

طریقه ساخت پترن در فتوشاپ

حال لایه جدیدی به نام Layer 1 copy ایجاد می‌شود.

طریقه ساخت پترن در فتوشاپ

حال به Filter> Other> Offset بروید.

آموزش ساخت پترن در فتوشاپ

بخش Horizontal و Vertical باید نصف اندازه پترن شما باشد. در اینجا ما باید آن‌ها را روی ۵۰ بگذاریم. تیک Wrap Around را هم بزنید.

آموزش ساخت پترن در فتوشاپ

روی OK بزنید. تصویر زیر را باید داشته باشید.

آموزش ساخت پترن در فتوشاپ

سپس به  Edit > Define بروید.

آموزش ساخت پترن در فتوشاپ

نامی را برای الگو انتخاب کنید. روی OK بزنید.

آموزش ساخت پترن در فتوشاپ

حال سند جدیدی ایجاد کنید. این بار به جای Width و Height عدد ۱۰۰۰ pixels را انتخاب می‌کنیم. رنگ Background Contents را سفید انتخاب کردیم. Resolution را روی ۷۲ می‌گذاریم. رنگ و اندازه را با توجه به نیاز خود می‌توانید تغییر دهید. روی OK بزنید.

آموزش ساخت پترن در فتوشاپ

حال روی آیکون  New Layer بزنید.

آموزش ساخت پترن در فتوشاپ

Layer 1 ایجاد می‌شود.

آموزش ساخت پترن در فتوشاپ

سپس به Edit > Fill بروید تا لایه جدید را با پترن پر کنید.

آموزش ساخت پترن در فتوشاپ

برای بخش Use گزینه Pattern را انتخاب کنید.

ساخت پترن در فتوشاپ

سپس در بخش Custom Pattern، الگوی ایجاد شده را انتخاب کنید.

ساخت پترن در فتوشاپ

حال روی الگو دو بار کلیک کنید.

ساخت پترن در فتوشاپ

در نهایت، روی OK بزنید. تصویر زیر را خواهید داشت.

ساخت پترن در فتوشاپ

روش دیگر نحوه ساخت پترن جدید در فتوشاپ

در این بخش روی دیگر ساخت پترن فتوشاپ را آموزش می‌دهیم. تصویری با پس زمینه Transparent را در فتوشاپ باز کنید.

نحوه ساخت پترن جدید در فتوشاپ

به Image > Canvas Size بروید. Width و Height را روی ۱۵۰% و ۲۰۰% قرار دهید. OK را بزنید.

نحوه ساخت پترن جدید در فتوشاپ

ابزار Rectangular Marquee Tool را انتخاب کنید تا بتوانید دور تصویر کادری ایجاد کنید.

نحوه ساخت پترن جدید در فتوشاپ

به Edit > Define Pattern بروید و برای پترن نامی بگذارید.

نحوه ساخت پترن جدید در فتوشاپ

Ctrl+D را فشار دهید و لایه کنونی را در Layers Panel روی حالت Hide قرار دهید.

نحوه ساخت پترن جدید در فتوشاپ

سپس به Layer > New > Layer بروید. نامی برای این لایه بگذارید و OK را بزنید.

به Edit > Fill بروید و در بخش Contents گزینه Pattern را انتخاب کنید.

نحوه ساخت پترن جدید در فتوشاپ

روی Custom Pattern بزنید و از منوی باز شده، الگوی خود را انتخاب کنید.

نحوه ساخت پترن جدید در فتوشاپ

تیک Script را بردارید و Random Fill را انتخاب کنید. روی OK بزنید.

نحوه ساخت پترن جدید در فتوشاپ

در Random Fill تنظیمات تصویر زیر را اعمال کنید.

نحوه ساخت پترن جدید در فتوشاپ

به Layer > New > Layer بروید. نام دیگری برای این لایه انتخاب کنید. OK را بزنید.

نحوه ساخت پترن جدید در فتوشاپ

به Edit > Fill بروید. برای Contents گزینه Pattern را انتخاب کنید. تیک Script را بزنید. Random Fill را انتخاب کنید. روی OK بزنید.

نحوه ساخت پترن جدید در فتوشاپ

در Random Fill تنظیمات زیر را اعمال کنید و روی OK بزنید.

نحوه ساخت پترن جدید در فتوشاپ

این مراحل را هر چند بار که بخواهید، می‌توانید تکرار کنید.

در نهایت، بالاترین لایه را انتخاب کنید و به Layer > Layer Style > Drop Shadow بروید. تنظیمات زیر را اجرا کنید و روی OK بزنید.

نحوه ساخت پترن جدید در فتوشاپ

شما می توانید در فتوشاپ رنگ چشم را تغییر دهید. برای یادگیری این کار، مطلب آموزش کامل اصلاح، ادیت و تغییر رنگ چشم در فتوشاپ را مطالعه کنید.

نظرات و پیشنهادات شما؟

در این مطلب از انزل وب انواع روش ساخت پترن در فتوشاپ را آموزش دادیم. آیا موفق شدید الگوی موردنظر خود را در فتوشاپ ایجاد کنید؟ لطفا نظرات، پیشنهادات و تجربیات خود را در بخش دیدگاه با ما در میان بگذارید.

مطالب مرتبط

آموزش نحوه نصب و استفاده از پریست در فتوشاپ
آموزش نحوه نصب و استفاده از پریست در فتوشاپ
آموزش کامل استفاده از ابزار استامپ (Clone Stamp) در فتوشاپ
آموزش کامل استفاده از ابزار استامپ (Clone Stamp) در فتوشاپ
آموزش 11 روش حل مشکل پرینت در فتوشاپ
آموزش ۱۱ روش حل مشکل پرینت در فتوشاپ
آموزش تصویری تایپ عمودی متن در فتوشاپ
آموزش تصویری تایپ عمودی متن در فتوشاپ

نظرات