مهمان عزیز خوش‌آمدید. ورود عضــویت


نظرسنجی: آِیا این آموزش کاربردی بود؟
بله ، کاربردی بود
خیر ، کاربردی نبود
[نمایش نتایج]
 
 
جدا کردن اسپرایت های یک عکس در فتوشاپ
#1
Information 
بِسْمِ اللَّهِ الرَّحْمَنِ الرَّحِيمِ

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

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

[عکس: spritesheet_tiles.png]

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


 خب بریم سراغ فتوشاپ.
بعد از اینکه عکس رو وارد کردید،
از بخش جعبه ابزار کراپ رو انتخاب میکنید.

[عکس: Screenshot_94_.png]

و روش راست کلیک میکنین و ابزار چهارو یا آخرین ابزار به اسم 
"Slice Select Tool"
رو انتخاب میکنید.
بعدش یک کلیک روی عکس میکنید.
 و بعد روی این گزینه کلیک کنید
[عکس: Rounded_Rectangle_1.png]
و بعد تعداد قسمت هایی را که باید طول و عرض تکه تکه شه رو مثل کانستراکت وارد میکنید مثلا ما میخوایم 
عکس به 27*20 تکه تبدیل بشه.

[عکس: Rectangle_2_copy.png]
و بعد OK میکنید.
حالا میبینیم که به تعدادی که خواستیم عکس قسمت شده
حالا نوبت سیو کردن عکس هاست.
خب چون که اینجا از فتوشاپ CC استفاده کردیم برای گزینه
Save for web 
باید این مسیر رو طی کنیم
File>Export>Save for Web
یا کلید های میانبر 
Alt+Shift+Ctrl+S 4
حالا یک صفحه مثل این باز میشه
[عکس: Screenshot_101_.png]
خب از قسمت پسوند هر پسوندی که خواستید(اگه گیف باشه فکر نکنم کار نکنه یک پسوند عکس بذارید)
رو انتخاب میکنید بقیه تنظیمات به عهده خودتون 1 
و سیو میکنید.
خب توی این پنجره این تنظیمات رو وارد کنید و یک پوشه مخصوص برای همه عکس ها انتخاب کنید!
[عکس: Screenshot_103_.png]

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

اگه خوب بود ممنون میشم سپاس یا اعتبار بدید[عکس: 53.gif]
 
پاسخ دهید
 سپاس شده توسط: _mohammad_javad_ ، محمد هادی ، shazde ، ehsansayrafi
  


موضوعات مشابه ...
موضوع نویسنده پاسخ بازدید آخرین ارسال
Star آموزش ساخت بازی شبیه به کوییز آف کینگز با کانستراکت hmdnjf 3 90 دیروز، 07:55 عصر
آخرین ارسال: alirezaa82
  پکیج ویژه وینوس + آموزش تصویری construct2j.blog.ir 43 1,798 1398/3/27، 10:34 صبح
آخرین ارسال: amin COD
Heart تاپیک بزرگ سی-لایف (آموزش-منابع بازی سازی-اسپرایت-پلاگین و...) ehsansayrafi 20 1,020 1398/3/25، 12:44 عصر
آخرین ارسال: محمد 82
  اکسپرشن های کانستراکت محمد 82 0 49 1398/3/18، 10:27 عصر
آخرین ارسال: محمد 82
Brick مهم آموزش خروجی Cordova به صورت مستقیم روی سیستم شخصی mostafanastary 40 5,938 1398/3/18، 12:09 صبح
آخرین ارسال: mostafanastary

پرش به انجمن: