افزودن متن و Type Formatting به تصاویر در نرم افزار فتوشاپ

افزودن متن به تصاویر در نرم افزار فتوشاپ (Photoshop) ، بخش بسیار مهمی است که تقریبا در تمامی کارها می تواند مورد استفاده قرار بگیرد. اما قبل از اینکه با ابزار تایپ فرمتینگ (Type formating) در این برنامه آشنا شوید بهتر است با یک سری مفاهیم آشنایی داشته باشید. این مفاهیم به ما کمک می‌کند که با استفاده از پنل ها و ابزارهایی که در قسمت Type فتوشاپ (Photoshop) وجود دارد، کنترل بیشتری بر افزودن متن داشته باشیم.

تفاوت فونت سریف و سنس سریف

در قدم اول توضیحاتی را درباره نوشتار یا Type Face در زبان انگلیسی می دهیم که بتوانیم از  فونت ها به درستی استفاده کنیم. در نوشتار انگلیسی حروف به چند شکل یا Type Face مورد استفاده قرار می‌گیرند. یک سری از Type Face ها بدون هیچگونه زائده ای نوشته می‌شوند که به آنها سنس سریف می گویند اما یکسری نوشتار دیگر، زوائدی دارند که شکل حروف در این فونت ها کمی تغییر پیدا می کند. این فونت ها به نام Serif شناخته می شوند.

تعریف بیس لاین

هر متنی که  می نویسیم، فارسی یا لاتین آن تفاوتی ندارد، بر روی یک خط فرضی به نام Base Line قرار می‌گیرد که بخشی از حروفی مثل y , p , g , q در زیر Base Line قرار می گیرند.

سایز فونت برای افزودن متن

بسیار مهم است که بدانیم از چه سایز فونتی در کارهایمان استفاده کنیم. سایز فونت با واحد اندازه گیری پوینت محاسبه می‌شود که از بالا تا پایین ارتفاع نوشتار تایپ در آن محاسبه می شود.

حالت فونت برای افزودن متن

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

فاصله بین حروف و خطوط

فاصله بین هر حرف تا حرف دیگر به نام Kerning شناسایی می شود. همین طور فاصله بین هر سطر Leading است که به معنای راهبری است. بسته به مکان و موقعیتی که می خواهیم از تایپ کردن  استفاده کنیم، از فاصله بین حروف و خطوط  بهره می بریم، تا نوشته خوانا باشد.
البته نرم افزار فتوشاپ (Photoshop) برای پاراگراف بندی ساخته نشده و فقط برای اینکه در طراحی پوستر یا آثار دیگر بتوانبد از نوشتار استفاده کنید، قابلیت تایپ در آن گنجانده شده است.
دکمه Space نیز روش دیگری است که با استفاده از آن مز توانیم در زمان تایپ  بین حروف یا کلمات، فاصله ایجاد کنیم.
حالت دیگری به نام Tracking نیز داریم که با انتخاب آن، کل متن با ایجاد فاصله ای یکپارچه و یکسان بین حروف، کشیده تر یا جمع تر می شود.

ابزارهای افزودن متن به تصویر در برنامه فتوشاپ (Photoshop)

 در نرم افزار فتوشاپ (Photoshop) زمانی که بخواهید از Type Face استفاده کنید دو  پنل بسیار مهم در اختیار دارید:
•    پنل Character 
•    پنل Paragraph

این دو  پنل را از قسمت Window > Paragraph می توانید فعال کرده و مورد استفاده قرار دهید. 
ابزارهایی نیز در فتوشاپ (Photoshop) برای ویرایش متن وجود دارد که از بین آنها دو ابزار اصلی به نام Horizontal Type Tool و Vertical Type Tool کاربرد های زیادی دارند.

دو  ابزار دیگر Vertical Type Mask Tool و Horizontal Type Mask Tool نیز برای ایجاد سلکشن در حالت نوشتار مورد استفاده قرار می گیرند.

زمانی که قصد داریم از حالت Horizontal Type Tool استفاده کنیم، 2 حالت امکان پذیر است:
در حالت اول می توانیم روی صفحه کلیک کرده و زمانی که ابزار Type Tool را انتخاب می کنیم از قسمت بالا Font نوشتار را تغییر دهیم. 
در این قسمت تمام Font هایی که در کامپیوترتان نصب است دیده می شود و می توانید فونتی را از این قسمت انتخاب کرده و با انتخاب سایز برای مثال ۴۸ پوینت، برای نوشتن روی صفحه کلیک کنید.

