در آموزش امروز قصد داریم تا با فیلم سینمایی ترسناکی شروع کنیم و یاد بگیریم چطوری طرح الگوی موکت کفپوش عجیب و غریب از فیلم The Shining ساخته استنلی کوبریک را درست کنیم.

قصد داریم تا شکل الگو را در Adobe Illustrator با کمک تکنیکهای قدیمی که مستلزم دستکاری حساب شده ابزار Rectangle Tool به همراه توانایی Pixel Grid هست را درست کنیم.

پس، یک فنجان از آن قهوه داغی که دوست دارید رو بردارید و بیائید شروع کنیم!

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

1. تنظیم یک فایل پروژه جدید

Illustrator را بالا بیارید، و یک New Document (File > New Document یا Control-N) را باز کنید و تنظیمات زیر را بکار ببرید:

• Number of Artboards: 1
• Width: 602 px
• Height: 600 px
• Units: Pixels

و از سربرگ Advanced:

• Color Mode: RGB
• Raster Effects: Screen (72ppi)
• Align New Objects to Pixel Grid: فعال و روشن باشد

2. تنظیم یک شبکه یا گرید سفارشی

از آنجائیکه ما قصد داریم تا الگو را با استفاده از یک روند کاری کاملاً پیکسلی درست کنیم، می خواهیم یک Grid کوچک ظریف را تنظیم کنیم که بتوانیم کنترل کاملی بر روی اشکال داشته باشیم.

مرحله 1

به زیر منوی Edit > Preferences > Guides & Grid بروید و گزینه های زیر را تنظیم کنید:

• Gridline every: 1 px
• Subdivisions: 1

نکته فوری: می توانید درباره گریدها یا شبکه ها با خواندن این آموزش دقیق که چطوری سیستم گرید Illustrator کار می کند بیشتر درباره آنها یاد بگیرید.

مرحله 2

به محض اینکه گرید سفارشی خودمان را درست کردیم؛ همه چیزی که نیاز هست تا مطمئن شویم که شکلهایمان صاف و بدون چروک باشد این است که گزینه Snap to Grid را که تحت منوی View هست را فعال کنید که با این کار هر دفعه که وارد وضعیت Pixel Preview می شوید به Snap to Pixel تغییر می کند.

خب؛ از آنجائیکه هدف ما درست کردن الگو با استفاده از روند کاری کاملاً پیکسلی هست؛ قویاً توصیه می کنم که آموزش من را با عنوان چطور گرافیکی کاملاً پیکسلی درست کنیم را کامل و دقیق بخونید که به شما کمک می کند تا مهارتهای تکنیکی اتان به سرعت زیاد شود.

3. درست کردن تکه اصلی تکرار شونده

اولین چیزی که قصد داریم تا کار را با آن شروع کنیم تکه تکراری اصلی یا تکه ای از الگو هست که برای ساخت ترکیب بزرگترمان آن را بکار می بریم.

مرحله 1

