用户指南 取消(C)

创建 Web 照片画廊

  1. Photoshop 用户指南
  2. Photoshop 简介
    1. 有梦想,去实现
    2. Photoshop 的新增功能
    3. 编辑第一张照片
    4. 创建文档
    5. Photoshop | 常见问题
    6. Photoshop 系统要求
    7. 迁移预设、动作和设置
    8. 了解 Photoshop
  3. Photoshop 和 Adobe 服务
    1. Photoshop 和 Adobe Stock
    2. Creative Cloud Libraries
    3. Photoshop 中的 Creative Cloud Libraries
    4. 将 Touch Bar 与 Photoshop 结合使用
    5. 在 Photoshop 中使用 Illustrator 图稿
    6. 在 Photoshop 中使用 Capture 应用程序内扩展
    7. 网格和参考线
    8. 创建动作
    9. 还原和历史记录
    10. 默认键盘快捷键
    11. 触摸功能和可自定义的工作区
  4. Photoshop iPad 版
    1. Photoshop iPad 版 | 常见问题
    2. 了解工作区
    3. 系统要求 | Photoshop iPad 版
    4. 创建、打开和导出文档
    5. 添加照片
    6. 处理图层
    7. 使用画笔进行绘图和绘画
    8. 建立选区并添加蒙版
    9. 修饰复合
    10. 使用调整图层
    11. 使用曲线调整复合图像的色调
    12. 应用变换操作
    13. 裁剪和旋转复合图像
    14. 旋转、平移、缩放和重置画布
    15. 使用文字图层
    16. 使用 Photoshop 和 Lightroom
    17. 在 Photoshop iPad 版中获取缺失字体
    18. Photoshop iPad 版中的日文文本
    19. 管理应用程序设置
    20. 触控快捷键和手势
    21. 键盘快捷键
    22. 编辑图像大小
    23. 在 Photoshop iPad 版上创作直播
    24. 使用修复画笔校正瑕疵
    25. 在 Capture 中创建画笔并将其用在 Photoshop 中
    26. 使用 Camera Raw 文件
    27. 创建和使用智能对象
    28. 使用减淡和加深调整图像中的曝光度
  5. Photoshop Web 测试版
    1. 常见问题 | Photoshop Web 测试版 
    2. 工作区简介
    3. 系统要求 | Photoshop Web 版Beta 版
    4. 键盘快捷键 | Photoshop Web 测试版
    5. 支持的文件类型 | Photoshop Web 测试版
    6. 打开并处理云文档
    7. 与利益干系人协作
    8. 对云文档应用有限编辑
  6. 云文档
    1. Photoshop 云文档 |常见问题
    2. Photoshop 云文档 | 工作流程问题
    3. 在 Photoshop 中管理和使用云文档
    4. 升级 Photoshop 的云存储空间
    5. 无法创建或保存云文档
    6. 解决 Photoshop 云文档错误
    7. 收集云文档同步日志
    8. 共享访问权限并编辑您的云文档
    9. 完成文件和应用程序内注释的共享
  7. 工作区
    1. 工作区基础知识
    2. 创建文档
    3. 将 Touch Bar 与 Photoshop 结合使用
    4. Photoshop 中的 Microsoft Dial 支持
    5. 工具库
    6. 性能首选项
    7. 使用工具
    8. 触控手势
    9. 触摸功能和可自定义的工作区
    10. 技术预览
    11. 元数据和注释
    12. 快速共享您的创作
    13. 将 Photoshop 图像置入其他应用程序
    14. 首选项
    15. 默认键盘快捷键
    16. 标尺
    17. 显示或隐藏不打印的额外内容
    18. 指定图像的列
    19. 还原和历史记录
    20. 面板和菜单
    21. 置入文件
    22. 使用对齐功能定位元素
    23. 用标尺工具定位
    24. 预设
    25. 自定义键盘快捷键
    26. 网格和参考线
  8. Web、屏幕和应用程序设计
    1. Photoshop 设计功能
    2. 画板
    3. 设备预览
    4. 从图层拷贝 CSS
    5. 将 Web 页切片
    6. 切片的 HTML 选项
    7. 修改切片版面
    8. 使用 Web 图形
    9. 创建 Web 照片画廊
  9. 图像和颜色基础知识
    1. 如何调整图像大小
    2. 处理栅格图像和矢量图像
    3. 图像大小和分辨率
    4. 从相机和扫描仪获取图像
    5. 创建、打开和导入图像
    6. 查看图像
    7. 无效的 JPEG 标记错误 | 打开图像
    8. 查看多个图像
    9. 自定拾色器和色板
    10. 高动态范围图像
    11. 匹配图像中的颜色
    12. 在颜色模式之间转换
    13. 颜色模式
    14. 抹除图像的部分内容
    15. 混合模式
    16. 选择颜色
    17. 自定索引颜色表
    18. 图像信息
    19. 扭曲滤镜不可用
    20. 关于颜色
    21. 使用通道进行颜色和单色调整
    22. 在“颜色”和“色板”面板中选择颜色
    23. 取样
    24. 颜色模式或图像模式
    25. 色调
    26. 向动作添加条件模式更改
    27. 从 HTML、CSS 和 SVG 添加色板
    28. 位深度和首选项
  10. 图层
    1. 图层基础知识
    2. 非破坏性编辑
    3. 创建和管理图层和组
    4. 选择、编组和链接图层
    5. 将图像置入图框中
    6. 图层不透明度和混合
    7. 蒙版图层
    8. 应用智能滤镜
    9. 图层复合
    10. 移动、堆叠和锁定图层
    11. 使用矢量蒙版遮盖图层
    12. 管理图层和组
    13. 图层效果和样式
    14. 编辑图层蒙版
    15. 抽出资源
    16. 显示带有剪贴蒙版的图层
    17. 从图层生成图像资源
    18. 使用智能对象
    19. 混合模式
    20. 将多个图像组合到人像组中
    21. 使用自动混合图层组合图像
    22. 对齐和分布图层
    23. 从图层拷贝 CSS
    24. 载入图层或图层蒙版边界上的选区
    25. 显示其他图层中内容的挖空效果
    26. 图层
    27. 拼合
    28. 复合
    29. 背景
  11. 选择
    1. “选择并遮住”工作区
    2. 快速建立选区
    3. 选区快速入门
    4. 使用选框工具进行选择
    5. 使用套索工具进行选择
    6. 选择图像中的颜色范围
    7. 调整像素选区
    8. 在路径和选区边界之间转换
    9. 通道基础知识
    10. 移动、拷贝和删除选定的像素
    11. 创建临时快速蒙版
    12. 存储选区和 Alpha 通道蒙版
    13. 选择位于焦点中的图像区域
    14. 复制,拆分,和合并通道
    15. 通道计算
    16. 选区
    17. 定界框
  12. 图像调整
    1. 透视变形
    2. 减少相机抖动模糊
    3. 修复画笔示例
    4. 导出颜色查找表
    5. 调整图像锐化程度和模糊程度
    6. 了解颜色调整
    7. 应用亮度/对比度调整
    8. 调整阴影和高光细节
    9. 色阶调整
    10. 调整色相和饱和度
    11. 调整自然饱和度
    12. 调整图像区域中的颜色饱和度
    13. 快速调整色调
    14. 对图像应用特殊颜色效果
    15. 通过色彩平衡调整增强图像
    16. 高动态范围图像
    17. 查看直方图和像素值
    18. 匹配图像中的颜色
    19. 如何裁剪并拉直照片
    20. 将彩色图像转换为黑白图像
    21. 调整图层和填充图层
    22. 曲线调整
    23. 混合模式
    24. 设置用于印刷的图像目标值
    25. 使用色阶和曲线吸管工具调整颜色和色调
    26. 调整 HDR 曝光度和色调
    27. 滤镜
    28. 模糊
    29. 减淡或加深图像区域
    30. 调整可选颜色
    31. 替换对象颜色
  13. Adobe Camera Raw
    1. Camera Raw 的系统要求
    2. Camera Raw 新增功能
    3. Camera Raw 简介
    4. 创建全景图
    5. 支持的镜头
    6. Camera Raw 中的晕影、颗粒和去除薄雾效果
    7. 默认键盘快捷键
    8. Camera Raw 中的自动透视校正功能
    9. 如何在 Camera Raw 中进行非破坏性编辑
    10. Camera Raw 中的径向滤镜
    11. 管理 Camera Raw 设置
    12. 在 Camera Raw 中打开、处理和保存图像
    13. 在 Camera Raw 中使用增强型污点去除工具修复图像
    14. 旋转、裁切和调整图像
    15. 在 Camera Raw 中调整颜色显示
    16. 功能摘要 | Adobe Camera Raw | 2018 版
    17. 新增功能摘要
    18. Camera Raw 中的处理版本
    19. 在 Camera Raw 中进行局部调整
  14. 图像修复和图像恢复
    1. 通过“内容识别填充”从照片中移去对象
    2. 内容识别修补和移动
    3. 修饰和修复照片
    4. 校正图像扭曲和杂色
    5. 用于修复大多数问题的基本故障排除步骤
  15. 图像变换
    1. 变换对象
    2. 调整裁剪、旋转和画布大小
    3. 如何裁剪并拉直照片
    4. 创建并编辑全景图图像
    5. 变形图像、外形和路径
    6. 消失点
    7. 使用液化滤镜
    8. 内容识别缩放
    9. 变换图像、形状和路径
    10. 变形
    11. 变换
    12. 全景图
  16. 绘图和绘画
    1. 绘制对称图案
    2. 绘制矩形并修改描边选项
    3. 关于绘图
    4. 绘制和编辑形状
    5. 绘画工具
    6. 创建和修改画笔
    7. 混合模式
    8. 为路径添加颜色
    9. 编辑路径
    10. 使用混合器画笔绘画
    11. 画笔预设
    12. 渐变
    13. 渐变插值
    14. 填充和描边选区、图层和路径
    15. 用钢笔工具绘图
    16. 创建图案
    17. 使用图案生成器创建图案
    18. 管理路径
    19. 管理图案库和预设
    20. 使用绘图板绘图或绘画
    21. 创建纹理画笔
    22. 将动态元素添加到画笔中
    23. 渐变
    24. 使用“历史记录艺术画笔”绘制风格化描边
    25. 使用图案进行绘画
    26. 在多个设备上同步预设
  17. 文本
    1. 使用 OpenType SVG 字体
    2. 设置字符格式
    3. 设置段落格式
    4. 如何创建文字效果
    5. 编辑文本
    6. 行距和字距
    7. 阿拉伯语和希伯来语文字
    8. 字体
    9. 解决字体问题
    10. 亚洲文字
    11. 创建文字
    12. 使用 Photoshop 中的文字工具时发生文本引擎错误 | Windows 8
    13. 适合亚洲脚本的全球通用书写器
    14. 如何在 Photoshop 中添加和编辑文本
  18. 视频和动画
    1. Photoshop 中的视频编辑
    2. 编辑视频和动画图层
    3. 视频和动画概述
    4. 预览视频和动画
    5. 在视频图层中绘制帧
    6. 导入视频文件和图像序列
    7. 创建帧动画
    8. Creative Cloud 3D 动画(预览)
    9. 创建时间轴动画
    10. 创建视频图像
  19. 滤镜和效果
    1. 使用液化滤镜
    2. 使用模糊画廊
    3. 滤镜基础知识
    4. 滤镜效果参考
    5. 添加光照效果
    6. 使用自适应广角滤镜
    7. 使用油画滤镜
    8. 图层效果和样式
    9. 应用特定的滤镜
    10. 涂抹图像区域
  20. 存储和导出
    1. 在 Photoshop 中存储文件
    2. 在 Photoshop 中导出文件
    3. 支持的文件格式
    4. 以图形格式存储文件
    5. 在 Photoshop 和 Illustrator 之间移动设计
    6. 存储和导出视频和动画
    7. 存储 PDF 文件
    8. Digimarc 版权保护
  21. 打印
    1. 打印 3D 对象
    2. 从 Photoshop 打印
    3. 使用色彩管理进行打印
    4. 联系表和 PDF 演示文稿
    5. 以图片包版面的形式打印照片
    6. 打印专色
    7. 双色调
    8. 将图像打印到商业印刷机
    9. 改进 Photoshop 中的色彩打印
    10. 解决打印问题 | Photoshop
  22. 自动化
    1. 创建动作
    2. 创建数据驱动图形
    3. 脚本
    4. 处理一批文件
    5. 播放和管理动作
    6. 添加条件动作
    7. 关于动作和“动作”以显示“动作”面板
    8. 记录动作中的工具
    9. 向动作添加条件模式更改
    10. Photoshop 中有关增效工具和脚本的 UI 工具包
  23. 色彩管理
    1. 了解色彩管理
    2. 保持颜色一致
    3. 颜色设置
    4. 使用颜色配置文件
    5. 对要联机查看的文档进行色彩管理
    6. 打印时对文档进行色彩管理
    7. 对导入的图像进行色彩管理
    8. 校样颜色
  24. 内容真实性
    1. 了解内容凭据
    2. NFT 的身份和来源
    3. 连接帐户进行创意归因
  25. 3D 和技术成像
    1. Photoshop 3D | 围绕即将中断的 3D 功能的常见问题
    2. Creative Cloud 3D 动画(预览)
    3. 打印 3D 对象
    4. 3D 绘画
    5. 3D 面板增强功能 | Photoshop
    6. 基本的 3D 概念和工具
    7. 3D 渲染和存储
    8. 创建 3D 对象和动画
    9. 图像堆栈
    10. 3D 工作流程
    11. 测量
    12. DICOM 文件
    13. Photoshop 和 MATLAB
    14. 对图像中的对象计数
    15. 合并和转换 3D 对象
    16. 3D 纹理编辑
    17. 调整 HDR 曝光度和色调
    18. 3D 面板设置
