什么是html到psd转换的最佳提示?(the best tips for html to psd conversion?)

许多网站设计师在将设计提交到超文本标记语言(HTML)文件之前,使用Adobe®Photoshop®创建网站的快速模型,并且有许多程序可以将Photoshop®文档(PSD)转换为HTML文档,但将HTML转换为PSD的实用程序很少。进行转换时的一个重要提示是确保任何动态内容(如小程序、动画或多媒体内容)具有静态显示或已转换为占位符图像,以便正确转换。有一些技巧可用于将HTML转换为PSD,例如在...

许多网站设计师在将设计提交到超文本标记语言(HTML)文件之前,使用Adobe®Photoshop®创建网站的快速模型,并且有许多程序可以将Photoshop®文档(PSD)转换为HTML文档,但将HTML转换为PSD的实用程序很少。进行转换时的一个重要提示是确保任何动态内容(如小程序、动画或多媒体内容)具有静态显示或已转换为占位符图像,以便正确转换。有一些技巧可用于将HTML转换为PSD,例如在大多数web浏览器中使用“打印到文件”功能创建可移植文档格式(PDF)文件,然后可以在Photoshop®中打开该文件。无论使用何种方法将HTML转换为PSD,最终生成的页面都需要进行一些编辑,例如将页面的元素隔离并移动到不同的层,或者锐化页面上的文本,以消除转换过程中自然出现的别名,这是可以接受的。。

Photoshop®PSD文档天生包含光栅化图像,因此它们大多存储为像素集合。HTML是一种旨在提供格式和布局说明的语言,与Adobe®Illustrator®使用的基于矢量的图形更接近。将HTML转换为PSD需要找到一种方法,将在web浏览器中渲染的像素转换为Photoshop®可以读取的图像文件格式。

有两种简单的方法可以有效地将HTML转换为PSD。第一种是使用屏幕捕获程序,捕获网站的每个可视部分,然后在Photoshop®中将它们缝合在一起。这样做的好处是可以准确地捕获屏幕上显示的内容,因此不必删除动画和其他动态内容,但其缺点是过程相当混乱。此外,网站的屏幕截图将具有设置的像素分辨率,并且图像可能在单独的显示器上显示不同,因为没有颜色校正。。

将HTML转换为PSD的第二种方法是使用大多数web浏览器实现的内置打印命令。这将创建一个文件(有时是图像,有时是PDF),Photoshop®将能够打开和编辑该文件。使用此方法时,通过脚本生成的动态内容、小程序、动画和图像可能无法正确打印,文档上的复杂格式或帧可能在PSD文档中显示为断开连接的区域。用相同大小或比例的占位符图像替换动态内容可以解决其中的一些问题,尽管使用层叠样式表(CSS)和框架的复杂格式仍然可能会导致问题。。

当使用光栅图形程序(如Photoshop®)时,必须对HTML到PSD转换产生的图像进行一些编辑工作。文本通常会出现高度锯齿,有时还会出现视觉瑕疵,如元素周围的小而模糊的边框或因缩放而消失的小图形。对于具有多个元素的高度复杂的网站,使用其他程序(如Adobe®Illustrator或Adobe®InDesign®)可能是更好的选择,可以节省时间。。

  • 发表于 2021-12-08 13:38
  • 阅读 ( 34 )
  • 分类:互联网

你可能感兴趣的文章

如何建立一个网站:初学者

...这个网站,并使用jQuery(jQuery指南)进行操作。你不会做什么真正的前沿,所以这段代码应该在大多数现代浏览器中都能很好地工作。 ...

  • 发布于 2021-03-15 13:25
  • 阅读 ( 261 )

不使用photoshop打开psd文件的7种最佳方法

... 我一直很尊重你油漆.NET因为它清楚地知道自己想要成为什么:一个比微软的Paint更好的图像编辑器,而不像GIMP和adobephotoshop那样臃肿或害怕学习。它正好在中间。 ...

  • 发布于 2021-03-23 08:49
  • 阅读 ( 277 )

如果没有photoshop,如何打开(或转换)photoshop文件

...相对轻松地查看图像并将其转换为其他格式。 相关:为什么要用IrfanView替换Windows的默认图像查看器 注意:坏消息是IrfanView只对Windows用户可用。好消息是,如果你只想在Mac上查看PSD文件,那就内置了macOS的预览功能。在Finder中选...

  • 发布于 2021-04-05 01:50
  • 阅读 ( 188 )

从提示框:望远镜激光瞄准器,dropbox桌面,和kindle剪辑转换

...关注望远镜激光瞄准器,将你的桌面与Dropbox同步,以及转换你的Kindle剪报文件。 在望远镜上安装一个激光器,以便校准 卡尔分享了一个用大望远镜观察的技巧: I saw your entry about the camera lens red-dot scope. Last summer I made a telescop...

  • 发布于 2021-04-12 13:00
  • 阅读 ( 167 )

如何查看和理解不常见的文件类型

...个重要的文件,或者只是想知道硬盘上的某个随机文件是什么,结果却发现你无法打开它?这里有一些技巧可以帮助你从最晦涩的文件格式中找到信息。 无论您是试图打开朋友以Publisher格式发送的附件,还是想知道您最喜爱的...

  • 发布于 2021-04-13 06:22
  • 阅读 ( 176 )

photoshop礼仪宣言规定了创建psd文件的最佳实践

...文件夹中(例如按页眉、页脚等),避免拉伸类型或使用转换工具调整大小,以及导出与所需质量相关的最小文件大小的图像。坚持这些基本原则可以帮助你成为团队成员中的Photoshop英雄(或“层市长”)。网页设计师的Photoshop...

  • 发布于 2021-07-24 23:37
  • 阅读 ( 92 )

本周最受欢迎的帖子

...of Firefox 4, complete with a new look, new features, and support for more HTML5 specs. Here's a quick screenshot tour of how it's shaping up.Get Things Done at a Coffee Shop Without Annoying Everyone Om Malik is the founder of the growing GigaOM blog network, and he launched it all from a Starbucks...

  • 发布于 2021-07-26 22:07
  • 阅读 ( 208 )

什么是diy网站设计的最佳技巧?(the best tips for diy website design?)

当尝试DIY网站设计时,最好让网站独一无二,在其他网站中脱颖而出。建立网站的有效方法是在线下载计算机程序。一种简单的方法是下载在线找到的各种模板。在选择DIY...

  • 发布于 2021-12-08 13:25
  • 阅读 ( 135 )

什么是电子书格式化的最佳技巧?(the best tips for ebook formatting?)

电子书格式化成功的关键包括视觉吸引力和技术考虑。适当地使用视觉元素和幕后技术决策可以大大提高读者的易用性。请记住,电子书的评论以及潜在销售数量可能会受...

  • 发布于 2021-12-08 13:27
  • 阅读 ( 122 )

什么是从html到png的最佳技巧是什么?(the best tips for going from html to png?)

将超文本标记语言(HTML)页面转换为可移植网络图形(PNG)文件格式可能会出现意外结果。有些方法非常可靠,但使用也非常有限,包括使用活动web浏览器的屏幕截图,然...

  • 发布于 2021-12-08 13:31
  • 阅读 ( 95 )