photoshop在线编辑网页

制作主页是一项非常复杂的工作，跟创意合成有点类似。首先要根据客户的要求去找一些好的作品作为参考，找出一些灵感，然后搜集相关的素材，并按照自己的思路去慢慢溶图、渲染颜色，处理明暗及细节等。最终效果一、网页首页模版创建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可以显示更多的内容，网页也可以显得更加的高端大气。二、使用矩形工具制作黑色背景导航条：选择“矩形工具”，设置填充色为“#333”，描边设为空；创建“图层1”点击画布，在弹出的窗口中设置宽度1920，高度25，点击创建；使用移动工具将导航条移动到左上角；三、logo图片导入1、使用文件->打开（ctrl+o），将logo图片打开；2、ctrl+A选中图片，然后复制粘贴到当前页面中；3、移动图片到指定的位置；

好用的可以在线PS的工具有Pixso协同设计。Pixso是国内UI/UX设计师和产品经理都在使用的专业设计工具，大量内置iOS、Android设计系统资源，能帮助快速启动设计工作。Pixso社区内置优秀设计规范，提供海量设计模板和素材，本地化字体资源。Pixso实现了团队所有人都能在同一个文档上工作，原型、设计、交付一站式解决，引领新的设计协作趋势。可以在线/离线演示自己的设计并获得即时反馈。此外，可以一键轻松共享。Pixso自动提供规格参数和多平台代码，只需分享一个链接，就能把文件交付出去，提高设计到开发工作流程的速度。Pixso支持设计师在任意浏览器完成所有工作，同步更新修改内容，有助于提高效率并确保数据安全和恢复。团队成员可以协作查看、编辑和同步同一项目的信息，支持UI/UX设计师实时异地完成创作和沟通。想要了解更多关于PS的相关信息推荐选择Pixso协同设计。Pixso是一款专业的在线UI/UX设计工具，内置众多大厂的优秀设计规范，提供海量设计模板和素材，集成众多大厂优秀的设计系统，所有UI设计师均可直接拖拽复用，从此省去大量模块化设计环节的重复劳动，本地化字体资源，及专属私有化部署。