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

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

 

در این مقاله یاد می گیرید که چگونه متن را در فتوشاپ برش بزنید و نحوه ویرایش متن را حتی پس از برش آن را یاد خواهید گرفت. منطبق بر فتوشاپ CC و CS6 .

در این آموزش، ما به شما گام به گام نحوه ایجاد یک افکت محبوب "متن برش داده شده (sliced text) " را در فتوشاپ نشان می دهیم. و بر خلاف سایر آموزش هایی که شما را مجبور می کنند ، قبل از ایجاد برش ، متن خود را به پیکسل تبدیل نمایید ، در این آموزش یاد خواهید گرفت که متن خود را ویرایش کنید تا بتوانید کلمات مختلف را با استفاده از همان برش ها امتحان نمایید!

برای انجام این کار ، ما از دو ویژگی قدرتمند فتوشاپ به نام اشیاء هوشمند (smart objects) و ماسک های برداری (vector masks) بهره خواهیم برد. ما کار را با تبدیل متن به یک شیء هوشمند شروع می کنیم که آن را قابل ویرایش می سازد. و سپس متن را به قطعات برش می زنیم و برش ها را به هر زاویه ای که نیاز داریم ، با استفاده از ماسک های برداری شکل می دهیم! بیایید ببینیم چگونه این کار را انجام می دهیم. ما از Photoshop CC 2019 استفاده خواهیم کرد ؛ اما شما هم چنان می توانید با فتوشاپ CS6 همراه باشید.

در اینجا یک طراحی سریع ، برای نشان دادن افکت  sliced text که ما ایجاد کرده ایم ، مشاهده می کنید. توجه داشته باشید که کلمه “SLICE"  به نصف تقسیم شده است:

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

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

مرحله 1: متن خود را به سند اضافه کنید

اولین گام در ایجاد یک افکت متنی برش داده شده ، افزودن متن است. ما کار را پیش برده و متن خود را به سند اضافه کرده ایم ، اما شما می توانید با ایجاد یک سند جدید و اضافه کردن هر متنی که دوست دارید، به راحتی  کار را دنبال کنید:

اگر به پنل Layers  نگاه کنیم، می بینیم که چگونه سند ما تنظیم می شود. تصویر اصلی در لایه Background قرار دارد و کلمه “SLICE” در یک لایه Type در بالای آن قرار دارد. یک stroke (اثر) در اطراف حروف اضافه کرده ایم، که به عنوان یک افکت زیر لایه Type لیست شده است.

 