ابزار Rectangle Tool (M) را بردارید و یک شکل در ابعاد 86x106 px که با نارنجی روشن (DF5F18 #)رنگ شده باشد بسازید و سپس آن را در مرکز و وسط Artboard زمینه تراز کنید.

مرحله 2

روی شکلی که تازه درست کردید زوم کنید و با ابزارAdd Anchor Point Tool (+) دو نقطه لنگر جدید درست کنید، یکی در وسط لبه بالایی شکل، و دیگری در لبه وسط ضلع پایین شکل.

 مرحله 3

ابزار Direct Selection Tool (A) را بکار ببرید تا نقاط لنگری را که درست کردیم را انتخاب کنید و سپس آنها را به سمت بالا با راست کلیک و رفتن به Transform > Move و وارد کردن 26- پیکسل در فیلد مقدار Vertical حرکت دهید؛ فیلد Horizontal را 0 پیکسل خالی بگذارید.

مرحله 4

حالا ما شکل اصلی را داریم؛ بیائید یک خط بیرونی در بالای آن اضافه کنیم. شکل را انتخاب کنید و سپس با استفاده از ابزار Move Tool یک نسخه کپی با فاصله 14px از شکل اصلی (right click > Transform > Move > Horizontal: 0 px > Vertical: -14px > Copy) درست کنید.

مرحله 5

از شکل اصلی و اولی یک نسخه کپی تهیه کنید (Control-C) و آن را بر روی شکلی که درست کردیم قرار دهید (Control-F). ویژگی Minus Front Shape Mode از پنل Pathfinder را برای حذف قسمت پایین شکل بکار ببرید، شکل به دست آمده را با مقدار رنگ مشکی رنگ آمیزی کنید (#000000).

مرحله 6

خط بیرونی پایین را اضافه کنید، نسخه کپی (Control-C > Control-F) از شکلی که قبلا ساختیم را بکار ببرید که دقیقاً در زیر شکل نارنجی قرار خواهیم داد، سپس هر سه شکل را با هم انتخاب و یک گروه می کنیم (Control-G).

مرحله 7

ابزار Rectangle Tool (M) را بکار ببرید و یک شکل به اندازه 26x14 px درست کنید، شکل را با مقدار 981F24 # رنگ می کنیم و سپس آن را به وضعیت Horizontal Align Center به Artboard تنظیم می کنیم. فاصله شکل از نوک خط بیرونی بالایی 50px باشد.

مرحله 8

شکلی را که درست کردیم را با اضافه کردن دو نقطه لنگر جدید به اضلاع بالا و پایین شکل تغییر دهید و سپس هر کدام را به سمت بیرون به مقدار 8px با ابزار Movel Tool (از مسیر right click > Transform > Move > Vertical > - 8 px برای ضلع بالا و 8px + برای ضلع پایین) جابجا می کنیم.

مرحله 9

یک خط بیرونی ضخیم ظریف با انتخاب شش ضلعی و سپس رفتن به مسیر Object > Path > Offset Path و وارد کردن 12px در فیلد مقدار Offset به شکل شش ضلعی اضافه و باقی قسمتها را همانطور که هستند رها کنید.

مرحله 10

رنگ خط بیرونی را به چیزی تاریک تر (000000 #) تغییر دهید بطوریکه خط حاشیه از شکل داخلی بیرون زده شود و متمایز گردد، و سپس هر دو شکل را انتخاب و با استفاده از کلید میانبر Control-G گروه کنید.

مرحله 11

یک نسخه کپی از شش ضلعی و خط بیرونی آن درست کنید (Control-C > Control-F) و آن را در قسمت چپ تکه تکرار شونده قرار دهید، فاصله شکل کپی شده از نوک تکه تکرار شونده 74px باشد. مطمئن شوید که فقط نیمه راست شکل کپی بر روی تکه تکرار شونده قرار گرفته شده باشد.

مرحله 12

یک نسخه کپی از جزئیات شش ضلعی دوم درست کنید (Control-C > Control-F ) و آن را در سمت راست تکه و شکل تکرار شونده قرار دهید؛ مطمئن شوید که فقط نیمه چپ شکل کپی بر روی تکه تکرار شونده قرار گرفته شده باشد.

مرحله 13

ابزار Rectangle Tool (M) را بکار بگیرید و یک شکل به ابعاد 12x62 px درست کنید و آن را با مقدار رنگ مشکی (000000 #) پُر کنید و سپس آن را در وسط اجزاء شکل شش ضلعی بالایی قرار دهید.

مرحله 14

مستطیل هم شکلی مثل قبلی با ابعاد 12x62 px با مقدار رنگ مشکی (000000 #) برای اجزاء دو شش ضعلی دیگر درست و اضافه کنید، فقط این بار موقعیت مستطیل ها به سمت بالا قرار بگیرد.

به محض اینکه این کار را کردید؛ همه شکلهایی را که تا به حال ساختیم را با کلید میانبر Control-G انتخاب و گروه کنید.

مرحله 15

تا به این مرحله شکل و تکه تکرار شونده را کاملاً ساخته ایم. همه چیزی که الان نیاز داریم این هست که کل شکل گروه شده را ماسک کنیم؛ اینطوری ما می توانیم شکل الگوی بزرگتر را بسازیم؛ قطعات به طور دقیق و منظم در کنار یکدیگر قرار خواهند گرفت.

برای انجام این کار، فقط یک مستطیل به ابعاد 86x160 px (به رنگ نارنجی مشخص شده است) درست می کنیم، آن را در وسط شکلی که گروه کردیم قرار می دهیم و سپس آن را به عنوان Clipping Mask  (right click > Make Clipping Mask) استفاده می کنیم.

مرحله 16

همینکه شکل و تکه تکرار شونده را ماسک کردیم، شکل ماسک شده را در لبه چپ Artboard تراز می کنیم چونکه می خواهیم چند تا نسخه دیگر از این شکل ماسک شده را در مرحله بعدی بسازیم.

4. ساخت قسمت اصلی الگو

تا به این مرحله ما شکل و تکه تکرار شونده اصلی الگو را ساختیم که عالی است، اما نیاز به اضافه کردن چند تا نمونه داریم تا شکل الگو درست شود.

مرحله 1

شکل و تکه تکرار شونده را انتخاب کنید و سپس هشت نسخه از آن کپی کنید (Control-C > Control-F) که موقعیت هر شکل نسبت به دیگری 0px است؛ مطمئن شوید که بر روی شکل اول و اصلی کلیک کنید تا آن را به عنوان Key Object تنظیم و مشخص کرده باشیم.

مرحله 2

همه اجزاء تکرار شونده را انتخاب و گروه کنید (Control-G)، آنها را در وسط Artboard قرار دهید. این کار را با کمک ویژگی Horizontal Align Center از پنل Align انجام دهید.

 مرحله 3

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

مرحله 4

همینکه همه ردیف ها را اضافه کردید؛ مقدار Opacity آنها را به %100 تنظیم کنید و سپس همه را گروه کنید (Control-G)، و آنها را بطور عمودی در وسط Artboard تراز نمائید.

مرحله 5

با ردیفهای تکراری که درست در جای خود قرار گرفته اند، آنها را با استفاده از یک مستطیل به ابعاد 602x600 px ماسک می کنیم؛ بطوریکه اجزاء حاشیه خارجی الگو از وسط حذف و بریده می شوند.

5. ساخت الگوی سواچ واقعی

خب در این مرحله همه کاری که برای ساخت الگو نیاز بود را انجام دادیم، این به این معنی است که می توانیم این الگو را به یک آیتم کتابخانه سواچ واقعی تبدیل کنیم.

مرحله 1

الگوی ماسک شده را انتخاب کنید و سپس به Object > Pattern بروید و دکمه Make را فشار دهید تا یک پنجره جدید با یک تعدادی از تنظیمات که ما به آنها برای تنظیم الگوی سواچ نیاز داریم بالا بیاید. اما در ابتدا، بیائید یک نام مناسب به این سواچ الگو بدهیم تا تشخیص آن آسان تر شود.

مرحله 2

بعد از آن، ما گزینه Tile Type را داریم، از آنجائیکه اجزاء الگوی ما برای روی هم افتادن در نظر گرفته شده اند و نه برای پخش شدن گزینه Grid را انتخاب می کنیم.

مرحله 3

سپس ما گزینه های Width و Height را داریم و می خواهیم تا اندازه واقعی الگویمان را با آن تنظیم کنیم (602x600 px).

مرحله 4

تنظیمات Overlap و Copies را همانطور که هستند رها کنید، بدین خاطر که آنها درست کار می کنند و در آخر دکمه Done در روی نوار بالای صفحه را بزنید تا الگو به کتابخانه سواچ شما اضافه شود.

مرحله 5

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

این صحنه از فیلم تمام شد!

شما آموزش را تمام کردید: روشی آسان برای درست کردن الگوی کفپوش موکت فیلم "Shining" با استفاده از اشکال ساده و ابتدایی و توانایی قابلیت های درونی پنل Pattern در Illustrator.

امیدوارم که شما همان قدر که من اولین بار این پروژه را انجام دادم از آن لذت برده باشید و مهمتر اینکه به همراه آموزش چیز جدیدی یاد گرفته باشید.