注意:

要通过 Photoshop CS5 创建 Web 画廊,请参阅 Adobe Bridge 帮助中的创建 Web 照片画廊。要使用以下主题中介绍的较早的可选 Web 照片画廊增效工具,请先下载并安装该增效工具的 Windows 版或 Mac OS 版。

关于 Web 照片画廊

Web 照片画廊是一个 Web 站点,它具有一个包含缩览图图像的主页和若干包含完整大小图像的画廊页。每页都包含链接,使访问者可以在该站点中浏览。例如,当访问者点按主页上的缩览图图像时,关联的完整大小图像便会载入画廊页。使用“Web 照片画廊”命令可依据一组图像自动生成 Web 照片画廊。

Photoshop Web 照片画廊主页
Web 照片画廊主页

Photoshop 提供了画廊的各种样式,可以使用“Web 照片画廊”命令进行选择。如果您是了解 HTML 的高级用户,则可以创建一种新样式,或通过编辑一组 HTML 模板文件来自定样式。

每个画廊样式模板都带有不同的选项。如果要使用预设样式,则某些选项可能会呈灰色,或在该特定样式下不可用。

创建 Web 照片画廊

使用 Adobe Bridge 创建 Web 画廊

Adobe Bridge 提供更新的 Web 画廊功能。 有关说明,请参阅 Adobe Bridge 帮助中的创建 Web 照片画廊,或查看下面的教程。

