نحوه طراحی پس زمینه

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

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

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

طراحی شخصیت

اگر اولین درس ما در مورد طراحی شخصیت را خوانده اید، می دانید که داستان یک شخصیت ستون فقرات هر خطی است که ترسیم می‌کنید.

شما باید شخصیت‌های خود را در داستانی عمیق‌تر از آنچه که به نظر می‌رسد قرار دهید. از زمانی که به دنیا آمدند، تا جایی که زندگی می‌کنند، شغلی که دارند، تا اینکه غذای مورد علاقه‌شان چیست. بیش از حد به نظر می رسد؟ برای ما، بیشتر شبیه سرگرمی به نظر می رسد!

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

هنرمند

این آموزش با همکاری مدی زولی شگفت‌انگیز ساخته شده است. ما در حال ایجاد یک مجموعه شخصیت کامل با هم در کانال YouTube خود هستیم، و او نه تنها یکبا فشاری که به بوم خود وارد می کنید، ابزار کنید و با آن بازی کنید تا شکلی ایجاد کنید که از کوچکی شروع شده و به تدریج ساخته می شود. با تغییر فشار، خط می تواند در یک حرکت از بسیار نازک به بسیار درشت تبدیل شود. برای دستیابی به این اثر، مدی از براش چهارم از پیش تنظیم‌های ما با حساسیت فشاری روشن استفاده می‌کند.

بعد از ترسیم ابرها، از Node Tool برای ایجاد هرگونه تغییر در شکل آنها استفاده کنید.

زیرا ابرها به طور طبیعی نور غروب خورشید را منعکس می کند، به آنها گرادیان می دهد که از رنگ نارنجی (F92CEE، چپ) به صورتی روشن (F9DCEE، سمت راست) می رود.

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

در نهایت، ستاره ها را با ابزار Shape Tool اضافه کنید. مدی در مورد یک ستاره 12 امتیازی تصمیم می گیرد. می‌توانید تعداد نقاط را از طریق نوار لغزنده سمت چپ ویرایش کنید و می‌توانید با نگه داشتن یک انگشت در حالی که مداد خود را روی بوم می‌کشید، شکل آنها را تغییر دهید.

اضافه کردن جزئیات جالب

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

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

Maddyشاتل فضایی را بیشتر دوست دارد، اندازه آن را تغییر می دهد، آن را سفید رنگ می کند و آن را در وسط علامت قرار می دهد. آسان peasy!

افکت‌های نور را اضافه کنید

برای جذابیت بیشتر، کار را با اضافه کردن چند دایره نور به پایان برسانید تا جلوه‌ای درخشان از شهر دور به دست آورید. البته از ابزار Shape Tool برای دایره ها استفاده کنید و سپس با تابع گرادیان در برگه Style بازی کنید تا جلوه بهتری به آن ببخشید.

Maddy برای شیب خطی با صورتی (F9A3D8) در سمت چپ استفاده کرد. سمت راست 100% شفاف است.

سپس به Blend Modes بروید و Overlay را انتخاب کنید.

Add Movement

برای ساختن حالت تصویرسازی پویا، یک لایه نهایی از نورهای ذرات را اضافه کنید که از صحنه عبور می کنند. برای این کار، مدی همان براش قبلی را نگه می دارد (چهارمین مورد از پیش تنظیم های ما) تا ضربات بسیار ظریفی را با همان گرادیان از مرحله 15 ایجاد کند. و سپس حالت ترکیب را دوباره روی Overlay تنظیم کنید.

لحظه ای که ما منتظر بودم: پس از تمام این مراحل، تصویر اکنون کامل شده است!

چرا ترسیم پس‌زمینه مهم است

پس‌زمینه نقاشی هرچه باشد ، تأثیر زیادی بر اثر هنری نهایی دارد - چه خوب باشد چه بد!

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

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

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

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

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

فراموش نکنید همیشه ما را در رسانه های اجتماعی تگ کنید تا بتوانیم کار شما را مجدداً ارسال کنیم!

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

• iPad

• Apple Pencil

• Procreate (یا هر نرم افزار طراحی دیگر)

• آخرین نسخه Vectornator آنچه خواهید آموخت:

• نحوه طراحی

• نحوه آماده سازی بوم و پس زمینه

• نحوه افزودن و مدیریت لایه ها

• استفاده پیشرفته از ابزارهای قلم، مداد، قلم مو ابزارهای گره و شکل

• استفاده پیشرفته از Color Picker و Gradient Editor

• نحوه اضافه کردن نور، سایه و حرکت

• نحوه استفاده از نسخه تکراری عملکردی برای کاهش حجم کاری شما

• نحوه ایجاد حروف با دست

• نحوه ایجاد اشکال پیچیده

ما در اینجا تمرین و تئوری را با هم ترکیب کرده ایم، پس دست و پنجه نرم کنید!

مرجع خود را درست دریافت کنید

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

