PS简洁立体导航栏.docx
- 文档编号:18149681
- 上传时间:2023-08-13
- 格式:DOCX
- 页数:17
- 大小:1.44MB
PS简洁立体导航栏.docx
《PS简洁立体导航栏.docx》由会员分享,可在线阅读,更多相关《PS简洁立体导航栏.docx(17页珍藏版)》请在冰点文库上搜索。
PS简洁立体导航栏
Inthistutorialyouwilllearnhowtocreateadarkheaderwithasleekandstylishnavigation.Ifyouhaveanyquestionsaboutthistutorialbesuretoaskinthecomments.Also,rememberwithallthetutorials,thepsdisavailablefordownload.
Author:
MatthewHeidenreich
Category:
Photoshop
Yourfinalresultwilllooklikethis
1.Firstthingsfirst.Wewanttocreateanewdocumentwiththesize1024×205.
2.Thenextthingwewouldliketodoistoaddagradienttoourbackgroundlayer.Todoso,letsgoaheadandrightclickyourbackgroundlayer,andchooseBlendingoptionsfromthedropdownmenuandinsertthefollowing
3.Next,wewanttouseourrectanglemarqueetooltomakeaselectionsimilartothefollowingandfillitwith#FFFFFF
4.Onthatlayerinputthefollowingblendingoptions
5.NextIaddedalittle’shine’tothatbluebar.TodosoICTRL+CLICK(commandonaMac)thebluebarslayertomakeaselectionofit.OnanewlayeraboveitIfilleditwith#FFFFFFanddeletedthebottomhalfandchangedtheblendmodetosoftlight.Youshouldnowhavesomethingthatlookssimilartothefollowing
6.Afterthiswewanttogoaheadandstartmakingournavigationalbuttonsforthemenu.Todoso,pulloutyourrectanglemarqueetoolandmakeaselectionsimilartothefollowingandfillitwithasolidcolor:
7.Thenyouwanttogoaheadandinsertthefollowingblendingoptionsontoitslayer
8.Yourbuttonshouldlooksomethinglikethis
9.NextwewanttoaddashinetothebuttonandtodosowewanttoCTRL+CLICK(command+clickonmac)yourbuttonslayertoselectit.andfillitwith#FFFFFF
10.Usingyourarrowkeys‘nudge’yourselectiontooltothebottomhalfandchooseedit>clear,andyou’llhavesomethingthatlookslikethis
11.Nowjustlowertheopacityto28%andthenchangeblendingoptiontooverlayandyoushouldhavethefollowingresults
12.Looksgoodhuh?
Wellgoaheadandaddsometext(Iusedallcaps,butitdoesn’tmatterwhatyoudo)andthisiswhatIcameupwith
13.Nextjustrepeatsteps6-12asmanytimesasyourlittleheartdesiresandyouwillhavesomethingthatlookslikethefolllowing
14.Thenextstepwewanttodoistoaddasmalllogo.Iusedasimpletextwithallcaps,HelveticaNeue,andinserteditinthefollowingposition:
15.Iwantedittobemorethanjustplainwhite,soiwentaheadandinsertedthefollowingblendingoptionsontoitslayer
16.Bythispointyoushouldhavesomethingthatlookslikethis
17.Allwehavelefttodonowisaddasearchbox,andwewillbedone
18.Nowgoaheadandpulloutyourrectanglemarqueetoolyetagainandmakeaselectionlikethisandfillitwith#FFFFFFonitsownlayer
19.Thenwewanttogoaheadandinsertthefollowingblendingoptionsontoitslayer
20.Youshouldbeleftwithsomethingthatlookslikethis
21.Goheadandcreateanewselectionsimilartothefollowingonitsownlayerandfillitwith#FFFFF.Thiswillserveasourinputbox.
22.Iaddedalittlestroketotheblendingoptions,butitsoptional.
23.Nextletsgoaheadandmakeoursearchbutton(wouldmakeitalittlehardtosearchwithoutit).
24.Todosouseyourrectanglemarqueetooltomakeaselectionsimilartothefollowing
25.Goaheadandinsertthefollowingblendingoptionsontoitslayer
26.Nowjustaddalittletextandashineandyou’llhavesomethingthatlookslikethis
27.Thelastthingwewanttodoistoaddalittle‘glow’togiveourheadersomeslightperspective.Todosopulloutyourellipticalmarqueetool.setthefeathertoabout20pxandmakeaselectionsimilartothefollowing:
28.Fillitwithwhiteandplaceitonalayerbehindeverythingelse.UseyourrectanglemarqueetoselecteverythingthatisabovethebluebarandchooseEdit>Clear.Thenjustlowertheopacityto69%andchangetheblendingoptionstoOverlayandyourfinalproductwilllooklikethis
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- PS 简洁 立体 导航