css tab web 2.0 با Photoshop

[photoshop cs3]

آموزش ساخت css tab web 2.0 با Photoshop

[FONT=&quot]به نام خدا[/FONT]
[FONT=&quot]آموزش ساخت [/FONT][FONT=&quot]css tab web 2.0[/FONT][FONT=&quot] با [/FONT][FONT=&quot]Photoshop[/FONT]
[FONT=&quot]ابتدا یک سند جدید ایجاد کنید ( به هر سایزی ) سپس رنگ بک گراند را به [/FONT][FONT=&quot][#ffffff][/FONT][FONT=&quot] تغییر دهید .[/FONT]
[FONT=&quot]به مسیر زیر بروید . [/FONT][FONT=&quot](Windows -> Channels)[/FONT][FONT=&quot] سپس در قسمت گوشه پایین سمت راست روی گزینه [/FONT][FONT=&quot]Create new channel [/FONT][FONT=&quot] کلیک کنید[/FONT]
[FONT=&quot]

[/FONT]

[FONT=&quot]حالا با ابزار [/FONT][FONT=&quot]Polygonal Lasso [/FONT][FONT=&quot] یک شکل شبیه به این بکشید .رنگ آن را با [/FONT][FONT=&quot]paint bucket[/FONT][FONT=&quot][#ffffff] [/FONT][FONT=&quot] پر کنید . حالا شکل را [/FONT][FONT=&quot]deselect [/FONT][FONT=&quot] کنید . و به مسیر زیر بروید [/FONT][FONT=&quot]effects -> blur -> [FONT=&quot]Gaussian Blur[/FONT][/FONT][FONT=&quot] بروید و [/FONT][FONT=&quot]radius[/FONT][FONT=&quot] را به [/FONT][FONT=&quot]6.0px[/FONT][FONT=&quot] تغییر دهید [/FONT][FONT=&quot].[/FONT][FONT=&quot]ok[/FONT][FONT=&quot] را بزنید .[/FONT]

[FONT=&quot]CTRL-L[/FONT][FONT=&quot] را فشار دهید . و آن را به صورت زیر تغییر دهید . [/FONT]

[FONT=&quot]در [/FONT][FONT=&quot]channel tab[/FONT][FONT=&quot] ، [/FONT][FONT=&quot]CTRL[/FONT][FONT=&quot] را نگه دارید و [/FONT][FONT=&quot]روی [/FONT][FONT=&quot]channel[/FONT][FONT=&quot] ، [/FONT][FONT=&quot]alpha1[/FONT][FONT=&quot] کلیک کنید . شکل مورد نظر حالا [/FONT][FONT=&quot] select[/FONT][FONT=&quot] میشود [/FONT][FONT=&quot]. به [/FONT][FONT=&quot]layer tab[/FONT][FONT=&quot] برگردید و یک [/FONT][FONT=&quot]layer[/FONT][FONT=&quot] جدید ایجاد کنید و آن را با رنگ [/FONT][FONT=&quot][#000000][/FONT][FONT=&quot] پر کنید . [/FONT]

[FONT=&quot]حالا گوشه های گرد را از یکی از دو سمت راست پا چپ بریده و به سمت دیگر ببرید . [/FONT]

[FONT=&quot]در [/FONT][FONT=&quot]layer tab[/FONT][FONT=&quot] کلید [/FONT][FONT=&quot]CTRL[/FONT][FONT=&quot] را نگه داشته و روی لایر مورد نظر کلیک کنید تا تصویر [/FONT][FONT=&quot]highlight[/FONT][FONT=&quot] شود . [/FONT]
[FONT=&quot]ابزار [/FONT][FONT=&quot]Rectangular Marquee Tool[/FONT][FONT=&quot] را انتخاب کنید و کلید [/FONT][FONT=&quot]ALT[/FONT][FONT=&quot] را نگه داشته و قسمتی از شکل را که میخواهید حذف کنید انتخاب کنید . [/FONT]
[FONT=&quot]به این مسیر بروید [/FONT][FONT=&quot]Select[/FONT][FONT=&quot] -> [FONT=&quot]Modify[/FONT] -> [FONT=&quot]Contract[/FONT], [FONT=&quot]Contract by 2px[/FONT][/FONT]
[FONT=&quot]یک لایه جدید ایجاد کنید و [/FONT][FONT=&quot]آن را با رنگ [/FONT][FONT=&quot][#ffffff][/FONT][FONT=&quot] پر کنید . [/FONT][FONT=&quot]Blending Options[/FONT][FONT=&quot] را انتخاب کنید و سپس [/FONT][FONT=&quot]Gradiant Overlay[/FONT][FONT=&quot] رنگ سفید را با رنگ [/FONT][FONT=&quot][#616161][/FONT][FONT=&quot] تغییر دهید [/FONT]

[FONT=&quot]یک [/FONT][FONT=&quot]layer[/FONT][FONT=&quot] جدید ایجاد کنید و [/FONT][FONT=&quot] Rounded rectangular Tool[/FONT][FONT=&quot] را انتخاب کنید .( [/FONT][FONT=&quot]Radius 8px[/FONT][FONT=&quot]) مانند شکل بالا عمل کنید و لایه ایجاد شده را کنار کنار لایه سیاه قرار دهید بعد از این کار به [/FONT][FONT=&quot]blending option[/FONT][FONT=&quot] بروید و تنظیمات زیر را انجام دهید . [/FONT]
​

[FONT=&quot]Drop Shadow
[/FONT][FONT=&quot]Opacity: 31%
Distance: 0px
Spread: 0%
Size: 2px
[/FONT][FONT=&quot]Bevel and Emboss
[/FONT][FONT=&quot]Depth: 100%
Size: 0px
Soften: 0px
[/FONT][FONT=&quot]Gradiant Overlay
[/FONT][FONT=&quot]Here are the Color stops settings.
Color: #aaaaaa, Location: 0%
Color: #ffffff, Location 100% [/FONT]
[FONT=&quot]تصویر نهایی :[/FONT]

[FONT=&quot]نویسنده : رضا نجفی [/FONT]
[FONT=&quot]حالا خودتون و وژدانتون لطفا کپی رایت رو رعایت کنید . [/FONT]
[FONT=&quot]لطفا نظر بدین[/FONT]


مشاهده پیوست css tab design with photoshop.rar
​