使用早期可选的 Photoshop 增效工具

  1. 下载并安装相应版本的早期 Web 照片画廊增效工具:Windows 版或 Mac OS 版。

  2. (可选)在 Adobe Bridge 中选择要使用的文件或文件夹。

    图像将按它们在 Bridge 中的显示顺序来呈现。如果希望使用另一种顺序,请在 Bridge 中更改顺序。

  3. 执行下列操作之一:

    • 在 Adobe Bridge 中,选择“工具”>“Photoshop”>“Web 照片画廊”。

    • 在 Photoshop 中,选择“文件”>“自动”>“Web 照片画廊”。

  4. 从“样式”弹出式菜单中选取一种画廊样式。对话框中将显示所选样式的主页预览。

  5. (可选)输入一个电子邮件地址作为画廊的联系信息。

  6. 从“使用”菜单中选取画廊的源文件。

    从 Bridge 选择的图像

    使用在打开“Web 照片画廊”对话框之前选定的图像。

    文件夹

    使用通过“浏览”(Windows) 或“选择”(Mac OS) 按钮选择的文件夹中的图像。选择“包含所有子文件夹”,以包含选定文件夹的任何子文件夹内的图像。

  7. 点按“目标”,然后选择一个要在其中存储画廊图像和 HTML 页的文件夹。然后单击“确定”(Windows) 或“选择”(Mac OS)。

  8. 选择 Web 画廊的格式设置选项。从“选项”菜单中选取以显示每组选项。请参阅 Web 照片画廊选项

  9. 单击“确定”。Photoshop 将下列 HTML 和 JPEG 文件放入目标文件夹:

    • 名为 index.htm 或 index.html 的画廊主页,具体情况取决于“扩展名”选项。在任何 Web 浏览器中打开此文件即可预览您的画廊。

    • 图像子文件夹内的 JPEG 图像。

    • 页子文件夹内的 HTML 页。

    • 缩览图子文件夹内的 JPEG 缩览图图像。

