Pixel art (pixel art): بهترین آثار و تصویرگران. Pixel Art چیست؟ نمونه‌ها و نحوه یادگیری آن بهترین اثر هنری Pixel

28.06.2020

Pixel Art حتی این روزها برای بازی بسیار محبوب است و دلایل مختلفی برای آن وجود دارد!

بنابراین، آنچه Pixel Art را مجذوب خود می کند:

ادراک. Pixel art شگفت انگیز به نظر می رسد! در مورد تک تک پیکسل ها در یک اسپرایت حرف های زیادی برای گفتن وجود دارد.
نوستالژی. Pixel Art یک حس نوستالژیک عالی را برای گیمرهایی که با نینتندو، سوپر نینتندو یا جنسیس بزرگ شده اند (مثل من!) به ارمغان می آورد.
سهولت یادگیری.هنر پیکسل یکی از ساده ترین هنرهای دیجیتال برای یادگیری است، به خصوص اگر بیشتر یک برنامه نویس باشید تا یک هنرمند ;]

بنابراین، می‌خواهید دست خود را در Pixel Art امتحان کنید؟ سپس با من همراه باشید و من به شما نشان خواهم داد که چگونه یک شخصیت قابل بازی ساده و در عین حال موثر بسازید که بتوانید در بازی خود از آن استفاده کنید! به علاوه، به عنوان یک امتیاز، به نحوه ادغام آن در بازی های آیفون خواهیم پرداخت!

برای یادگیری موفق، به Adobe Photoshop نیاز دارید. اگر آن را ندارید، می توانید یک نسخه آزمایشی رایگان را از وب سایت Adobe یا تورنت دانلود کنید.

Pixel Art چیست؟

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

شیب: دو رنگ را انتخاب کنید و رنگ پیکسل های بین آن را محاسبه کنید. جالب به نظر می رسد، اما Pixel Art نیست!

ابزار تار: تشخیص پیکسل ها و تکثیر/ویرایش آنها برای ساختن نسخه جدیدی از تصویر قبلی. باز هم، یک نمودار پیکسلی نیست.

ابزار صاف کننده(بیشتر پیکسل های جدید در رنگ های مختلف تولید می کنند تا چیزی "صاف" شود). شما باید از آنها دوری کنید!

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

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

بنابراین، متوجه شدیم که Pixel Art هنگام قرار دادن هر پیکسل در یک sprite، اغلب با دست و با یک پالت رنگ محدود، به توجه زیادی نیاز دارد. حالا بریم سر کار!

شروع کار

قبل از شروع ساخت اولین دارایی Pixel Art خود، باید بدانید که Pixel Art را نمی توان مقیاس کرد. اگر سعی کنید آن را کاهش دهید، همه چیز مبهم به نظر می رسد. اگر سعی کنید آن را بزرگ کنید، تا زمانی که از مقیاسی مضرب دو استفاده کنید، همه چیز قابل قبول به نظر می رسد (اما، البته، هیچ وضوحی وجود نخواهد داشت).

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

