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

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

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

فایل لایه‌باز یعنی چه؟

در یک طرح معمولی که به‌صورت JPG یا PNG ذخیره شده، همه‌چیز روی هم قرار گرفته و یک تصویر واحد ساخته است. نمی‌توانی فقط تیتر را برداری یا فقط رنگ دکمه را عوض کنی. در فایل لایه‌باز برعکس، هر بخش طرح روی یک لایه جداست: پس‌زمینه یک لایه، عکس یک لایه، هر متن یک لایه و هر شکل یک لایه. برای تغییر دادن هر کدام، همان لایه را انتخاب می‌کنی و بقیه طرح همان‌طور که بود می‌ماند.

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

معمولاً وقتی کسی می‌گوید «فایل لایه‌باز»، منظورش PSD است، یعنی فرمت فتوشاپ. اما نرم‌افزارهای دیگر هم فرمت لایه‌دار خودشان را دارند:

PSD
نرم‌افزار: فتوشاپ
بیشتر برای چه کاری: پست و استوری، بنر، تامنیل، موکاپ، کاتالوگ
AI
نرم‌افزار: ایلاستریتور
بیشتر برای چه کاری: لوگو، آیکن، تصویرسازی وکتوری
INDD
نرم‌افزار: ایندیزاین
بیشتر برای چه کاری: کاتالوگ و بروشور چندصفحه‌ای، مجله
AEP
نرم‌افزار: افترافکت
بیشتر برای چه کاری: قالب موشن گرافیک و اینترو
PRPROJ / MOGRT
نرم‌افزار: پریمیر
بیشتر برای چه کاری: قالب تدوین، تایتل و زیرنویس
فرمت نرم‌افزار بیشتر برای چه کاری
PSD فتوشاپ پست و استوری، بنر، تامنیل، موکاپ، کاتالوگ
AI ایلاستریتور لوگو، آیکن، تصویرسازی وکتوری
INDD ایندیزاین کاتالوگ و بروشور چندصفحه‌ای، مجله
AEP افترافکت قالب موشن گرافیک و اینترو
PRPROJ / MOGRT پریمیر قالب تدوین، تایتل و زیرنویس

ادامه مقاله درباره PSD است، چون بیشتر کارهای روزمره مثل پست، استوری، بنر و تامنیل با همین فرمت انجام می‌شود.

داخل یک فایل PSD چه چیزهایی هست؟

وقتی یک PSD را در فتوشاپ باز می‌کنی و پنل Layers را نگاه می‌کنی، معمولاً این‌ها را می‌بینی:

  • لایه‌های متن که هنوز متن واقعی هستند و می‌شود فونت، اندازه و رنگشان را عوض کرد.
  • جای عکس، که در قالب‌های خوب به‌شکل Smart Object ساخته شده تا بتوانی عکس خودت را راحت جایگزین کنی.
  • شکل‌ها، کادرها، آیکن‌ها و دکمه‌ها که معمولاً وکتوری‌اند و با بزرگ شدن کیفیتشان افت نمی‌کند.
  • افکت‌هایی مثل سایه، خط دور و گرادیانت که زیر نام Layer Style روی لایه‌ها نشسته‌اند.
  • گروه‌هایی که لایه‌ها را دسته‌بندی کرده‌اند، مثلاً یک گروه برای هدر و یک گروه برای فوتر.

فایل لایه‌باز به درد چه کسانی می‌خورد؟

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

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

کاربردهای رایجش این‌هاست:

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

