导航:首页 > 万维百科 > 网页设计如何插入psd

网页设计如何插入psd

发布时间:2021-03-06 01:46:28

1、网上下了一些网页设计的图标素材都是像这种psd图片的,我要怎么用啊,抠图抠下来吗 - -

你好,一般像素材图片,特别是PSD的,都是有图层的,所以你可以用PS软件打开,里面会有图层显示,每个按钮都是有图层的,你只需选择你要的某个按钮的图层,拖到你的设计文件里面使用即可。如果只是一张JPG图,全部合了层的,你才需要抠图,当然效果都一样。只是这个素材有图层的话更方便。更多设计方面的专业文章请浏览唯美客设计网站!

2、PSD网页模板怎么用?

用photoshop打开后,编辑修改部分图片或文字,符合自己需要后,点菜单上的-文件-存储为web所用格式,输出就是html网页。
你要保存为GIF或JPEG在粘到现有网页中去也随你,那要就要用网页编辑软件了,比如常见的Dreamweaver、FrontPage 。

推荐几个现国内比较知名的素材网站吧
大图网 一个非常优秀的免费素材网站,优点是素材的质量比较好,而且素材更新速度也比较快。
爱图网 一个很老的素材网站 素材也比较多 素材比较全,素材比较多,大部分是免费的,图片素材很多都是打包的素材。
思缘论坛 非常多的影楼素材,PS素材,和设计素材,国内素材论坛发展最好的一个,还可以学习PS教程和设计技巧

3、谁有PS的网页设计啊要PSd格式的,要有过程的,

已发,希望能给你帮助!

4、photoshop设计网页样式。我看制网页教程:有专门的美工制出psd格式的网页样式。我想学下如何设计.psd

http://hi.baidu.com/xiaozaijia 小白在复这儿制 很好的 PS 教学博客

5、在用ps制作网页时,怎样将做好的gif动画插入到ps做的网页中?

你指的是将GIF动画加入到PS的设计稿PSD格式文件中还是加入HTML文件中。
如果是PSD设计版稿,没必要多此一举,拿权一帧代替就行。
如果是HTML,这根本不是用PS做。。。。。。。。。。。要用Dreamweaver做。

6、根据psd网页设计稿制作网页怎么制作?

PS自动切图,注意:PSD里每个图层名称你要清晰并修改清楚,一些共同的部分,比如背景颜色,字体,超链接颜色等等统一写在css里

确定用html 还是html5语言来写这个网页

确定这PSD从头到尾的排版设计,好规划自己<div>分层划分以及css的编写。

总体还是先规划好,搭建框架,再细写代码。

7、如何用photoshop进行网页制作

HTML+CSS+JS,这是广义上的网页三元素,HTML负责骨骼,CSS负责血肉,JS负责行为动作。其中浏览器中表现的画面约等于(html+css),但仅仅拥有他们是表现不出设计师们大脑中天马行空,不拘一格的想象力的,因此才引入了PSD作为设计稿。
这就好比,你完全自己DIY一个高达,你需要先有一副高达图片(PSD),再通过图片中的表现自己搭建支撑的骨架(HTML),再用各式喷漆、马克笔(CSS)去勾画、完善细节。

那么回到问题上来,怎么用PS做网页?假定adobe体系中,PS永远只能设计网页,而Dreamweaver才能制作网页,但是依然要你自己根据设计去解构设计然后划分网页骨架,具体到html上就是根据不同的页面表现来写Div标签,制作Button按钮,用CSS控制他们的大小和位置以及表现。更进一步的话,大部分前端会手写html和css代码,因为DW有各式包括启动速度,冗余代码之类的问题。

至于响应式,这又是基于成型的html以后另一个话题了,但还是html+css,只不过通过UA检测来适应不同终端的不同展现。

8、怎样用psd模板做网页啊

首先先建立一个PSD文档 色彩模式RGB 72像素 尺寸根据你网站的大小制定
然后就在PS里设计你的网站 就当一个平面图设计
需要放数据文字的模块先放一个框子空着他
这样贴好图后 就直接切 你在PS里切的一块块的 到dreamweaver 里就是一个方框的 自动分开的
基本上平面部分在PS里就能做这么多了
然后拖到dreamweaver 做链接 做效果 等等
简单直白的说就是用PS的方便快捷的操作给你的网站打框架 做美工

9、html 怎样把网页放到photoshop中

因为你们老师或者培训机构没有系统的教你网页制作的过程,所以你描述的问题也是莫凌两颗。
首先,网页制作前期是策划跟客户沟通好后拿出方案,根据方案要求设计师设计出效果图出来交给客户签字定稿的,最后通过HTML和后台来实现程序运行测试和上线。而你所说说的 “在看一些网课视频的时候都会在Photoshop里面测量距离 取颜色查看字体等等,请问是怎样导入的?”这是你对Photoshop里面的效果产生了误解,误以为是从HTML导入进来的图,而恰恰相反,HTML是通个这个图来才能实现的页面效果。
一开始这张效果图是早己经用Photoshop制作好了的,源文件存放在了某一个盘符里,当WEB前端设计师在写网页面结构的时候就调用到这个PS文件,按UI设计师的样式去实现效果,如:网页页面宽高,页头文字大小字号等,搜索条的大小位置,主体色,背景色等。都是按着这个图来的。
其次,当WEB前端设计师在写CSS样式时,不知道某一位置的宽高的情况下,是要调出这个效果图测量一下它的宽度和高度,或者作吸管工具吸一下背景色,看背景色的取值是多少?使得制作出来的最终页面与效果图一致。
所以,如上所描述。不是导入,而是预先制作好的,直接打开的。如果你要练习的话,也可以用QQ或微信的剪切工具,当在电脑上的某一处拖动时鼠标右下角会两个数字和一个RGB带参数的,就是拖动范围的宽高和RGB的取色值。

与网页设计如何插入psd相关的知识