Advertisement
  1. Design & Illustration
  2. Cartoon
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 یک نگاه بیندازید. شاید هم شما در حال دست کردن یک اینفوگرافیک نقشه هستید و نیاز به تعدادی آیکون دارید؟ در هر صورت GraphicRiver یک راه حل خوب هست.

1. چطوری قاره ها را بر روی نقشه کارتونی درست کنیم

مرحله 1

بعد از اینکه Adobe Illustrator را باز کردید، یک سند جدید (File > New) به ابعاد 850px برای Width و Height درست کنید.

ابزار Ellipse Tool (L) را بکار بگیرید و چند تا بیضی در اندازه های مختلف درست کنید. مطمئن شوید که آنها را با مقادیر رنگ R=229, G=217, B=180 پُر کنید. این اشکال قرار هست که قاره های آینده شما باشند.

how to start to create the continents

مرحله 2

ابزار Warp Tool (Shift-R) را بردارید و سپس بیضی ها را هر چقدر که می خواهید بکشید و کِش بدید. فقط بخاطر داشته باشید شکلی را که می خواهید تغییر فرم دهید را انتخاب کنید، وگرنه اشکال مجاور و اطراف را تغییر شکل خواهید داد.

در این مرحله ویژگیهای ابزار Warp Tool (Shift-R) مهم نیستنید، اما اگر ویژگیهایی را که دارید دوست ندارید (برای مثلا قطر قلم موی شکل دهی خیلی بزرگ هست یا خیلی کوچک هست) می توانید بر روی این ابزار دو بار کلیک کنید تا یک پنجره جدید تنظیمات که Warp Tool Options نام دارد ظاهر شود. خب حالا می توانید Global Brush Dimensions و Intensity را تغییر دهید و گزینه Show Brush Size را فعال کنید.

how to distort the continents using the Warp Tool Shift-R

مرحله 3

اگر می خواهید شکل قاره ها را بیشتر تغییر فرم دهید تا آنها واقعی تر به نظر برسند؛ می توانید به Effect > Distort & Transform > Roughen بروید. در پنجره تنظیمات جدید می توانید تنظیمات را دستکاری کنید تا به نتیجه دلخواه برسید. اگر گزینه Preview را فعال و روشن کنید؛ می توانید همه تغییرات را بصورت زنده و در همان لحظه تغییر بر روی صفحه طراحی یا آرت بورد مشاهده کنید. می توانید شکل قاره ها را یکی یکی یا همه را با هم درست کنید. هر وقت که از نتیجه کار و ظاهر شکل قاره ها راضی بودید کلید OK را فشار دهید.

همه سرزمین ها را باز و گسترده کنید (Object > Expand Appearance).

how to roughen the continents

مرحله 4

همه اشکال قاره ها را انتخاب کنید و به Object > Path > Offset Path بروید. در پنجره تنظیمات جدید برای Offset حدود 10px وارد کنید؛ اما این مقدار بستگی به اندازه شکل قاره های شما دارد. کلید OK را فشار دهید. یک تکه جدید از سرزمین بطور دقیق و برابر در حول و اطراف هر شکل قاره ظاهر می شود. رنگ این زمین جدید را به R=234, G=224, B=195 تغییر دهید.

how to create the Offset Path for the continents

دوباره یک مرز جدید برای قاره اتان درست کنید (Object > Path > Offset Path) و این بار رنگ این مرز جدید را روشن تر پُر کنید (R=234, G=224, B=195). با قسمتهای روشن تر بر روی نقشه، ما سعی می کنیم تا سطح زمین را که به درون دریا پایین تر رفته است را نشان دهیم.

how to create the Offset Path for the continents

مرحله 5

با ابزار Ellipse Tool (L) چند تا بیضی بر روی قاره ها درست کنید و آنها را با مقدار رنگ R=232, G=221, B=190 پُر کنید. دوباره رنگ پُرشدگی یا fill را به (R=235, G=226, B=199) تغییر دهید و بیضی های کوچکتر بر وی بیضی های بزرگتر درست کنید.

continue creating the continents

مرحله 6

برای تغییر شکل بیضی های جدید؛ شما دو انتخاب دارید: می توانید ابزار Warp Tool (Shift-R) را استفاده کنید یا به Effect > Distort & Transform > Roughen بروید. یکی را انتخاب کرده و سپس این اشکال را باز و گسترده کنید (Object > Expand Appearance).

