دوره های آموزشی آکادمی پی وی لرن (پروژه محور و ویژه بازار کار)



  • ۱۷
  • مرداد

بخش ۲ : نحوه بزرگنمایی pixel art

  • دسته‌بندی‌ها :
بخش ۲ : نحوه بزرگنمایی pixel art
    • جزئیات
    • نوع محتواآموزش تصویری

      مقدمه

      با عرض سلام و درود خدمت کاربران علاقه مند به یادگیری فتوشاپ در سایت پی وی لرن. با یکی دیگر از جلسات آموزش پروژه محور فتوشاپ. در خدمت شما هستیم. این بخش دوم آموزش نحوه تغییر اندازه Pixel Art در فتوشاپ می باشد که می بینید. در بخش اول این آموزش ما متد interpolation را روی اتوماتیک تنظیم کردیم و اما در این بخش به مشکلی اشاره می کنیم که از همین انتخاب ناشی می شود.

      مشکل در تغییر اندازه pixel art

      تا الان خیلی خوب بوده یا اینطور به نظر می رسد؟

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

      نحوه تغییر اندازه Pixel Art در فتوشاپ

      نحوه تغییر اندازه Pixel Art در فتوشاپ

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

      نحوه تغییر اندازه Pixel Art در فتوشاپ

      مشکل در تغییر اندازه pixel art

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

      نحوه تغییر اندازه Pixel Art در فتوشاپ

      نحوه تغییر اندازه Pixel Art در فتوشاپ

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

      نحوه تغییر اندازه Pixel Art در فتوشاپ

      دیدن هاله در اطراف چشم ها

       متد interpolation تصویر

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

      گزینه Interpolation در سمت راست گزینه Resample یافت می شود.

      و به طور پیش فرض، روی Automatic تنظیم شده است.

      نحوه تغییر اندازه Pixel Art در فتوشاپ

      گزینه Resample

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

      اما همین متد باعث می شود pixel art و انواع مشابهی از گرافیک ها بد به نظر برسند.

      بنابراین هنگام upsampling از pixel art، باید خودمان یک متد interpolation متفاوت را انتخاب کنیم.

      مرحله ۴: متد interpolation را روی Nearest Neighbor تنظیم کنید

      برای انجام این کار، بر روی گزینه Interpolation کلیک کنید تا لیستی از متد هایی که می توانیم انتخاب کنیم، باز شود. اگر از Photoshop CC استفاده می کنید، پس متد Interpolation که Photoshop برای تصاویر بزرگتر انتخاب می کند، Preserve Details است. و اما Bicubic Smoother , Photoshop CS6 را انتخاب می کند.

      اما هیچکدام برای pixel art خوب کار نمی کنند.

      نحوه تغییر اندازه Pixel Art در فتوشاپ

      متد interpolation

      برای بزرگنمایی نمونه کارهای هنری خود بدون متوسط پیکسل ها، متد Interpolation مورد نیاز شما Nearest Neighbor است.

      نحوه تغییر اندازه Pixel Art در فتوشاپ

      Nearest Neighbor

      به محض انتخاب Nearest Neighbor، اثر هنری در پنجره پیش نمایش واضح و تیز به نظر می رسد!

      و اگر در پنجره پیش نمایش کلیک کرده و نگه دارید، و سپس دکمه ماوس خود را آزاد کنید،

      خواهید دید که این بار، هیچ اتفاقی نمی افتد.

      قبل و بعد از اعمال متد Interpolation اثر هنری به همان اندازه تیز به نظر می رسد.

      دلیل آن این است که اکنون این دو متد همان متد Interpolation است که ما انتخاب کردیم.

      Photoshop همیشه پیکسل ها را در ابتدا با استفاده از Nearest Neighbor اضافه می کند.

      اما اکنون که Nearest Neighbor را خودمان انتخاب کرده ایم، از هیچ چیز دیگری استفاده نمی کند که باعث شود pixel art بدتر شود.

      نحوه تغییر اندازه Pixel Art در فتوشاپ

      نحوه تغییر اندازه Pixel Art در فتوشاپ

      مرحله ۵: OK را فشار دهید

      وقتی برای نمونه برداری از اثر هنری آماده هستید،

      برای پذیرفتن تنظیمات خود روی OK کلیک کنید و کادر گفتگوی Image را ببندید.

      نحوه تغییر اندازه Pixel Art در فتوشاپ

      کادر گفتگوی Image

      و حالا، قهرمان pixel art کوچک من بسیار بزرگتر به نظر می رسد،

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

      نحوه تغییر اندازه Pixel Art در فتوشاپ

      نحوه تغییر اندازه Pixel Art در فتوشاپ

      نحوه بزرگنمایی pixel art – خلاصه سریع

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

      ۱٫ کادر گفتگوی تصویر (تصویر> اندازه تصویر) را باز کنید.
      ۲٫ عرض و ارتفاع را بر روی درصد تنظیم کنید، و سپس برای بهترین نتیجه، درصدی را انتخاب کنید که مضرب ۱۰۰ (۲۰۰٪ ، ۳۰۰٪ ، ۴۰۰٪ و غیره) باشد.
      ۳٫ متد Interpolation را به Nearest Neighbor تغییر دهید.
      ۴٫ روی OK کلیک کنید.

      نحوه تغییر اندازه pixel art در اندازه دقیق

      تاکنون، ما آموخته ایم که بهترین راه برای بزرگنمایی pixel art، بالا بردن آن با استفاده از درصدی است که مضرب ۱۰۰ است. اما اگر شما نیاز به بزرگنمایی در ابعاد پیکسل خاص داشته باشید، چه می کنید و نمی توانید با استفاده از این درصد ها کارتان را انجام دهید؟

      به عنوان مثال، با بزرگنمایی ۴۰۰٪ اثر هنری خود، عرض و ارتفاع را از ۵۰۰ پیکسل تا ۲۰۰۰ پیکسل بزرگ کرده ام.

      نحوه تغییر اندازه Pixel Art در فتوشاپ

      نحوه تغییر اندازه pixel art

      اما اگر به عرض و ارتفاع احتیاج داشته باشم چیزی کمی کوچکتر مثل ۱۶۰۰ پیکسل چطور؟

      اگر تصویر ۵۰۰ px 500 x px را ۳۰۰٪ بزرگنمایی می کردم، می توانست عرض و ارتفاع را فقط ۱۵۰۰ پیکسل ایجاد کند، که هنوز هم خیلی کوچک بود. و استفاده بیش از حد از ۴۰۰٪ آن را بسیار بزرگ میکرد. چیزی که من واقعاً به آن احتیاج داشتم چیزی بین این دو بود.

      در این حالت، کاری که شما می خواهید انجام دهید این است که در دو مرحله تغییر اندازه دهید.

      مرحله ۱: از نمونه پیکسل ها به عنوان درصد استفاده کنید

      ابتدا،  pixel art، را با استفاده از درصد و مضرب ۱۰۰ از upsample استفاده کنید،

      و این بزرگتر از حد مورد نیاز شما خواهد شد. در مورد من، من قبلاً این کار را با upsample،

      ۴۰۰ درصد از آن انجام داده ام، بنابراین مرحله اول انجام می شود.

      مرحله ۲: کادر گفتگوی Image را دوباره باز کنید

      سپس، بار دیگر آن را تغییر اندازه دهید، این بار آن را در ابعاد دقیق پیکسل کاهش دهید.

      برای انجام این کار، با  رفتن به منوی Image و انتخاب Image Size، یک بار دیگر کادر گفتگوی تصویر را باز کنید.

      نحوه تغییر اندازه Pixel Art در فتوشاپ

      کادر گفتگوی Image

      مرحله ۳: گزینه Resample را متدن کنید

      اطمینان حاصل کنید که گزینه Resample هنوز متدن است، بنابراین می توانید تعداد پیکسل ها را تغییر دهید.

      نحوه تغییر اندازه Pixel Art در فتوشاپ

      گزینه Resample

      مرحله ۴: عرض و ارتفاع را در پیکسل ها تنظیم کنید

      اندازه دقیق مورد نیاز خود را در پیکسل ها وارد قسمت Width و Height کنید.

      من هر دو را روی ۱۶۰۰ پیکسل تنظیم می کنم.

      نحوه تغییر اندازه Pixel Art در فتوشاپ

      نحوه تغییر اندازه Pixel Art در فتوشاپ

      مرحله ۵: متد Interpolation را روی Automatic تنظیم کنید

      و در آخر اینکه، در حالی که متد Interpolation روی Nearest Neighbor تنظیم شده است برای بالا بردن (pixel art (upsampling بسیار عالی عمل می کند. شما نمی خواهید از آن هنگام downsampling استفاده کنید. در عوض، برای شدیدترین نتایج، متد Interpolation را به حالت Automatic تغییر دهید. این کار کنترل را به فتوشاپ باز می گرداند، و هنگام downsampling تصاویر، به صورت اتوماتیک Bicubic Sharper را انتخاب می کند.

      نحوه تغییر اندازه Pixel Art در فتوشاپ

      متد Interpolation

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

      کار شما تمام می شود و آماده است.

      نحوه تغییر اندازه Pixel Art در فتوشاپ

      نحوه تغییر اندازه Pixel Art در فتوشاپ

      و حالا ما آن را در اختیار داریم! اینگونه است که در تغییر اندازه pixel art، تصاویر و یا گرافیک های مشابه، در فتوشاپ بهترین نتیجه را بدست آورید!

      کلام آخر

      در این آموزش به تغییر اندازه پیکسل های هنری پرداختیم طوری که با بزرگ کردن پیکسل ها اثر هنری مانند سابق همانطور تبز به نظر برسد.

      امیدوارم لذت برده باشید.

      QR:  بخش ۲ : نحوه بزرگنمایی pixel art
      به اشتراک بگذارید