آموزش ايجاد دکمه مقعر ( مثل نعلبکي )

bernadet

Member
آموزش ايجاد دکمه مقعر ( مثل نعلبکي ) و آموزش ايجاد سايه براي متن

منبع

http://www.adesdesign.net/php/tutorials/photoshop/bevButton.php
_________________

یک داکیومنت جدید با ابعاد 100 * 150و رزلوشن 72 پیکسل بر اینچ و مود
Rgb
ایجاد کنید . یک لایه جدید ایجاد کنید
Ctrl + shift + n
و اسم آن را دکمه بگذارید و ابزار مستطیل با لبه گرد
Rounded Rectangular Tool
یک مستطیل با ابعاد یک دکمه بکشید .

button1.gif


button2.gif



در پلت لایه ها روی لایه دکمه رایت کلیک کنید و
blending options
را انتخاب کنید .

button3.gif

در قسمت
Gradiant overlay
تنظیمات را مطابق زیر اعمال کنید .

Gradiant overlay : ticked تیک بخورد
Blend mode : normal
Opacity “ 40 %
Gradiant : گرادیانت سیاه و سفید را انتخاب کنید
Reverse : unticked تیک نخورد
Style : linear
Align with layer : ticked تیک بخورد
Angel : 90
Scale : 100%


button4.gif



الان باید به این شکل رسیده باشید .

button6.gif


بر روی لایه شکل در پلت لایه ها کنترل کلیک کنید که اطراف دکمه انتخاب شود

button5.gif


و انتخاب را 3 پیکسل کوچک کنید

Select > Modify > Contract 3 px

و یک لایه جدید ایجاد کنید
Ctrl _ shift + n
و اسم آن را لبه دکمه بگذارید و با همان رنگی که در شکل نشان داده شده آن را پر کنید .

button7.gif


در پلت لایه ها روی لایه لبه دکمه رایت کلیک کنید و
Blending options
را انتخاب کنید .

button8.gif

و در
Gradiant overlay
دقت کنید که تیک بغل
Reverse
را بزنید .
Gradiant overlay
Blend mode : normal
Opacity 40 %
Gradiant گرادیانت سیاه و سفید را انتخاب کیند .
Reverse : ticked تیک بخورد
Stle : linear
Align with layer : ticked تیک بخورد
Angel : 90
Scale : 100%

button9.gif



نتیجه به این صورت هست .



button10.gif





********************************************************************************






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

سلام دوستان . چون احتمال قوی می دادم که این آموزش رو قبلا داشتیم براش یه تاپیک جدا باز نکردم و همین جا آوردمش . چون آموزشهای قبلی اکثرا تصاویرشون نمی آد نمی تونم انجمن رو سرچ کنم و متوجه بشم که عین این آموزش قبلا بوده یا نه . محبت کنید بگید اگر تکراری نبود یک تاپیک جدا باز کنم و اگر هم تکراری بود بازم یادآوری مجددش بد نیست .

http://www.adesdesign.net/php/tutorials/photoshop/reflectionObj.php

یک داکیومنت جدید با پس زمینه سفید و ابعاد 150 * 200 و رزلوشن 72 پیکسل بر اینچ و مود
RGB
ایجاد کنید . با استفاده از ابزار تایپ
Type tool
متن دلخواه را بنویسید

ref1.gif

و در پلت لایه ها اسم این لایه را متن بگذارید بر روی لایه متن رایت کلیک کرده و گزینه
Duplicate Layer
را انتخاب کنید که یک کپی از لایه متن داشته باشیم . اسم این لایه کپی را سایه بگذارید .

ref2.gif




_________________
در پلت لایه ها بر روی لایه سایه کلیک کنید که این لایه فعال شود و مطابق زیر عمل کنید .
Edit > Free Transform (Ctrl+T).
و بعد
Edit > Transform > Rotate 180 (Right Click+Rotate 180).
و دوباره

Edit > Transform > Flip Horizontal (Right Click+Flip Horizontal).
اکی کنید و از نوار ابزار
Move Tool
ابزار انتخاب را برداشته و لایه سایه را به زیر متن بکشید باید شکلی شبیه به این داشته باشید .

ref3.gif


ref4.gif



در پلت لایه ها بر روی لایه سایه رایت کلیک کرده و

Rasterize Layer

را انتخاب کنید و مسیر زیر را طی کنید .

Edit > Free Transform (Ctrl+T).

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

Perspective
یا
Edit > transform > perspective


را انتخاب کنید و هندل پایین و سمت راست شکل را اندکی به بیرون بکشید که سایه حالت طبیعی پیدا کند .اکی کنید .

ref5.gif


ref6.gif



در پلت لایه ها بر روی لایه سایه رایت کلیک کرده و طبق مسیر یر عمل کنید .

Blending Options > Gradient Overlay

Gradiant overlay

Mode : normal
Opacity : 83%
Gradiant : یک گرادیان دو رنگه آبی و سفید که در سمت چپ سفید دارد و در سمت راست با آبی نفتی ختم می شود .
Reverse : checked چک بخورد
Style : linear
Align with layer : ticked تیک بخورد
Angel : 90
Scale : 109%

توجه کنید گرادیان دو رنگه ای که انتخاب می کنید بستگی به رنگ متنتان دارد . مثلا اگر متن قرمز بود گرادیان را سفید و قرمز انتخاب می کردیم .

ref7.gif



ref8.gif


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

GFX Master

مدیر انجمن گرافیک دو بعدی ومسئول فروشگاه
جالب بودن ممنون بابت زحمتی که کشیدی ولی چرا هر کدوم از آموزشها رو جداگونه نذاشتی؟ اینجوری ممکنه آموزش دومت خوب دیده نشه و حیفه چون وقت و زحمتت ممکنه به هدر بره!
 

hamidak

Member
عالي بود
از نظر من از اين آموزشها هرچند هم ساده باشه ولي ميشه نكات زيادي ازش ياد گرفت
 

GFX Master

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

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

arashonline

Well-Known Member
sara_is_nice_girl گفت:
دوست عزیز لطفا تاپیکهای قدیمی رو فقط اگر سوال یا اشکالی دارید دوباره مطرح کنید.

تاپیک رو قفل نمیکنم چون ممکنه کسی سوال یا اشکالی داشته باشه ولی لطفا خارج از این موارد پست نزنید!
ببينم اين آموزش عكس نداشت يا من نميبينم...!:cry:
 

GFX Master

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

جدیدترین ارسال ها

بالا