آیا می توانید حدس بزنید که مراجع مدی به کجا می آیند از جانب؟ الهامات او مناظر شهری پاستلی با نورهای نئون دهه 80 و 90 استانیمه ای مانند Sailor Moon و Cardcaptor Sakura. او قرار است زیبایی‌شناسی آنها را در طراحی پس‌زمینه‌اش بگنجاند.

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

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

اشکال اصلی خود را ترسیم کنید

یک سبک رایج در طراحی این است که چند مطالعه کوچک و 5 دقیقه‌ای «اشاره‌ای» از مراجع انجام دهید، جایی که شما به سادگی مقادیر اصلی را مسدود می‌کنید.

سپس یک یا دو مطالعه را برای توسعه بیشتر انتخاب کنید. طرح های دقیقی که حدود 30 دقیقه برای ایجاد آنها صرف می کنید، درست مانند طرحی که مدی در Procreate کامل می کند.

فکر کردن به این روش به شما کمک می کند تا همه عناصر خود را به روشی بهتر و جالب تر ادغام کنید. زیرا بیننده شما بیشتر از اینکه صرفاً یک پس‌زمینه تزئینی باشد، من را روی محیط سرمایه‌گذاری می‌کند.

بنابراین در مورد ما، ما قبلاً می‌دانیم که جوکاستا یک نوجوان است.دختری با قدرت های فوق العاده اما چیزی که مدی به‌عنوان سازنده می‌داند این است که او در آینده زندگی می‌کند، در شهری شلوغ که باید هر روز عصر منتظر حمل‌ونقل عمومی بماند تا به خانه برگردد.

شما می‌توانید از این عنصر کوچک چشم‌گیر متوجه شوید. —علامت ایستگاه اتوبوس در واقع یک شاتل فضایی است.

آپلود Sketch در Vectornator

از Procreate، به سادگی طرح خود را به صورت jpeg/png صادر کرده و آن را وارد کنید به Vectornator. می توانید این کار را با کشیدن و رها کردن از برگه گالری انجام دهید.

شخصیت خود را در موقعیت قرار دهید

مدی جوکاستا را در صحنه طبق قانون یک سوم قرار داد.

راه های زیادی برای با استفاده از قوانین مختلف آزمایش شده (مانند قانون یک سوم) که به شما کمک می کند زیبایی شناسی متعادلی داشته باشید، یک ترکیب عالی ایجاد کنید. اگر می‌خواهید در مورد آن بیشتر بدانید، آموزش ویدیویی ما را در مورد ایجاد آهنگ‌های عالی که توسط تصویرگر شگفت‌انگیز دیگری – سودابه دماوندی فیلم‌برداری شده‌اند، بررسی کنید.

Organize Your Layers

مهم است که در لایه‌های خود مرتب و منظم بمانید—تلاش اضافی که در این مرحله انجام می‌دهید به شما کمک می‌کند تا با پیشرفت در تصویرسازی خود ده برابر شوید.

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

این هم زمان خوبی برای صحبت در مورد تکنیک است!

دو راه برای طراحی پس زمینه وجود دارد: استفاده از پرسپکتیو یا لایه بندی منظره. امروز ما بر روی تکنیک لایه بندی تمرکز می کنیم. اگر می‌خواهید نظریه پرسپکتیو را در ویدیوی دیگری پوشش دهیم، لطفاً در زیر نظر دهید.

بنابراین، اگر چشم‌انداز را تجزیه کنیم، در کل پنج لایه داریم. از جلو به عقب، بنابراین از نزدیک ترین به دورترین، لایه ها عبارتند از:

• Jokasta و روح.
• ایستگاه اتوبوس و راه آهن.
• ردیف اول ساختمان ها.
• ردیف دوم ساختمان ها.
• در نهایت، آسمان، ماه و ابرها.

از این نقطه به بعد، به سادگی به یاد داشته باشید برای ایجاد همیشه یک لایه جدید برای هر عنصر طراحی جدید در تصویر خود - به عنوان مثال، ایستگاه اتوبوس در یک لایه جداگانه قرار دارد، ردیف دوم ساختمان ها نیز همینطور، ماه و ستاره ها و غیره. متوجه می‌شوید.

داستان را با رنگ‌ها بگویید

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

به طور خلاصه: این دنیا در آینده است، پر از جادو است، و همچنین از Sailor Moon الهام گرفته شده است. جای تعجب نیست که مدی رنگ های جسورانه ای مانند نئون، پاستل، صورتی و سبز را انتخاب کرده است. هر چیزی جز کسل کننده!

در اینجا همه کدهای هگزی که برای بازسازی قطعه مدی نیاز دارید وجود دارد:

بنفش تیره - 7125D0

نارنجی - EFB09F

آبی متوسط ​​- 869FEF

آبی تیره - 3E6AED

آبی تیره - 4265D2

آبی - 2885C7

زرد - FEF66F

صورتی - F9A3D8

صورتی روشن - F9DCEE

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

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

حالت را با زمان روز تنظیم کنید

از رنگ پس زمینه ثابت دوری کنید و از زمان روز به عنوان راهی برای ایجاد حال و هوا استفاده کنید. برای این صحنه، مدی اوایل عصر را انتخاب کرد.

