本文制作的网站很有设计感,作为艺术与设计类网站来说,传统的用户体验与网站内容可能并不是首要考虑的内容,而更多得要让整个网站在视觉上跟人以吸引力
先看看效果图:

我们使用950 x 1130px作为网页设计文件尺寸,背景为黑色,用圆角矩形制作白色图形,半径设置为15px

如下图我们完成的形状是用于网站的头部,放LOGO与导航文字的地方

现在为其添加图层样式


完成后的头部形状样式如下

加入网站的域名文字与导航按钮文字

我们只在右边加入三个导航文字,为了使它们看上去不单调,我们为每个导航文字前添加发光小图标,先制作一个3px的长线,随后为其添加下面样式,完成后复制三次

完成后如图

用选区工具绘制选区

随后新建图层,填充白色,并设置不透明度为2%
在头部区块下再制作一个白色圆角矩形作为主要内容的导航文字区域

添加样式




完成如图

情非得已
Photoshop设计撕纸特效的人物海报教程2020-10-28
Photoshop制作立体风格的国庆节海报2020-10-10
Photoshop设计撕纸特效的人像海报2020-03-27
图标设计:用PS制作奶油质感手机主题图标2019-11-06
图标设计:用PS制作中国风圆形APP图标2019-11-01
手机图标:用PS设计儿童贴画风格的APP图标2019-08-09
电影海报:用PS制作蜘蛛侠海报效果2019-07-09
创意海报:用PS合成铁轨上的霸王龙2019-07-08
电影海报:用PS设计钢铁侠电影海报2019-07-08
立体海报:用PS制作创意的山川海报2019-05-22
Photoshop设计猕猴桃风格的APP图标2021-03-10
Photoshop制作逼真的毛玻璃质感图标2021-03-09
Photoshop结合AI制作抽象动感的丝带2021-03-16
Photoshop结合AI制作炫酷的手机贴纸2021-03-16
Photoshop合成加勒比海盗风格电影海报
相关文章17202020-04-02
Photoshop制作花朵穿插文字海报教程
相关文章24942020-04-02
立体海报:用PS设计立体文字海报教程
相关文章31452019-11-01
啤酒海报:用PS简单的合成啤酒宣传海报
相关文章12402019-07-22
手机图标:用PS制作拟物风格手机APP图标
相关文章15532019-07-12
电影海报:用PS设计钢铁侠电影海报
相关文章21712019-07-08
产品海报:用PS制作设计飞利浦耳机海报
相关文章14612019-06-30
雕刻效果:用PS制作文字雕刻特效海报
相关文章21682019-04-10
