Photoshop制作网页在线咨询框

新建画布，参数设置如下；

选择圆角矩形工具，属性栏设置“路径”属性，圆角化20，新建图层，绘制路径。

Ctrl+回车将路径变为选区；

选择渐变工具，编辑渐变颜色；

渐变编辑颜色参数设置如下：

选择线性渐变，从上到下拖动，效果如图：

Ctrl+T自由变换，单击右键――斜切，水平方向；

钢笔工具绘制如下形状；

Ctrl+回车转换选区，按Ctrl+Alt+shift单击图层1缩略图；

新建图层，选择渐变工具，调整渐变，参数如下；效果如图

做右上角的小圆，新建图层，绘制圆形，填充白色，图层样式描边（4）即可

文字工具，单击输入X；

钢笔工具绘图，在右上角；

新建图层，Ctrl+回车变选区，调整渐变，参数设置如下：

新建图层，钢笔工具绘制两个折角的位置，Ctrl+回车，填充颜色，把图层拖动到下方即可；

找一个护士的素材，抠图如下；

文字工具录入文字，一个黄色投影，一个白色投影（可根据自己而定）

开始制作按钮，选择渐变工具、编辑渐变颜色；

新建图层，绘制圆角矩形；

然后从上到下拖动渐变，同样的方法制作另一个按钮；注意：在这说一个特殊的方法，因为再绘制圆角矩形不一定保证是相同大小的，所以我们复制上一个绿色的圆角矩形按钮，然后锁定透明像素即可修改

文字工具，录入文字，添加投影效果；

最终效果如下；

用户类似问题：

问题1：如何用photoshop制作网页

1 首先把下载好的或者自己做好的PSD文件打开然后找到又侧的工具栏找到切片工具 2 然后用切片工具把页面切割,分别把图片切割和文字内容切割,切割完毕后,点击文件储存为web所用格式 3 然后出现一个设置的对话框 4 设置好后点击储存即可然后即可浏... >>详细

问题2：如何用Photoshop制作网页模板

网页中的元素有很多，像Banner条、文本框、文字、版权、Logo、广告等。尽量把这些相对独立的元素放在不同的图层中，这样方便以后的再编辑。 不过图层一多，就显得很凌乱，可建立多个图层组来进行管理。单击图层面板右上角的小三角按钮，从弹出菜... >>详细

问题3：如何用Photoshop 制作网页？该从哪里入手呢？

界面设计有一定的设计规范，在设计规范的基础上可以较快的入门和进阶。 【页面构成】 一个网页通常来说会有一个导航条（nav），一个页脚（footer）和一个内容区域（body）。各个页面（二级页面）通过导航条的链接来访问。通过内容区域的链接和列... >>详细

问题4：photoshop网页制作高手来看看啊，怎么制作HTML元素

直接到 Dreamweaver找表单 -列表/菜单 就会有这种效果 在ps里只是图片格式预览用的 不能实际操作 >>详细

问题5：用ps怎么制作页面啊~~

在网页设计中，使用Photoshop制作网页通常只是辅助作用—— 制作效果图，或者制作框架，方便进一步编辑代码。 主要是应用Photoshop的参考线、切片等功能： 先用参考线规划网页的整体布局，再通过图层和图层组设计各个部位，接着使用切片工具划分，... >>详细