آشنایی با کاربرد ابزار Slice در فتوشاپ (چند تکه کردن یک عکس)

آیا با کاربر ابزار Slice در فتوشاپ آشنا هستید؟

کار اصلی این ابزار، تکه تکه (slice) کردن یک تصویر است. به طور مثال به این صورت:

که وقتی کنار هم چیده می‌شوند، به این صورت خواهند بود:

اگر نیاز دارید که عکس بالا را داشته باشید و گام به گام با آموزش پیش بروید، روی لینک زیر کلیک راست کنید و گزینه Save Target/Link As را انتخاب کنید و بعد از ذخیره کردن عکس، آن‌را در فتوشاپ باز کنید:

http://tutorials.aftab.cc/photoshop/slice_tool/human_face.jpg

چرا باید یک عکس را تکه تکه کنیم؟

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

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

مثلاً من عکس بالا را چند تکه کرده‌ام و هر قسمت از صورت را به صفحه‌ای لینک داده‌ام که در مورد آن قسمت توضیح می‌دهد. (روی چشم‌ها یا گوش‌ها و بینی و دهان کلیک کنید تا متوجه شوید)

و یا ممکن است به طور مثال چندین عکس 3x4 را یک‌جا در اسکنر بگذارید و همه را با هم اسکن کنید. حالا نیاز دارید که یکی یکی عکس‌ها از هم جدا شوند. می‌توانید از این ابزار استفاده کنید.

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

روش استفاده از Slice Tool:

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

یک نکته مهم: بهتر است قبل شروع کار، از منوی View در زیرمنوی Snap To گزینه Slices را فعال کنید تا دقیق‌تر قطعات را ایجاد کنید.

ویرایش اسلایس‌ها:

اگر احساس کردید که اسلایس‌هایتان نیاز به ویرایش دارند، در حالی که ابزار Slice انتخاب است، کلید Ctrl را پایین نگاه دارید و روی محوطه‌ها کلیک کنید، سپس اندازه آن‌ها را کم و زیاد کنید... (در عکس زیر، محوطه 7 انتخاب و آماده تغییر اندازه است)

به کار نهایی من دقت کنید:

خروجی گرفتن از عکس:

- حالا برای این که عکس به صورت تکه تکه ذخیره شود، از منوی File گزینه Save For Web را انتخاب کنید. (یا کلیدهای Ctrl+Alt+Shift+S را فشار دهید)

- از سمت راست، فرمت png را انتخاب کنید و بسته به اینکه چه کیفیتی نیاز دارید، Colors را بین 8 تا 256 رنگ انتخاب کنید. (هر چه عدد بزرگ‌تر، عکس‌ها با کیفیت‌تر و البته حجیم‌تر! اگر برای وب می‌خواهید طبیعتاً باید به حجم، دقت بیشتری کنید)

- روی دکمه Save کلیک کنید.

- در پنجره بعد، پوشه دلخواهی را انتخاب کنید. سپس از بخش Format گزینه HTML and Images را انتخاب کنید و بقیه موارد را اگر خواستید، طبق تنظیمات تصویر زیر تغییر دهید و اگر نخواستید، بدون تغییر بگذارید:

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

پاک کردن Sliceها:

اگر کارتان با Sliceهای روی تصویر تمام شد، می‌توانید برای حذف آن‌ها از منوی View گزینه Clear Slices را کلیک کنید.

موفق باشید؛
حمید رضا نیرومند