باقی متن (“BUY ONE"، "GET ONE FREE" و غیره) در یک گروه لایه ایی در بالا با نام "Additional text" است. ما آنها را برای جلوگیری از دسترسی ، در یک گروه قرار داده ایم. تنها متنی که مایل به استفاده از این افکت در آن هستیم ، عبارت “SLICE"  است:

خاموش کردن متن اضافی

برای نگه داشتن سادگی کار ، گروه لایه ایی را با کلیک کردن روی آیکن visibility  آن ، خاموش می کنیم:

و اکنون ما فقط کلمه “SLICE"  را بر روی تصویر پس زمینه می بینیم. ما تصویر را از Adobe Stock دانلود کرده ایم:

مرحله 2: تبدیل لایه Type به یک شیء هوشمند

برای نگه داشتن قابلیت ویرایش پس از برش آن متن ، لایه Type  را به یک شیء هوشمند تبدیل می کنیم. ابتدا مطمئن شوید که لایه Type  مورد نظر خود را انتخاب کرده باشید:

سپس روی آیکون منو در سمت راست بالای پنل Layers کلیک کنید:

و از منو ، گزینه Convert to Smart Object را انتخاب کنید:

یک آیکون شی هوشمند در سمت راست پایین تصویر بندانگشتی پیش نمایش ظاهر می شود ، به ما می گوید که متن ما در حال حاضر با خیال راحت در داخل یک شیء هوشمند است:

مرحله 3: ابزار Rectangle  را انتخاب کنید

برای ترسیم قطعات ، ما ابزار Rectangle  فتوشاپ را استفاده می کنیم. ابزار Rectangle  را از نوار ابزار انتخاب کنید:

مرحله 4: حالت ابزار را به Path تنظیم کنید

سپس در نوار Options  ، حالت ابزار را به Path تنظیم کنید:

مرحله 5: یک مسیر را در اطراف نیمه پایین متن بکشید

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

 

اگر شما نیاز به تغییر محل مسیر در حین طراحی داشته باشید ، کلید spacebar خود را فشار داده و نگه دارید، مسیر را به جای دلخواه بکشید، و سپس کلید spacebar  خود را رها کنید تا ترسیم مسیر را ادامه دهید :

مرحله 6: ابزار Direct Selection را انتخاب کنید

حالا که ما مسیر خود را داریم، آن را به یک قطعه مورب تبدیل خواهیم کرد.

 

ابزار Direct Selection فتوشاپ را از نوار ابزار انتخاب کنید. به طور پیش فرض ، این ابزار در پشت ابزار Path Selection  (ابزار فلش سیاه) مخفی می باشد. شما باید بر روی ابزار Path Selection  کلیک کرده و نگه دارید تا یک منو خروجی ظاهر شود و سپس ابزار Direct Selection ( ابزار فلش سفید) را از منو انتخاب کنید:

مرحله 7: مسیر را از حالت انتخاب خارج کنید

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

گام 8: نقطه لنگر بالا سمت چپ را انتخاب کرده و بکشید

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

و نقطه را به سمت پایین بکشید تا بالای مسیر را به یک خط سرازیر مورب تغییر جهت دهید:

تبدیل شکل به یک مسیر منظم

فتوشاپ از شما می خواهد که live shape خود را به یک مسیر منظم تبدیل کند. روی کلید Yes کلیک کنید:

گام 9: نقطه لنگر بالایی سمت راست را انتخاب کرده و بکشید

سپس بر روی نقطه پایانی در گوشه بالا سمت راست مسیر کلیک کنید تا آن را انتخاب کنید:

و این نقطه را به سمت بالا بکشید. شما می توانید با دو نقطه ، با کلیک کردن و کشیدن آنها به بالا یا پایین به میزان مورد نیاز ، به جلو و عقب بروید ، تا زمانی که از زاویه برش راضی شوید:

مرحله 10: مسیر را به یک ماسک بردار تبدیل کنید

برای ایجاد قطعه ، ما باید مسیر را به یک ماسک برداری تبدیل کنیم. به پنل Layers  خود بروید ، کلید Ctrl (Win) / Command (Mac)  را روی صفحه کلید خود فشار داده و نگه دارید و روی آیکون Add Layer Mask کلیک کنید :

تصویر بند انگشتی vector mask  در کنار پیش نمایش شیء هوشمند ظاهر می شود:

و در سند ، ما می بینیم که قسمت بالای متن ناپدید شده است. تنها بخش پایین در داخل ماسک بردار باقی می ماند. اولین قطعه خود را ایجاد کردیم :

مرحله 11: یک کپی از شیء هوشمند ایجاد کنید

برای ایجاد برش بالا ، یک کپی از شیء هوشمند را با رفتن به منوی Layer ، انتخاب New  ، و سپس انتخاب Layer via Copy ،  ایجاد کنید. یا می توانید میانبر صفحه کلید را فشار دهید ، Ctrl + J (Win) / Command + J (Mac) :

در پنل Layers  ، یک کپی از شیء هوشمند بالاتر از شیء اصلی نمایش داده می شود:

گام 12: انتخاب " Subtract Front Shape "

در نوار Options  ، روی آیکون Path Operations  کلیک کنید:

و از منو گزینه Subtract Front Shape را انتخاب کنید:

این کار باعث می شود که ماسک بردار معکوس شود و قطعه بالایی نمایان گردد و اکنون هر دو برش  را داریم:

پنهان کردن مسیر

ما دیگر نیازی به دیدن طرح مسیر نداریم. بنابراین برای پنهان کردن مسیر ، در هر جای خارج از آن کلیک کنید:

مشاهده برش ها

ممکن است به نظر برسد که متن ما هنوز یک تکه است. اما شما می توانید با کلیک کردن روی آیکن های visibility  آنها در پنل Layers ، برش ها را به صورت جداگانه روشن و خاموش کنید.

 

اگر روی آیکن visibility  کلیک کنیم ، تا شیء هوشمند بالا را خاموش کنیم:

ما فقط تکه پایین متن را می بینیم:

با کلیک بر روی همان آیکونvisibility  ، دوباره قطعه بالایی را روشن می کنیم. و اگر قطعه پایینی را با کلیک کردن بر روی آیکن visibility  آن خاموش کنید:

ما تنها تکه بالایی از متن را می بینیم. برای روشن کردن دوباره تکه پایینی ، دوباره روی آیکن visibility  آن کلیک کنید:

مرحله 13: ابزارMove  را انتخاب کنید

برای حرکت دادن برش ها برای جدا کردن آنها ، ابزار Move  فتوشاپ را از نوار ابزار انتخاب کنید:

مرحله 14: برش های جداگانه را بکشید

تکه ای را که می خواهید حرکت دهید ، با کلیک روی آن در پنل Layers  انتخاب کنید و سپس آن را در سند به محل موردنظر بکشید. یا، به جای کشیدن با ابزارMove  ، می توانید کلیدهای اشاره گر را در صفحه کلید خود فشار دهید تا تکه را به محل موردنظر برساند (هنوز لازم است ابزار Move  را انتخاب کنید).

 

ما برش پایین را در پنل Layers  انتخاب می کنیم:

و سپس از کلید های arrow بر روی صفحه کلید خود استفاده می کنیم تا قطعه پایین را به پایین و سمت راست بیاوریم.

روشن کردن متن اضافی

متن اضافی خود را با کلیک کردن بر روی آیکون visibility  گروه لایه ایی روشن می کنیم.

و در اینجا چیدمان طرح را با افکت sliced text اضافه شده مشاهده می کنیم:

نحوه ویرایش متن داخل برش ها

بنابراین ، اکنون که افکت متنی برش داده شده را ایجاد کرده ایم. بیایید نحوه ویرایش متن داخل برش ها را یاد بگیریم.

 

هرچند ما قطعات را با استفاده از دو اشیاء هوشمند جداگانه ایجاد کرده ایم، هر شیء هوشمند همان لایه ی Type  مشابه را نگه می دارد. بنابراین اگر ما متن را در یک شیء هوشمند تغییر دهیم ، همان تغییر در هر دو نمایان خواهد شد.

مرحله 1: بر روی یک تصویر بندانگشتی شیء هوشمند دوبار کلیک کنید

برای ویرایش متن ، روی یکی از تصاویر بند انگشتی شی ء هوشمند دوبار کلیک کنید. هر دو این تصاویر بند انگشتی کار خواهند کرد:

متن در سند جداگانه باز می شود:

مرحله 2: ابزار Type  را انتخاب کنید

ابزار Type فتوشاپ را از نوار ابزار انتخاب کنید:

مرحله 3: متن خود را ویرایش کنید

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

سپس کلمه را از “SLICE"  به “PIZZA"  تغییر می دهیم:

مرحله 4: بر روی علامت checkmark  در نوار Options  کلیک کنید

برای پذیرفتن تغییر ، در نوار Options  بر روی علامت checkmark  کلیک می کنیم:

مرحله 5: در صورت لزوم " Reveal All " را انتخاب کنید

توجه داشته باشید که در این مورد ، ویرایش متن باعث بروز یک مشکل می شود. متن جدید کمی طولانی تر از آن است که درون ناحیه قابل مشاهده سند ، متناسب باشد ، بنابراین بخشی از حرف“A"  در سمت راست خارج از بوم گسترش می یابد:

اگر این اتفاق برای متن شما هم بیافتد ، به منوی Image در نوار Menu  بروید و گزینه Reveal All را انتخاب کنید:

فتوشاپ فوراً بوم را تغییر اندازه می دهد تا تمام متن را متناسب با آن بسازد:

مرحله 6: سند Smart Object را ذخیره کرده و ببندید

برای قبول تغییر و بازگشت به سند اصلی ، ما باید سند شیء هوشمند را ذخیره کرده و ببندیم.

 

به منوی File بروید و Save را انتخاب کنید.

و سپس به منوی File بروید و گزینه Close را انتخاب کنید:

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

و حالا ما آن را در اختیار داریم! و آن نحوه برش دادن متن و نحوه ویرایش متن درون افکت با فتوشاپ است!