广告合作
  • 今日头条

    今日头条

  • 百度一下

    百度一下,你就知道

  • 新浪网

    新浪网 - 提供新闻线索,重大新闻爆料

  • 搜狐

    搜狐

  • 豆瓣

    豆瓣

  • 百度贴吧

    百度贴吧——全球领先的中文社区

  • 首页 尚未审核订阅工具 订阅

    怎么将PS里的网页设计转到Dreamweaver

    来源:网络收集  点击:  时间:2025-08-21
    【导读】:

           在 Dreamweaver 中处理 Photoshop 文件有两种主要的工作流程:              · 复制/粘贴工作流程              · 智能对象工作流程      在 Dw 中将 Ps图像文件(Psd 格式)插入到 Web 页上,让 Dreamweaver 将这些图像文件优化为可用于 Web 的图像(GIF、JPEG 和 PNG 格式)。Dreamweaver 会将Ps图像作为智能对象插入,并维护与原始 PSD 文件的实时连接。本经验主要讲解智能对象工作流程。

    进入Dw操作界面后,创建一个空白文档,切换到‘设计’视图,还需建立一个站点。

    切换到【插入】面板,单击‘Image’按钮(或者在菜单栏上依次单击‘插入->Image’)。

    【例】田园风格.PSD

    弹出‘图像优化’窗口,根据需要调整优化设置,单击‘确定’(在该对话框中更改是以不破坏图像的方式应用的)。

    弹出窗口,可用于Web的图像默认保存在站点内,可重更名,该过程称之为智能对象创建,智能对象与原始 Photoshop (PSD) 文件之间具有实时连接。

    刚在文档左上方插入了一个智能对象,在【DOM】面板中单击'img'标签选中智能对象,然后单击下方‘Ps图标‘按钮。

    Dw自动启用Ps,在Ps工作界面中调整原始图像的内容,大小后,按下Ctrl+S键保存文档。

    返回Dw操作界面,单击‘从源文件更新’按钮,Dreamweaver 中图像发生更新。

    智能对象特征

    将与可用于Web 图像同步的原始PSD文件移动到其他文件夹后,就会断开同步(环形箭头中出现感叹号),再次单击‘编辑’按钮时,会弹出提示窗口。

    在Dw中可一次更新多个智能对象,切换“资源”面板,按下Ctrl键不放,选中刚已更新的Web图像,鼠标右键,选中‘从源文件更新’。

    按住Ctrl键不放,单击需要调整尺寸的智能对象,显示定界框,鼠标左键拖动控制点可调整大小。

    智能对象大小发生变化,而此举是无法将数据反馈到原PSD文件的,如需将该智能对象大小和原始 Photoshop 文件的大小同步,则可选中它,鼠标右键,在快捷菜单中选中‘重设为原始大小’。

    本文关键词:

    版权声明:

    1、本文系转载,版权归原作者所有,旨在传递信息,不代表看本站的观点和立场。

    2、本站仅提供信息发布平台,不承担相关法律责任。

    3、若侵犯您的版权或隐私,请联系本站管理员删除。

    4、文章链接:http://www.1haoku.cn/art_1261344.html

    相关资讯

    ©2019-2020 http://www.1haoku.cn/ 国ICP备20009186号08-21 17:42:52  耗时:0.802