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

poor!a · 27 دی، ۱۳۹۰

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

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

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

from

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

Free Alternative:

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

from

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

from

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

from

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

افکت متن

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم اول : گرفتن فونت مورد نظرخب بهتر است کار را بر روی هرکدام از کارکترها آغاز کنیم. اولین آپشن ما برای این کار استفاده از فونتهای مجانی است. بعد از جستجو در گوگل و سرچ ” free fonts Avengers ” بالاخره به دو فونت با همین مضمون رسیدم. فونتهای

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

و

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

که هر دوی آنها بوسیله ی “

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

” ساخته شده است. متاسفانه هردوی آنها به اندازه کافی برای کار ما مناسب نیستند.اولین فونت که حروف K و O را هم ندارد . ما برای کلمه ای که می خواهیم استفاده کنیم به هردوی این حروف نیازمندیم . همچنین نمی توانیم از حرف A آن نیز استفاده کنیم چرا که اگر بخواهیم آن را در میان کلمه استفاده کنیم زیاد جالب نخواهد شد .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

و دومین فونت هم به نظر می رسد که نمی تواند محتوای کلمه را به خوبی نشان دهد به طور مثال ما نیاز به زاویه های تند در کلمه داریم ولی این فونت حروف گرد و نرمی دارد و این نوع فونت با آن چیزی که ما مد نظر داریم متفاوت است .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

پس ، بهترین حالت کار این است که ما حروف را به صورت دستی بکشیم . پس قرار نیست که ما از این فونت ها استفاده کنیم با این حال بهتر است آنها را برای منابع و رفرنس کاری خودمان نگه داریم. قدم دوم : منابعباید شروع کنید به جستجو در گوگل و به دنبال فونت مورد نظرتان بگردید . آن را ذخیره کنید و یک فایل جدید در ادوبی الاستریتور بسازید و سپس فایل را بچسبانید . بر روی Object > Lock > Selection کلیک کنید تا تصویر را قفل کنید و از اینکه به طور اتفاقی دستکاری شود جلوگیری کنید

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم سوم : ساختن حروف

در متن حاضری که پیش رو داریم. می توانیم حروف Gو N را در کلمه ی مورد نظر خودمان پیدا کنیم . یک لایه جدید درست کنید و سپس با استفاده از ابزار خودکار حروف N و G را رسم کنید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم چهار :برای دیگر حروف یعنی : (H, O, K, I, A, and T) با استفاده از حروف دیگر آن ها را پایه ریزی می کنیم . برای حرف I از حرف N استفاده می کنیم و نصف آن را می بریم .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

برای حرف O از حرف E استفاده می کنیم به این ترتیب که یک سوراخ در مرکز آن ایجاد می کنیم .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

برای حرف K به سادگی از حرف R استفاده می کنیم به این ترتیب که قسمت بالای آن را حذف می کنیم .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

همچنین می توانیم از Rبه عنوان A نیز استفاده کنیم.

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

برای T از حرف A استفاده می کنیم که قبلا آن را درست کردیم.

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۵:حالا تمام این حروف را در محل قرار دهید . در حال حاضر “ONGKIAT” را داریم.

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

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

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۷:دو دایره با یک ویژگی و مثل هم بکشید . هردو دایره را انتخاب کنید ، پنل Pathfinder را باز کنید و Subtract را انتخاب کنید تا یک حلقه درست کنید

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۸:حلقه را در بالای حرف H و O قرار دهید . توجه کنید که برای اینکه بهتر کار را مشاهده کنیم موارد غیر لازم را پاک می کنیم.

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۹ :حروف “Ho” را انتخاب کنید و Object > Path > Offset Path را کلیک کنید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۱۰ :بر روی H راست کلیک کنید و Ungroup را انتخاب کنید تا Path را از path اصلی جدا کنید . همین فرایند را برای حرف O نیز تکرار کنید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۱۱:یک H بزرگ بر بالای شکل حلقه بگذارید برای این کار می توانید به Object > Arrange > Bring to Front بروید . حرف H بزرگ و شکل حلقه را انتخاب کنید سپس Subtract را بر روی پنل Pathfinder انتخاب کنید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

این نتیجه کاری است که انجام می دهیم

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۱۲:بر روی شکل حلقه کلیک کنید و Ungroup را انتخاب کنید

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۱۳:بالای شکل حلقه یک O بزرگ با کلیک Object > Arrange > Bring to Front قرار دهید .O بزرگ و شکل حلقه را انتخاب کنید .از پنل Pathfinder ، Subtract را انتخاب کنید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