به محض این که کلیک می کنید، بر اساس رنگی که در نوار ابزار بالا انتخاب شده و می توانید برای آن هر رنگی را انتخاب کنید، یک لایه، ظاهر می‌شود که حرف T روی آن دیده می شود. محتویات نوشتار نیز در قسمت راست آن نمایش داده می شود. به این حالت Point type می گویند.
در حالت دیگر  اگر Click Drag کنید می توانید با ابزار تایپ، حالت پاراگراف بندی  به وجود آورید.

افزودن و ویرایش متن با پنل Character

حالا در پنل Character می توانیم سایز، Leading ، حالت فونت، فاصله بین حروف و بسیاری متغیرهای دیگر را تنظیم کنیم. 
اگر کلیک درگ کنیم و یک باکس رسم کنیم، نوشتار به همان باکس محدود شده و پاراگراف بندی می شود.
در قسمت Size می توانیم اندازه فونت را کاهش یا افزایش بدهیم و همانطور که می بینید دفرمگی به نوشتار نمی دهد و حتی اگر باکس را کوچکتر یا بزرگتر کنیم، نوشتار در داخل باکس قرار می گیرد. 
حالا از نوار بالا می توانید چپ چین یا راست چین بودن را از قسمت Justify تنظیم کنید. 
اگر نوشته ای در محیط Word یا  هر محیط دیگری دارید می توانید کپی کرده و در این قسمت پیست کنید یا اینکه خودتان شروع به تایپ کنید و با تایپ کردن نیز از  محدود باکس خارج نمی‌شود و به صورت مستقیم در اینجا قرار می گیرد. 
اگر خواستید فونت Sample را روی صفحه داشته باشید از قسمت Type > Paste Lorem Lpsum که نوشتار را به صورت اتفاقی در اینجا قرار می‌دهد می توانید نحوه نوشتار فونت را مشاهده کرده و رنگ و سایز آن را تغییر دهید.

تغییر فاصله در پنل کاراکتر

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

در قسمت Kerning می توانید با کلیک کردن، بین دو حرف فاصله ایجاد کنید. اگر دکمه Alt را نگه دارید و دکمه سمت چپ و راست را بزنید عدد تغییر می کند تا فاصله یک حرف با حرف قبلی یا بعدی تنظیم شود. همچنین می توانید تعیین کنید که روی چه عددی قرار بگیرد برای مثال، عدد ۰ استاندارد خودش است که می توانیم آن را بیشتر کنیم تا فاصله را افزایش بدهیم یا اگر خواستیم دوباره به عدد 0 برگردانیم یا از عدد های پیش فرض این قسمت یکی را انتخاب کنیم.

در بخش Tracking که به صورت پیش فرض روی عدد صفر است نیز می توانیم تغییراتی را در فاصله بین حروف بوجود بیا ریم. برای مثال اگر روی عدد منفی 100 بگذاریم، حروف به هم نزدیک می شوند و فاصله ای بین شان به وجود نمی آید که یکی از Type Face های قشنگی است که برای ساخت لوگو نوشتاری مورد استفاده قرار می گیرد. اگر این عدد را افزایش بدهیم مثلا به عدد ۲۰۰ برسانیم فاصله بیشتر می‌شود و شما تایپوگرافی متفاوتی خواهید داشت.

کشیده کردن نوشتار با Stretch ایجاد می شود اگر میزان کشیدگی را کم و زیاد کنیم، ارتفال و عرض آن تغییر پیده کرده و فرم Type Face به حالت اختصاصی در می آید، معمولا توصیه می شود که هر Type Face را در حالت خودش استفاده کنیم تا نتایج خیلی بهتر دیده شوند.

از قسمت Set Baseline Shift  می توانیم ارتفاع یک خط یا مجموعه خطوط را کم و زیاد کنیم یعنی بالاتر و پایین تر ببریم 
فراموش نکنید زمانیکه از این بخش ها استفاده کردید حتماً اعداد را به حالت اولیه برگردانید تا در نوشته های بعدی دچار مشکل نشوید.

افزودن و ویرایش متن با پنل paragraph

در پنل paragraph می توانیم حالت Full Justify یا For Justify (وسط چین ) را انتخاب کرده با افزایش و کاهش طول آن، پاراگراف را تنظیم کنیم. 

ویرایش متن در پنل پاراگراف

در قسمت پاراگراف می توانیم هر پاراگراف را انتخاب کرده و Underline کنیم یایا بخشی را انتخاب کرده و درجه اهمیت را بالا ببریم یا با Middle  line روی آن خط بکشیم.

