photoshop网站设计（ps设计网站有哪些）

本文目录一览：

• 1、photoshop可以做网站设计吗？
• 2、怎样用Photoshop软件设计网站？
• 3、怎么用ps设计网页主页
• 4、如何用photoshop制作网页界面
• 5、如何用Photoshop做网页设计
• 6、用Photoshop做网页设计图的教程有哪些

photoshop可以做网站设计吗？

给您扫扫盲吧，网站设计和网页设计是不一样的，网站设计需要DW（dreamweaver）来建立网站的框架，PS,CDR，FWORKS都是进行网站中网页的外观和视觉效果设计的。而网页呢，其实你用任何东西做出来只要导出html储存格式都可以发布到服务器称为一个网页。

学网页设计，先学会DW,通过学他你会知道网站的文件和网页构成。

然后在运用你的PS,CDR，flash等等设计软件来实现特效。

如果打算做专业的还有慢慢学习源代码编程，这是后话了。

怎样用Photoshop软件设计网站？

这是个要美工功底的人才做的额。。

上面的网站是关于PS美工的一些资料

你想做的话

应该先用PS处理好你想要的首页效果图片

然后切片

最后导入DW

在用IIS服务发布

这是简单的过程

如果还有问题加我一起讨论额！

希望能帮到你！

祝你进步！

怎么用ps设计网页主页

制作主页是一项非常复杂的工作，跟创意合成有点类似。首先要根据客户的要求去找一些好的作品作为参考，找出一些灵感，然后搜集相关的素材，并按照自己的思路去慢慢溶图、渲染颜色，处理明暗及细节等。最终效果

一、网页首页模版创建

1、首先打开我们下载的ps软件，左上角选择文件-新建（快捷键ctrl+N），然后创建一个1920x3000的画布，网页设计分辨率选择72就可以，颜色模式我们选择RGB,点击创建；（注意宽度选择的是像素）

为什么我们要创建1920宽的呢，目前我们的显示器分辨率一般为1920px，所以创建1920px宽度的可以使我们的网页背景正好显示完整，左右不会出现空白。

2、接下来我们要将单位与标尺调整为像素，方便我们测量宽高。操作步骤为：编辑-首选项-单位与标尺（快捷键ctrl+K，找到单位与标尺）

3、选择 视图-标尺（快捷键ctrl+R）调用我们的刻度尺，方便直观的看到宽度和高度；左击刻度尺拖出2条参考线分别到360和1560刻度，使中间留有1200px的宽度。两个刻度尺中间的距离就为我们内容展示的区域，使用 （快捷键ctrl+; ）可以显示关闭刻度。

为什么要使用1200px的宽度呢，因为目前主流的网页设计主体内容宽度为980px和1200px，而1200px可以显示更多的内容，网页也可以显得更加的高端大气。

二、使用矩形工具制作黑色背景导航条：

1.选择“矩形工具”，设置填充色为“#333”，描边设为空；

2.创建“图层1”点击画布，在弹出的窗口中设置宽度1920，高度25，点击创建；

3.使用移动工具将导航条移动到左上角；

三、logo图片导入

1、使用文件-打开（ctrl+o），将logo图片打开；

2、ctrl+A选中图片，然后复制粘贴到当前页面中；

3、移动图片到指定的位置；

如何用photoshop制作网页界面

photoshop制作网页界面的一般流程为新建文档

文档尺寸为浏览器全屏后减去下拉条等元素的宽度，一般为1000px。高度一般为三到四屏。高度设置成五屏、六屏的也有。一般考虑的用户的阅读耐受力，太多屏的高度会影响用户阅读。多了建议做跳转。

设计好文档尺寸，然后就是网页设计工作了。在网络资源丰富的今天，web页面的设计素材网站是丰富的。昵图网、我图网、爱给网、68design网里有很多设计素材。

最后，记得保存您的网页界面文件。

如何用Photoshop做网页设计

如果是给个人做，怎么做都无所谓。如果是在公司里给客户做。这一步不可少，出了效果图后，要给客户看。等客户确定不再修改时再做网页，目的就在于防止客户反复修改，动布局！

另外会做网页效果图，代表你的设计能力。用dreamweaver直接做的后果是边想边做，容易把设计思路搞混了！

据我所知，这样的教程基本没有。因为做网页效果图只要基本的操作，有时从别的网页截一块下来处理一下，直接用到自己的效果图上。

一般显示器分辨率 宽:1024 高: 768 宽减去滚动条的宽度, 一般为1003-1004 不会有横拉条 高度 根据页而定

网页设计需要的PS操作技术并不是很多，只要掌握基础就行了。

但是你想要做好一个稿子就不是那么简单了。

这当中有一些天赋的因素，但是更多的是学习。

你可以从模仿别人的稿子开始，渐渐的融入自己的东西。

这个站每天都会有新的酷站收藏，也有设计欣赏。

这个站素材丰富而且也有酷站收藏。

要做好网页设计，一定要多看，拼命的看并且吸收里面的东西，看看高手们是怎么处理细节的，这样慢慢自然会有提高。

是否可以解决您的问题？

用Photoshop做网页设计图的教程有哪些

曾经和大分享过几篇优秀的 Photoshop 网页设计教程，喜欢的人非常多。今天，本文继续向大家分享最新25个实用的 Photoshop 网页设计教程。其实，网页设计并没有你想的那么难，相信看完这些教程，你也可以设计出漂亮的网页。1. Clean Style Portfolio Layout2. Create an Elegant Photography Web Layout in Photoshop3. Create a Portfolio Web Layout in Photoshop4. How to Make a Vibrant Portfolio Web Design in Photoshop5. Clean Blog Layout in Photoshop6. Photo Gallery Website Layout in Photoshop7. Create a Movie Video Streaming Website8. How to Build a Stylish Portfolio Web Design Concept9. Create a Modern Lab Theme Web Design in Photoshop10. Create an Extremely Simple Dark Web Design in Photoshop11. How to Create a Sleek Grid Based Website Design12. How to Create a Vintage Photoshop Website Layout13. Create a Simple Clean Portfolio Layout in Photoshop14. 3D Portfolio Dark Layout in Photoshop15. Design a Clean and Colorful Ecommerce Layout in Photoshop16. Design an Innovative Portfolio Site Using Alternative UI/UX17. Design a Sleek Mobile App Website18. Design a Warm, Cheerful Website Interface in Adobe Photoshop19. Impressive Videographer Website Portfolio Layout in Photoshop20. How to Create a WordPress Theme in Photoshop21. Design a Bold and Vibrant Portfolio22. Create an Elegant Patterned Web Design in Photoshop23. Design a Clean Corporate Website Layout24. Design a Textured "Coming Soon" Web Page in Photoshop25. How to Create a Colorful Business Web Layout（来源：梦想天空 原文链接：Excellent Photoshop Web Design Layout Tutorials）

photoshop网站设计的介绍就聊到这里吧，感谢你花时间阅读本站内容，更多关于ps设计网站有哪些、photoshop网站设计的信息别忘了在云尚网络www.ysfad.net进行查找喔。