چگونه ظاهر کم پلی را بدست آوریم


ممکن است در بسیاری از تصاویر، نه تنها در تصاویر گرافیکی و انیمیشن های آنلاین، بلکه در مجلات، و در موشن گرافیک های تلویزیونی، با مدل های کم جزئیات و وجهی، یک ظاهر مشترک را مشاهده کرده باشید. بسیار رندر شده، اغلب با جلوه های نور ملایم.

این در یکباره اشاره ای به روزهای اولیه مدل سازی کامپیوتری و انیمیشن است، اما با یک تغییر مدرن. این ظاهر کم پلی است.

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

 

واکنشی به مدل سازی سه بعدی عکس واقع بینانه

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

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

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

tim_reynolds

برخی از بهترین نمونه‌های ظاهر کم‌پلی، آثار تیموتی جی. رینولدز هستند. همچنین سایت Tumblr Geo A Day توسط جرمیا شاو و دنی جونز وجود دارد که به کاوش کنید و مرزهای زیبایی شناسی کم پلی را کاوش کنید.

شاید کامل‌ترین تحقق ظاهر کم‌پلی پروژه روباه کاغذیباشد. توسط Jeremy Kool، که از یک پروژه مدل سازی به یک برنامه داستان تعاملی در دسترس برای iOS تبدیل شد. در Paper Fox، کول عمداً با افزودن یک بافت کاغذی مچاله به اشیاء و با افزودن لبه‌های بسیار نازک، ظاهر اوریگامی را تقلید کرده است.

paper_fox

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

Katarina-Macurova2

 

چرا ظاهر کم پلی اینقدر محبوب است؟

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

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

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

 

شروع به کار

در اینجا یک آموزش سریع برای دستیابی به ظاهر کم پلی با استفاده از نرم افزار سه بعدی Cinema4D.

  1. اشیاء خود را با استفاده از جامدات ساده مانند کره، مخروط و هرم ایجاد کنید. هدف مدل سازی واقع بینانه اشیاء نیست، بلکه ساده سازی تا حد امکان است.
  2. مشخصه segments را برای تقسیم زیر سطوح اشیا تنظیم کنید. هرچه بخش های بیشتری اضافه کنید، شیء دارای وجوه بیشتری خواهد بود.
  3. خواص Phong شی را تنظیم کنید — این هموارسازی شی را مشخص می کند تا بخواهید آن را خاموش کنید. در Cinema4D، یا تگ phong را حذف کنید یا زاویه فونگ را روی 0 درجه تنظیم کنید تا ظاهری بسیار وجهی ایجاد کنید.
  4. می‌توانید تغییر شکل‌هایی را به مدل اضافه کنید تا از نظر هندسی چندان عالی به نظر نرسد. می توانید این کار را به صورت دستی با فشار دادن و کشیدن گره های جداگانه انجام دهید یا از یک تغییر شکل دهنده مانند Displacer استفاده کنید. از Noise shader برای اضافه کردن مقادیر تصادفی جابجایی به هر راس استفاده کنید. می توانید قدرت را برای افزایش یا کاهش میزان اعوجاج تنظیم کنید.
  5. مواد را به شی اضافه کنید. هنگام تعریف مواد، ممکن است بخواهید مقداری برآمدگی نگاشت برای ایجاد بافت سطحی اضافه کنید. یا می‌توانید بافت‌هایتان را براق و پلاستیکی، با برجسته‌های خاص نگه دارید – همه اینها به ظاهری که می‌خواهید بستگی دارد.
  6. پس زمینه اضافه کنید. یک شی آسمان را اضافه کنید یا از صفحات ساده مانند آسمان پس‌زمینه و به عنوان صفحه طبقه استفاده کنید. اگر بخواهید، می‌توانید دقیقاً به همین شکل اینها را تغییر شکل دهید.
  7. چراغ ها را اضافه کنید. جلوه های نوری ظریف به صحنه شما جو می بخشد.
  8. شئ را رندر کنید. استفاده از تنظیمات رندر Global Illumination برای ایجاد نور ملایم. افزودن انسداد محیطی، عمق دانه‌دار واقعی را به سایه‌ها اضافه می‌کند.
low_poly_cinema4D

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

villa_savoye

 

سبک تصویرسازی کمپلی ظاهر

حتی اگر به برنامه مدل‌سازی سه بعدی دسترسی ندارید، همچنان می‌توانید با استفاده از نرم‌افزارهای تصویرسازی دوبعدی مانند Illustrator یا Photoshop تصاویری با کیفیت پایین ایجاد کنید.

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

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

matthew_lyons

 

وب 3 بعدی کم پلی

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

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

راه‌های دیگر برای افزودن سه بعدی تعاملی به وب شامل استفاده از افزونه‌هایی مانند Unityاست. > یا Flash. آرایه وسیعی از فلش بیدرنگ وجود دارد. موتورهای سه بعدی شامل Away3D و Flare3D. استفاده از رندرهای سه بعدی تعبیه شده در Unity یا Flash، جلوه های نوری بهتری نسبت به آنچه در حال حاضر در رندر WebGL یا Canvas وجود دارد، امکان پذیر می کند، اما رندرهای وب به سرعت در حال پیشرفت هستند. برای  جدیدترین در WebGL، کار خالق three.js Mr. دوب.

rome2

فیلم تجربی اخیر کریس میلک، رم — 3 رویای سیاه، استفاده می کند WebGL برای ایجاد یک تجربه موزیک ویدیویی تعاملی با موجودات شکل‌گیری متحرک که به سبک چند وجهی کم ارائه شده‌اند. این یک پروژه منبع باز است که به شما امکان می دهد دارایی ها را دانلود کنید و کد را دوباره کار کنید، راهی عالی برای ورود به این منطقه جدید هیجان انگیز که در آن طراحی سه بعدی با طراحی وب ملاقات می کند. اینکه آیا این واقعاً از نظر کیفیت رندر با زیبایی شناسی کم پلی مطابقت دارد یا نه، مورد بحث است.

rome

 

زیبایی شناسی گذشته-آینده نگر

نگاه کم‌پلی بخشی از چیزی است که من آن را زیبایی‌شناسی گذشته‌نگر آینده‌نگر می‌نامم (خود بخشی از چیزی است که می‌توان زیبایی‌شناسی جدید نامید)، به این ترتیب که می‌تواند به گذشته و آینده در همان زمان بازگردد.

به نظر می رسد کاملاً با محدودیت های فعلی طراحی برای وب مناسب است. این که آیا این محدودیت ها دوام خواهد آورد یا نه، باید دید.

 

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

بدون دیدگاه

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

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *