campaign-edianeh-98

آموزش افکت زیبای تشعشع متن در فتوشاپ



visibility  
mode_comment   ۲۱

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

1- یک سند جدید با ابعاد 600*400 ایجاد کنید.

ایجاد سند جدید

2-  با دابل کلیک کردن بر روی لایه Background ،آن را از حالت قفل(lock) خارج کنید.

3 -  رنگ پیش زمینه  را مشکی انتخاب کرده (000000#) و با فشردن کلید های ترکیبی Alt + Delete

لایه Background  را با رنگ مشکی پر(Fill) نمایید.

انتخاب پس زمینه ی مشکی

4- متن مورد نظر خود را با فونت و سایز دلخواه (Berlin Sans FB D,88pt)تایپ کنید

و با فعال بودن لایه متن در حالت ویرایش ،رنگ آنرا به رنگ سفید (#FFFFFF ) تغییر دهید.

تنظیم رنگ نوشته

تنظیم رنگ نوشته

5 - لایه متن را انتخاب و با کلیک راست و انتخاب گزینه Duplicate layer و انتخاب گزینه  Ok از لایه متن یک کپی تهیه  کنید.

ایجاد لایه کپی

ایجاد لایه کپی

6 - لایه کپی را  با غیر فعال کردن علامت چشم کنار لایه از حالت دید خارج نمایید.

غیر فعال کردن حالت نمایش لایه کپی

غیر فعال کردن حالت نمایش لایه کپی

7 -  لایه اصلی متن را انتخاب نمایید و از منوی فیلتر ها (Filter  ) گزینه ی Stylize  و سپس گزینه Wind

  را انتخاب نمایید.

ایجاد فیلتر Wind

ایجاد فیلتر Wind

8 -    از پنجره باز شده گزینه ی Ok  را انتخاب نمایید و تنظیمات پنجره را مثل تصویر زیر انجام دهید.

تنظیم فیلتر Wind

تنظیم فیلتر Wind

9 - با انتخاب گزینه های Ctrl + F  فیلتر را دوباره تکرار کنید.

10 -  مرحله 7 را دوباره تکرار و در پنجره تنظیمات از قسمت Direction گزینه From The Left  را انتخاب نمایید.

11 - با انتخاب دوباره Ctrl + F  فیلتر را دوباره تکرار نمایید.

12 -  تا به اینجای کار تصویر شما باید همانند تصویر زیر باشد.

تصویر فعلی

تصویر فعلی

13 - حال از منوی Edit  گزینه Transform  و سپس گزینه ی Rotate 90 CW  را انتخاب نمایید.

انتخاب حالت چرخش تصویر

انتخاب حالت چرخش تصویر

تصویر شما با یک چرخش 90 درجه ای به حالت عمودی در می آید.

14 -  حال مراحل 7 تا 11 را برای این  حالت  تکرار نمایید.

15-   حال از منوی Edit گزینه ی Transform  سپس گزینه ی Rotate 90 CCW را انتخاب نمایید  تا تصویر به حالت اصلی خود باز گردد.

16 - با راست کلیک بر روی لایه اصلی متن و انتخاب گزینه ی Blending Option  پنجره  Layer Style  به نمایش در می آید ، گزینه ی Gradient Overlay  را انتخاب و تنظیمات را مانند تصویر زیر انجام دهید.

تنظیمات Gradient Overlay

تنظیمات Gradient Overlay

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

تصویر فعلی 2

تصویر فعلی 2

17 - لایه کپی متن را با انتخاب علامت چشم کنار ان دوباره به حالت دیدن برگردانید.

18 - بر روی لایه کپی متن، کلیک راست کرده گزینه blending option  را انتخاب و از پنجره layer Style

گزینه Inner Shadow  را انتخاب نمایید و سپس تنظیمات را همانند تصویر زیر انجام دهید.

تنظیمات Inner Shadow

تنظیمات Inner Shadow

19 - تصویر نهایی :

تصویر نهایی

تصویر نهایی

20 - دوستان عزیز می توانند با انتخاب رنگ های مختلف حالت های زیباتری را نیز ایجاد نمایند.

تصویر نهایی با رنگ آبی :

تصویر نهایی با رنگ آبی

تصویر نهایی با رنگ آبی

امیدوارم مورد استفاده دوستان واقع بشود.

comment دیدگاه کاربران
لقمان آوند

خوب ، ساده و مفید …
ممنون کیوان جان

کیوان علی محمدی

لطف داری لقمان جان

محمود

سلام
کیوان جان ممنون از تلاش مفیدتون
لقمان عزیز داشتم این پست رو سرسری میخوندم که یه چیزی توجه منو جلب کردم کمی که بررسی کردم بد ندیدم در مورد بهینه سازی این پست یه چیزایی بگم البته حرفام قابل تعمیم به تمام پست های دارای تصویر هست و احتمال دادم این مطلب به کار خیلی از کاربرا بخوره.
پست هایی که تصویر دارن واسه موتورهای جستجو محبوب تر هستند بیایم ببینیم چرا؟
خیلی سال پیش کتاب که میخریدم اکثرشون جدای از این که محتواشون چقدر قوی و غنی باشه جنسش از کاغذ کاهی بود و هر کس کتاب خون تر، چشاش ضعیف تر. اما خوشبختانه الان مثل قدیم نیست که کسایی که عینک میزنن بگیم درس خون هست الان چشای ضعیف از کتاب نیست. پس از چیه؟ تکنولوژی!!!
اینا چه ربطی داره به تصویر، بهینه سازی و موتور جستجو؟!
خب وقتی دیگه خبری از کتاب به اون صورت نیست و اغلب مردم مخصوصا نسل جدید به جای هر چیز کاغذی، از دستگاه های دیجیتالشون استفاده می کنند. پس بعضیا اومدن از این وضع سود کنند و سود برسونن. گوگل چی فهمیده؟ اومده بررسی کرده که چه کتابایی مفیدن. خب به این نتیجه رسیده که کتابایی که جنس کاغذ، محتواش و نوع انتقال مطالبش بهتره. بیشتر طرفدار داره (نوع انتقال مطالب به مخاطب با طرز بیان فرق داره پس به اشتباه نیافتید)
محتوا: این با الگوریتم های شگفت انگیز و کاملا قابل درک گوگل تشخیص داده میشه به عنوان مثال مطلب بالای 299 کلمه (این عدد مثال نیست و دقیقا خود تعداد کلمات حداقلی برای یک مطلبه که سئوش رعایت شده) از مطلبی با کلمات کمتر امتیاز بیشتری میگیره که هر چه این مطلب طولانی تر باشه امتیاز بالاتر (به شرط یکتا بودن) و هر چه کوتاه تر امتیاز منفی بیشتر. و در حالت معمول مطلب طولانی تر به عنوان منبع شناخته میشه
جنس: این تکنولوژی که میگم هنوز اینقدر همه گیر و ارزون نشده که همه بتونن داشته باشنش. صفحه نمایشی LCD و LED که برای هر نوع تصویری تعداد به روز رسانی صفحه اش فرق داره (همه که نمیتونن OLED بخرن)
انتقال مطالب: شما سایتی رو دوست دارید که بیشتر نوشته داره و کمتر عکس یا سایتی که بیشتر عکس و کمتر نوشته؟ مسلما دومی
گوگل هم اومده طبق سلیقه کاربر سایت هایی که مطالبش با تصاویر هست رو بالاتر قرار داده و اونایی که فیلم هم گذاشتن بازم بالاتر
پس تا اینجا متوجه شدیم مطالبی که بیشتر عکس دارن واسه موتور جستجو محبوب تر هستن اما اینم یه اصولی داره و نیاید توی سایتتونو پر عکس کنید.
چه عکسی بذاریم؟
مربوط به مطلب باشه
مخاطبین چه رنگی دوست دارن؟
– هنرمند: سیاه و سفید و طیف خاکستری
– مهندس: رنگ های شاد
– سیاست: زرد و قرمز
– خشونت: رنگ های تند و گرم
– سایت های تفریحی هم بهتره از رنگ های سرد و ملایم استفاده کنن مثلا آبی
مسلما یک وب مستر مخاطبشو میشناسه
واسه گوگل تصاویر با رنگ های شاد، سرد و ملایم ارجحیت داره
با چه پسوندی بذاریم؟
اگه حرفه ای هستید باید در بیشتر مواقع از GIF فاصله بگیرید (کیفیت پایین)
اگه سایتتون تفریحی هست تصاویر JPG (چون پر از رنگه و واسه این کار تصویر کم حجم تری در خروجی میده)
سایت های آموزشی هم بیشتر از PNG و گاهی از JPG (اگه 1. تصاویر رنگ تکراری زیاد داشت و 2. اورجینال توسط خودتون کپچر شده بود از PNG در غیر این صورت از JPG)
مثلا برای آموزش در محیط نرم افزار ها PNG بهترینه (کیفیت بهتر + حجم کمتر)
ما بقی پسوندها رو در صورت استفاده در فایل فشرده برای دانلود بذارید
تا اینجا متوجه شدیم واسه مطلب عکس بذاریم خوبه، رنگ و نوع و پسوندشو هم فهمیدیم
اندازه:
بزرگتر = بهتر
به شرطی که با تصاویر بند انگشتی (منظور تصویر شاخص نیست) تصاویر رو نشون بدیم و عکس اصلی در صفحه یا پنجره کاملا مجزا باز بشه
هیچوقت اندازه یک عکس مثلا 200×200 رو کمتر یا بیشتر نشون ندید گوگل اینو تشخیص میده و میفهمه این کلکه و شما رو میبره پایین. البته اگه انگشت شمار باشه از اشتباهتون میگذره و اگه تعداد زیاد باشه تشخیصش اینه:

“به نظر می رسد نویسنده مطلب مبتدی باشد و یا قالب سایت مشکل دارد”

ما میتونیم یه لیست از تصاویر رو کوچیکشو قرار بدیم و با کلیک به تصویر بزرگتر لینک بدیم اما واسه آموزش تصویری از این روش استفاده نکنید.
اگه تصویرتون لینک یه صفحه یا تصویر دیگه نیست حتما به خودش لینک بدینش.
حجم:
مگه دست ماست؟! بله تا حدود زیادی
Jpg: فتوشاپ یا Advanced JPEG Compressor
Gif: با Gif Optimizer
و شاهکاری برای Png: با PNGGauntlet
اسم عکس:
توی گوگل کسی برای جستجوی تصویر یه بچه یا منظره نمیزنه 1 یا 234 (سئوی مطلب با این کار پایین میاد)
باید اسم تصویر رو بزنید مثلا ما یه پست در مورد آموزش فتوشاپ داریم اولا بهتره یکی از تصاویرمون اسمش Photoshop باشه (این اسم برای هر تصویری با هر اسمی که داخلش Photoshop باشه بالاتر نشون داده میشه اگه: در جستجو از دابل کوتیشن استفاده نشه) حالا مثلا برای نمایش تصویری از منوی Image نزنید Image یا Image Photoshop چون اشتباست. Photoshop-Image-menu بهترین گزینه هستش و اگه چند تا تصویر مربوط به این منو داشتیم بزنیم
Photoshop-Image-menu-1
Photoshop-Image-menu-2
و همینطور الی آخر
اگه هم یه تصویر با اسم تکراری رو به وردپرس بدیم زحمت میکشه و یه عدد به آخرش اضافه میکنه :دی
ببخشید طولانی شد
توضیحات بیشتر خواستید در خدمتم

لقمان آوند

ممنون محمود جان
جالب بود . سعی میشه استفاده شه .
ولی خداییش چقدر وقت گذاشتی اینو نوشتی ؟
ماشالله …

کیوان علی محمدی

ممنون از نکات خوبی که گفتی

محمود

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

m.zarein

سلام..
ممنون//
الان واسه سایتم یکی میسازم:ی 😆 😆 😆

mahdi.sh

آقا من خیییییییییییییلی حال کردم باز هم از این آموزش ها بگذارید.

amiri

سلام
بسیار آموزش زیبا و خوبی بود من منتظر هستم تا درس های بیشتری یاد بگیرم 😳

سامان

سلام..
من مراحل رو طبق آموزش پیش رفتم اما فیلتر wind برای من غیر فعاله!
چرا؟

لقمان آوند

جایی خوندم که فیلتر wind برای عکس هایی که RGB و یا CMYK هستند فعاله . ببین کجا اشتباهی مد عکسو عوض کردی …

علی امینی

در پاسخ به آقا سامان باید بگم که رنگ زمینه رو سیاه کن و رنگ متن رو سفید بعد امتحان کن حتما wind کار میکنه.
امید وارم عمل کنه برات. 😛

علی امینی

سلام .آموزش خوبی بود فقط میگم چرا در مرحله 7 حتما باید رنگ متن سفید باشه تا عمل کنه و اگه در مرحله ی 7 رنگ فونت رو بغیر از سفید کنیم عمل نمیکنه؟ ❓

کیوان علی محمدی

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

amn

ممنون.
چیزی واسه گفتن ندارم اما دیدم حداقل کاری که می شه کرد، تشکر هستش.

حسن

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

کیوان علی محمدی

سلام برای این کار شما باید لایه های مختلفی رو با انداز های مختلف از اون حالت تشعشع ایجاد کنی و سپس با استفاده از منوی animation یا timeline فتوشاپ این لایه های رو توی فریم های مختلف نمایش بدی،مثلا 20 فریم اول حالت تشعشع کم،20فریم بعدی تشعشع متوسط و 20 فریم آخر هم تشعشع کامل،زمان و تعداد فریم ها هم می تونی به دلخواه تنظیم کنی که سرعتش زیاد و کم بشه.آموزش ایجاد بنر متحرک ساده رو ببین تا با کار با فریم آشنا بشی.

حسن

تشکر

elham.e

اموزش های تکنیک های فتوشاپتون واقعا معرکس…
خلاصه و مفید که میگن همینه
ممنون

امیر

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

امیر

ممنون حل شد

add_circle ارسال دیدگاه

خوشحال میشیم دیدگاه و یا تجربیات خودتون رو با ما در میون بذارید :