continue creating the continents

مرحله 7

آخرین چیزهایی را که می خواهیم به قاره هایمان اضافه کنیم شکل دریاچه ها هستند. چند تا شکل آبی رنگ (R=167, G=214, B=210) بیضی در قسمتهایی که می خواهید دریاچه ها قرار بگیرند ترسیم کنید. ابزار Warp Tool (Shift-R) را بردارید و شکل دریاچه ها را تغییر شکل و فرم دهید. بخاطر داشته باشید قبل از تغییر واعوجاج کردن شکل دریاچه ها هر آبجکت و شکل را بطور مجزا انتخاب کنید.

بیضی های کوچکتر و تیره تری (R=150, G=204, B=200) را بر روی بیضی های بزرگتر و روشن تر اضافه کنید. آنها را با کمک ابزار Warp Tool (Shift-R) تغییر دهید.

بیضی های کوچکتر و تیره تر کامل و برابری با مقدار رنگ (R=141, G=198, B=195) را بر روی بیضی های بزرگتر و روشن تر اضافه کنید. آنها را با ابزار Warp Tool (Shift-R) تغییر شکل و فرم دهید.

how to create the lakes

2. چطوری یک اقیانوس بر روی نقشه کارتونی درست کنیم

مرحله 1

ابزار Rectangle Tool (M) را بردارید و روی صفحه طراحی یا آرت بورد کلیک کنید. در پنجره جدید که ظاهر می شود مقدار 850px برای Height و Width را وارد کنید و OK را فشار دهید. یک مربع بزرگ روی صفحه طراحی شما ظاهر می شود که قرار هست آب یا اقیانوس نقشه ما باشد. مطمئن شوید که شکل آب در وسط و مرکز صفحه طراحی یا آرت بورد شما باشد و مقدار رنگ fill آن را به R=141, G=198, B=195 تغییر دهید.

how to create the ocean background

مرحله 2

روشن ترین مرز یک قاره را انتخاب کنید و یک نسخه کپی در پشت و عقب آن شکل درست کنید (Control-C, Control-B). نسخه کپی و ساخته شده را کمی بزرگتر کنید و رنگ fill آن را به R=167, G=214, B=210 تغییر دهید. در حالیکه شکل نسخه کپی و ساخته شده در وضعیت انتخاب شده هست برای تغییر واعوجاج آن ابزار Warp Tool (Shift-R) را بکار ببرید. این کار را برای هر قاره تکرار کنید.

how to create the water around the continents

مرحله 3

شکل آبی روشن اطراف قاره را انتخاب کنید و یک نسخه کپی در پشت آن بسازید (Control-C, Control-B). آن را یک کمی بزرگتر کنید و رنگ fill آن را به R=150, G=204, B=200 تغییر دهید. در حالیکه شکل ساخته شده در وضعیت انتخاب هست آن را با کمک ابزار Warp Tool (Shift-R) تغییر شکل و فرم دهید این کار را برای هر قاره تکرار کنید.

how to create the water around the continents

مرحله 4

رنگ fill را حذف کنید و رنگ خط دور و حاشیه شکل یا stroke را به R=167, G=214, B=210 تغییر دهید. ابزار Pencil Tool (N) را بردارید. در پنل Stroke (Window > Stroke) گزینه های Round Cap و Round Joint را انتخاب و فعال کنید.

حالا قسمت جالب کار: امواجی را در سرتاسر اقیانوس ترسیم کنید. اگر می بینید که خط خیلی باریک هست؛ مقدار Weight آن را در پنل Stroke (Window > Stroke) افزایش دهید.

how to create the waves

3. چطوری آبجکت های ویژگیهای جغرافیایی را بر روی نقشه کارتونی درست کنیم

مرحله 1

بیائید با درست کردن درختها شروع کنیم. از آنجائیکه نقشه ما یک سبک کارتونی هست؛ درختها خیلی ساده خواهند بود و درست کردن این قسمت هم آسان است. ابزار Rectangle Tool (M) را بردارید و یک مستطیل عمودی باریک و بلند با مقدار رنگ R=191, G=157, B=106 ترسیم کنید. سپس چند تا بیضی در بالای مستطیل عمودی برای شکل برگها اضافه کنید (آنها را با رنگ  R=193, G=191, B=111 پُر کنید). کل اشکال درخت را یک گروه کنید (right-click < Group).