تغییر سایز پاراگراف

اگر احیانا نوشتار از این کادر  بیرون بزند یک Corner در گوشه پایین کادر دیده می شود که در آن یک علامت Plus را ظاهر می شود. با کشیدن آن گوشه باید طول یا عرض کادر را زیاد کنید تا نوشتار داخل این قسمت قرار بگیرد.

همچنین می توانید به کادر، زاویه بدهید و به صورت زاویه دار از باکس استفاده کنید.

اگر یک قسمتی را اشتباه کنید، می‌توانید آن را Highlight کرده و Delete کنیم و دوباره به خط بعدی برویم.
نوشتار در برنامه فتوشاپ (Photoshop) به صورت وکتور اضافه می شود بنابراین اگر بعد از افزودن متن روی تصویر، پاراگراف یا کادر آن را کوچک تر یا بزرگ تر کنید، کیفیت آن حفظ می شود.  

تغییر رنگ نوشتار

اگر بخواهیم رنگ این نوشته را تغییر بدهیم می توانید رنگ مناسبی را انتخاب کرده و با Alt + Backspace یا  Ctrl + Backspace رنگ متن را به صورت مستقیم تغییر بدهیم.

اگر خواستید فقط رنگ یک حرف تغییر پیدا کند باید آن را Highlight کرده و از قسمت Color Picker رنگ دیگری را انتخاب کنید که این رنگ را دقیقا بر روی این حرف داشته باشیم. به عنوان مثال، فقط حرف O را انتخاب کرده و رنگ آن را تغییر می دهیم.

در برنامه فتوشاپ (Photoshop) مثل نرم افزار ایلاستریتور ابزار Touch Type Tool وجود ندارد که به صورت مستقیم آن را تغییر بدهیم. برای آشنایی با این ابزار می توانید به فیلم های آموزشی طراحی و ساخت لوگو با ایلاستریتور مراجعه کنید. 

افزودن متن با فونت VAR یا Variable Data

برخی از Type Face ها را می توان به صورت  Variable Data استفاده کرد این ها یک سری فونت هستند که در قسمت Type Face با علامت VAR دیده می شود.

با یک سرچ در لیست فونت ها می بینید که فونت های Variable Data در دسترستان هستند و قابلیت های ویژه ای را به شما می دهند. در قسمت Properties نیز می توانید به آن دسترسی داشته باشید.
اگر گزینه show setting for variable Font را بزنیم فونت هایی که Variable هستند را به ما نشان می دهد، این فونت ها، خانواده های خیلی زیادی دارند که هر کدام را به صورت مستقیم از می توانیم استفاده کنیم.

ویرایش حروف و اعداد در متن با ابزارهای پنل کاراکتر

در پنل کاراکتر می توانیم کلماتی که حروف اول آنها به صورت capital letters است، ایجاد کنیم یا کلمات را به صورت Small Later بنویسیم. این ویژگی برای زبان فارسی در دسترس نیست.

همچنین اگر بخواهیم روی فرمول‌هایی کار کنیم که اعداد باید به توان برسند یا اندیس شوند می توانیم پس از انتخاب عدد، گزینه superscript یا subscript را انتخاب کنیم تا به صورت توان یا اندیس نمایش داده شوند.

افزودن متن به زبان فارسی در برنامه فتوشاپ (Photoshop)

برای استفاده از امکانات زبان فارسی و افزدون متن فارسی به برنامه فتوشاپ (Photoshop) باید قسمت Language Options > Middle Stern Future را فعال کنیم. به این ترتیب فیچرهای بیشتری برای اعداد یا برای حروف فارسی در پنل ها در اختیار ما قرار می گیرد.

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

کیفیت نوشتار در حالت سایز بزرگ یا کوچک، هنگام خروجی قابلیت تنظیم دارد. اگر روی حالت None بگذاریم روی نوشتار هیچگونه Render انجام نمی شود و به صورت کاملاً پله پله دیده می شود که برای حروف با سایز کوچک یعنی سایز کمتر از ۱۰ پوینت مناسب است.
اما اگر روی حالت های دیگر بگذاریم، Render انجام می شود و رنگ های نزدیک به پس زمینه یا رنگ های نزدیک به خود نوشتار را تنظیم می کند. حالات Sharp , Crisp , Strong , Smooth در دسترس است که برای طراحی و ساخت لوگو های نوشتاری یا افزودن متن سایز بزرگ برای طراحی بیلبورد مورد استفاده قرار می‌گیرد.

