سایر زبان ها

صفحه نخست

سیاسی

بین‌الملل

ورزشی

اجتماعی

اقتصادی

فرهنگی هنری

علمی پزشکی

فیلم و صوت

عکس

استان ها

شهروند خبرنگار

وب‌گردی

سایر بخش‌ها

آموزش گام به گام Adobe Photoshop CS6؛ تایپوگرافی ساده همراه با افکت ستاره

همان طور که قبلا قول داده بودیم امروز آموزش می دهیم که چه طور با یک افکت ساده با استفاده از layer style ها یک تایپوگرافی ایجاد کنید و بعد با براش افکت ستاره دور آن ایجاد کنید.

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


گام اول

یک داکیومنت جدید با اندازه های ۵۰۰ در ۳۰۰ پیکسل بسازید و رنگ پشت زمینه ی آن را به #1a142c تغییر بدهید.



یک لایه ی جدید بسازید و نام آن را "center glow" بگذارید.



ابزار Elliptical Marquee را از جعبه ابزار انتخاب کنید و یک بیضی همان طوری که تو عکس زیر می بینید وسط صفحه بکشید.



داخل بیضی را به رنگ #6d56b2 در بیارید.



از منوی بالایی صفحه به Select -> Deselect بروید یا کلید های میانبر ctrl+D را بزنید تا selectی که گرفتید از بین رود تا بتوانیم افکت بلور را اجرا کنیم.

بعد از Deselect کردن ناحیه انتخاب شده، به منوی Filter -> Blur -> Gaussian Blur بروید و افکت بلور را با مقادیر زیر تنظیم کنید.



خوب حالا مقدار Opacity این لایه را به ۷۰% کاهش بدهید تا شدت رنگ کاهش پیدا کند.



گام دوم

حالا از جعبه ابزار، Horizontal Type که همان وسیله ی نوشتن متن هست را انتخاب کنید و با فونتی که در پایین صفحه برای دانلود گذاشتم (Kabel bd) با سایز دلخواه یک حرف بنویسید.



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

حالا تنظیمات را برای Stroke همان طوری که در تصویر زیر نشان داده شده انجام دهید:



تیک مربوط به Gradient overlay را هم بزنید تا مقادیر آن رو هم وارد کنیم:



تنظیمات Outer Glow هم به این شکل هست که در تصویر می بینید. فقط دقت کنید که مقدار Opacity را کاهش دادیم:



در Drop Shadow باید مقدار Opacity را کاهش بدهیم و تیک مربوط به Global Light box را برداریم و زاویه را ۱۴۴ قرار می دهیم.



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



گام سوم

خوب حالا کارمان راحت شده چون از اینجا به بعد بقیه ی حروف فقط کپی و پیست کردن هست. روی لایه‌ی متن کلیک کنید و گزینه ی Copy Layer Style را انتخاب کنید تا تمام تنظیمات استایل لایه ها را کپی کنیم.



خوب حالا حرف بعدی را تایپ کنید و لایه ی اون را زیر لایه ی قبلی بیارید.



حالا فقط باید روی لایه h کلیک کنید و گزینه ی Paste Layer Style را بزنید تا تمام تنظیمات آن را یک جا به این لایه هم بدهیم.



خوب همین کار را برای بقیه حروف هم انجام بدهید، لایه ی جدید را ایجاد می کنید، روی آن کلیک می کنید و Paste Layer Style را می زنید. به همین سادگی.



گام چهارم

حالا می خواهیم افکت ستاره ها را ایجاد کنیم. برای این کار اول باید یک لایه زیر تمام لایه هایی متنی که وجود دارند ایجاد کنیم . اسم لایه را Starts بذارید. حالا ابزار براش را از جعبه ابزار انتخاب کنید و یکی از براش های ستاره که دارید را انتخاب کنید (اگه نمی دانید که چطور براش را وارد کنید، باید روی فایل hg-stars-brushes.abr که دانلود کردید دابل کلیک کنید، با این کار این براش ها در انتهای لیست براشی که دارید اضافه می شوند و می توانید از آن ها استفاده کنید)



