Photoshop做网站导航栏图片(4)

步骤 1、创建一 540 x 440px 大小的画布,并用#1b1b1b填充。 步骤 2、创建新图层,使用圆角矩形工具,半径设为5px,建立一 250 x 300px 选框。 步骤 3、使用径向渐变工具填充选区,渐变颜色为#bc0303,#3f0000。 步

Photoshop制作非常大气的特色产品网页(3)

4、光影的处理方法。 5、层次的调整如下,使用调色工具,将远景进行处理,同时要考虑到黄色的夕阳对建筑的影响,需要偏暖色,融入到天空。 6、加入底部光影,采用画笔或者路径工具,勾画光影的面积,这样前后的层次

步骤 1、创建一 540 x 440px 大小的画布,并用#1b1b1b填充。
Photoshop做网站导航栏图片(4)插图
步骤 2、创建新图层,使用圆角矩形工具,半径设为5px,建立一 250 x 300px 选框。
Photoshop做网站导航栏图片(4)插图(1)
步骤 3、使用径向渐变工具填充选区,渐变颜色为#bc0303,#3f0000。
Photoshop做网站导航栏图片(4)插图(2)
步骤 4、图层 >> 图层样式 >> 外发光。
Photoshop做网站导航栏图片(4)插图(3)
得到如下效果:
Photoshop做网站导航栏图片(4)插图(4)

步骤 5、选择文字工具,输入导航栏标题。
Photoshop做网站导航栏图片(4)插图(5)
步骤 6、创建新图层,使用圆角矩形工具绘制一 230 x 250px 选框。
Photoshop做网站导航栏图片(4)插图(6)
步骤 7、用#111111填充选区。
Photoshop做网站导航栏图片(4)插图(7)
步骤 8、按住 Ctrl 并点击黑色方框层获得选区,选择 >> 修改 >> 收缩,收缩10px。
Photoshop做网站导航栏图片(4)插图(8)

步骤 9、创建新图层,使用白色到透明渐变(径向)填充选区。
Photoshop做网站导航栏图片(4)插图(9)
步骤 10、将图层不透明度设为5%。
Photoshop做网站导航栏图片(4)插图(10)
步骤 11、输入导航项目。
Photoshop做网站导航栏图片(4)插图(11)
步骤 12、使用矩形选框工具在各项之间建立 210 x 1px 的选区,并用#1e1e1e填充。
Photoshop做网站导航栏图片(4)插图(12)
步骤 13、制作激活状态下栏目效果。在文字层下方创建图层,使用矩形选框工具建立 210 x 30px 的选区,并用#171717填充。
Photoshop做网站导航栏图片(4)插图(13)

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


Photoshop做网站导航栏图片(4)插图(8)

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


Photoshop做网站导航栏图片(4)插图(9)

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


Photoshop做网站导航栏图片(4)插图(10)

步骤 11、输入导航项目。


Photoshop做网站导航栏图片(4)插图(11)

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


Photoshop做网站导航栏图片(4)插图(12)

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


Photoshop做网站导航栏图片(4)插图(13)

步骤 1、创建一 540 x 440px 大小的画布,并用#1b1b1b填充。
Photoshop做网站导航栏图片(4)插图
步骤 2、创建新图层,使用圆角矩形工具,半径设为5px,建立一 250 x 300px 选框。
Photoshop做网站导航栏图片(4)插图(1)
步骤 3、使用径向渐变工具填充选区,渐变颜色为#bc0303,#3f0000。
Photoshop做网站导航栏图片(4)插图(2)

步骤 4、图层 >> 图层样式 >> 外发光。


Photoshop做网站导航栏图片(4)插图(3)

得到如下效果:


Photoshop做网站导航栏图片(4)插图(4)

步骤 5、选择文字工具,输入导航栏标题。


Photoshop做网站导航栏图片(4)插图(5)

步骤 6、创建新图层,使用圆角矩形工具绘制一 230 x 250px 选框。


Photoshop做网站导航栏图片(4)插图(6)

步骤 7、用#111111填充选区。


Photoshop做网站导航栏图片(4)插图(7)

步骤 1、创建一 540 x 440px 大小的画布,并用#1b1b1b填充。
Photoshop做网站导航栏图片(4)插图
步骤 2、创建新图层,使用圆角矩形工具,半径设为5px,建立一 250 x 300px 选框。
Photoshop做网站导航栏图片(4)插图(1)
步骤 3、使用径向渐变工具填充选区,渐变颜色为#bc0303,#3f0000。
Photoshop做网站导航栏图片(4)插图(2)
步骤 4、图层 >> 图层样式 >> 外发光。
Photoshop做网站导航栏图片(4)插图(3)
得到如下效果:
Photoshop做网站导航栏图片(4)插图(4)

步骤 5、选择文字工具,输入导航栏标题。
Photoshop做网站导航栏图片(4)插图(5)
步骤 6、创建新图层,使用圆角矩形工具绘制一 230 x 250px 选框。
Photoshop做网站导航栏图片(4)插图(6)
步骤 7、用#111111填充选区。
Photoshop做网站导航栏图片(4)插图(7)
步骤 8、按住 Ctrl 并点击黑色方框层获得选区,选择 >> 修改 >> 收缩,收缩10px。
Photoshop做网站导航栏图片(4)插图(8)

步骤 9、创建新图层,使用白色到透明渐变(径向)填充选区。
Photoshop做网站导航栏图片(4)插图(9)
步骤 10、将图层不透明度设为5%。
Photoshop做网站导航栏图片(4)插图(10)
步骤 11、输入导航项目。
Photoshop做网站导航栏图片(4)插图(11)
步骤 12、使用矩形选框工具在各项之间建立 210 x 1px 的选区,并用#1e1e1e填充。
Photoshop做网站导航栏图片(4)插图(12)
步骤 13、制作激活状态下栏目效果。在文字层下方创建图层,使用矩形选框工具建立 210 x 30px 的选区,并用#171717填充。
Photoshop做网站导航栏图片(4)插图(13)

作者: 791650988

为您推荐