symbian 发表于 2012-11-21 12:30:39

用PS制作网页，抛砖引玉！

本帖最后由 symbian 于 2012-11-21 12:38 编辑

【工具】
          PS CS5以上    图片若干   Dw CS5以上（可不下载，后期微调用）
【我的操作系统】
         WIN7 64位 /PS CS6/DW CS6

@Windows娘 一年没来雨滴了，改版太大了！不知道发这个会不会被HX，不费话了，上教程！

先上效果图：单击雨滴Logo可进入雨滴论坛



HTML文件下载




过程：
1.打开PS，按CTRL+O快捷键选定一张图片打开




2.选择切片工具



3.在图片上画一个你要加链接的区域，这里以雨滴Banner简单介绍下，高手请勿吐槽！



4.选切片选择工具，在刚选择的区域右键单击进行编辑





5.完成后点文件-存储为Web所用格式



6.注意选择，好多人就败在这步


6.点保存，返回桌面查看，（刚才选的保存在桌面，SO......）



7.双击打开1.html即可

PS.因做好的网站涉及个人信息，不好发出来，临时写的这个简单教程，
   诸多不足，希望大家可以指正批评！




symbian 发表于 2012-11-21 13:03:21

{:10_403:}多谢捧场！

huaishutun 发表于 2012-11-21 13:21:44

受教受教。。

崔东旭 发表于 2012-11-21 14:07:51

楼主好帖子   加油加油

命运k 发表于 2012-11-21 19:55:12

这个挺好用的 正在做静态网站设计可以参考！{:10_452:}

zya665 发表于 2012-11-22 18:38:02

路过。顶下。

symbian 发表于 2012-11-24 00:57:31

命运k 发表于 2012-11-21 19:55 static/image/common/back.gif
这个挺好用的 正在做静态网站设计可以参考！

能帮到你就是对我最大的奖励

心若碎，情何在 发表于 2012-11-24 08:35:02

{:10_444:}

萌萌东东 发表于 2013-5-11 10:58:20

好帖子就支持！！

落花无情 发表于 2013-5-13 10:54:58

好东西就要学习啊
页: [1]
查看完整版本: 用PS制作网页，抛砖引玉！