如何用photoshop做网页

今天小编来讲讲如何用PS做网页,其实原理很简单,就是利用切片工具,来实现的!

操作方法

  • 01

    首先把下载好的或者自己做好的PSD文件打开然后找到又侧的工具栏找到切片工具

  • 02

    然后用切片工具把页面切割,分别把图片切割和文字内容切割,切割完毕后,点击文件储存为web所用格式

  • 03

    然后出现一个设置的对话框

  • 04

    设置好后点击储存即可然后即可浏览你做好的网页了,还可以用Dreamweaver及网页三剑客编辑网页。

(0)

相关推荐

  • 教你如何用Photoshop做图片美化,让图片更美!

    教你如何用Photoshop做图片美化,让图片看起来更加漂亮 操作方法 01 第一步:做选区并羽化 02 第二步:Ctrl+L调亮度/对比度 将输入色阶的左边黑三角右拉至"山脚下" ...

  • 如何用Photoshop做人物影子?

    有时候为了突出场景人物的真实感,我们在做图片的时候需要做出人物的影子效果,这章我就简单和大家分享一下用photoshop做人物影子的方法. 操作方法 01 首先,我们选一张人物图片,可以看到,这个场景 ...

  • 如何用视频做网页的背景

    偶然看到一国外网站,发觉背景竟然是视频.只能感觉惊异.搜集好多资料,终于也弄好了,下面把介绍给大家. 操作方法 01 使用视频作为网页背景是件很酷的事情,但也是件困难的事情.CSS里的backgrou ...

  • 如何用Photoshop做照片雾化效果

    很多时候我们会对照片进行后期处理,添加某些特效.利用Photoshop制作照片朦胧的雾也有很多种方法和技巧,一般针对不同的照片使用不同的方法,这里简单一种快速又有效的方法. 操作方法 01 用Phot ...

  • 如何用photoshop做一个印章,图章

    操作方法 01 新建一张画布,如图所示. 02 用选区工具中的椭圆画按住shift画一个正圆,如图所示. 03 再作出如图所示的选区. 04 再作出如图所示的选区. 05 再作出如图所示的选择. 06 ...

  • 如何用photoshop做柔光特效

    柔光:柔和的光:添加这种特效主要是让图片看起来更加的暖一些. 操作方法 01 菜单栏:执行"文件"-"打开",载入素材照片. 02 快捷键:Ctrl+J对背景图 ...

  • 怎么使用Photoshop做活泼手绘风格网页设计稿?

    怎么使用Photoshop做活泼手绘风格网页设计稿? 这是一篇用Photoshop做网页视觉设计稿的教程,文章将一步步介绍如何在Photoshop中做一个活泼的手写风格网页设计稿.设计过程主要分为以下 ...

  • 如何用photoshop 把视频镜头做成GIF图片

    如何用photoshop 做GIF图片 操作方法 01 以我的Photoshop为例 我的版本是Photoshop cs6 打开photoshop和准备好需要制作gif图片的 视频 02 在窗口菜单中 ...

  • 如何用js做一个网页无限弹出窗口把浏览器弹崩溃

    如何用js做一个网页无限弹出窗口把浏览器弹崩溃?如果你想做一个整蛊网页,利用js可以轻易实现.不过小编建议不是非常熟悉的朋友之间不要轻易进行整蛊,否则容易让人心生厌烦.下面,小编就来给大家介绍如何用j ...