确保您的颜色匹配

如果在色域范围较宽的色彩工作空间(如 ProPhoto RGB 或 Adobe RGB)中处理照片,在 Web 画廊中使用无法读取嵌入颜色配置文件的浏览器进行查看时,图像颜色可能会发生变化。如果出现这种情况,请尝试将图像配置文件转换为 sRGB(大多数浏览器将其作为默认设置),然后再对其进行优化或将其包括在 Web 照片画廊中。请按下列方式之一将其转换为 sRGB。最好在图像的副本上进行处理。

如果使用图像处理器,则可以按所需大小将文件直接存储为 JPEG 格式。如果这样做,请确保在“大图像”选项中将“调整图像大小”禁用。

Web 照片画廊选项

常规

文件扩展名、编码和元数据的选项。

扩展名

使用 .htm 或 .html 作为文件扩展名。

使用 UTF 8 编码 URL

使用 UTF-8 编码。

给图像添加宽度和高度属性

指定尺寸,从而缩短下载时间。

保留所有的元数据

保留元数据信息。

横幅

出现在画廊每一页上的横幅的文本选项。为以下各项输入文本:

站点名称

画廊的名称。

摄影师

画廊中的照片所属的个人或单位的名称。

联系信息

画廊的联系信息,如电话号码或业务地址。

日期

显示在画廊每一页上的日期。默认情况下,Photoshop 使用当前日期。

字体和字体大小

(适用于某些站点样式)用于横幅文本的选项。

大图像

用于每个画廊页上显示的主图像的选项。

添加数字链接

(适用于某些站点样式)将数字序列(从 1 开始,到画廊中的总页数结束)沿水平方向连续放在每个画廊页面的顶部。每个数字是指向相应页面的链接。

调整图像大小

调整源图像的大小以便放在画廊页面上。从弹出式菜单中选取一个尺寸,或以像素为单位输入尺寸。对于“约束”,选取在调整大小时要限制的图像尺寸。对于“JPEG 品质”,请从弹出式菜单中选择一个选项,输入介于 0 和 12 之间的值或拖移滑块。该值越高,图像的品质就越好,文件也就越大。

注意:

Photoshop 使用首选项中设置的默认图像插值方法。选择“两次立方(较锐利)”作为默认值可以在缩小图像大小的同时获得最佳效果。

边界大小

指定图像周围边框的宽度(以像素为单位)。

标题使用

(适用于某些站点样式)指定用于在每个图像下方显示题注的选项。选择“文件名”可显示文件名,选择“说明”、“开发人员”、“标题”和“版权”可显示从“文件简介”对话框中提取的说明文本。