در زیر نتیجه را می بینید

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۱۴:باقی مانده های حلقه را که نیازی بدان ندارید را پاک کنید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۱۵:در اینجا کامل شده و نتیجه کاری را که کردیم را مشاهده می کنید.

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۱۶:دو مستطیل بکشید ، سپس یکی را به اندازه ۴۵ درجه و دیگری را به اندازه -۴۵ بچرخانید . آنقدر آن ها را جابجا کنید تا در نهایت به یک شکل باریک مثل چیزی که مشاهده می کنید برسید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۱۷:هردو شکل را انتخاب کنید و از پنل Pathfinder یک حالت را برای آنها انتخاب کنید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۱۸ :یک پیکان در بالای حرف H قرار دهید .برای اینکه بهتر متوجه شوید تصویر زیر را مشاهده کنید .هردوی شکل ها را انتخاب کنید و Subtract را انتخاب کنید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

حالا ، ما یک پیکان پنهان درون حرف H داریم. حالا این متن آماده است که از آن استفاده کنیم.

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۱۹ : حالا کار را در فوتوشاپ ادامه می دهیم. فوتوشاپ را باز کنید . یک فایل با اندازه های ۲۰۰ پیکسل در ۹۰۰ پیکسل ایجاد کنید . پشت زمینه را با رنگ #۰۷۰۷۰۷ پر کنید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۲۰ : Path حروف را وارد کنید . به ایلاستریتور باز گردید . تمام path های حروف را انتخاب کنید و سپس کنترل C را بزنید تا همه آنها در کلیپرد کپی شوند .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۲۱:در فوتوشاپ کلید کنترل V را بزنید تا آنها را که کپی کرده بودید اینجا بیاید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

حالا متنهایی که در ایلاستریتور داشتیم به صورت یک path جدید قرار گرفتند .می توانید آن را در پنل path ها پیدا کنید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۲۲:Path داخلی O وA را انتخاب کنید . در نوار آپشن حالت آن را به Subtract تغییر دهید . این حالت باعث می شود هر دوی Path ها در داخلشان سوراخ هایی ایجاد شود .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۲۳ : تبدیل Path ها به شکل هادر پنل لایه ها بر روی دایره سیاه و سفید کلیک کنید . Solid Color را انتخاب کنید ، رنگ آن را به #۰۷۰c12 تنظیم کنید . حالا ما شکل های جدیدی بر پایه ی Path داخل شده در کار ، داریم.

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

بر روی لایه دابل کلیک کنید تا Layer Style dialog box باز شود . Bevel and Emboss را اضافه کنید . تکنیک انتخابی راChisel Hard قرار دهید تا لبه های تیز تری داشته باشید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

در اینجا نتیجه کار را تا به این لحظه مشاهده می کنید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۲۴:یک پوشش حالت سیمانی اضافه کنید و آن را در بالای متن قرار دهید. حالت blend mode آن را به Screen و شفافیت آن را به ۴۷درصد کاهش دهید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۲۵:لایه پوششی (layer mask ) را اضافه کنید . یک گرادیان خطی از سفید تا سیاه رسم کنید.

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۲۶:کلید های کنترل A+G را بزنید تا بافت به Clipping Mask تبدیل شود . حالا بافت به داخل متن می رود .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۲۷:تقریبا بافت ما درقسمت پایین متن کمرنگ و محو شده است.اجازه دهید کمی از آن را با رنگ کردن ناحیه ای از آن با استفاده از قلم با شفافیت ۳۰درصد آشکار کنید .در زیر شما می توانید لایه پوشیده را بعد از رنگ کردن آن نواحی مشاهده کنید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

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

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۲۸ : اضافه کردن افکت Embossed Stroke بر روی متنمتن را دابلیکیت کنید و آن را پشت لایه متن اصلی قرار دهید . از قسمت Layer Style ، Stroke را اضافه کنید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

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

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۲۹ :اجازه دهید Bevel and Emboss را هم اضافه کنیم و Style آن را به Stroke Emboss تنظیم کنیم. با استفاده از این راه این افکت به Stroke که قبلا آن را اضافه کرده بودیم نیز اعمال می شود .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