برای برخی از فونت ها می توان حالت Bold را فعال کرد اما برخی از از فونت ها حالات Bold را در خودشان ندارند و شما می توانید در فتوشاپ (Photoshop) از گزینه Bold استفاده کنید که یک مقدار نوشتار را توپر تر می کند.

مانند افزودن متن به زبان انگلیسی از گزینه های Italic و خط خوردن نیز می توانید در فونت های زبان فارسی استفاده کنید.

چطور زبان نوشتن به زبان فارسی را در برنامه فتوشاپ (Photoshop) فعال کنیم؟

برای فعال کردن زبان فارسی، ممکن است با مشکلاتی مواجه شوید اما اگر از قسمت Preferences > Type > Word-Ready Layout گزینه را فعال کنیم و دقت کنیم که Middle Stern Future فعال باشد، به راحتی می توانیم فارسی تایپ کنیم.

پس زمانی که بخواهیم، فارسی تایپ کنیم حتما دو گزینه باید فعال باشند همچنین باید از قسمت فونت ها، یک فونت فارسی را انتخاب کنیم و Alt + Left Shift را بزنیم تا کیبورد فارسی در اختیارمان باشد و بتوانیم فارسی تایپ کنیم.

چطور از علائم در نوشتار فارسی استفاده کنیم؟

نکته دیگری در تایپ علائم به زبان فارسی وجود دارد. مثلا اگر در انتهای یک خط، علامت تعجب بگذارم و Justify کنم، این علامت در پاراگراف از چپ به راست نوشته می شود و در ابتدای کلمه نمایش داده می شود.

پس باید کاری کنیم که این کاراکتر به انتها منتقل شود و در جای درست قرار بگیرد.

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

تغیییر رنگ و سایز متن زبان فارسی

در هنگام تایپ فارسی شما باز هم این امکان را دارید که رنگ متن را هم تغییر بدهید و به طور هم زمان، با Ctrl + T سایز را بزرگتر و کوچکتر کنیم که در پس زمینه به صورت درستی قرار بگیرد .

درمورد Transformation متن، فتوشاپ (Photoshop) به صورت یکپارچه عمل می کند و نمی توان حالت Distort را به متن داد. برای این کار باید لایه را با Convert To Smart Object تبدیل به اسمارت آبجکت کنیم بنابراین وقتی Ctrl + T را می زنیم می توانیم حالت Distort را به نوشتار بدهیم.

اگر در لایه ها Rasterize Size ، نوشتار به صورت تصویری در می آید که کاملا مخرب محسوب می شود و دیگر نمی توانیم آن را به حالت نوشتار برگردانیم و تغییر بدهیم.

برای کار کردن روی نوشتار به صورت غیرمخرب پیشنهاد می شود از حالت Smart Object یا Create work Path استفاده کنید که اگر به ویدئوی آموزشی آنها مراجعه کنید، به طور کامل در مورد آنها توضیح داده شده است.
اگر به Convert To Shape تبدیل کنم نوشتار تبدیل به Abject می شود و از این قابلیت نیز می توانیم استفاده کنیم تا به صورت مستقیم رنگ آن را تغییر بدهیم .

چطور اعداد فارسی را به متن اضافه کنیم؟

در قسمت Character ما برای برخی از فونت های فارسی دچار مشکلاتی می شویم برای مثال در Type Face زبان فارسی برای اعداد قوانین وجود دارد که حتماً باید رعایت بشود. 
به طور کلی قسمت Digits پنل کاراکتر را باید روی حالت Hindi بگذاریم تا اعداد را فارسی نمایش دهد. اما در برخی فونت ها، اعداد  ۴ و ۵ و ۶ را در حالت Arabic نمایش می دهد اما ما نیاز داریم که رسم الخط فارسی باشد پس باید از یک فونت فارسی خوب با امکانات ویژه استفاده کنیم تا بتوانیم Digits روی حالت Farsi بگذاریم.

اعداد ۴ و ۵ و ۶ در رسم الخط عربی با فارسی متفاوت است اما بارها دیده شده که در بیزینس کارت ها، لوگوها یا تمام پسترهایی که کار شده اند مثلا شماره تلفن با رسم خط عربی نوشته شده که کاملاً اشتباه است پس سعی کنید از فونت هایی استفاده کنید که از Type Face زبان فارسی برای اعداد پشتیبانی کند.

افزودن ویژگی های منحصر به فرد به متن زبان فارسی

