王尘宇

ps界面设计怎么做

新建完图层后我们使用工具栏中的椭圆工具绘制一个椭圆形。双击形状图层将形状的颜色改为黑，透明图设置为5%。

3/18选择形状图层，Ctrl+J复制出同样的一个形状。

4/18选择复制出来的图层，【Ctrl+T】将旋转的角度调整为45°。使用同样的方式Ctrl+J进行复制图层，再Ctrl+T进行旋转，重复3次同样的操作后绘制以下的形状效果。5/18将绘制好的图层全部选中【Ctrl+G】对图层进行编组，方便后面的制作。6/18第2步添加颜色，加强细节在图层面板中底部找到【新建图层】按钮点击，新建一个空白图层。

7/18使用工具栏中的【画笔工具】绘制颜色。在绘制的前可以调整画笔的大小和颜色，双击工具栏中的颜色进行设定前景色和背景色。通过使用【画笔工具】将颜色绘制成从蓝色到桃红色的渐变效果。

8/18渐变颜色图层绘制好后，在图层与编组之间按住【Alt】键进行图层与编制之间的嵌套，让渐变的颜色嵌套到下面的编组上。从而完成以下的效果。9/18选择图层编组，Ctrl+J复制新的编组。

选择复制的编组Ctrl+T进行变换，缩放的时候后按住shift+Alt键拖动边缘的方块对图形进行进等比缩放。将图形比例调整到合适的大小，让形状显得更有层次和空间。10/18为了让颜色嵌套到所有的图层上，选中形状的两个编组【Ctrl+G】把图层下面的两个编组合成为一个编组。

然后在颜色层与编制之间按住【Alt】将图层嵌套到合成的编组上，这时候背景的主要形状就绘制好了。11/18背景效果制作完后，使用工具栏中的【文字工具】制作字体，文字颜色设置为白色，大小设定280px。12/18Alt键拖动复制字体图层，改成副标题的文案。在【窗口】中找到【字符】面板调整文字的字间距到合适的间距，将字体大小为42px，文字字间距为60。

13/18文字制作好后，再次丰富一下背景的效果。选择路径【椭圆工具】，在绘制的时候按住【Shift】绘制一个正圆。14/18双击绘制好的路径图层打开【图层样式】面板选择【渐变叠加】。15/18在【渐变叠加】面板中双击‘“渐变条”调出渐变编辑器调整蓝色到紫色的渐变效果。

16/18做好一个圆形的渐变效果后，选择图层【Ctrl+J】复制一个新的图层。然后【Ctrl+T】对新的图层进行缩放。17/18将圆形调整到合适的大小后，再双击图层调整渐变为方向为反响，从而加强两个圆形之间的层次效果。18/18但炫酷的效果完成后，我们可以对整体的页面进行功能布局。

绘制好功能的按钮及子功能的ICON图标等，从而让页面变得更加的丰富和细腻。

新手如何用ps制作网页首页 新手如何用ps制作网页首页详解

1、我们打开ps软件，新建一个1920*3000的文件，分辨率选择72像素，颜色为白色。 2、在guideguide插件中，我们将左右边距都设置为360，行数为12，余边为20，单位都为像素。

3、下面我们建立首屏线，在【视图】中找到【新建参考线】，选择水平，数值为785像素。

4、然后用矩形工具绘制一个1920*785的色块，换一下颜色，便于区分。 5、下面我们建立导航条，大小为1920*80，我们用矩形工具去创建。 6、下面用文字工具输入导航内容。 7、下面为了更加方便的为了以后的创作，我们选择【窗口】【字符样式】，创建一个字符样式，以后的文字就可以用到了。

8、继续做下面的页面就可以了。

Photoshop制作网页的方法

设计网页的方法很多，常见的有直接编写代码方法，利用可视化软件设计(例如DreamWeaver)法，利用中间软件实现格式转换法(例如Word生成HTML代码)，还有就是PS设计网页法。我们为大家收集整理了关于Photoshop制作网页，以方便大家参考。

首先，用Photoshop建立空白画布，载入一张网页图片 利用切片工具，把图片切片(切成你想要的效果) 然后打开“开始”菜单，找到另存为web格式 然后全选，全部储存为JPG格式，保存图像和HTML网页 保存好的HTML在Dreamweaver打开即可进行其他编辑了，也可直接在网页中打开。

怎么用ps设计网页主页

制作主页是一项非常复杂的工作，跟创意合成有点类似。首先要根据客户的要求去找一些好的作品作为参考，找出一些灵感，然后搜集相关的素材，并按照自己的思路去慢慢溶图、渲染颜色，处理明暗及细节等。

最终效果一、网页首页模版创建1、首先打开我们下载的ps软件，左上角选择文件-新建（快捷键ctrl+N），然后创建一个1920x3000的画布，网页设计分辨率选择72就可以，颜色模式我们选择RGB,点击创建；（注意宽度选择的是像素）为什么我们要创建1920宽的呢，目前我们的显示器分辨率一般为1920px，所以创建1920px宽度的可以使我们的网页背景正好显示完整，左右不会出现空白。

2、接下来我们要将单位与标尺调整为像素，方便我们测量宽高。操作步骤为：编辑-首选项-单位与标尺（快捷键ctrl+K，找到单位与标尺）3、选择 视图-标尺（快捷键ctrl+R）调用我们的刻度尺，方便直观的看到宽度和高度；左击刻度尺拖出2条参考线分别到360和1560刻度，使中间留有1200px的宽度。两个刻度尺中间的距离就为我们内容展示的区域，使用 （快捷键ctrl+; ）可以显示关闭刻度。为什么要使用1200px的宽度呢，因为目前主流的网页设计主体内容宽度为980px和1200px，而1200px可以显示更多的内容，网页也可以显得更加的高端大气。