王尘宇

在Photoshop中如何制作网页

soso问问里答案： 首先是在Photoshop中制作网页的框架。网页中的元素有很多，像Banner条、文本框、文字、版权、Logo、广告等。

尽量把这些相对独立的元素放在不同的图层中，这样方便以后的再编辑。

不过图层一多，就显得很凌乱，可建立多个图层组来进行管理。单击图层面板右上角的小三角按钮，从弹出菜单中选择“新建组”，在随后出现的对话框中为新建组取一个名称（如：“网页顶部”），确定即可。这时图层面板中多出一个文件夹图标，即图层组。把相关联的图层都拖放到同一组中，比如网页顶部的所有元素，标题、菜单、Logo等都放到“网页顶部”组中。

同样方法可以建立多个组，在组的下面还可以建立子组。 点击图层组前面的小三角，就可以像文件夹一样展开或折叠它，这样图层面板就显示干净利落得多，要修改某个元素也能很容易找到。对同一组中的所以图层可以方便地进行统一操作，如整体复制、删除、隐藏、合并等。

小提示： 如果你想借鉴某个网页的设计，不妨把它截成图片放在最下面的图层中，再拉出多个参考线划出网页的大致版式，再在此基础之上边参考边制作自己的网页。 从Photoshop到Dreamweaver的转换 在Photoshop中设计好之后，下面就要用切片工具把它转换成网页。有些人在切片之前喜欢合并图层，其实没有必要，合不合并图层对最终生成的网页没有多大影响，反而会妨碍以后的编辑修改。

第1步：我们最终需要的，只是Photoshop中制作的图形和框架。选择切片工具（快捷键为K），把需要的每个图形独立切分出来。每切分出一个图形，在它的左上角会显示出切片编号。

第2步：在工具箱右击切片工具，从弹出菜单中选择“切片选择工具”，用它可以选取、移动切片，并可以调整切片的大小。右击某个切片还可以删除或划分这个切片。 第3步：切分出所有图片后，执行“文件→存储为Web所用格式”命令，打开存储对话框，根据需要设置好图片的格式、调色板等参数后，点击右上角“存储”按钮调出保存对话框，选择HTML网页格式，使用默认设置，选择“所有用户切片”，保存即可。 第4步：在Dreamweaver中打开刚才保存的网页，添加文字并进行各种编辑修改就可以了。

怎么样，简单吧！注意：Photoshop导出的实际上就是一个大的表格，所有空白的地方也都会转换为图片填充，在DW中编辑时，直接删除这些图片再添加相应的内容即可。 小提示： 在Photoshop中编辑好图形后，点击工具箱最下面的按钮（快捷键为Ctrl+Shift+M），可以转到ImageReady里进行编辑，在这里，切片工具的功能更为强大，输出的图形控制也更丰富。

如何用ps制作网站首页

首先你要知道首页的尺寸，现在一般宽度为1920，当然也有小一点的，高度根据排放的内容不定。然后是定出首页的各个模块你要先有一个大体的规划，首页放哪些模块然后用辅助线划分出来设计就可以了。

如何用ps制作网页首页

首先要看行业，行业领域的区分，再加上本身公司的logo主题色是什么其次是对网站的大小，现在一般都是1920px的宽主体1100px,特殊行业有特殊的尺寸功能的设想，布局框架，哪个位置需要布局什么板块再就是相关的图片设计与文字的排版，还有比较多的细节等等一系列。

如何使用ps制作淘宝网店自定义区的切片分块链接

一、先要在PS中创建宽度为740像素,高度不限，分辨率为72，颜色为RGB模式的新文档。二、根据自己的设计风格和内容，设计好相关的图片及版式三、点击工具栏中的切片工具在图像中根据自己的需要切成完成的片（越简单越好），方法就是像创建选区一样使用切片工具在图像中框选，本图我是切了三个片。

（图片中三个颜色左上角的01 02 03就是切片名称）四、为切片创建超级链接（为了方便客户直接点击而进入产品介绍界面）1、打开产品的页面，复制地址。

1、打开产品的页面，复制地址。2、回到PS中，使用切片选择工具双击要建立的超级链接的切片。会弹出切片选项面板3、在URL地址中粘贴刚才复制的商品页面地址，并在“目标”一栏中输入_banck 表示“从新窗口中打开页面”OK，利用相同的办法，把其它切片也添加相对应的超级链接。五、保存文件。

方法：文件菜单----存储为web所用的格式，--再在弹出的窗口中选择存储---注意在格式中选择“HTML和图像(HTML and Images(*html))”格式，如图所示六、上传图片：我们需要将刚才保存的图片上传到淘宝官方图片空间里，具体方法如下1、打开淘宝图片空间点击上传（这个相信大家都知道），找到保存的图片：注：当我们保存为html和图像格式后你在保存的地方会多出两个文件，一个是网页图标的件，还有一个是images文件夹，那个images文件夹里的就是要上传的图片，将里面的图片全部上传到 淘宝图片空间里。完成后，打开刚才保存的 html格式的文件，点击“查看”菜单--选择“查看源文件”选中“body”到"body"之间的文字符号，右击选择“复制”七、打开我的旺旺中“店铺装修”---选择“自定义区域”并点击右侧左上角的“代码”将刚才复制的代码，粘贴到第一行或最后一行（注：如粘贴到第一行，则该图片会在最上面显示，如粘贴到结尾，则在最下面显示）再次点击“代码”切换至图像编辑状态。此时，加入的图片是不能显示的。

图片显示红叉，如图所示好，最后，打开淘宝图片空间，打开刚保存的图片点击复制，把URL地址复制一下。切换到店铺自定义区域，右击不能显示的图片，选择属性，然后选择地址，把刚才 淘宝空间的图片地址粘贴一下，图片就可以显示啦，您试一下，看可以了吗。？打完收功，保存即可。

photoshop如何制作

photoshop模板制作的方法 第一，打开ps(Photoshop强大的图形处理软件) photoshop模板制作步骤图1 这里使用的是pscs4版本，各种版本百度下载吧。如何使用，也请使用百度。

第二，制作店铺招牌 店铺招牌是网店的门脸，买家通过招牌可以知道你这店是卖什么宝贝的。

比如我是做卖女装的`，那么就要起一个好的名字，通过作图把logo设计好。 新版旺铺的尺寸宽度是950px，店铺招牌的高度是120px。我使用了130px的像素，不影响最后效果。 photoshop模板制作步骤图2 通过观察其他网店的店招，一般不要设计太复杂，而且要和整个店铺的风格色调一致，颜色搭配可以参考别的网店，我使用的是浅灰色背景+粉红色黑色字体的方式。

photoshop模板制作步骤图3 这是我设计的店招，而且店铺的头像和店招是一样的。 注意：源文件psd格式一定要保存下来，如果觉得这个店招可以改进，那么就要使用这个psd格式，同时要利用好图层关系! photoshop模板制作步骤图4 做好之后，就保存为gif或者jpg或者png这3种格式，注意保存的时候文件不要太大，要不买家浏览你得网站会比较慢。 photoshop模板制作步骤图5 然后我们在店铺装修中把店招传上去，大小一定要设置合适。