این با احساس جوکاستا و دوست ارواح او در حال حاضر مطابقت دارد. جوکاستا به نظر می رسد که او قبلاً از آن گذشته است، اما از آنجایی که ارواح در شب ظاهر می شوند، او به تازگی روز خود را شروع می کند!

برای رسیدن به این ظاهر، مدی یک مربع بنفش ایجاد می کند که تمام بوم را پر می کند (C18FF0). سپس یک گرادیان خطی آبی تیره (3E6AED) را اعمال می کند که از سمت راست بالا شروع می شودگوشه.

Maddy سپس مربع را کپی می کند، آن را می چرخاند تا شیب در گوشه مقابل قرار گیرد و رنگ گرادیان را به نارنجی زیبا تغییر می دهد (EFB09F). آیا کسی گفته است غروب آفتاب؟

ردیف دوم ساختمان ها را ایجاد کنید

ما می خواهیم با دورترین لایه دوم از اشیاء (دورترین لایه) شروع کنیم آسمان بودن).

این نظم خاص چندان مهم نیست. اما اگر مجموعه‌ای از لایه‌ها دارید که روی یکدیگر همپوشانی دارند، مانند ساختمان‌ها، ایستگاه قطار و غیره، بهتر است از دورتر شروع کنید تا بتوانید درک کنید که چگونه اشیاء خود را در پیش‌زمینه قرار دهید، چقدر فضای منفی دارید. برای بازی کردن، و اینکه چه رنگ هایی بهترین تضاد دارند.

Maddy ابزار Shape Tool را برمی دارد و شروع به ایجاد اشکال هندسی برای تعریف نمای جلویی ساختمان ها می کند. سایه آبی که او استفاده می کند 869FEF است.

پرسپکتیو ترسیمی

و برای کشیدن کناره ها، سایه تیره تر را انتخاب می کند—957AE1.

نه تنها این، بلکه او از Node Tool نیز استفاده می کند تا زاویه ضلع بالای مستطیل را تغییر دهد تا با نقطه ناپدید شدن ترکیب شما هماهنگ شود.

اضافه کردن جزئیات

Maddy یک بنر به ساختمان هایی اضافه می کند که به دید بیننده نزدیک تر هستند.

اگرچه این ساختمان ها از نظر فنی هنوز در ردیف دوم قرار دارند، اما نزدیکترین از دورترین ساختمانها بنابراین اضافه کردن هرجزئیات در اینجا فقط تنظیمات واقعی تری ایجاد می کند.

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

همانطور که قبلاً، ابزار Shape Tool را بردارید و رسم کنید مستطیل برای پر کردن شهر مدی دوباره 957AE1 و 4265D2 را برای طرفین انتخاب کرد.

ایجاد محیط

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

به سادگی با ابزار Shape یک مستطیل بکشید و یک گرادیان خطی سرگرم کننده به آن بدهید که از پایین به بالا محو می شود. رنگ سمت چپ (در مورد ما، رنگ پایین) یک سبز زیبا (2885C7) و رنگ سمت چپ (در مورد ما، بالا) سفید (FFFFFF) با کدورت 0 است. می‌توانید با صفر کردن کانال A به این هدف برسید.

اضافه کردن جزئیات بیشتر

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

بنابراین در ساختمان‌های نزدیک به شخصیت، مطمئن شوید که انواع جزئیات را اضافه کنید. پنجره ها، چراغ ها یا بیلبوردها. مانند این علامت «Coola» که مدی با ضربه‌های قلم‌مو با دست آزاد با استفاده از پیش‌تنظیم دوم از پنجره انتخاب قلم‌مو ایجاد می‌کند.

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

طرح کنیدایستگاه اتوبوس

با ابزار Rectangle، تمام اشکال اصلی را که ایستگاه اتوبوس را تشکیل می‌دهند، ردیابی کنید.

همانطور که قبلاً، از Node Tool برای تغییر هر زوایایی که لازم است استفاده کنید. به نقطه ناپدید شدن دیدگاه شما منجر شود. در اینجا او از رنگ بنفش برای حصار (7125D0)، سفید (FFFF) و زرد (FEF66F) برای پوشش، و سایه اضافی آبی (957AE1) برای علامت استفاده می‌کند.

اضافه کردن بیشتر ابعاد

عناصر ایستگاه اتوبوس نیز بخشی از صحنه غروب خورشید هستند.

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

Maddy به دنبال یک گرادیان خطی است (شیب در مرکز)، و رنگ راست و چپ را به نارنجی روشن تغییر می دهد (EFB09F). سپس با تغییر کانال A به صفر، رنگ سمت چپ را کاملاً شفاف می کند.

همان افکت را به همان شیوه برای هر ریل جداگانه اعمال کنید.

افزودن عناصر به آسمان

در نهایت، ما به جزئیات در آسمان، جایی که می خواهیم چند ابر، ستاره و ماه اضافه کنیم.

برای ابرها، قلم مو را بردارید