字体和字体大小

(适用于某些站点样式)指定题注的字体和大小。

缩览图

用于画廊主页的选项,其中包括缩览图图像的大小。

大小

指定缩览图大小。从弹出式菜单中进行选择,或者以像素为单位为每个缩览图的宽度输入一个值。

列和行

指定主页上要在其中显示缩览图的列和行的数量。此选项不适用于使用“水平画框样式”或“垂直画框样式”的画廊。

边界大小

指定每个缩览图周围边框的宽度(以像素为单位)。

标题使用

(适用于某些站点样式)指定用于在每个缩览图下方显示题注的选项。选择“文件名”可显示文件名,选择“说明”、“开发人员”、“标题”和“版权”可显示从“文件简介”对话框中提取的说明文本。

字体和字体大小

(适用于某些站点样式)指定题注的字体和大小。

自定颜色

画廊中各元素的颜色选项。要更改某个元素的颜色,请单击其色板,然后从 Adobe 拾色器中选择新颜色。可以更改每一页(“背景”选项)或横幅(“横幅”选项)的背景色。

安全性

在每幅图像上显示文本作为防盗措施。

内容

指定要显示的文本。选择“自定文本”以输入自定文本。选择“文件名”、“说明”、“致谢”、“标题”或“版权”以显示从“文件简介”对话框中提取的文本。

字体、颜色和位置

指定题注的字体、颜色和对齐方式。

旋转

按某个角度将文本放在图像上。

Web 照片画廊样式

Photoshop 提供了多种用于 Web 照片画廊的样式。如果您是了解 HTML 的高级用户,则可以创建一种新样式,或通过编辑一组 HTML 模板文件来自定样式。

Photoshop 提供的 Web 照片画廊样式存储在以下位置的各个文件夹中:

Windows

Program Files/Adobe/Adobe Photoshop CS5/Presets/Web Photo Gallery。

Mac OS

Adobe Photoshop CS5/Presets/Web Photo Gallery。

此位置中每个文件夹的名称显示为“Web 照片画廊”对话框“样式”菜单中的选项。每个文件夹包含下列 HTML 模板文件,Photoshop 用它们生成画廊:

Caption.htm

确定出现在主页上每个缩览图下面的题注的版面。

FrameSet.htm

确定用于显示页面的帧组的版面。

IndexPage.htm

确定主页的版面。

SubPage.htm

确定包含全大小图像的画廊页的版面。

Thumbnail.htm 确定出现在主页上的缩览图的版面。

每个模板文件都包含 HTML 代码和标记。标记是一个文本字符串,当您在“Web 照片画廊”对话框中设置了相应的选项时,Photoshop 将会替换它。例如,模板文件可能包含下列将标记用作所附文本的 TITLE 元素:

<TITLE>%TITLE%</TITLE>

Photoshop 使用此模板文件生成画廊时,用在“Web 照片画廊”对话框中输入的“站点名称”的文本替换标记 %TITLE%。

为了更好地理解现有样式,您可以使用 HTML 编辑器打开并研究其 HTML 模板文件。由于只需要使用标准 ASCII 字符来创建 HTML 文档,因此可以使用纯文本编辑器来打开、编辑和创建这些文档,如记事本 (Windows) 或 TextEdit (Mac OS)。

关于自定 Web 照片画廊样式

