Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Illustration
Design

چطور یک فانوس دریایی در Adobe Illustrator درست کنیم.

by
Difficulty:BeginnerLength:MediumLanguages:

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

Final product image
What You'll Be Creating

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

اگر دوست دارید که از این آموزش رد شوید و فقط نتیجه این درس را به همراه فانوسهای دریایی و خانه های دیگر خریداری کنید؛ فقط به GraphicRiver بروید و فانوسهای دریایی تخت و نورهای راهنمای دریایی من را تهیه کنید.

Flat Lighthouses and Sea Guide Lights Set

1. چطور یک سند جدید را تنظیم کنیم.

در ابتدا ما نیاز به یک New Document از مسیر File > New یا Control-N با این تنظیمات داریم:

  • Number of Artboards: 1
  • Width: 1200
  • Height: 1200
  • Units: Pixels

از قسمت Advanced Tab:

  • Color Mode: RGB
  • Raster Effects: Screen
  • Preview Mode: Default
  • گزینه Align New Objects to Pixel Grid غیر فعال و خاموش باشد.
Creating a New Document

2. چطور یک برج فانوس دریایی را بسازیم.

مرحله 1

با برداشتن ابزار Rectangle Tool (M) و ساخت یک مستطیل در ابعاد 220x460 px که با مقدار رنگ D7DBDE# پُر شده باشد برج فانوس دریایی را درست می کنیم.

Building a Rectangle

مرحله 2

