溜溜问答 > 平面设计 > PS切图生成网页教程
为您找到20条“PS切图生成网页教程”相关问题

PS做网页如何切图?

共2条回答 >
葱爆羊肉:   PS做网页的切图方法:第一步用PS打开网页效果图PSd文件,根据网页效果图拉出参考线,同时为了方便切图可以右键点击把面板的颜色自定成对比鲜明的颜色。第二步在PS图层中找出主背景图层,如果背景图是渐变的话可以只切出一两像素,后面再代码中设置填充。第三步隐藏其他图层,把背景图切出来。如果背景图很大,可以考虑分段切出,这样可以加速网页加载。第四步切出背景后,就从上到下,先把logo切出。这里同样要隐藏其他图层,输出图片的时候保存文件类型选择png,因为这样可以使得图片背景透明。第五步导出图片可以选....
回复 (2)

Photoshop切图怎么切?

共2条回答 >
hassn hamed hamed: PS中切图,推荐使用摹客IDoc,轻松标记,自动切图:第一步.下载安装摹客IDoc插件插件安装好后打开PS,在「窗口>扩展功能」找到摹客IDoc插件,选择并打开。使用摹客平台账号登录。第二步.标记切图在完成的设计稿上,选中需要切图的图层或编组,点击「标记切图」。将在名称前增加“-e-”,「标记切图」变为「取消切图标记」,则标记切图完成。第三步.上传至IDoc标记切图后,一键将设计稿上传至云端项目中,开发工程师就可以自主下载切图,只需在右侧面板中选中切图,点击即可下载。IDoc自动切图,还有更多亮....
回复 (2)

如何用PS切图和输出网页?

共2条回答 >
退休生活 马润津: PS具有切图和输出网页功能,具体操作如下:一、使用工具:PhotoshopCS2二、操作步骤:1、进入PS打开要切图的图片,点击工具箱中的”切片“工具,选择切片工具,如图:2、使用切片工具对图片进行切片,也可以使用“选择切片工具”进行调整切图位置大小,如图:3、点击“文件”菜单中的“存储为web所有格式”,如图:4、选择保存图片格式及品质度,然后按“存储”按钮,如图:5、在保存类型中选择“html和图像(*.html)”类型,输入要保存的网页名称,然后按“保存”按钮,这样网页就输出完成了,如图:
回复 (2)

PS切图,怎么切?

共2条回答 >
廣昇: PS中切图,推荐使用摹客IDoc,轻松标记,自动切图:第一步.下载安装摹客IDoc插件插件安装好后打开PS,在「窗口>扩展功能」找到摹客IDoc插件,选择并打开。使用摹客平台账号登录。第二步.标记切图在完成的设计稿上,选中需要切图的图层或编组,点击「标记切图」。将在名称前增加“-e-”,「标记切图」变为「取消切图标记」,则标记切图完成。第三步.上传至IDoc标记切图后,一键将设计稿上传至云端项目中,开发工程师就可以自主下载切图,只需在右侧面板中选中切图,点击即可下载。IDoc自动切图,还有更多亮....
回复 (2)

PS是怎样切网页的?

共1条回答 >
馥馨早安: 800*600我一般宽会设成780px,1024*768宽度会设成1000px,高度当然要看内容多少来定。布局就不好说了要看设计者的喜好、习惯、网站的功能、设计风格来定了。接下来就是切图了,切图是个很麻烦但又很关键的步骤。切图前必须考虑好图片大小(大图为了浏览时能顺利打开最好切割成n小快),是否为背景图(有的图很大,但实际上都是小图片的平铺效果,所以遇到这种图只取小图,在网页中设为背景就可以了)。除此之外还要考虑是否可以用图片以外的元素代替,比如有的纯色块完全没必要用图片,只要在网页中调整表格的....
回复 (1)

如何用PS来给网页切图?

共3条回答 >
愉悦: DW是没有切图功能的,你可以将PS做好的图存为高质量的jpg图片,然后用FireWorks打开(FireWorks是属于网页三剑客里的一款图像处理软件),用这个软件来切图,里面有切片工具,根根自己需要来切图,一般分为三块来切,头部,中间,有底部。切好图片后可以保存为html格式的文件,存好后就成了一个网页了,然后在DW中再调整就行了。这个每个网页情况不一样,要看你自己把握了,谁也不能教你哪些需要哪些不需要切。所谓熟能生巧,你不尝试怎么学到经验?一遍不行来第二遍,多多尝试,以后就熟练了。不要懒,失....
(20) 回复 (3)

Photoshop网页切图怎么用?

共1条回答 >
WTL: 1、首先需要用Photoshop把PSd源文件打开,看看源文件的整体布局。源文件是分层的,方便切图的层次。2、切图的工具叫做“切片”,在左侧面板可以看到。右击可以看到“切片工具”和“切片选择工具”按钮。3、用放大镜将所要切的图片部分放大,可以用参考线确定大小,切图是可以沿参考线切。4、切换到切片工具,沿参考线划出切片,右击可以看到有可以编辑切片的选项,可以设置切片像素大小。5、切好后就可以单击菜单栏“文件”,选择“存储为web所用格式”选项。6、选择要存储的切片,然后右上角可以设置图片的格式、质....
(1) 回复 (1)