در افزودن متن زبان فارسی، یک سری امکانات دیگری داریم که مخصوص این زبان است. برای مثال، می توانیم با Shift + J به حروف کشیدگی بدهید و ما بین چند حرف این کشیدگی را ایجاد کنیم تا متن بهتر خوانده شود.
حالت نیم فاصله Kerning نیز بین 2 حرف فارسی با Alt + Click Right , Left ایجاد می شود که با جهت سمت راست و چپ می توانید آن را بیشتر و کمتر کنید. 

افزودن متن به تصویر در برنامه فتوشاپ (Photoshop)

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

افزودن متن انگلیسی به تصویر

روش اول این است که اول فونت تان را انتخاب کنید. اگر فونت های Sample ریز دیده می شوند می توانید در قسمت Type > Font Preview Size روی حالت Huge که کلیک کنید تا Sample هر فونت جلوی خودش به وضوح دیده شود.

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

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

اگر بخواهیم متن افزوده شده در دو یا 3خط  قرار بگیرد از بخشی از متن Enter را می زنم.

در روش دوم ابتدا یک باکس می کشیم و چپ چین بودن آن را از قسمت Paragraph انتخاب می کنیم.
Justify Left یا  Full Justify را می زنیم حالا Paste می کنیم.

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

افزودن متن فارسی به تصویر

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

سپس روی حالت راست چین گذاشته و متن را در چهار ضلعی Past می کنیم. 
متن را می توانیم در حالت Bold یا Medium بگذاریم و ترازبندی کنیم.

افزودن افکت به متن در برنامه فتوشاپ (Photoshop) 

در نرم افزار فوتوشاپ می توانیم یک سری افکت هایی به نوشتار بدهیم که برای طراحی و ساخت لوگو و همچنین ساخت پست و استوری اینستاگرام کاربرد زیادی دارد.
مثلا فرض کنید بخواهیم کلمه Success را بالای سر سوژه بنویسیم. برای این کار، با مراجعه به بخش Text از گزینه create map text استفاده می کنیم. یک دیالوگ باکسی باز می شود که Style آن را می توانید تغییر دهید .

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

برای این کار ابتدا ابزار Ellipse را انتخاب کرده و از قسمت بالای صفحه در حالت Path قرار می دهیم. سپس یک دایره می کشیم که می دانیم چاپ نمی‌شود.

حالا اگر بخواهیم نوشته Success را روی این تایپ کنیم با ابزار Text روی دایره قرار می گیریم. شکل carousel تغییر می کند به حالتی که Text روی خط می آید.

یک کلیک روی دایره می‌کنیم و نوشته به صورت Sample روی دایره دیده می شود. متن را پاک می کنیم و  Success را می نویسیم.

سایر نوشته ها را می توانیم از قسمت بالا بزرگتر کنیم.

از ابزارهای Path Selection Tool , Direct Selection Tool نیز می توانید استفاده کنید. البته نرم افزار فتوشاپ (Photoshop) برای طراحی لوگوی نوشتاری ایراداتی دارد و مثل نرم افزار ایلاستریتور در این زمینه پیشرفته نیست.

حتی از رنگ های داخل خود تصویر می توانید استفاده کنید و با انتخاب یک رنگ و لایه مربوطه و Alt + Backspace رنگ را تغییر بدهید .

نکته بسیار مهم اگر روی لایه تکست کنترل کلیک انجام بدهید به صورت Select در می آید و از آن هم می توانید استفاده های مختلفی کنید برای مثال از Gradient استفاده کنید لایه های Text ، Layer Style پذیر هم هستند .

امیدوارم که مواردی که در این بخش نام برده شد و مورد توجه تان قرار گرفته باشد استفاده از این قابلیت ها در فتوشاپ (Photoshop) به شما کمک می کند که در تمامی کارها در رشته های مختلف از گرافیک دیزاین و طراحی لوگو گرفته تا عکاسی و طراحی اپلیکیشن مورد استفاده قرار بگیرد .
ابزار Text یکی از مهم‌ترین های آن است که به شما می‌تواند کمک بکند برای بهترعمل کردن در ویرایش تصاویر و طراحی محتواهای تصویری متنوع. اگر نیاز به راهنمایی بیشتری برای استفاده از ابزارهای افزودن متن در برنامه فتوشاپ (Photoshop) دارید به ویدئوی آموزشی مربوطه که با تدریس اختصاصی استاد عیوض زاده در سایت لوگونومی قرار گرفته، مراجعه کنید:
دانلود ویدئو آموزشی تایپ فرمتینگ (Type formating)