به عنوان مثال، اگر می‌خواهید بازی شما در iPhone 3GS دو برابر بزرگ‌تر به نظر برسد ("بله، من واقعاً می‌خواهم به بازی خود ظاهری یکپارچه‌سازی با پیکسل" بدهم، که وضوح صفحه نمایش 480x320 پیکسل دارد، پس باید کار کنید. در نصف رزولوشن در این حالت 240x160 پیکسل خواهد بود.

باز کردن یک سند جدید فتوشاپ ( فایل → جدید…) و اندازه را به اندازه صفحه بازی خود تنظیم کنید، سپس اندازه شخصیت خود را انتخاب کنید.

هر سلول 32x32 پیکسل است!

من 32x32px را انتخاب کردم نه تنها به این دلیل که برای اندازه صفحه نمایشی که انتخاب کردم عالی است، بلکه به این دلیل که 32x32px نیز مضربی از 2 است، که برای موتورهای اسباب بازی مفید است (اندازه کاشی ها اغلب مضربی از 2 هستند، بافت ها هم تراز هستند). و غیره.

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

چگونه یک شخصیت هنری پیکسل را ترسیم کنیم

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

در فتوشاپ را انتخاب کنید ابزار مداد(ابزار مداد). اگر نمی توانید آن را پیدا کنید، فقط ابزار را فشار داده و نگه دارید ابزار قلم مو(ابزار قلم مو) و بلافاصله آن را خواهید دید (باید در لیست دوم باشد). شما فقط باید اندازه آن را به 1 پیکسل تغییر دهید (می توانید در نوار گزینه های ابزار کلیک کنید و اندازه آن را تغییر دهید یا فقط کلید [ را نگه دارید).

همچنین شما نیاز خواهید داشت ابزار پاک کردن(ابزار پاک کن)، بنابراین روی آن کلیک کنید (یا کلید E را فشار دهید) و تنظیمات آن را با انتخاب از لیست کشویی تغییر دهید. حالت:(حالت:) مداد(مداد) (از آنجایی که در این حالت دودگی وجود ندارد).

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

ای! من پیکسل شدم!!

می‌توانید از قبل با Lineart (جایی که طراحی با خطوط انجام می‌شود) شروع کنید، اما یک راه کاربردی‌تر ترسیم شبح یک شخصیت است. خبر خوب این است که در این مرحله نیازی به حرفه ای بودن ندارید، فقط سعی کنید ابعاد اعضای بدن (سر، بدن، بازوها، پاها) و ژست شروع کاراکتر را تصور کنید. سعی کنید چیزی شبیه به این را در خاکستری انجام دهید:

در این مرحله نیازی نیست که حرفه ای باشید

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

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

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

انتخاب کنید با فشار دادن و نگه داشتن ابزار مستطیل(ابزار مستطیل)

در لیست کشویی به پنل گزینه های ابزار بروید حالت ابزار را انتخاب کنید(حالت ترسیم طرح کلی) Pixel را انتخاب کنید، تغییر دهید وزن(عرض) 1 پیکسل (اگر قبلاً انجام نشده باشد) و علامت را بردارید ضد نام مستعار(صاف کننده). در اینجا این است که چگونه باید باشید:

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

اعمال رنگ و سایه

حالا شما آماده شروع رنگ آمیزی شخصیت ما هستید. نگران انتخاب رنگ های مناسب نباشید، بعداً تغییر آنها بسیار آسان خواهد بود، فقط مطمئن شوید که هر کدام "رنگ خود" را دارند. از رنگ های پیش فرض در برگه استفاده کنید نمونه ها(پنجره ← نمونه ها).

شخصیت خود را همانطور که در زیر نشان داده شده است رنگ آمیزی کنید (اما با خیال راحت خلاق باشید و از رنگ های خود استفاده کنید!)

یک رنگ خوب و متضاد خوانایی دارایی شما را بهبود می بخشد!

توجه داشته باشید که من هنوز هیچ طرحی برای لباس یا مو انجام نداده ام. همیشه به یاد داشته باشید: تا حد امکان پیکسل ها را از خطوط غیر ضروری ذخیره کنید!

زمان را برای رنگ آمیزی هر پیکسل تلف نکنید. برای سرعت بخشیدن به کارها، از خطوطی برای همان رنگ یا ابزار سطل رنگ(ابزار Paint Bucket) برای پر کردن جاهای خالی. به هر حال، آن نیز باید پیکربندی شود. انتخاب کنید ابزار سطل رنگدر نوار ابزار (یا فقط کلید G را فشار دهید) و تغییر دهید تحمل(تحمل) را به 0 رسانده و علامت را بردارید ضد نام مستعار(صاف کننده).

اگر زمانی نیاز به استفاده داشتید ابزار عصای جادویی(ابزار جادویی عصای جادویی) - ابزار بسیار مفیدی است که همه پیکسل ها را با رنگ یکسان انتخاب می کند، سپس آن را به همان روشی که ابزار "سطل رنگ" تنظیم می کند - بدون تحمل و ضد آلیاسینگ تنظیم می کند.

مرحله بعدی که نیاز به دانش شما دارد، روشن کردن و سایه زدن است. اگر دانشی در مورد نحوه نشان دادن جنبه های روشن و تاریک ندارید، در زیر به شما آموزش کوچکی خواهم داد. اگر وقت یا تمایلی برای یادگیری آن ندارید، می توانید این مرحله را رد کرده و به قسمت Spice Up Your Palette بروید، زیرا در نهایت، می توانید فقط سایه زدن خود را شبیه به مثال من کنید!

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

سعی کنید خطوط کلی را همانطور که می خواهید / می توانید ارائه دهید، زیرا پس از آن دارایی جالب تر به نظر می رسد. به عنوان مثال، اکنون می توانید بینی، چشم های اخم شده، پاک کردن موها، چین های شلوار و غیره را ببینید. همچنین می توانید چند نقطه روشن روی آن اضافه کنید، حتی بهتر به نظر می رسد:

هنگام سایه زدن از همان منبع نور استفاده کنید

و اکنون، همانطور که قول داده بودم، یک راهنمای کوچک برای نور و سایه:

پالت خود را چاشنی کنید

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

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

سپس، در پنجره Color Picker، نوار کناری سمت راست را برای انتخاب رنگ و ناحیه اصلی را برای انتخاب روشنایی مورد نظر (روشن‌تر یا تیره‌تر) و اشباع (آب‌دارتر یا کدرتر) مرور کنید.

هنگامی که مورد مناسب را پیدا کردید، روی OK کلیک کنید و ابزار Paint Bucket را دوباره پیکربندی کنید. نگران نباشید، پس از آن می‌توانید به سادگی تیک گزینه Contiguous را بردارید و وقتی با رنگ جدید رنگ می‌کنید، تمام پیکسل‌های جدید با رنگ پس‌زمینه یکسان نیز رنگ می‌شوند.

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

تیک "Contiguous" را بردارید تا پیکسل های انتخاب شده با همان رنگ پر شوند

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

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

همانطور که می بینید، من در تمام ابزارهایی که تا به حال استفاده کرده ام، anti-aliasing را خاموش کردم. فراموش نکنید که این کار را در ابزارهای دیگر نیز انجام دهید، به عنوان مثال، خیمه شب بازی بیضوی(منطقه انتخاب بیضی شکل) و کمند(کمند).

با استفاده از این ابزارها می توانید به راحتی اندازه قطعات انتخاب شده را تغییر دهید یا حتی آنها را بچرخانید. برای انجام این کار، از هر ابزار انتخابی استفاده کنید (یا کلید M را فشار دهید) تا یک ناحیه را انتخاب کنید، کلیک راست کرده و انتخاب کنید تبدیل رایگان(تبدیل رایگان)، یا فقط Ctrl + T را فشار دهید. برای تغییر اندازه ناحیه انتخاب شده، یکی از دستگیره های واقع در امتداد محیط قاب تبدیل را بکشید. برای تغییر اندازه انتخاب با حفظ نسبت ابعاد، کلید Shift را نگه دارید و یکی از دستگیره های گوشه را بکشید.

با این حال، فتوشاپ به طور خودکار هر چیزی را که با آن ویرایش می شود صاف می کند تبدیل رایگانبنابراین قبل از ویرایش به ویرایش → تنظیمات → عمومی(Ctrl + K) و تغییر دهید درون یابی تصویر(تصویر درون یابی) روشن است نزدیکترین محله(نزدیکترین همسایه). به طور خلاصه، در نزدیکترین محلهموقعیت و اندازه جدید بسیار تقریبی محاسبه می شود، هیچ رنگ یا شفافیت جدیدی اعمال نمی شود و رنگ هایی که انتخاب می کنید حفظ می شوند.

ادغام Pixel Art Drawing در بازی های آیفون

در این بخش، یاد خواهید گرفت که چگونه با استفاده از چارچوب بازی Cocos2d، هنر پیکسل خود را در یک بازی آیفون ادغام کنید. چرا من فقط آیفون را در نظر دارم؟ زیرا به لطف یک سری مقالات در مورد یونیتی (به عنوان مثال: یا Game به سبک Jetpack Joyride در Unity 2D) شما قبلاً می دانید که چگونه با آنها در Unity کار کنید و از مقالاتی در مورد کرافت (بازی های مرورگر: Snake) و Impact (مقدمه ای برای ایجاد بازی های مرورگر در Impact) یاد گرفتید که چگونه آنها را روی بوم جاسازی کنید و بازی های مرورگر ایجاد کنید.

اگر با Cocos2D یا به طور کلی توسعه آیفون تازه کار هستید، پیشنهاد می کنم با یکی از آموزش های Cocos2d و iPhone شروع کنید. اگر Xcode و Cocos2d را نصب کرده اید، ادامه مطلب را بخوانید!

یک پروژه جدید ایجاد کنید iOS → cocos2d v2.x → قالب iOS cocos2d، نام آن را PixelArt بگذارید و iPhone را به عنوان دستگاه انتخاب کنید. پیکسل آرت ایجاد شده، به عنوان مثال: sprite_final.png را به داخل پروژه خود بکشید و سپس باز کنید HelloWorldLayer.mو روش اولیه سازی را با روش زیر جایگزین کنید:

-(id) init ( if((self=)) (CCSprite * hero = ; hero.position = ccp(96, 96); hero.flipX = YES; ; ) return self; )

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

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

مقیاس قهرمان = 2.0;

هیچ چیز پیچیده ای نیست، درست است؟ کامپایل، اجرا و... صبر کنید، اسپرایت ما تار است!

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

این خط، Cocos2d را پیکربندی می‌کند تا تصاویر را بدون آنتی‌الیاسینگ مقیاس‌بندی کند، بنابراین پسر ما همچنان «پیکسل‌شده» به نظر می‌رسد کامپایل، اجرا و... بله، کار می‌کند!

به مزایای استفاده از گرافیک Pixel Art توجه کنید - ما می‌توانیم از تصویر کوچک‌تری نسبت به آنچه روی صفحه نمایش داده می‌شود استفاده کنیم و مقدار زیادی از حافظه بافت را ذخیره کنیم. ما حتی نیازی به ایجاد تصاویر جداگانه برای نمایشگرهای شبکیه نداریم!

و بعدش چی؟

امیدوارم از این آموزش لذت برده باشید و کمی بیشتر در مورد هنر پیکسل یاد گرفته باشید! قبل از جدایی، می خواهم به شما توصیه هایی کنم:

همیشه سعی کنید از استفاده از رنگ های ضد آلیاس، گرادیان یا رنگ های زیاد برای دارایی های خود اجتناب کنید. این به نفع شماست، به خصوص اگر هنوز مبتدی هستید.
اگر واقعاً می خواهید سبک یکپارچهسازی با سیستمعامل را تقلید کنید، هنر را در بازی های کنسول 8 بیتی یا 16 بیتی بررسی کنید.
برخی از سبک ها از خطوط تیره استفاده نمی کنند، برخی دیگر تأثیر نور یا سایه را در نظر نمی گیرند. همه چیز به سبک بستگی دارد! در درس ما سایه ها را نکشیدیم، اما این بدان معنا نیست که نباید از آنها استفاده کنید.

برای یک مبتدی، Pixel Art ساده ترین گرافیک برای یادگیری به نظر می رسد، اما در واقع آنقدرها هم که به نظر می رسد ساده نیست. بهترین راه برای بهبود مهارت های خود تمرین، تمرین، تمرین است. من به شدت توصیه می کنم کارهای خود را در انجمن های Pixel Art برای سایر هنرمندان پست کنید تا به شما توصیه کنند - این یک راه عالی برای بهبود تکنیک شما است! کم شروع کنید، سخت تمرین کنید، بازخورد بگیرید و می توانید یک بازی شگفت انگیز بسازید که پول و لذت زیادی برای شما به ارمغان می آورد!

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

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

قوانین اساسی هنر پیکسل

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

خطوط مستقیم

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

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

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

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

خطوط منحنی

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

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

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

پریشان

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

محبوب‌ترین روش پراکندگی، چیدمان پیکسل‌ها به صورت شطرنجی است:

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

و متعاقباً، از dithering اغلب برای انتقال حجم به دلیل نور و سایه در تصاویر استفاده می شد:

برای اینکه هنر پیکسل پراکنده به خوبی کار کند، ناحیه ترکیب باید حداقل دو پیکسل عرض داشته باشد.

نرم افزار پیکسل آرت

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

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

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

دارندگان مک می توانند برنامه رایگان Pixen را امتحان کنند. و کاربران سیستم عامل لینوکس باید برنامه های GrafX2 و JDraw را برای خود آزمایش کنند.

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

نحوه ترسیم Pixel Art در فتوشاپ

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

نقاشی "بالون"

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

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

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

ببینید چقدر آسان است - توپ آماده است!

شکل "ربات"

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

یک سند جدید باز کنید، یک طرح کلی از ربات آینده بسازید:

اکنون می توانید هر چیزی را که مانع می شود پاک کنید و در صورت لزوم پیکسل ها را بکشید:

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

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

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

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

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

در تمام مناطقی که قرار است نور را منعکس کنند، نکات برجسته را به ربات اضافه کنید:

با سایه ها و نورها به پاهای ربات ظاهری استوانه ای بدهید. به همین ترتیب، از دایره های روی سینه ربات سوراخ هایی ایجاد کنید:

حالا بیایید تصویر را با افزودن عنصر پیکسل آرت که قبلاً در نظر گرفتیم - dithering - به مناطق سایه تنه بهبود دهیم.

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

همین - ربات پیکسل خنده دار ما آماده است!

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

آن را بگیرید، به دوستان خود بگویید!

در وب سایت ما نیز بخوانید:

بیشتر نشان بده، اطلاعات بیشتر

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

تصاویر شگفت انگیز، سایه های عالی. (Polyfonken's Pixel Art).

موضوع کاملاً گسترده است. انواع تاس وجود دارد.

تصاویر راد هانت بسیار رنگارنگ و واقعی هستند. این هنرمند گرافیک برداری را با هنر پیکسلی ترکیب می کند.

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

این نقاشی توسط خوان مانوئل داپورتا فقط با استفاده از MS Paint انجام شده است! کار 8 ماه طول کشید. چشمگیر.

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

جنگ های فضایی به سبک Super Robot Wars. در دنیای هنر پیکسل، رابرسون سبک منحصر به فرد خود را دارد.

شهر عروسک های دیوانه. این تصویر، اگرچه به صورت وکتور کشیده شده است، اما همچنان شبیه به هنر پیکسل است. کار جالبیه

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

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

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

نمونه ای از هنر پیکسل. قطعه.

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

پیکسل آرت. بهترین آثار و تصویرگران

شهر. نویسنده: Zoggles

قلعه افسانه ای نویسنده: تینولاف

روستای قرون وسطایی نویسنده: docdoom

باغ های معلق بابل. نویسنده: ماه گرفتگی

محله مسکونی. نویسنده:

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

اکنون دقیقاً مشخص نیست که این تکنیک از چه زمانی آغاز شد، ریشه ها در اوایل دهه 1970 گم شده اند. با این حال، تکنیک ترکیب تصاویر از عناصر کوچک به اشکال بسیار قدیمی‌تری از هنر مانند معرق، دوخت متقاطع، قالی‌بافی و منجوق برمی‌گردد. خود عبارت «هنر پیکسلی» به عنوان تعریفی از هنر پیکسلی برای اولین بار در مقاله ای توسط ادل گلدبرگ و رابرت فلگال در ژورنال Communications of ACM (دسامبر 1982) استفاده شد.

پیکسل آرت گسترده ترین کاربرد را در بازی های رایانه ای دریافت کرده است که جای تعجب نیست - این امکان را فراهم می کند تا تصاویری را ایجاد کنید که برای منابع بی نیاز هستند و در عین حال واقعاً زیبا به نظر می رسند (در عین حال زمان زیادی را از هنرمند و نیاز به مهارت های خاصی دارد و بنابراین به معنای پرداخت خوب است). دوران اوج، بالاترین نقطه توسعه، به طور رسمی بازی های ویدئویی در کنسول های نسل 2 و 3 (اوایل دهه 1990) نامیده می شود. پیشرفت بیشتر در فناوری، ظهور رنگ اول 8 بیتی، و سپس True Color، توسعه گرافیک سه بعدی - همه اینها در طول زمان هنر پیکسل را به پس زمینه و پلان های سوم سوق داد، و سپس به طور کامل آن پیکسل به نظر رسید. هنر به پایان رسیده بود

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

البته عناصر مختلف رتروگراد نقش خود را در بازگشت گرافیک پیکسلی ایفا کردند که عاشق نوستالژی بازی های خوب قدیمی دوران کودکی هستند و در عین حال می گویند: «اوه، الان این کار را نمی کنند». زیبایی‌شناسانی که می‌توانند زیبایی‌های هنر پیکسلی را درک کنند، و توسعه‌دهندگان مستقلی که زیبایی‌های گرافیکی مدرن را درک نمی‌کنند (و گاهی اوقات، هرچند به ندرت، به سادگی نمی‌دانند چگونه آن‌ها را در پروژه‌های خود پیاده‌سازی کنند)، به همین دلیل است که آنها هنر پیکسلی را مجسمه‌سازی می‌کنند. . اما بیایید هنوز پروژه های صرفاً تجاری - برنامه های کاربردی برای دستگاه های تلفن همراه، تبلیغات و طراحی وب را تخفیف ندهیم. بنابراین اکنون همانطور که می گویند هنر پیکسلی در محافل باریک گسترده شده است و خود را به نوعی وضعیت هنری "نه برای همه" به دست آورده است. و این در حالی است که برای یک فرد غیر معمولی بسیار در دسترس است، زیرا برای کار در این تکنیک کافی است یک کامپیوتر و یک ویرایشگر گرافیکی ساده در دسترس داشته باشید! (به هر حال، توانایی نقاشی نیز ضرری ندارد) کلمات کافی است، به اصل مطلب بروید!

2. ابزار.

برای ایجاد پیکسل آرت به چه چیزی نیاز دارید؟ همانطور که در بالا گفتم، یک کامپیوتر و هر ویرایشگر گرافیکی که بتواند در سطح پیکسل کار کند کافی است. شما می توانید در هر جایی نقاشی کنید، حتی روی Game Boy، حتی در Nintendo DS، حتی در Microsoft Paint (نکته دیگر این است که طراحی در دومی بسیار ناخوشایند است). ویرایشگرهای شطرنجی بسیار زیادی وجود دارد، بسیاری از آنها به اندازه کافی رایگان و کاربردی هستند، به طوری که هرکسی می تواند به تنهایی در مورد نرم افزار تصمیم بگیرد.

من در ادوبی فتوشاپ نقاشی می کشم چون راحت است و مدت زیادی از آن گذشته است. من دروغ نمی گویم و با زمزمه کردن دندان های مصنوعی خود نمی گویم که "یاد دارم فتوشاپ هنوز خیلی کوچک بود، روی مکینتاش بود و با شماره 1.0 بود" اینطور نبود. اما من فتوشاپ 4.0 (و همچنین در مک) را به یاد دارم. و بنابراین برای من مسئله انتخاب هرگز مطرح نشد. و بنابراین، نه، نه، اما من توصیه هایی در مورد فتوشاپ ارائه خواهم کرد، به ویژه جایی که قابلیت های آن به ساده سازی خلاقیت کمک زیادی می کند.

بنابراین، شما به هر ویرایشگر گرافیکی نیاز دارید که به شما امکان می دهد با یک ابزار در یک پیکسل مربع طراحی کنید (پیکسل ها می توانند غیرمربع نیز باشند، به عنوان مثال، گرد، اما ما در حال حاضر به آنها علاقه نداریم). اگر ویرایشگر شما از هر مجموعه ای از رنگ ها پشتیبانی می کند، عالی است. اگر به شما امکان ذخیره فایل ها را نیز می دهد - عالی است. خوب است بدانید چگونه با لایه ها کار کنید ، زیرا هنگام کار بر روی یک تصویر نسبتاً پیچیده ، تجزیه عناصر آن به لایه های مختلف راحت تر است ، اما به طور کلی این یک عادت و راحتی است.

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

3. اصول کلی.

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

اساسی ترین اصل را می توان به صورت زیر فرمول بندی کرد: حداقل واحد یک تصویر یک پیکسل است و در صورت امکان، تمام عناصر ترکیب باید متناسب با آن باشند. رمزگشایی خواهم کرد: هر چیزی که ترسیم می کنید از پیکسل تشکیل شده است و پیکسل باید در همه چیز خوانده شود. این بدان معنا نیست که اصلاً نمی توان عناصری در تصویر وجود داشته باشد، به عنوان مثال، پیکسل 2x2 یا 3x3. اما هنوز ترجیح داده می شود که یک تصویر از پیکسل های جداگانه ساخته شود.

سکته مغزی و به طور کلی تمام خطوط تصویر باید یک پیکسل ضخامت داشته باشد (به استثنای نادر).

من به هیچ وجه نمی گویم این اشتباه است. اما هنوز خیلی زیبا نیست. و برای زیباتر کردن آن، یک قانون دیگر را به خاطر بسپارید: بدون پیچ خوردگی بکشید، به آرامی گرد کنید. چیزی به نام پیچ خوردگی وجود دارد - قطعاتی که از نظم خارج می شوند، به خطوط ظاهری ناهموار و ناهموار می بخشند (در محیط انگلیسی زبان هنرمندان پیکسل به آنها jaggies می گویند):

پیچ خوردگی ها، صافی و زیبایی طبیعی را از نقاشی سلب می کنند. و اگر قطعات 3، 4 و 5 واضح باشند و به راحتی اصلاح شوند، وضعیت با دیگران پیچیده تر است - طول یک تکه زنجیره در آنجا شکسته شده است، به نظر یک چیز بی اهمیت است، اما یک چیز جزئی قابل توجه است. یادگیری دیدن و اجتناب از چنین مکان هایی کمی تمرین می خواهد. Kink 1 به دلیل تک پیکسل بودن از خط حذف می شود - در حالی که در ناحیه ای که گوه شده است، خط از بخش های 2 پیکسلی تشکیل شده است. برای خلاص شدن از شر آن، ورود منحنی به خم را با گسترش بخش بالایی به 3 پیکسل، و ترسیم مجدد کل خط در بخش های 2 پیکسلی، نرم کردم. شکست های 2 و 6 با یکدیگر یکسان هستند - اینها قبلاً قطعاتی به طول 2 پیکسل در مناطق ساخته شده توسط پیکسل های منفرد هستند.

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

همانطور که می بینید، یک خط مستقیم از بخش هایی با طول یکسان تشکیل شده است که در حین ترسیم یک پیکسل جابه جا می شوند - این تنها راهی است که اثر خطی بودن به دست می آید. متداول ترین روش های ساخت با طول قطعه 1، 2 و 4 پیکسل هستند (سایرهای دیگری نیز وجود دارند، اما گزینه های ارائه شده باید برای اجرای تقریباً هر ایده هنری کافی باشد). از این سه، می توان با خیال راحت طول بخش 2 پیکسلی را نام برد: یک قطعه بکشید، قلم را 1 پیکسل حرکت دهید، یک قطعه دیگر بکشید، قلم را با 1 پیکسل حرکت دهید، یک قطعه دیگر بکشید:

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

خروج از خط مستقیم به گرد کردن به آرامی انجام می شود، من طول هر بخش را نشان دادم: 5 پیکسل، 3، 2، 2، 1، 1، دوباره 2 (از قبل عمودی)، 3، 5 و بیشتر. لزوماً مورد شما از همان دنباله استفاده نمی کند، همه اینها به نرمی مورد نیاز بستگی دارد. مثال گرد دیگری:

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

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

4.1. یک بطری با آب زنده می کشیم.

1. شکل جسم، در حالی که شما نمی توانید از رنگ استفاده کنید.

2. مایع قرمز رنگ.

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

4. هایلایت های سفید را روی حباب اضافه کنید، و یک سایه قرمز تیره عریض 1 پیکسلی را روی نواحی مایع در حاشیه دیواره های حباب اضافه کنید. خوب به نظر می رسد، اینطور نیست؟

5. به طور مشابه، ما یک بطری را با یک مایع آبی می کشیم - در اینجا همان رنگ شیشه، به علاوه سه سایه آبی برای مایع.

4.2. یک هندوانه می کشیم.

بیایید یک دایره و یک نیم دایره بکشیم - اینها یک هندوانه و یک برش بریده شده خواهند بود.

2. بیایید برش را روی خود هندوانه و روی برش - مرز بین پوسته و پالپ علامت گذاری کنیم.

3. پر کنید. رنگ ها از پالت، سایه متوسط سبز رنگ پوسته است، قرمز متوسط رنگ پالپ است.

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

5. راه راه روشن روی هندوانه (در نهایت، او شبیه خودش است). و البته دانه ها! اگر یک هندوانه را با سوسک ها رد کنید، آنها خود را پخش می کنند.

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

5. پریشان کردن.

Dithering یا ترکیب کردن، تکنیک مخلوط کردن پیکسل ها در یک الگوی مرتب (نه همیشه) مشخص در دو ناحیه مرزی با رنگ های مختلف است. ساده‌ترین، رایج‌ترین و مؤثرترین راه، جایگزین کردن پیکسل‌ها در الگوی شطرنجی است:

پذیرش به دلیل محدودیت‌های فنی (یا بهتر بگوییم بر خلاف) ایجاد شد - در پلتفرم‌هایی با پالت‌های محدود، پراکندگی این امکان را فراهم کرد که با مخلوط کردن پیکسل‌های دو رنگ مختلف، پیکسل سومی به دست آید که در پالت نبود:

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

دو گزینه دیگر برای دویدن:

آنچه شما باید در مورد dithering بدانید تا بتوانید از آن استفاده کنید. حداقل عرض منطقه ترکیب باید حداقل 2 پیکسل باشد (همان چکرز). بیشتر امکان پذیر است. بهتر است کمتر کاری نکنید.

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

خب تئوری بسه پیشنهاد می کنم کمی بیشتر تمرین کنید.

Pixel art را می توان در هر برنامه گرافیکی شطرنجی ترسیم کرد، این موضوع به اولویت و تجربه شخصی (البته و همچنین توانایی های مالی) بستگی دارد. کسی از ساده ترین رنگ استفاده می کند، من آن را در فتوشاپ انجام می دهم - زیرا اولاً مدت زیادی است که در آن کار می کنم و ثانیاً در آنجا راحت تر هستم. به نوعی تصمیم گرفتم Paint.NET رایگان را امتحان کنم ، آن را دوست نداشتم - مانند ماشینی است که یک ماشین خارجی با گیربکس اتوماتیک را در Zaporozhets تشخیص می دهد بعید است که بنشیند. کارفرمای من نرم افزار دارای مجوز را در اختیار من قرار می دهد، بنابراین من وجدان خود را در برابر شرکت Adobe راحت دارم... اگرچه قیمت برنامه های آنها غیرقابل تصور است و آنها به خاطر آن در جهنم می سوزند.

1. آمادگی برای کار.

یک سند جدید با هر تنظیماتی ایجاد کنید (بگذارید عرض آن 60 پیکسل و ارتفاع آن 100 پیکسل باشد). ابزار اصلی یک هنرمند پیکسل یک مداد است ( ابزار مداد، توسط کلید میانبر فراخوانی می شود ب). اگر یک قلم مو در نوار ابزار فعال است (و نمادی که یک قلم مو را نشان می دهد)، نشانگر را روی آن نگه دارید، فشار دهید و نگه دارید LMB- یک منوی کشویی کوچک ظاهر می شود که در آن باید یک مداد را انتخاب کنید. اندازه قلم را روی 1 پیکسل تنظیم کنید (در پانل بالای سمت چپ، یک منوی کشویی قلم مو):