怎么用PS网页切图?

共1条回答 >
进哥哥: 第一步用PS打开网页效果图PSd文件,根据网页效果图拉出参考线,同时为了方便切图可以右键点击把面板的颜色自定成对比鲜明的颜色。第二步在PS图层中找出主背景图层,如果背景图是渐变的话可以只切出一两像素,后面再代码中设置填充。第三步隐藏其他图层,把背景图切出来。如果背景图很大,可以考虑分段切出,这样可以加速网页加载。第四步切出背景后,就从上到下,先把logo切出。这里同样要隐藏其他图层,输出图片的时候保存文件类型选择png,因为这样可以使得图片背景透明。第五步导出图片可以选择文件——存储为web和设....
(1) 回复 (1)

Photoshop切图 切的原图是什么格式的是 PSd的还是jpg的?为什么?

共5条回答 >
再好的网名终究输给备注: 都可以的。只要是PS能打开的,PS都能切。就是不知道你说的是哪个切。PS里面有切片与裁剪。切片的功能一般是用在网页上的,比如有一张很大的图。放在网上整体打开会很慢,可以通过切片功能,将图片切成很多小张的。这样可以加快显示。而裁剪功能,则是将原图的一部分剪掉,只保留需要的部分。
(3) 回复 (5)

Photoshop做网页,如何切图?

共5条回答 >
仅剩的余温丶: 切片工具切图保存为web格式
(3) 回复 (5)

PS怎么切图 PS最新版本切图教程?

共1条回答 >
MJ??: 你用钢笔工具选择出你要选的地方,然后按ctrl+enter,然后右击选择反选,再填充上白色或者直接删除就行。
回复 (1)

PS Photoshop 的教程

共3条回答 >
鹿哥我男神: 单独给你找个这个的教程肯定是没有可以告诉你这个是怎么做的首先全图去色菜单-图像-调整-去色工具栏里有个加深工具把周围加深选中画笔工具在你要上颜色的地方涂上你要的颜色(如眼睛上的)画笔工具调整一下透明度(选中画笔工具后,菜单栏下面会有一个不透明度和流量)适当调整,其它颜色以次类推文字直接打上
回复 (3)

PS切图教程,PS怎么切图更规范?

共1条回答 >
圆: ps切图,没有更规范,只有一种方法:1、选择切片工具。2、右键图片--划分切片。3、输入参数。4、文件--存贮为web和设备所用格式。
回复 (1)

谁给我个PS切图教程?

共1条回答 >
开心不要钱😄: 这个是扣图教程,切图的话也就是裁剪了打开PS左上角有个图象-裁剪即可当然先用选区工具选好再裁剪不懂看教程
回复 (1)

用PS切图制作网页的教程视频

共2条回答 >
王丹红-耶和华尼西: 切图一般没有讲解的吧!其实很简单。点击ps里的切片工具,选中你需要的制成切片的区域,然后选中你所选择的切片,按ctrl+c复制,然后按ctrl+n新建图层,ctrl+v粘贴,然后保存图片即可。希望我的答案对你有帮助。
(3) 回复 (2)

PS怎样切图转网页?

共4条回答 >
EmilySandya: 1.用PS设计你的网页面;2.运用切片工具把网页切成各个小块;3.点击“文件”中“存储为WEB所用格式”;4.他会自动生成图片及网页(HTML)格式。
(2) 回复 (4)

PS的切片切网页的效果图有哪些技巧?

共1条回答 >
黎明: 没有什么技巧了,切片的时候可以细微的调整切片的大小和位置,但是要注意尽量把切片大小弄到最小,意思就是尽可能多用代码少用图。比如一条横向导航线,你可以切1px,然后平铺就好了。而且输出的时候要多输出几种格式,png,gif,jpg等看看哪种格式的图占用空间小而且不影响视觉,就用哪个,这样能保证你网站打开的速度。而且网页尽量多用字,少用图,利于打开浏览,最重要的利于搜索引擎抓取。希望能帮助到你
回复 (1)

请问Photoshop的网页预览图怎么生成?

共2条回答 >
老王家的小伙子: 就是把图片存储成WEB格式,也就是执行文件-存储为WEB格式,再点存储就可以了
回复 (2)

PS-前端切图教程(切jpg图和切png图)

共1条回答 >
小狸: 转发自:PS-前端切图教程(切jpg图和切png图)-xing.org1^-博客园(cnblogs.com)———————--------------------------------------------------------------------PS切图步骤说明————————————————————————————————一共分两大项:切jpg图、切png图。我用的是PSCC版本,教程中用到的除了界面和摆放位置不一样外,其他应该和低版本的都一样了。一、切JPG图1.打开ps导入图片....
回复 (1)

蓝湖插件PS切图使用教程?

共1条回答 >
张庆: 、将需要生成切图的图片拖入PS2、左键依次单击“窗口”——“扩展功能”——“蓝湖”3、在弹出的小窗口上方单击“切图”,再点击“标记为切图”4、之后在弹出的小窗口上方单击“上传”,再点击“上传全部画板”5、上传成功后,点击“去Web端查看”6、双击设计图即可查看标注和切图
(14) 回复 (1)
素材推荐
3D模型 SU模型 材质 贴图 CAD 灵感图 效果图 案例