Advertisement
  1. Design & Illustration
  2. Patterns
Design

چطوری الگو و طرح موکت کفپوش فیلم "The Shining" را در Adobe Illustrator درست کنیم.

by
Difficulty:BeginnerLength:MediumLanguages:
This post is part of a series called Horror Movie Week.
How to Create a Freddy Krueger Inspired Text Effect in Adobe Photoshop
How to Create a Scream Mask in Adobe Illustrator

Persian (پارسی) translation by Masoud Mohammadi Moghaddam (you can also view the original English article)

Final product image
What You'll Be Creating

در آموزش امروز قصد داریم تا با فیلم سینمایی ترسناکی شروع کنیم و یاد بگیریم چطوری طرح الگوی موکت کفپوش عجیب و غریب از فیلم 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: فعال و روشن باشد
setting up a new document

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

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

مرحله 1

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

  • Gridline every: 1 px
  • Subdivisions: 1
setting up a custom grid

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

مرحله 2

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

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

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

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

مرحله 1

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

creating and positioning the main shape for the patterns repeating element

مرحله 2

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

adding the top and bottom anchor points to the repeating elements main shape

 مرحله 3

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

adjusting the repeating elements main shape

مرحله 4

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

creating the repeating elements top outline using the move tool

مرحله 5

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

adjusting the repeating elements top outline

مرحله 6

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

creating and positioning the repeating elements bottom outline

مرحله 7

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

creating and positioning the main shape for the repeating elements top hexagon detail

مرحله 8

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

adjusting the repeating elements top hexagon detail

مرحله 9

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

adding the outline to the repeating elements top hexagon detail

مرحله 10

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

adjusting the color of the repeating elements top hexagon detail

مرحله 11

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

creating and positioning the second hexagon detail onto the repeating element

مرحله 12

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

creating and positioning the third hexagon detail onto the repeating detail

مرحله 13

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

creating and positioning the vertical rectangle onto the repeating elements top hexagon detail

مرحله 14

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

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

adding the vertical rectangle to the second and third hexagon details

مرحله 15

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

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

masking the repeating element

مرحله 16

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

positioning the masked repeating element onto the left side of the artboard

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

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

مرحله 1

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

creating the patterns first row of repeating elements

مرحله 2

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

aligning the row of repeating elements to the center of the artboard

 مرحله 3

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

creating the rest of the patterns repeating rows

مرحله 4

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

grouping and positioning the patterns repeating rows to the center of the artboard

مرحله 5

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

masking the main section of the pattern

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

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

مرحله 1

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

giving the pattern a custom name

مرحله 2

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

choosing a tile type for the pattern

مرحله 3

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

choosing a size for our pattern

مرحله 4

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

setting the overlap and copies settings for our pattern

مرحله 5

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

example of using the pattern

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

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

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

final preview of the pattern
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.