حالا ، stroke ما ظاهری Emboss مانند گرفت .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۳۰ :Outer Glow را اضافه کنید و به هر یک از حروف سایه ای متناسب آن اضافه کنید .در حال حاضر ما نمی توانیم تاثیر کاری را که کرده ایم ببینیم ، چرا که پشت زمینه هنوز خیلی تاریک است.

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۳۱:یک لایه جدید در بالای متن با افکت stroke ایجاد کنید . کنترل را فشار دهید و بر روی لایه متن کلیک کنید .بر روی Select > Modify > Expand کلیک کنید . Expand را بر روی ۳ پیکسل تنظیم کنید . توجه داشته باشید که ناحیه انتخابی را به اندازه ۳ پیکسل بسط دادیم. بنابراین با اندازه استروک یکی می شود .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

ناحیه انتخابی را با یک گرادیان خطی از سفید تا سیاه پر کنید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

حالت blend آن را به Overlay تنظیم کنید و شفافیت آن را به ۳۰ درصد برسانید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۳۲: به پشت زمینه نور اضافه کنید .یک لایه جدید در زیر متن درست کنید . ابزار براش را فعال کنید و شفافیت آن را به ۱۰۰% برسانید . یک خط سفید پشت متن بکشید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

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

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۳۴:یک سری نورها به صورت تصادفی بر روی لبه های خط بکشید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۳۵:کلید کنترل به همراه کلیک را بر روی لایه متن فشار دهید تا یک ناحیه انتخابی جدید بر پایه شکل متن درست کنید . یک لایه جدید درست کنید و آن را در بالای متن اصلی قرار دهید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

ابزار براش را فعال کنید ، شفافیت آن را به ۱۰% برسانید . کمی سفیدی در وسط متن بکشید تا اینطور به نظر برسد که نور از پشت می تابد .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

در زیر می توانید نتیجه را قبل و بعد از اضافه کردن نور مشاهده کنید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۳۶:یک لایه جدید دیگر درست کنید . آن را در بالای دیگر لایه ها قرار دهید. راست کلیک کنید و Stroke را انتخاب کنید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

رنگ سفید با عرض یک پیکسل را انتخاب کنید

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۳۷:کنترل +D فشار دهید . Gaussian Blur را اعمال کنید تا خط stroke کمی نرم تر شود .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۳۸ :کمی از خطوط stroke را پاک کنید . این خطوط بر روی شکل متن پر رنگ تر می شود.

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۳۹ :یک خط stroke دیگردر یک لایه جدید رسم کنید . کمی از آن را پاک کنید تا قسمتهای برجسته تیز تر شوند .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۴۰ :یک لایه جدید درست کنید و آن را با یک گرادیان خطی، سفید تا سیاه پر کنید. کلید کنترل را فشار دهید و بر روی لایه متن کلیک کنید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم۴۱ :با کلیک کردن بر روی آیکن Layer Maskدر پنل لایه ها لایر ماسک اضافه کنید .حالت بلند را به صورت Overlay تنظیم کنید و شفافیت آن را به ۵۵% برسانید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۴۲ :اضافه کردن رنگیک بار دیگر ، کلید کنترل را فشار دهید و بر روی لایه متن کلیک کنید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

تنظیمات لایه Hue/Saturation را اضافه کنید .با استفاده از تنظیمات زیر این کار را انجام دهید ، همچنین اطمینان حاصل کنید که آپشن Colorize را فعال کرده اید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

در اینجا می توانید نتایج کار را بر روی متن ببینید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۴۳: افزایش کانتراست متنیک لایه جدید درست کنید .کلید کنترل و کلیک را بر روی لایه متن فشار دهید سپس ناحیه انتخابی را با گرادیان شعاعی از سیاه تا سفید پر کنید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

حالت ترکیبی را به Overlay تنظیم کنید و شفافیت را به ۴۰% برسانید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

قدم ۴۴: اضافه کردن زیر نویسیک مستطیل باریک در بالای متن با رنگ #۳b568بکشید . یک لایر ماسک اضافه کنید . سپس هر دو انتهای آنها را با رنگ مشکی رنگ کنید . در بالای مستطیل یک زیر نویس ایجاد کنی.

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

نتیجه نهاییبالاخره کار به پایان رسید ! همانطور که در زیر می بینید کار به زیبایی انجام شده است . با کلیک بر روی تصویر می توانید آن را به صورت تمام اندازه مشاهده کنید .

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

از

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

می توانید فایل نهایی را دانلود کنید . منبع :

برای مشاهده این محتوا لطفاً ثبت نام کنید یا وارد شوید.

ورود

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

ارسال های توصیه شده

poor!a 15130

لینک به دیدگاه

سایت نواندیشان

انجمن نواندیشان

جریان فعالیت های من

کسب درآمد کنید