通过编辑一个或多个 HTML 模板文件,可以自定现有的 Web 照片画廊样式。自定样式时需要遵循以下原则,以便 Photoshop 可以正确地生成画廊:

  • 样式文件夹必须包含下列文件:Caption.htm、IndexPage.htm、SubPage.htm、Thumbnail.htm 和 FrameSet.htm。

  • 可以重命名样式文件夹,但无法重命名文件夹中的 HTML 模板文件。

  • 可以有空的 Caption.htm 文件,并在 Thumbnail.htm 文件中放入确定题注版面的 HTML 代码和标记。

  • 可以使用适当的文本或 HTML 代码替换模板文件中的标记,以便通过模板文件而不是“Web 照片画廊”对话框设置选项。例如,模板文件可能包含一个 BODY 元素,该元素具有下列将标记用作值的背景色属性:

    bgcolor=%BGCOLOR%

    要将页面的背景色设置为红色,可以用“FF0000”替换标记 %BGCOLOR%。

  • 可以将 HTML 代码和标记添加到模板文件中。所有标记都必须是大写字符,并且以百分比 (%) 符号开头和结尾。

自定或创建 Web 照片画廊样式

  1. 定位存储现有 Web 照片画廊样式的文件夹。
  2. 执行下列操作之一:
    • 要自定样式,请创建样式文件夹的副本,并将其存储在与现有样式文件夹相同的位置中。

    • 要创建新样式,请为新样式创建一个新文件夹,并将其存储在与现有样式文件夹相同的位置中。

    新的样式或自定样式(以其所在文件夹来命名)出现在“Web 照片画廊”对话框的“样式”菜单中。

  3. 使用 HTML 编辑器执行以下操作之一:
    • 自定 HTML 模板文件。

    • 创建必要的 HTML 模板文件,并将它们存储在样式文件夹内。

    创建模板文件时,请确保遵循关于自定 Web 照片画廊样式中概述的自定原则。

    注意:

    自定或创建某一画廊样式的模板时,应将以下每个标记放在 HTML 文件的单独一行上:%CURRENTINDEX%、%NEXTIMAGE%、%NEXTINDEX%、%PAGE%、%PREVIMAGE% 和 %PREVINDEX%。生成特定的画廊页时,Photoshop 将跳过模板中不适用于这些页的标记所在的行。例如,当 Photoshop 生成画廊的第一页时,它将跳过模板中任何包含 %PREVIMAGE% 标记的行,该标记确定与前一画廊页的链接。通过将 %PREVIMAGE% 标记保留在单独一行上,确保了 Photoshop 不会忽略模板中的其他标记。

Web 照片画廊样式标记

Photoshop 使用 HTML 模板文件中的标记来定义默认 Web 照片画廊样式。Photoshop 将使用这些标记根据“Web 照片画廊”对话框中的用户输入来生成画廊。

自定或创建画廊样式时,可以将任何标记添加到任何 HTML 模板文件,%THUMBNAILS% 和 %THUMBNAILSROWS% 除外,它们只能出现在 IndexPage.htm 文件中。添加标记时要记住,可能还需要在文件中添加使标记正确使用的 HTML 代码。

可以在 HTML 模板文件中使用下列标记:

%ALINK%

确定现用链接的颜色。

%ALT%

确定图像文件的名称。

%ANCHOR%

使用户能够返回到正在查看的图像的缩览图,而不是索引的开头。在用户点按“主页”按钮后生效。

%BANNERCOLOR%

确定横幅的颜色。

%BANNERFONT%

确定横幅文本的字体。

%BANNERFONTSIZE%

确定横幅文本的字体大小。

%BGCOLOR%

确定背景色。

%CAPTIONFONT%

确定主页上每个缩览图下方题注的字体。

%CAPTIONFONTSIZE%

确定题注的字体大小。

%CAPTIONTITLE%

插入文件信息题注的文档标题。

%CHARSET%

确定每页上使用的字符集。

%CONTACTINFO%

确定画廊的联系信息,如电话号码和住所。

%CONTENT_GENRATOR%

扩展为“Adobe Photoshop CS5 Web 照片画廊”。

%COPYRIGHT%

插入文件信息题注的版权信息。

%CREDITS%

插入文件信息题注的致谢信息。

%CURRENTINDEX%