قدم‌به‌قدم: ویرایش یک قالب PSD در فتوشاپ

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

  1. فونت‌ها را نصب کن. این کار را قبل از باز کردن فایل انجام بده. اگر فونت طرح روی سیستمت نباشد، فتوشاپ پیام Missing Fonts نشان می‌دهد و یک فونت دیگر جایش می‌گذارد، و طرح از همان لحظه اول به‌هم می‌ریزد. معمولاً فونت‌ها داخل پوشه دانلود هستند یا اسمشان در توضیحات محصول آمده.
  2. یک کپی از فایل بگیر. فایل اصلی را دست نزن و با Save As روی یک کپی کار کن. اگر وسط کار چیزی خراب شد، قالب سالم را داری.
  3. پنل Layers را بگرد. گروه‌ها را باز کن و ببین هر بخش کجاست. معمولاً سازنده‌های حرفه‌ای لایه‌هایی را که باید تغییر کنند اسم‌گذاری کرده‌اند.
  4. متن‌ها را عوض کن. ابزار Type را بردار، روی متن دوبار کلیک کن و تایپ کن. اگر حروف فارسی جدا یا برعکس نمایش داده شد، به Edit > Preferences > Type برو، Text Engine را روی Middle Eastern and South Asian بگذار و فتوشاپ را یک بار ببند و دوباره باز کن. برای راست‌چین شدن درست پاراگراف هم در پنل Paragraph جهت متن را روی راست‌به‌چپ بگذار.
  5. عکس را جایگزین کن. روی آیکن کوچک Smart Object دوبار کلیک کن تا فایل جداگانه‌ای باز شود. عکست را داخلش بگذار، ذخیره کن (Ctrl+S) و ببندش. عکس با همان اندازه و ماسک قبلی در طرح می‌نشیند. راه سریع‌تر این است که روی لایه راست‌کلیک کنی و Replace Contents را بزنی. جزئیات بیشتر را در راهنمای رسمی ادوبی درباره ویرایش Smart Object می‌توانی بخوانی.
  6. رنگ‌ها را با برندت هماهنگ کن. برای شکل‌ها، رنگ Fill را عوض کن. اگر لایه‌ای افکت دارد یا عکس است، به‌جای تغییر مستقیم از Adjustment Layer (مثل Hue/Saturation) استفاده کن تا بتوانی هر وقت خواستی برش گردانی.
  7. خروجی بگیر. برای شبکه‌های اجتماعی و وب از File > Export > Export As استفاده کن و PNG یا JPG بگیر. برای چاپ، ابعاد واقعی، رزولوشن ۳۰۰ و حالت رنگی CMYK را تنظیم کن و بهتر است حاشیه برش (Bleed) را هم از چاپخانه بپرسی.

اندازه‌های رایج که بهتر است بدانی

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

  • پست عمودی اینستاگرام: ۱۰۸۰ در ۱۳۵۰ پیکسل
  • پست مربع: ۱۰۸۰ در ۱۰۸۰ پیکسل
  • استوری و ریلز: ۱۰۸۰ در ۱۹۲۰ پیکسل
  • تامنیل یوتیوب: ۱۲۸۰ در ۷۲۰ پیکسل

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

قبل از خرید به چه چیزهایی دقت کنیم؟

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

  • متن‌ها واقعاً متن باشند. بعضی فایل‌ها متن را به تصویر تبدیل کرده‌اند (Rasterize) و نمی‌شود نوشته را عوض کرد. در توضیحات محصول دنبال عبارتی مثل «متن‌ها قابل ویرایش هستند» بگرد.
  • برای فارسی ساخته شده باشد. قالب‌های خارجی معمولاً چپ‌چین‌اند و وقتی متن فارسی داخلشان می‌گذاری، چیدمان به‌هم می‌ریزد. نمونه تصویر محصول اگر فارسی باشد، نشانه خوبی است.
  • فونت‌ها معرفی شده باشند. بدون فونت درست، طرح شبیه تصویر نمونه نمی‌شود.
  • تصاویر Smart Object باشند. بدون آن، جایگزینی عکس سخت و کیفیت‌سوز می‌شود.
  • لایه‌ها منظم باشند. اگر نمونه تصویر لایه‌ها را نشان می‌دهد نگاهش کن. لایه‌هایی که اسم‌گذاری شده‌اند و در گروه قرار دارند، ویرایش را خیلی راحت‌تر می‌کنند.
  • ابعاد و رزولوشن مناسب باشد. برای اینستاگرام اندازه‌های بالا، و برای چاپ ۳۰۰ دی‌پی‌آی.
  • نسخه فتوشاپ مشخص باشد. فایلی که با نسخه جدید ذخیره شده ممکن است در نسخه‌های قدیمی‌تر درست باز نشود.
  • مجوز استفاده تجاری روشن باشد. بپرس یا بخوان که می‌توانی طرح را برای کسب‌وکار خودت و مشتری‌هایت استفاده کنی یا نه. فونت‌ها و عکس‌های داخل قالب هم گاهی مجوز جداگانه دارند.

اشتباهاتی که تازه‌کارها زیاد تکرار می‌کنند

  • عکس را به‌صورت لایه معمولی داخل طرح می‌کشند و با Transform کوچک و بزرگش می‌کنند. نتیجه، عکس تار یا کشیده است.
  • فونت را عوض می‌کنند و چیدمان را نگاه نمی‌کنند. هر فونت فارسی ارتفاع و فاصله خودش را دارد و ممکن است متن از کادر بیرون بزند.
  • وسط کار لایه‌ها را Merge می‌کنند و بعد می‌فهمند باید یک چیز کوچک را عوض کنند.
  • متن خیلی طولانی داخل جایی می‌گذارند که برای متن کوتاه طراحی شده، و بعد کل طرح شلوغ می‌شود.
  • با یک سیستم ضعیف روی فایل‌های خیلی سنگین کار می‌کنند. اگر فتوشاپ مدام کند می‌شود، بستن برنامه‌های دیگر یا کم کردن History States در Preferences کمک می‌کند.

آماده بخریم یا سفارشی طراحی کنیم؟

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

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

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

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