کلید F5 رو بزنید تا پنجره ی تنظیمات براش باز شود. در اون پنجره تنظیمات را بصورت زیر تنظیم کنید:



تنظیمات Shape Dynamics را به این شکل:



و تنظیمات Scattering را به این شکل در بیاورید:



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


گام پنجم

قبل از هر چیز مقدار Fill لایه ی Stars را به صفر کاهش دهید.



روی لایه ی Starts دابل کلیک کنید تا پنجره ی layer styles باز شود. و این بار برای stroke این لایه رنگ #6c51c2 رو با تنظیماتی که تو تصویر زیر نشون داده شده انجام بدید:



اوکی را بزنید. حالا با براشی که انتخاب کردید اگه در صفحه کلیک کنید یا کلیک رو نگه دارید و بکشید می بینید که ستاره ها در سایز های مختلف با strokeی که شما تعیین کردید ایجاد می شوند.



می تونید از ابزار eraser برای پاک کردن جاهایی که دوس ندارید استفاده کنید تا نتیجه بهتر و بهتر شود.



تصویر نهایی که داریم باید به این شکل در آمده باشد:





شما کاربـران می توانید نظـرات و سـوال هایتان را در رابطـه با این آمـوزش با دریـچــه در میـان بگـذاریـد

  برای دانلود فونت و براش اینجا را کلیک کنید


  دریچه مجله خبری را در فارس توییتر دنبال کنید


از قسمت مطالب مرتبط می توانید به آموزش های قبلی فتوشاپ دسترسی داشته باشید
تبادل نظر
آدرس ایمیل خود را با فرمت مناسب وارد نمایید.
نظرات کاربران
انتشار یافته: ۱۰
در انتظار بررسی: ۰
الیاس
۲۲:۳۶ ۲۵ آبان ۱۳۹۳
سلام اگه فایل لایه بازش رو هم بگذارید خیلی خوب میشه
محمد
۲۳:۰۱ ۲۳ شهريور ۱۳۹۲
با سلام و خدا قوّت . مطالب آموزشی شما بسیار بسیار مفید و کاربردی است . از این بابت دعا گویتان هستیم . موفق و پاینده باشید
asraf
۱۶:۵۷ ۰۱ شهريور ۱۳۹۲
قرار بود نرم افزار فتوشاپ رو هم بذارید پس چی شد البته به همراه ایمیج ردی غ منتظریم و ممنون
soleyman
۲۲:۰۵ ۳۱ مرداد ۱۳۹۲
با سلام می شود آموزشی از Adobe Premiere Pro CCرا در دریچه قرار دهید.
دریچه
۱۲:۴۴ ۰۱ شهريور ۱۳۹۲
با سلام....
حجم این نرم افزار 1 گیگ و ... می باشد و قابل دانلود با سرعت های پایین نیست!!
پس قابل کار کردن نمی باشد...

سالار واعظی - خبرنگار دریچه فناوری اطلاعات
MANAM
۱۶:۳۷ ۳۱ مرداد ۱۳۹۲
اگه میشه دانلود نرم افزار فتوشاپ رو بذارید مرسی.
reza
۱۴:۰۲ ۳۱ مرداد ۱۳۹۲
سلام اگه دانلود این برنامه رو هم بزارین خوب میشه.
afshin
۱۳:۲۳ ۳۱ مرداد ۱۳۹۲
لطف کنین آموزش فوتوشاپcs5 را بذارید بسیار ممنون میشم منتظر جوابم با تشکر افشین از آذرباجان غربی
امیر
۱۳:۱۳ ۳۱ مرداد ۱۳۹۲
سلام اگه بتونین همه این آموزش هارو تو یه فایل pdf جمع کنین نورالنور میشه
امیر
۱۲:۴۱ ۳۱ مرداد ۱۳۹۲
سلام اگه بتونین همه این آموزش هارو تو یه فایل pdf جمع کنین نورالنور میشه