本文作者:三岁教程网

怎样用ps设计网站模板

三岁教程网 2022-11-07 00:00:00 85 抢沙发

最终效果


    
     怎样用ps设计网站模板

首先创建一个新的文档


    
     怎样用ps设计网站模板


    
     怎样用ps设计网站模板

设置前景色为:#2b2724


    
     怎样用ps设计网站模板

选择油漆桶工具,为画布上色,选择背景层


    
     怎样用ps设计网站模板

按住Ctrl+J将会复制选定图层


    
     怎样用ps设计网站模板

选择图层1,然后选择滤镜、杂色、添加杂色


    
     怎样用ps设计网站模板

然后使用设置


    
     怎样用ps设计网站模板

选择圆角矩形工具,在显示器的上方,进行设置


    
     怎样用ps设计网站模板

为导航创建两个形状,改变前景色为#e84502,然后使用圆角矩形工具


    
     怎样用ps设计网站模板

复制图层首先需要选定想要复制的图层,然后按下CTRL+J键,复制完这两个橙色的形状之后,在图层缩略图上双击,然后选择白色。


    
     怎样用ps设计网站模板


    
     怎样用ps设计网站模板

选择移动工具,将白色形状向上移动一点


    
     怎样用ps设计网站模板


    
     怎样用ps设计网站模板

使用文字工具,加上一些文字


    
     怎样用ps设计网站模板

使用相同的工具,在导航条上加上文字


    
     怎样用ps设计网站模板

选择线条工具,确保线条粗细为1个像素


    
     怎样用ps设计网站模板

在导航按钮之间创建一个垂直线条


    
     怎样用ps设计网站模板

在图层上点击右键选择栅格化图层


    
     怎样用ps设计网站模板

选择橡皮擦工具,改变画笔到 60 Soft Mechanical 60 pixels


    
     怎样用ps设计网站模板

然后删除线条的顶部和底部


    
     怎样用ps设计网站模板

复制这个图层,选择移动工具,然后将复制好的线条放置在另外一个导航按钮的右边


    
     怎样用ps设计网站模板

在整个布局的上方创建文字logo


    
     怎样用ps设计网站模板

在图层1的上方创建一个新的图层


    
     怎样用ps设计网站模板

选择画笔工具,改变 to Soft Mechanical 60 pixels,在文字logo下面创建白色点


    
     怎样用ps设计网站模板

将此图层的透明度改变为25%


    
     怎样用ps设计网站模板


    
     怎样用ps设计网站模板


    
     怎样用ps设计网站模板

文章版权及转载声明

作者:三岁教程网本文地址:http://ssjcw.com/?id=61537发布于 2022-11-07 00:00:00
文章转载或复制请以超链接形式并注明出处三岁教程网

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏

阅读
分享

发表评论

快捷回复:

评论列表 (暂无评论,85人围观)参与讨论

还没有评论,来说两句吧...