how to create the tree

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

how to spread the tree

مرحله 2

برای درست کردن یک درخت صنوبر؛ دوباره با مستطیل شروع کنید (آن را با رنگ R=162, G=124, B=102) پُر کنید.

برای درست کردن یک مثلث، ابزار Polygon Tool را بردارید و یک چند ضلعی بکشید. بطور پیش فرض شکل یک شش ضلعی خواهد بود. اگر نسخه جدیدتر از AI را دارید؛ وقتی که چند ضعلی انتخاب شده است یک مثلث بسیار کوچک در سمت راست مربع انتخاب را می بینید. اگر این لوزی بسیار کوچک را در جهت خلاف عقربه های ساعت بکشید و حرکت دهید؛ چند ضعلی اضلاع کمتری خواهد داشت؛ و اگر این لوزی را در جهت عقربه های ساعت بچرخانید؛ چند ضلعی اضلاع بیشتری خواهد داشت. پس با کشیدن این لوزی بسیار کوچک در جهت خلاف عقربه های ساعت از شکل چند ضعلی یک مثلث بسازید.

اگر AI شما خیلی جدید نیست؛ ابزار Polygon Tool را بردارید و بر روی صفحه طراحی یا آرت بورد کلیک کنید. در پنجره جدید تنظیماتی که ظاهر می شود Sides 3 و Radius هر چقدر می خواهد باشد و سپس OK را کلیک کنید. این مثلث شما خواهد بود که برای ساختن درخت صنوبر بکار خواهد رفت.

دو نسخه کپی دیگر از مثلث سبز رنگ (رنگ fill باید R=168, G=168, B=108 باشد) درست کنید و آنها را روی یکدیگر قرار دهید تا شکل درخت صنوبر بوجود آید. کل درخت صنوبر را یک گروه کنید (right-click > Group).

how to create the spruce

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

how to spread the spruce

مرحله 3

حالا بیائید چند تا کوه اضافه کنیم. سه تا مثلث قهوه ای (R=162, G=124, B=102) با اندازه های مختلف بسازید. آنها باید روی هم افتاده باشند و خط پایین آنها در یک سطح باشد. به پنل Pathfidner (Window > Pathfinder) بروید و در حالیکه همه مثلث ها انتخاب شده هستند دکمه Unite را فشار دهید.

سپس چند تا مثلث سفید دیگر درست کنید و آنها را به سمت پایین وارونه و سر و ته کنید. می خواهیم برف روی کوه ها را درست کنیم. مانند شکل زیر مثلث های سفید را روی مثلث های قهوه ای قرار دهید. همینطور مثلث های سفید باید روی یکدیگر قرار گرفته شده باشند. در حالیکه همه مثلث های سفید انتخاب شده هستند؛ دکمه Unite در پنل Pathfinder (Window > Pathfinder) را فشار دهید.

بعد از آن؛ دوباره مثلث های قهوه ای را انتخاب کنید (الان آنها باید یک شکل شده باشند) و یک نسخه کپی جدید در روی شکل اصلی و اولی درست کنید (Control-C, Control-F). این انتخاب را نگه دارید و در حالیکه دکمه Shift را نگه داشته اید، شکل سفید مثلث ها را انتخاب کنید (آنها باید همچنین به عنوان یک شکل با یکدیگر متصل شده باشند). در پایان، دکمه Interest در پنل Pathfinder را فشار دهید. باید به کوههایی به همراه برف برسید. مطمئن شوید که آن را گروه کنید.

how to create the mountain

نسخه های بیشتری از کوهها درست کنید و آنها را در سرتاسر قاره ها پخش و پلا کنید.

how to spread the mountain

مرحله 4

تا اینجا، ما در حال درست کردن طبیعت بودیم و حالا نیازبه نشانه هایی از سکونتگاهایی برای انسان داریم؛ خُب نیاز به خانه هایی هست. با یک مستطیل سفید شروع می کنیم (ابزار Rectangle Tool (M) را بدون رنگ خط دور یا stroke (این کار فقط برای بهتر دیده شدن است) بکار ببرید).

