优艾设计网

Photoshop做网站导航栏图片

优艾设计网 https://www.uibq.com 2020-09-14 00:00 出处:网络
步骤 1、创建一 540 x 440px 大小的画布,并用#1b1b1b填充。 步骤 2、创建新图层,使用圆角矩形工具,半径设为5px,建立一 250 x 300px 选框。

步骤 8、按住 Ctrl 并点击黑色方框层获得选区,选择 >> 修改 >> 收缩,收缩10px。

Photoshop做网站导航栏图片

步骤 9、创建新图层,使用白色到透明渐变(径向)填充选区。

Photoshop做网站导航栏图片

步骤 10、将图层不透明度设为5%。

Photoshop做网站导航栏图片

步骤 11、输入导航项目。

Photoshop做网站导航栏图片

步骤 12、使用矩形选框工具在各项之间建立 210 x 1px 的选区,并用#1e1e1e填充。

Photoshop做网站导航栏图片

步骤 13、制作激活状态下栏目效果。在文字层下方创建图层,使用矩形选框工具建立 210 x 30px 的选区,并用#171717填充。

Photoshop做网站导航栏图片

提示:键盘也能翻页,试试"← →"键
0

精彩评论

暂无评论...
验证码 换一张
取 消