دو تا نوار باریک قابل مشاهده و تشخیص (2E4C66 #) بر روی بخش میانی شکل درست کنید و آنها را با انتخاب و کشیدن نشانگرهای دایره به قسمت وسط و میانی گوشه گرد نمائید.

یک مستطیل به ابعاد 220x23 px با همان مقدار رنگ قبلی درست کنید و آن را در بالای شکل اصلی قرار دهید.

Adding Stripes

مرحله 3

نقطه لنگر بالا سمت راست مستطیل بالایی را با ابزار Direct Selection Tool (A) بگیرید و کلید Enter را فشار دهید تا پنجره تنظیمات Move باز شود. مقدار Horizontal را به 20px و مقدار Vertical را به 0px تغییر دهید و کلید OK را فشار دهید، نقطه لنگر ما به راست حرکت می کند.

بعد از آن پنجره تنظیمات Move را برای نقطه لنگر بالا چپ باز کنید و آن را با تنظیم مقدار Horizontal به 20px- به طرف چپ حرکت دهید.

یک نوار حاشیه به ابعاد 260x5 px با مقدار رنگ 092C4A# در بالای مستطیل گوشه دار قرار دهید.

Forming a Ledge

مرحله 4

قسمت بالایی فانوس دریایی را با اضافه کردن یک مستطیل به ابعاد 158x68 px با مقدار رنگ 092C4A# و یک مستطیل به ابعاد 158x100 px با مقدار رنگ FBC318 # دربالای شکل مستطیل اول درست کنید.

باید مطمئن بشیم که اشکال جدید بطور کامل به شکل ساختمان برج تراز و تنظیم شده باشد. هر دو شکل مستطیل را انتخاب کنید، شکل برج اصلی را به انتخاب نیز اضافه کنید و دوباره بر روی شکل سفید کلیک کنید؛ این کار شکل اصلی را به عنوان یک Key Object یا آبجکت اصلی انتخاب می کند. گزینه Align to Key Object به طور خودکار در پنل Control و پنل Align انتخاب شده است. در پنل Align (Window > Align) یا پنل Control، روی دکمه Horizontal Align Center کلیک کنید تا هر دو شکل بالایی را به محور مرکزی برج تراز و تنظیم کند.

Building a Lantern Window

مرحله 5

مستطیل گوشه دار پایینی را کپی و با کشیدن گوشه Bounding Box با ابزار Selection Tool (V) در حالیکه کلید Shift و Alt را پایین نگه داشته اید اندازه آن را کوچکتر کنید تا نسخه کپی مستطیل بطور کاملا دقیق در لبه بالای قسمت زرد رنگ قرار بگیرد.

رنگ نسخه کپی را به 092C4A# تنظیم دهید.

Adding a Ledge Above the Window

مرحله 6

یک مستطیل نشسته بر روی قسمت بالای شکل گوشه دار بالایی درست کنید، پهنای شکل را برابر با پهنای شکل گوشه دار کنید و ارتفاع شکل در حدود 180px باشد. آن را با مقدار رنگ 2E4C66 # پُر کنید.

مثل قبل پنجره تنظیمات Move را بکار بگیرید، نقاط لنگر بالایی مستطیل را در حدود 20px به سمت محور مرکزی جابجا کنید.

نقاط لنگر را با ابزار Direct Selection Tool (A) انتخاب و نشانگرهای دایره را به سمت وسط بکشید، اینطوری شکل گوشه گِرد می شود.

Creating a Rounded Roof

مرحله 7

بیائید یک کلاهک تزئینی برای فانوس دریایی درست کنیم.

ابزار Ellipse Tool (L) را بردارید و یک دایره به اندازه 45x45 px با مقدار رنگ 2E4C66 # درست کنید. یک مستطیل به ابعاد 27x15 px با مقدار رنگ 092C4A# که برروی قسمت پایین دایره روی هم قرار گرفته باشد اضافه کنید، و آن را در وضعیت وسط تراز و تنظیم کنید.

یک نوار به اندازه 36x4 px با مقدار رنگ 2E4C66 # که از وسط مستطیل عبور کند را درست کنید و همه این قسمتها و اشکال را با هم گروه Group (Control-G) کنید.

کلاهک را در بالای فانوس دریایی بگذارید و با استفاده از Object > Arrange > Send Backward قسمت پایین کلاهک را در پشت بخش بالایی فانوس دریایی پنهان کنید.

Forming a Decorative Cap

مرحله 8

حالا زمان ساخت یک پرچم در حال اهتزاز کوچک در بالای فانوس دریایی است.

یک میله پرچم باریک را درست کنید، لبه پایین میله را در پشت کلاهک دایره پنهان کنید. یک مستطیل قرمزD43C34 # کوچک را در بالای شکل میله پرچم قرار دهید و نقاط لنگر بالا-راست و پایین-راست را گِرد و گوشه دار کنید.

یک نسخه کپی از مستطیل درست کنید و آن را با نگه داشتن کلید Shift و کشیدن با ابزار Selection Tool (V) وارونه کنید. شکل وارونه شده را کمی به سمت راست-پایین حرکت دهید تا شبیه قسمت موج دار پرچم بشود. رنگ نسخه کپی شده را B52D2D# تنظیم کنید و دستور Object > Arrange > Send Backward را بکار ببرید.

یک تاقچه مانند تزئینی کوچک در قسمت میانی میله پرچم اضافه کنید.

Creating a Flag

مرحله 9

بیائیم یک نرده حفاظ در پایین اتاق فانوس دریایی اضافه کنیم.

با ساخت یک مستطیل در اندازه 4.5x34 px با مقدار رنگ 63798C# برای پایه نرده حفاظ که در سمت چپ پیش آمدگی پایین قرار گرفته باشد شروع می کنیم.

شکل پایه را انتخاب کنید؛ سپس ابزار Reflect Tool (O) را بردارید. کلید Alt را نگه دارید، در وسط پنجره زرد رنگ فانوس دریایی کلیک کنید. در پنجره تنظیمات Reflect مقدار Axis را به Vertical تغییر دهید و دکمه Copy را فشار دهید، اینطوری شکل به سمت راست برآمدگی منعکس و کپی می شود.

Creating a Fence

مرحله 10

هر دو شکل عمودی را با ابزار Selection Tool (V) انتخاب و بعد از آن مسیر Object > Blend > Make را انتخاب کنید.

بطور پیش فرض Illustrator یک انتقال رنگ یکدست را درست می کند. برای درست کردن این مسئله Object > Blend > Blend Options را انتخاب؛ یا دو بار روی ابزار Blend Tool کلیک کنید. ویژگی Spacing را به Specified  Steps تغییر دهید و مقدار را به 9 تنظیم کنید.

بخش بالایی باریک افقی برآمدگی را کپی کنید و آن را روی قسمت بالای نرده حفاظ قرار دهید تا نرده درست شود. رنگ آن را به 63798C # تغییر دهید.

Creating a Fence

مرحله 11

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

با ترسیم یک مستطیل به ابعاد 52x74 px خارج از فانوس دریایی شروع می کنیم. آن را با مقدار رنگ 63798C # پُر می کنیم.

یک مستطیل به ابعاد 38x56.5 px درون مستطیل اول با مقدار رنگ 2E4C66 # اضافه می کنیم. آن را انتخاب کنید و به مسیر Object > Path > Offset Path بروید. مقدار Offset را به 5- پیکسل تنظیم کنید تا یک شکل کوچکتر درون شکل بزرگ ساخته شود. رنگ شکل را به 8CABC0 # تغییر دهید تا شکل پنجره بدست بیاید.

یک نوار باریک با پهنای 5 پیکسل اضافه کنید تا پنجره را به دو نیم تقسیم کند. یک خط افقی دیگر با همان پهنای نوار قبلی درست کنید که بطور ضربدری وسط پنجره قرار گرفته باشد. 

Building a Window

مرحله 12

ابزار Anchor Point Tool (Shift-C) را انتخاب کنید و لبه بالایی چهارچوب پنجره را کمی به سمت بالا بکشید، اینطوری چهارچوب قوس دار می شود.

یک مستطیل به ابعاد 57x8.5 px با مقدار رنگ 2E4C66 # در پایین پنجره برای برآمدگی و تاقچه پنجره اضافه کنید و همه اجزاء پنجره را با هم یک گروه کنید Group (Control-G).

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

Building Windows

3. چطور بخش پایین فانوس دریایی را درست کنیم.

مرحله 1

با ساخت قسمت اصلی پایین فانوس دریایی توسط یک مستطیل به ابعاد 487x183 px با رنگ 63798C# در زیر برج، تراز شده به سمت لبه راست برج  شروع می کنیم.

یک شکل دیگر به ابعاد 497x26 px به رنگ 2E4C66 # در بالای لبه پایین مستطیل اضافه می کنیم و یک نوار به ابعاد 510x5.6 px با همان رنگ قبلی در بالای لبه قسمت فوقانی درست می کنیم، و آن را به وسط شکل اصلی با کمک پنل Align تراز می کنیم.

Adding Two Rectangles under the Tower

مرحله 2

یک مستطیل با ابعاد 90x163 px با رنگ D7DBDE# در وسط بخش خاکستری برای شکل در درست می کنیم. با کشیدن لبه بالایی با کمک ابزار Anchor Point Tool (Shift-C) لبه را گِرد شده می کنیم.

یک مستطیل به ابعاد 62x68.5 px در نیمه بالایی در برای چارچوب پنجره با مقدار رنگ 2E4C66 # درست می کنیم. پنجره را درون مستطیل با رفتن به مسیرObject > Path > Offset Path و تنظیم مقدار Offset به 5- پیکسل اضافه می کنیم. رنگ پنجره را به 8CABC0 # تغییر می دهیم و دو نوار عمود بر هم که از مرکز پنجره عبور کرده باشد با مقدار رنگ 2E4C66 # درست می کنیم

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

Drawing a Door

مرحله 3

بیائید پنجره هایی به قسمت پایین فانوس دریایی اضافه کنیم. یک نسخه کپی از پنجره هایی که در مرحله قبل ساختیم را با نگه داشتن کلید Alt و کشیدن یک از آن پنجره ها درست می کنیم. رنگ چهارچوب پنجره را به مقدار D7DBDE # تغییر می دهیم و دو مستطیل عمودی با مقدار رنگ 2E4C66 # در بخشهای بیرونی برای درهای کرکره ای پنجره درست می کنیم.

همه اجزاء و قسمتها را با هم یک گروه Group (Control-G) کرده و یک نسخه از پنجره را در قسمت چپ کپی می کنیم. هر دو پنجره را انتخاب و آنها را یک گروه Group (Control-G) کنید. سپس یک شکل خاکستری اصلی به انتخاب اضافه می کنیم و با Alt-کلیک بر روی شکل خاکستری؛ آن را به عنوان شکل اصلی یا Key Object مشخص می کنیم. ویژگی Horizontal Align Center در پنل Align را بکار می بریم تا بطور کامل و دقیق گروه پنجره با شکل خاکستری بزرگ تراز شود.

Forming Shuttered Windows

مرحله 4

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

Creating Bricks

مرحله 5

یک مستطیل به ابعاد 277x84 px با رنگ D7DBDE# در بخش بیرونی چپ برج فانوس دریایی بسازید، و آن را در لبه بالاتر شکل خاکستری پایینی قرار دهید.

یک شکل دیگر با ابعاد 258x128.5 px با همان رنگ قبلی بالایی درست کنید، و آن را با لبه چپ شکل قبلی تراز کنید.

سپس یک نقطه لنگر در وسط لبه بالایی شکل با ابزارAdd Anchor Point Tool (+)  اضافه کنید. نقاط لنگر راست و چپ بالا را با کلیک کردن بر روی آنها بوسیله ابزار (-) Delete Anchor Point Tool حذف کنید تا یک شکل مثلثی بدست آورید.

Adding a Rectangle and a Triangle

مرحله 6

شکل مثلثی را انتخاب و یک خط بیرونی و حاشیه ای با ضخامت 10 پیکسل با رنگ 2E4C66 # با استفاده از روش Offset Path اضافه کنید.

مستطیل پایین تری را انتخاب و میانبر Control-C و Control-F را فشار دهید تا یک نسخه کپی در روی شکل درست شود. نسخه کپی را با ابزار Selection Tool (V) در حالیکه کلید Alt را هم پایین نگه داشته اید به سمت راست (یا به سمت چپ) بکشید تا پهن و باز شود.

خط بیرونی و حاشیه ای تیره مستطیل را به انتخاب اضافه کنید، ابزارShape Builder Tool (Shift-M) را بردارید و در حالیکه کلید Alt را پایین نگه داشته اید، نشانگر ماوس را در امتداد پهنای مستطیل بکشید و قسمتهای روی هم افتاده مثلث را حذف کنید.

Forming an Outline for the Triangle

مرحله 7

سقف مستطیلی تیره را انتخاب و آن را کپی کنید و میانبر Control-B را فشار دهید تا یک نسخه کپی در پشت شکل ساخته شود. سپس نسخه کپی را به سمت راست در حدود 120 پیکسل جابجا کنید.

رنگ مثلث را به 63798C# تغییر داده و یک نقطه لنگر دیگر در لبه چپ شکل با کلیک کردن بر روی آن با ابزار (+) Add Anchor Point Tool اضافه می کنیم.

ابزار Direct Selection Tool (A) را بکار بگیرید، نقطه لنگر را به سمت چپ و بالا ببرید تا نقطه در نوک سقف قرار بگیرد.

Creating a Roof

مرحله 8

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

قسمت ضلع سقف که ساختیم را انتخاب کنید و از پنل Tools وضعیت ترسیم Draw Inside در زیر ابزار Color Selector Tool را انتخاب کنید. یک مستطیل باز و توخالی با حاشیه نقطه چین در حاشیه شکل ما ظاهر می شود که نشان می دهد وضعیت Draw Inside فعال و روشن هست. این وضعیت به ما اجازه می دهد تا در داخل شکل انتخاب شده ترسیم کنید و همه مسیرهای روی هم افتاده با مسیر که انتخاب شده است برش زده شود.

یک نوار باریک در امتداد شکل سقف درست کنید و آن را با نگه داشتن کلید Alt- درگ کردن به سمت پایین کپی کنید. چند تا نسخه کپی با فشار میانبر Ctrl-D بسازید.

برای خارج شدن از وضعیت Draw Inside، خارج از قسمت انتخاب شده دو بار کلیک کنید تا به وضعیت Draw Noraml در پنل Tools تغییر وضعیت بدهید. همینطور می توانید میانبر Shift-D را برای سوئیچ و تغییر بین وضعیتهای طراحی و ترسیم بکار ببرید.

Forming a Roof Texture

مرحله 9

یک نوار تزئینی عمودی با مقدار رنگ 2E4C66 # در امتداد بالای سقف و یک نوار افقی دیگر در زیر آن درست کنید.

دو پنجره کرکره دار را با کپی کردن از قسمت پایینی فانوس دریایی در زیر سقف اضافه کنید. مقدار Fill چهارچوب پنجره ها را به 63798C # تغییر دهید و رنگ پنجره سمت راست را به مقدارFBC318 # عوض کنید.

Adding Decorative Stripes and Two Windows

4. چطوری تیرگی ها و قسمتهای سایه روشن را به فانوس دریایی اضافه کنیم.

بیائید فانوس دریایی را با اضافه کردن مقداری تیرگی و سایه روشن جذاب تر و واقعی تر کنیم.

مرحله 1

بالای گِرد شده فانوس دریایی را انتخاب و با میانبر Control-C آن را Copy کنید. سپس نسخه کپی را درست در روی شکل با فشار کلید Control-F بچسبانید. شکل جدید را با ابزار Selection Tool (V) انتخاب کنید و در حالیکه کلید Alt را پایین نگه داشته اید، لبه های کادر خارجی را به سمت مرکز نسخه کپی بکشید، اینطوری شکل باریک تر می شود.

شکل گِرد شده اصلی و اولیه را به انتخاب اضافه کنید و ویژگی Divide از پنل Pathfinder را بکار ببرید؛ به این ترتیب سه شکل به دست می آید. آنها را Ungroup (Control-G) کنید و رنگ شکل سمت چپ را به 63798C # و رنگ شکل سمت راست را به 092C4A # تغییر دهید، اینطوری تیرگی و سایه روشن ساخته می شود.

Forming Shadow and Highlight on the Top

مرحله 2

با استفاده از روش قبل، سایه روشن ها و تیرگی هایی را به قسمت مستطیلی در زیر اتاقک فانوس زرد رنگ و به لبه برآمدگی مستطیلی در زیر نرده حفاظ اضافه کنید.

Adding Highlights and Shadows

مرحله 3

تقسیم کردن و رنگ آمیزی مجدد اشکال تنها روشی نیست که می توانیم تیرگی ها و سایه روشن ها را درست کنیم. بیائید یک روش دیگر برای شکل اصلی برج را امتحان کنیم.

برج را انتخاب و آن را کپی کنید و دو نسخه کپی را با دو بار فشار میانبر Control-F در روی شکل بسازید. شکل انتخاب شده بالایی را به پشت و به سمت راست جابجا کنید، و نسخه دوم را به انتخاب اضافه کنید، و ویژگی Minus Front از پنل Pathfinder را بکار ببرید.

مقدار Blending Mode شکل بدست آمده را به Multiply تغییر دهید و درهمین حال مقدار سطح Opacity را به %40 در پنل Transparency کاهش دهید، به این ترتیب تیرگی سایه بدست می آید.

Forming Shadow on the Tower

مرحله 4

به همین روش تیرگی های زیر سقف و روی قسمت پایین خاکستری را درست کنید.

Adding Shadows under the Roof and on the Bottom Part

مرحله 5

دو تیرگی سایه به پنجره فانوس اضافه کنید تا افکت شیشه شفاف ساخته شود.

کار روی تصویر را با اضافه کردن تیرگیهای سایه برای اجزاء کوچکتر مانند درهای کرکرده ای پنجره، تاقچه ها و لبه ها و کلاهک تزئینی به پایان ببرید.

Final Illustration

کار عالی شد! تبریک می گم!

ساخت فانوس دریایی به پایان رسید! کار به ظرافت و زیبایی انجام شد!

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

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

راحت باشید و روند کار روی پروژه خودتان از این آموزش را که چطور پیش رفت یا سوالاتتان را در قسمت زیر در بخش نظرات بگذارید و بپرسید.

Flat Lighthouses and Sea Guide Lights Set
Advertisement
Advertisement
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.