چجوری خروجی بگیریم؟

چجوری خروجی بگیریم؟

پنج‌شنبه، ۲۰ آذر ۱۴۰۴

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

اینجا کامل برات توضیح می‌دم:


۱) خروجی گرفتن با سیستم “Collect For Export” (جمع‌آوری برای خروجی)

این قسمت برای وقتی عالیه که توی یک فایل، چندین چیز مختلف داری
مثلاً:

  • چند نسخه از لوگو

  • آیکن‌ها

  • المان‌های گرافیکی

  • شکل‌ها و آپشن‌های مختلف

و می‌خوای هر کدوم رو به‌صورت جداگانه و یک‌جا خروجی بگیری.

چطور انجامش بدیم؟

۱. هر آبجکتی که می‌خوای خروجی بگیری رو انتخاب کن
۲. راست‌کلیک کن
3. گزینه Collect for Export → As Single Asset یا As Multiple Assets رو بزن

بعد برو به پنل Asset Export (معمولاً پایین راست)

اینجا می‌تونی:

  • فرمت هر دارایی رو انتخاب کنی

  • سایز خروجی رو تنظیم کنی

  • چند فرمت هم‌زمان خروجی بگیری

  • پیش‌نمایش هر کدوم رو ببینی

مزیت‌ها:

  • هوشمندانه و راحت

  • برای آیکن‌ها و پکیج‌های آماده عالیه

  • لازم نیست آرت‌بورد جدا درست کنی

  • چند نسخه و چند فرمت رو یک‌جا می‌ده


۲) تبدیل آبجکت‌ها به “Asset” برای استفاده دوباره

اگه یه المان رو زیاد استفاده می‌کنی (مثلاً لوگو، شکل‌های خاص، تکست آماده)، می‌تونی ازش یک Asset بسازی تا همیشه تو برنامه داشته باشی.

روش ساخت Asset:

۱. آبجکت رو انتخاب کن
۲. بکش داخل پنل Assets
۳. از این به بعد با یک دابل‌کلیک اضافه میشه

اما برای خروجی گرفتن حرفه‌ای، معمولاً Asset Export مهم‌تره.


۳) خروجی گرفتن از خود آرت‌بوردها (Export Artboards)

این روش وقتی مناسبه که:

  • هر آرت‌بورد یک نسخه از لوگو باشه

  • هر آرت‌بورد یک اسلاید طراحی

  • هر آرت‌بورد یک صفحه پوستر

  • یا می‌خوای کل پروژه رو تمیز و منظم تحویل مشتری بدی

چطور انجامش بدیم؟

File → Export → Export As

در پنجره باز شده:

  • گزینه Use Artboards رو فعال کن

  • انتخاب کن می‌خوای All یا فقط Range خروجی بشه

  • فرمت رو انتخاب کن (PNG, JPG, SVG, PDF …)

مزیت‌ها:

  • خروجی کاملاً تمیز و بدون بریدگی

  • مناسب طراحی‌های چندصفحه‌ای

  • هر آرت‌بورد اسم خودش رو می‌گیره

  • برای ارائه به مشتری عالیه


۴) خروجی گرفتن با “Save As”

این روش برای ذخیره کردن فایل در فرمت‌های قابل ویرایش استفاده میشه.

مهم‌ترین فرمت‌ها:

  • AI – فایل اصلی

  • PDF (Editable) – مناسب چاپ + قابل ویرایش

  • EPS – نسخه قدیمی‌تر وکتور، مناسب چاپخانه‌ها

  • SVG – مخصوص وب

  • AIT – قالب (Template)

کاربرد:

اگه می‌خوای لوگو رو به مشتری بدی که جای دیگه ویرایش بشه، PDF یا EPS ضروریه.


۵) خروجی مخصوص برای وب

File → Export → Save for Web (Legacy)

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

  • PNG شفاف

  • JPG با کیفیت‌های مختلف

  • GIF

  • SVG

مناسبه.

اما امروز بیشتر از Export As و Asset Export استفاده می‌کنن.


۶) حالا اصل مطلب: لوگو رو در چه فرمت‌هایی باید خروجی بگیری؟

طراح‌های حرفه‌ای معمولاً برای پروژه لوگو یه فولدر به مشتری می‌دن که کامل و استاندارد باشه.

📌 ۴ فرمت ضروری برای هر لوگو

۱) AI (فایل اصلی وکتور)

  • نسخه کامل و قابل ویرایش

  • استاندارد اصلی ایلاستریتور

  • لازم برای چاپ با ابعاد بزرگ

۲) PDF (استاندارد چاپ + قابل ویرایش)

مزیت:
چاپخانه‌ها PDF رو استانداردترین فرمت می‌دونن.
از نظر کیفیت وکتور می‌مونه و خراب نمی‌شه.

اگر لوگو رو به شرکت‌ها می‌دی → PDF لازم است.

۳) PNG (نسخه شفاف / Transparent)

  • برای استفاده در وب

  • موکاپ

  • شبکه‌های اجتماعی

  • ارائه به مشتری

سایز پیشنهادی:
۱۰۰۰ یا ۲۰۰۰ پیکسل (بسته به نیاز)

۴) SVG (نسخه وکتور مخصوص وب)

  • برای سایت و اپلیکیشن

  • سبک

  • بدون افت کیفیت

  • مقیاس‌پذیر

اگر مشتری وب‌سایت داره → SVG ضروری است.


📦 فرمت‌های اضافی که می‌تونی بدی (اختیاری اما حرفه‌ای)

EPS

برای چاپخانه‌های قدیمی که هنوز با EPS کار می‌کنن.

JPG

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

WEBP

فرمت جدید و سبک برای وب، اگه پروژه دیجیتاله عالیه.


چطور خروجی استاندارد برای لوگو آماده کنیم؟

۱. لوگو رو روی آرت‌بوردهای جدا بذار

  • نسخه اصلی

  • نسخه بدون متن

  • نسخه تک‌رنگ

  • نسخه سفید

  • نسخه افقی

  • نسخه عمودی

۲. نام آرت‌بوردها رو دقیق بگذار

Logo-Primary
Logo-Mono
Logo-White
Logo-Icon

۳. بعد Use Artboards رو بزن و خروجی بگیر

۴. همه رو داخل یک فولدر منظم بچین

مثل:

Logo/
   - AI
   - PDF
   - SVG
   - PNG
   - JPG