确定当前主页的链接。

%CURRENTINDEXANCHOR%

位于 SubPage.htm 中并指向第一个索引页。

%DATE%

确定出现在横幅上的日期。

%EMAIL%

确定画廊的电子邮件联系信息。

%FILEINFO%

确定题注的图像文件信息。

%FILENAME%

确定图像的文件名。对作为 HTML 文本显示的元数据使用此标记。

%FILENAME_URL%

确定图像的 URL 文件名。仅对 URL 文件名使用此标记。

%FIRSTPAGE%

确定出现在帧组右帧中的第一个画廊页的链接。

%FRAMEINDEX%

确定出现在帧组左帧中的主页的链接。

%HEADER%

确定画廊的标题。

%IMAGEBORDER%

确定画廊页上全大小图像的边框大小。

%IMAGE_HEIGHT%

启用“给图像添加宽度和高度属性”复选框。这使得用户可以下载属性,从而缩短下载时间。

%IMAGE_HEIGHT_NUMBER%

此标记由表示图像宽度的数字(仅限)替换。

%IMAGEPAGE%

确定与画廊页的链接。

%IMAGE_SIZE%

如果选中了“调整图像大小”框,则此标记将包含“大图像”面板中使用的图像像素值。如果不选中此框,此标记将包含空字符串。这对于模板中的 JavaScript 非常有用,因为它可以显示所生成站点中所有图像的最大高度和宽度值。

%IMAGESRC%

确定画廊页上全大小图像的 URL。

%IMAGE_WIDTH%

启用“给图像添加宽度和高度属性”复选框。这使得用户可以下载属性,从而缩短下载时间。

%IMAGE_WIDTH_NUMBER%

此标记由表示图像宽度的数字(仅限)替换。

%LINK%

确定链接的颜色。

%NEXTIMAGE%

确定下一画廊页的链接。

%NEXTIMAGE _CIRCULAR%

设置从大预览图像到下一个大预览图像的链接。

%NEXTINDEX%

确定下一主页的链接。

%NUMERICLINKS%

在子页上插入指向所有大预览图像的带编号链接。

%PAGE%

确定当前页的位置(例如,第 1 页(共 3 页))。

%PHOTOGRAPHER%

确定画廊中的照片所属的个人或单位的名称。

%PREVIMAGE%

确定前一画廊页的链接。

%PREVINDEX%

确定前一主页的链接。

%SUBPAGEHEADER%

确定画廊的标题。

%SUBPAGETITLE%

确定画廊的标题。

%TEXT%

确定文本颜色。

%THUMBBORDER%

确定缩览图边框的大小。

%THUMBNAIL_HEIGHT%

启用“给图像添加宽度和高度属性”复选框。这使得用户可以下载属性,从而缩短下载时间。

%THUMBNAIL_HEIGHT_NUMBER%

此标记由表示缩览图高度的数字(仅限)替换。

%THUMBNAILS%

对于帧样式,此标记由使用 Thumbnail.htm 文件的缩览图替换。此标记必须放在 HTML 文件的单独一行上并且不换行。

%THUMBNAIL_SIZE%

在“缩览图”面板中包含缩览图像素值。这对于模板中的 JavaScript 来说很有用,因为它可以显示所生成的站点中所有缩览图的最大高度和宽度值。

%THUMBNAILSRC%

确定与缩览图的链接。

%THUMBNAILSROWS%

对于非帧样式,此标记由使用 Thumbnail.htm 文件的缩览图所在的行替换。此标记必须放在 HTML 文件的单独一行上并且不换行。

%THUMBNAIL_WIDTH%

启用“给图像添加宽度和高度属性”复选框。这使得用户可以下载属性,从而缩短下载时间。

%THUMBNAIL_WIDTH_NUMBER%

此标记由表示缩览图宽度的数字(仅限)替换。

%TITLE%

确定画廊的标题。

%VLINK%

确定已访问的链接的颜色。

Adobe 徽标

登录到您的帐户