یک مستطیل بسیار کوچک خاکستری برای پنجره درست کنید (رنگ آن را R=168, G=193, B=192 بدهید). در حالیکه دکمه های Shift و Alt را با یکدیگر نگه داشته اید، این مسطتیل خاکستری بسیار کوچک را به سمت راست حرکت دهید. دکمه Shift به شما اجازه می دهد تا مستطیل بطور مستقیم جابجا شود و نگه داشتن دکمه Alt یک نسخه کپی درست می کند.

هر دو مستطیل خاکستری بسیار کوچک را انتخاب کنید و در حالیکه دکمه های Shift و Alt را نگه داشته اید، مستطیل ها را به سمت پایین جابجا کنید. الان باید چهار پنجره داشته باشید. کلید میانبر Control-D را هر چقدر که نیاز هست تا خانه بطور عمودی با پنجره ها پُر شود را فشار دهید. ترکیب Control-D به شما اجازه می دهد تا آخرین حرکت و عملیات را تکرار کنید.

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

آخرین چیزی که هر خانه نیاز دارد یک سقف هست. یک مستطیل بلند افقی و قرمز (R=219, G=134, B=97) در بالای خانه درست کنید؛ و سپس یک مستطیل دیگر که باید یک کمی باریک تر و بلندتر باشد نیز بسازید. آخرین مستطیل قرمز رنگ را در وضعیت انتخاب شده نگه دارید و به Effect > Warp > Bulge بروید. در پنجره جدید تنظیمات مقادیر را مانند شکل زیر وارد کنید. اولین خانه آماده است!

how to create the first house

و این هم خصوصیات برای افکت Bulge:

Bulge effect options

مطمئن شوید که خانه شما یک گروه شده است، چند نسخه کپی از خانه درست کنید و آنها را در اطراف پخش کنید.

how to spread the first house

مرحله 5

جالب میشه اگر بیش از یک نوع خانه داشته باشیم، پس بیائید یک خانه دیگر درست کنیم. با مستطیل سفید رنگ و بدون خط حاشیه یا stroke شروع کنید. سپس یک پنجره با همان رنگ قبلی که در خانه قبلی استفاده شد ترسیم کنید. در حالیکه پنجره را انتخاب شده نگه داشته اید به Effect > Warp > Arc Upper بروید و در پنجره تنظیمات جدید مقادیر تصویر زیر را وارد کنید.

مثل قبل همان روش را که برای ساخت و تکثیر کردن پنجره ها بکار بردیم را دوباره استفاده نمائید؛ حالا چند پنجره درست کنید.

سپس پی ساختمان و سقف را اضافه کنید. برای بدست آوردن رنگ fill شکل (می خواهید رنگ fill قرمز را از خانه قبلی بگیرید)؛ ابزار Eyedropper Tool (I) را بکار ببرید.

در حالیکه شکل سقف انتخاب شده است به Effect > Warp > Arc بروید و مقادیری را که در شکل زیر نشان داده شده است را وارد کنید. خانه دوم تمام شد و آماده است!

how to create the second house

و این هم خصوصیات افکت Arc Upper:

Arc Upper effect options

و این هم خصوصیات برای افکت Arc :

Arc effect options

مطمئن شوید که خانه دوم هم یک گروه شده است و چند نسخه از آن درست کنید و آنها را در سرتاسر قاره ها پخش و پلا کنید.

how to spread the second house

مرحله 6

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

how to create the church

کلیساها را در جاهایی که می خواهید در روی زمین قرار دهید.

how to spread the church

مرحله 7

آخرین چیزی که برای نقشه امان می خواهیم یک قایق هست. با یک مستطیل سفید بدون رنگ خط دور یا stroke شروع می کنیم. یک دایره خاکستری کوچک اضافه کنید (همانطور که می بینید پنجره های همه خانه های همین رنگ را دارند). در حالیکه کلیدهای Shift و Alt را پایین نگه داشته اید؛ چند تا پنجره دیگر درست کنید.

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

بعد از آن؛ فقط به درست کردن قایق با تصویر زیر به کار ادامه دهید.

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

how to create the boat

چند تا نسخه از قایق درست کنید و آنها را در اقیانوس قرار دهید.

how to spread the boat

پایان

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

بعداً می بینمتان!

final
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.