Guia do Usuário Cancelar

Criar galerias de fotos na Web

  1. Guia do Usuário do Photoshop
  2. Introdução ao Photoshop
    1. Sonhe. Realize.
    2. Novidades no Photoshop
    3. Editar sua primeira foto
    4. Criar documentos
    5. Photoshop | Perguntas frequentes
    6. Requisitos de sistema do Photoshop
    7. Conheça melhor o Photoshop
  3. Photoshop e outros produtos e serviços da Adobe
    1. Trabalho com arte do Illustrator no Photoshop
    2. Trabalhar com arquivos do Photoshop no InDesign
    3. Materiais do Substance 3D para Photoshop
    4. Usar a extensão do aplicativo Capture no Photoshop
  4. Photoshop no iPad (não disponível na China continental)
    1. Photoshop para iPad | Perguntas comuns
    2. Conheça o espaço de trabalho
    3. Requisitos de sistema | Photoshop para iPad
    4. Criar, abrir e exportar documentos
    5. Adicionar fotos
    6. Trabalhar com camadas
    7. Desenhar e pintar com pincéis
    8. Fazer seleções e adicionar máscaras
    9. Retocar suas composições
    10. Trabalhar com camadas de ajuste
    11. Ajustar a tonalidade da composição com Curvas
    12. Aplicar operações de transformação
    13. Cortar e girar suas composições
    14. Girar, deslocar, aplicar zoom e redefinir tela
    15. Trabalhar com camadas de texto
    16. Trabalhar com o Photoshop e o Lightroom
    17. Obter fontes ausentes no Photoshop para iPad
    18. Texto em japonês no Photoshop para iPad
    19. Gerenciar configurações do aplicativo
    20. Atalhos e gestos de toque
    21. Atalhos do teclado
    22. Editar o tamanho da imagem
    23. Transmita ao vivo enquanto cria no Photoshop para iPad
    24. Corrigir imperfeições com o Pincel de recuperação
    25. Criar pincéis no Capture e usá-los no Photoshop para iPad
    26. Trabalhar com arquivos Camera Raw
    27. Criar e trabalhar com objetos inteligentes
    28. Ajustar a exposição em suas imagens com subexposição e superexposição
    29. Comandos de ajuste automático no Photoshop no iPad
    30. Borre áreas em suas imagens com o Photoshop no iPad
    31. Saturar ou dessaturar as imagens usando a ferramenta Esponja
    32. Preenchimento sensível a conteúdo para iPad
  5. Photoshop na Web (não disponível na China continental)
    1. Perguntas comuns
    2. Requisitos do sistema
    3. Atalhos do teclado
    4. Tipos de arquivo suportados
    5. Introdução ao espaço de trabalho
    6. Abrir e trabalhar com documentos na nuvem
    7. Recursos de IA generativa
    8. Conceitos básicos de edição
    9. Ações rápidas
    10. Trabalhar com camadas
    11. Retocar e remover imperfeições
    12. Criar seleções rápidas
    13. Melhorias na imagem com camadas de ajuste
    14. Mova, transforme e corte imagens
    15. Desenhar e pintar
    16. Trabalhar com camadas de texto
    17. Trabalhar com qualquer pessoa na Web
    18. Gerenciar configurações do aplicativo
    19. Gerar imagem
    20. Gerar fundo
    21. Imagem de referência
  6. Photoshop (beta) (não disponível na China continental)
    1. Introdução aos aplicativos Beta da Creative Cloud
    2. Photoshop (beta) para desktop
    3. Gerar imagem com solicitações de texto descritivo
    4. Gerar fundo com prompts de texto descritivo
  7. IA generativa (não disponível na China continental) 
    1. Perguntas frequentes sobre IA generativa no Photoshop
    2. Preenchimento generativo no Photoshop no desktop
    3. Expansão generativa no Photoshop no desktop
    4. Preenchimento generativo no Photoshop para iPad
    5. Expansão generativa no Photoshop para iPad
    6. Recursos de IA generativa no Photoshop na Web
  8. Autenticidade do conteúdo (não disponível na China continental)
    1. Credenciais de conteúdo no Photoshop
    2. Identidade e proveniência de NFTs
    3. Conectar contas para atribuição de criativos
  9. Documentos na nuvem (não disponível na China continental)
    1. Documentos na nuvem no Photoshop | Perguntas comuns
    2. Documentos na nuvem no Photoshop | Perguntas sobre fluxo de trabalho
    3. Gerenciar e trabalhar com documentos na nuvem no Photoshop
    4. Atualize o armazenamento na nuvem do Photoshop
    5. Não é possível criar ou salvar um documento na nuvem
    6. Solucionar erros de documentos na nuvem do Photoshop
    7. Coletar logs de sincronização de documentos na nuvem
    8. Convidar outras pessoas para editar seus documentos na nuvem
    9. Compartilhar arquivos e comentar no aplicativo
  10. Espaço de trabalho
    1. Noções básicas do espaço de trabalho
    2. Preferências
    3. Aprenda mais rapidamente com o painel Descobrir do Photoshop
    4. Criar documentos
    5. Insira arquivos
    6. Atalhos de teclado padrão
    7. Personalizar atalhos de teclado
    8. Galerias de ferramentas
    9. Preferências de desempenho
    10. Usar ferramentas
    11. Predefinições
    12. Grade e guias
    13. Gestos de toque
    14. Usar a Touch Bar com o Photoshop
    15. Recursos de toque e espaço de trabalho personalizáveis
    16. Visualizações de tecnologia
    17. Metadados e observações
    18. Recursos de toque e espaço de trabalho personalizáveis
    19. Inserir imagens do Photoshop em outros aplicativos
    20. Réguas
    21. Mostrar ou ocultar Extras que não podem ser impressos
    22. Especificação de colunas para uma imagem
    23. Desfazer e histórico
    24. Painéis e menus
    25. Posicionamento de elementos com encaixe
    26. Posicionamento com a ferramenta Régua
  11. Web design, design de tela e de aplicativos
    1. Photoshop para o design
    2. Pranchetas
    3. Visualização do dispositivo
    4. Copiar CSS de camadas
    5. Criar fatias nas páginas da Web
    6. Opções de HTML para fatias
    7. Modificar layout da fatia
    8. Trabalhar com gráficos da Web
    9. Criar galerias de fotos na Web
  12. Noções básicas sobre imagens e cores
    1. Como redimensionar imagens
    2. Trabalhar com imagens rasterizadas e vetoriais
    3. Tamanho e resolução da imagem
    4. Obter imagens a partir de câmeras e scanners
    5. Criar, abrir e importar imagens
    6. Exibir imagens
    7. Erro de marcador JPEG inválido | Abrir imagens
    8. Visualização de múltiplas imagens
    9. Personalizar seletores de cores e amostras
    10. Imagens HDR
    11. Corresponder cores na imagem
    12. Converter entre modos de cores
    13. Modos de cores
    14. Apagar partes de uma imagem
    15. Modos de mesclagem
    16. Escolher cores
    17. Personalização de tabelas de cores indexadas
    18. Informações sobre imagem
    19. Os filtros de distorção não estão disponíveis
    20. Sobre cores
    21. Ajustes de cores e monocromáticos usando canais
    22. Escolher cores nos painéis Cor e Amostras
    23. Amostra
    24. Modo de cores ou modo de imagem
    25. Disposição de cores
    26. Adição de uma alteração do modo condicional a uma ação
    27. Adicionar amostras de HTML CSS e SVG
    28. Profundidade de bits e preferências
  13. Camadas
    1. Conceitos básicos de camadas
    2. Edição não destrutiva
    3. Criação e gerenciamento de camadas e grupos
    4. Selecionar, agrupar e vincular camadas
    5. Coloque imagens em quadros
    6. Mesclagem e opacidade da camada
    7. Camadas de máscara
    8. Aplicar filtros inteligentes
    9. Composições de camada
    10. Mover, empilhar e bloquear camadas
    11. Camadas de máscara com máscaras de vetor
    12. Gerenciar camadas e grupos
    13. Efeitos e estilos de camadas
    14. Editar máscaras de camada
    15. Extrair ativos
    16. Revelar camadas com máscaras de corte
    17. Gerar itens de imagem de camadas
    18. Trabalhar com objetos inteligentes
    19. Modos de mesclagem
    20. Combinação de várias imagens em um retrato de grupo
    21. Combinação de imagens com de associação com a opção Mesclar camadas automaticamente
    22. Alinhar e distribuir camadas
    23. Copiar CSS de camadas
    24. Carregar seleções de uma máscara ou dos limites de uma máscara de camada
    25. Efeito vazado para revelar o conteúdo de outras camadas
  14. Seleções
    1. Introdução às seleções
    2. Faça seleções em sua composição
    3. Espaço de trabalho Selecionar e mascarar
    4. Selecionar com as ferramentas de letreiro
    5. Selecionar com as ferramentas de laço
    6. Ajustar seleções de pixels
    7. Mover, copiar e excluir pixels selecionados
    8. Criação de uma máscara rápida temporária
    9. Selecionar gama de cores em uma imagem
    10. Converter entre demarcadores e bordas de seleção
    11. Noções básicas de canal
    12. Salvar seleções e máscaras de canal alfa
    13. Selecionar áreas da imagem em foco
    14. Duplicação, divisão e mesclagem de canais
    15. Cálculos de canal
  15. Ajustes de imagem
    1. Substituir cores do objeto
    2. Distorção de perspectiva
    3. Reduzir desfoque devido a vibração da câmera
    4. Exemplos de pincel de recuperação
    5. Exportar tabelas de consulta de cor
    6. Ajustar nitidez e desfoque da imagem
    7. Entender os ajustes de cor
    8. Aplicação do ajuste Brilho/Contraste
    9. Aprimoramento dos detalhes de sombra e realce
    10. Ajuste de níveis
    11. Ajuste de matiz e saturação
    12. Ajustar a vibratilidade
    13. Ajuste de saturação de cor em áreas da imagem
    14. Fazer ajustes de tons rápidos
    15. Aplicar efeitos especiais de cor a imagens
    16. Aprimorar imagem com ajustes de equilíbrio de cores
    17. Imagens HDR
    18. Exibir histogramas e valores de pixel
    19. Corresponder cores na imagem
    20. Cortar e retificar fotos
    21. Conversão de uma imagem colorida em preto e branco
    22. Camadas de ajuste e de preenchimento
    23. Ajuste de curvas
    24. Modos de mesclagem
    25. Segmentar imagens para prensa tipográfica
    26. Ajustar a cor e o tom com conta-gotas de níveis e curvas
    27. Ajustar a exposição e tonalização HDR
    28. Subexposição ou superexposição de áreas de imagem
    29. Como fazer ajustes de cores seletivas
  16. Adobe Camera Raw
    1. Requisitos de sistema do Camera Raw
    2. Novidades no Camera Raw
    3. Introdução ao Camera Raw
    4. Criar panoramas
    5. Lentes compatíveis
    6. Vinheta, granulação e efeitos de desembaçamento no Camera Raw
    7. Atalhos de teclado padrão
    8. Correção automática da perspectiva no Camera Raw
    9. Filtro radial no Camera Raw
    10. Gerencie configurações do Camera Raw
    11. Abertura, processamento e salvamento de imagens no Camera Raw
    12. Corrija imagens com a ferramenta aprimorada Remoção de manchas no Camera Raw
    13. Rotação, recorte e ajuste imagens
    14. Ajustar a renderização de cores no Camera Raw
    15. Versões do processo no Camera Raw
    16. Ajustes locais no Camera Raw
  17. Reparo e restauração da imagem
    1. Remova objetos de suas fotos com o Preenchimento sensível ao conteúdo
    2. Corrigir e mover com reconhecimento de conteúdo
    3. Retocar e corrigir fotos
    4. Corrigir distorção de imagem e ruído
    5. Solução básica para a maioria dos problemas
  18. Aprimoramento e transformação de imagens
    1. Substitua o céu em suas imagens
    2. Transformar objetos
    3. Ajustar corte, giro e tamanho de tela de desenho
    4. Como cortar e corrigir fotos
    5. Criar e editar imagens panorâmicas
    6. Distorção de imagens, formas e caminhos
    7. Ponto de fuga
    8. Escala sensível a conteúdo
    9. Transformação de imagens, formas e caminhos
  19. Desenho e pintura
    1. Pinte padrões simétricos
    2. Desenhar retângulos e modificar as opções de traçado
    3. Sobre desenho
    4. Desenhar e editar formas
    5. Ferramentas de pintura
    6. Criar e modificar pincéis
    7. Modos de mesclagem
    8. Adicionar cores a caminhos
    9. Editar caminhos
    10. Pintar com o pincel de mistura
    11. Predefinições do pincel
    12. Gradientes
    13. Interpolação de gradiente
    14. Seleções, camadas e demarcadores de preenchimento e traçado
    15. Desenhar com as ferramentas Caneta
    16. Criar padrões
    17. Criação de padrão usando o Criador de padrões
    18. Gerenciamento de demarcadores
    19. Como gerenciar predefinições e bibliotecas de padrões
    20. Desenhar ou pintar com uma mesa digitalizadora
    21. Criar pincéis texturizados
    22. Adicionar elementos dinâmicos aos pincéis
    23. Gradiente
    24. Pintar traçados estilizados usando o Pincel História da Arte
    25. Pintar com um padrão
    26. Sincronizar predefinições em vários dispositivos
    27. Migrar predefinições, ações e configurações
  20. Texto
    1. Adicionar e editar o texto
    2. Mecanismo de texto unificado
    3. Trabalhar com fontes OpenType SVG
    4. Formatação de caracteres
    5. Formatar parágrafos
    6. Como criar efeitos de texto
    7. Edição de textos
    8. Espaçamento de linhas e caracteres
    9. Texto árabe e hebraico
    10. Fontes
    11. Solução de problemas de fontes
    12. Texto asiático
    13. Criar texto
  21. Filtros e efeitos
    1. Utilize a Galeria de desfoque
    2. Noções básicas sobre filtros
    3. Referência de efeitos de filtros
    4. Adição de efeitos de iluminação
    5. Usar o filtro Grande angular adaptável
    6. Usar o filtro Pintura a óleo
    7. Usar o filtro Dissolver
    8. Efeitos e estilos de camadas
    9. Aplicar filtros específicos
    10. Como borrar áreas da imagem
  22. Salvar e exportar
    1. Salvar seus arquivos no Photoshop
    2. Exportar seus arquivos no Photoshop
    3. Formatos de arquivo compatíveis
    4. Salvar arquivos em formatos de gráficos
    5. Mover designs entre o Photoshop e o Illustrator
    6. Salvar e exportar vídeo e animações
    7. Salvar arquivos PDF
    8. Proteção de direitos autorais da Digimarc
  23. Gerenciamento de cores
    1. Sobre gerenciamento de cores
    2. Uniformização de cores
    3. Configurações de cor
    4. Duotônicos
    5. Trabalhar com perfis de cores
    6. Gerencie as cores de documentos para exibição on-line
    7. Documentos com gerenciamento de cores durante a impressão
    8. Imagens importadas com gerenciamento de cores
    9. Revisão de cores
  24. Web design, design de tela e de aplicativos
    1. Photoshop para o design
    2. Pranchetas
    3. Visualização do dispositivo
    4. Copiar CSS de camadas
    5. Criar fatias nas páginas da Web
    6. Opções de HTML para fatias
    7. Modificar layout da fatia
    8. Trabalhar com gráficos da Web
    9. Criar galerias de fotos na Web
  25. Vídeo e animação
    1. Edição de vídeo no Photoshop
    2. Editar camadas de animação e de vídeo
    3. Visão geral de vídeo e animação
    4. Visualização de vídeo e animações
    5. Como pintar quadros em camadas de vídeo
    6. Importar arquivos de vídeo e sequências de imagem
    7. Criar quadros de animação
    8. Creative Cloud 3D Animation (visualização)
    9. Criar animações de linha do tempo
    10. Criar imagens para vídeo
  26. Impressão
    1. Imprimir objetos 3D
    2. Imprimir a partir do Photoshop
    3. Imprimir usando gerenciamento de cores
    4. Páginas de amostra e apresentações em PDF
    5. Imprimir fotos em um layout do pacote de figuras
    6. Imprimir cores spot
    7. Imprimir imagens em uma prensa tipográfica comercial
    8. Aprimorar as impressões em cores do Photoshop
    9. Solução de problemas de impressão | Photoshop
  27. Automação
    1. Criação de ações
    2. Criar gráficos orientados por dados
    3. Scripts
    4. Processamento de um lote de arquivos
    5. Executar e gerenciar ações
    6. Adicionar ações condicionais
    7. Sobre ações e o Painel Ações
    8. Gravar ferramentas em ações
    9. Adição de uma alteração do modo condicional a uma ação
    10. Conjunto de ferramentas de interface de usuário (UI) do Photoshop para plug-ins e scripts
  28. Solução de problemas
    1. Problemas corrigidos 
    2. Problemas conhecidos
    3. Otimizar o desempenho do Photoshop
    4. Solução de problemas básica
    5. Solução de problemas de travamento ou congelamento
    6. Solucionar erros de programa
    7. Solução de problemas de erros de disco de trabalho cheio
    8. Solucionar problemas de GPU e de driver gráfico
    9. Localizar ferramentas ausentes
    10. Photoshop 3D | Perguntas frequentes sobre recursos 3D descontinuados
Observação:

Para criar galerias na Web com o Photoshop CS5, consulte Criar uma galeria de fotos na Web em Ajuda do Adobe Bridge. Para usar o plug-in de Galeria de fotos na Web antigo e opcional descrito abaixo, primeiro baixe-o e instale-o para Windows ou Mac OS.

Sobre galerias de fotos na Web

Uma galeria de fotos na Web é um site da Web que apresenta uma página inicial com imagens em miniatura e páginas de galeria com imagens em tamanho normal. Cada página contém links que permitem aos visitantes navegar pelo site. Por exemplo, quando o visitante clica em uma imagem em miniatura na página inicial, a imagem em tamanho normal associada é carregada em uma página da galeria. Use o comando Galeria de Fotos na Web para gerar automaticamente uma galeria de fotos na Web a partir de um conjunto de imagens.

Página inicial da galeria de fotos na Web do Photoshop
Galeria de fotos na Web, página inicial

O Photoshop fornece vários estilos para sua galeria, que podem ser selecionados com o comando Galeria de Fotos na Web. Se você for um usuário avançado que conhece HTML, poderá criar um novo estilo ou personalizar um estilo editando um conjunto de arquivos de modelo HTML.

Cada modelo de estilos de galeria tem diferentes opções. Se estiver usando um estilo predefinido, algumas opções podem estar desativadas, ou indisponíveis nesse estilo.

Criar galerias da Web usando o Adobe Bridge

O Adobe Bridge fornece recursos atualizados de galeria na Web. Para instruções, consulte Criação de uma galeria de fotos na Web na Ajuda do Adobe Bridge ou visualize os tutoriais abaixo.

Usar o plug-in do Photoshop opcional mais antigo

  1. Baixe e instale o plug-in mais antigo da Galeria de fotos na Web para Windows ou Mac OS.

  2. (Opcional) Selecione os arquivos ou a pasta que deseja usar no Adobe Bridge.

    Suas imagens serão apresentadas na ordem em que são exibidas no Bridge. Se você preferir usar uma ordem diferente, mude a ordem no Bridge.

  3. Siga um destes procedimentos:

    • No Adobe Bridge, escolha Ferramentas > Photoshop > Galeria de Fotos na Web.

    • No Photoshop, escolha Arquivo > Automatizar > Galeria de Fotos na Web.

  4. Escolha um estilo para a galeria no menu pop-up Estilos. Uma visualização da página inicial para o estilo escolhido é exibida na caixa de diálogo.

  5. (Opcional) Insira um endereço de e-mail que sirva como a informação de contato para a galeria.

  6. Escolha os arquivos de origem da galeria no menu Usar.

    Imagens Selecionadas do Origem

    Usa imagens selecionadas antes de ser aberta a caixa de diálogo Galeria de Fotos na Web.

    Pasta

    Usa imagens das pastas que você seleciona usando os botões Procurar (Windows) ou Escolher (Mac OS). Selecione Incluir Todas as Subpastas para incluir imagens de qualquer subpasta da pasta selecionada.

  7. Clique em Destino e selecione uma pasta na qual serão armazenadas imagens e páginas HTML da galeria. Em seguida, clique em OK (Windows) ou Escolher (Mac OS).

  8. Selecione opções de formatação para a galeria de fotos. Escolha no menu Opções para que seja exibido cada conjunto de opções. Consulte Opções de galeria de fotos na Web.

  9. Clique em OK. O Photoshop insere os seguintes arquivos HTML e JPEG na pasta de destino:

    • Uma página inicial para sua galeria chamada index.htm ou index.html, dependendo das opções de Extensão. Abra esse arquivo em qualquer navegador da Web para visualizar sua galeria.

    • Imagens JPEG dentro de uma subpasta de imagens.

    • Páginas HTML dentro de uma subpasta de páginas.

    • Imagens JPEG em miniatura dentro de uma subpasta de miniaturas.

Como verificar se as cores correspondem

Se você trabalha com fotos em um espaço de trabalho de cor gamut, como ProPhoto RGB ou Adobe RGB, as cores das imagens poderão mudar quando exibidas em uma galeria da Web por um navegador que não lê perfis de cores incorporados. Se isso acontecer, tente converter os perfis de imagem em sRGB (que a maioria dos navegadores usam como padrão) antes de otimizá-los ou incluí-los em uma Galeria de Fotos na Web. Converta-os em sRGB seguindo um destes procedimentos. Uma boa opção é trabalhar com uma cópia das imagens.

Se usar o Processador de Imagens, poderá salvar os arquivos diretamente em formato JPEG, no tamanho desejado. Para isso, Redimensionar Imagens deve estar desativado nas opções de Imagem Grande.

Geral

Opções para extensões de arquivo, codificação e metadados.

Extensão

Usa .htm ou .html como a extensão do nome do arquivo.

Usar codificação UTF 8 para URL

Usa a codificação UTF-8.

Adicionar atributos de largura e altura para imagens

Especifica dimensões, reduzindo o tempo de download.

Preservar todos os metadados

Mantém informações de metadados.

Banner

Opções de texto para o banner exibido em cada página da galeria. Insira texto em cada um destes campos:

Nome do Site

O nome da galeria.

Fotógrafo

O nome da pessoa ou organização que está recebendo crédito pelas fotos da galeria.

Informações de Contato

As informações de contato da galeria, como número de telefone ou endereço comercial.

Data

A data que aparece em cada página da galeria. Por padrão, o Photoshop usa a data atual.

Fonte e Tamanho da Fonte

(Disponível para alguns estilos de site) Opções para o texto do banner.

Imagens Grandes

Opções para as imagens principais que aparecem em cada página da galeria.

Adição de links numéricos

(Disponível para alguns estilos de site) Insere uma sequência numérica (começando por 1, terminando pelo número total de páginas na galeria) que é exibida horizontalmente na parte superior de cada página da galeria. Cada número corresponde a um link para uma respectiva página.

Redimensionar Imagens

Redimensiona as imagens de origem para inserção nas páginas da galeria. Escolha um tamanho no menu pop-up ou insira um tamanho em pixels. Para Restringir, escolha as dimensões da imagem que deseja restringir durante o redimensionamento. Em Qualidade JPEG, escolha uma opção no menu pop-up, digite um valor entre 0 e 12, ou arraste o controle deslizante. Quanto maior for o valor, melhor será a qualidade da imagem e maior será o arquivo.

Observação:

O Photoshop usa o método de interpolação de imagem padrão definido nas preferências. Escolha Bicúbico mais Nítido como padrão, para obter melhores resultados ao reduzir o tamanho da imagem.

Tamanho da Borda

Especifica a largura, em pixels, da borda da imagem.

Uso de Títulos

(Disponível para alguns estilos de site) Especifica opções para a exibição de legendas embaixo de cada imagem. Selecione Nome do Arquivo para exibir o nome do arquivo ou selecione Descrição, Créditos, Título e Copyright para exibir texto descritivo retirado da caixa de diálogo Informações do Arquivo.

Fonte e Tamanho da Fonte

(Disponível para alguns estilos de site) Especifica a fonte e o tamanho da legenda.

Miniaturas

Opções para a página inicial da galeria, incluindo o tamanho das imagens em miniatura.

Tamanho

Especifica o tamanho da miniatura. Escolha no menu pop-up ou insira um valor em pixels para a largura de cada miniatura.

Colunas e Linhas

Especificam o número de colunas e linhas para exibição de miniaturas na página inicial. Essa opção não se aplica a galerias que utilizam o Estilo de Quadro Horizontal ou Estilo de Quadro Vertical.

Tamanho da Borda

Especifica a largura, em pixels, da borda de cada miniatura.

Uso de Títulos

(Disponível para alguns estilos de site) Especifica opções para a exibição de legendas embaixo de cada miniatura. Selecione Nome do Arquivo para exibir o nome do arquivo ou selecione Descrição, Créditos, Título e Copyright para exibir texto descritivo retirado da caixa de diálogo Informações do Arquivo.

Fonte e Tamanho da Fonte

(Disponível para alguns estilos de site) Especifica a fonte e o tamanho da legenda.

Cores Personalizadas

Opções de cores dos elementos da galeria. Para alterar a cor de um elemento, clique na amostra de cores e, em seguida, selecione uma nova cor no Seletor de Cores da Adobe. É possível alterar a cor do plano de fundo de cada página (opção Plano de Fundo) e do banner (opção Banner).

Segurança

Exibe o texto sobre cada imagem como uma proteção contra roubos.

Conteúdo

Especifica o texto a ser exibido. Selecione Texto Personalizado para inserir texto personalizado. Selecione Nome do Arquivo, Descrição, Créditos, Título ou Copyright para exibir texto descritivo retirado da caixa de diálogo Informações do Arquivo.

Fonte, Cor e Posição

Especificam a fonte, a cor e o alinhamento da legenda.

Girar

Posiciona o texto na imagem em um ângulo.

O Photoshop fornece vários estilos para sua galeria de fotos na Web. Se você for um usuário avançado que conhece HTML, poderá criar um novo estilo ou personalizar um estilo editando um conjunto de arquivos de modelo HTML.

Os estilos de galerias de fotos na Web fornecidos pelo Photoshop são armazenados em pastas individuais nos seguintes locais:

Windows

Arquivos de Programas/Adobe/Adobe Photoshop CS5/Predefinições/Galeria de Fotos na Web.

Mac OS

Adobe Photoshop CS5/Predefinições/Galeria de Fotos na Web.

O nome de cada pasta nesse local aparece como uma opção no menu Estilos, na caixa de diálogo Galeria de Fotos na Web. Cada pasta contém os seguintes arquivos de modelo HTML que o Photoshop usa para gerar a galeria:

Caption.htm

Determina o layout da legenda que aparece abaixo de cada miniatura na página inicial.

FrameSet.htm

Determina o layout do conjunto de quadros para exibir páginas.

IndexPage.htm

Determina o layout da página inicial.

SubPage.htm

Determina o layout das páginas da galeria com imagens em tamanho normal.

Thumbnail.htm Determina o layout das miniaturas que aparecem na página inicial.

Cada arquivo de modelo contém códigos e sinais HTML. Um sinal é uma sequência de caracteres de texto substituída pelo Photoshop quando você define sua opção correspondente na caixa de diálogo Galeria de Fotos na Web. Por exemplo, um arquivo de modelo pode conter o seguinte elemento TITLE, que usa um sinal como seu texto incluso:

<TITLE>%TITLE%</TITLE>

Ao gerar a galeria usando esse arquivo de modelo, o Photoshop substitui o sinal %TITLE% pelo texto digitado em Nome do Site na caixa de diálogo Galeria de Fotos na Web.

Para compreender melhor um estilo existente, abra e estude seus arquivos de modelo HTML usando um editor de HTML. Uma vez que são necessários apenas caracteres ASCII padrão para criar documentos HTML, é possível abrir, editar e criar esses documentos usando um editor de texto comum, como Notepad (Windows) ou TextEdit (Mac OS).

Personalize um estilo existente de galeria de fotos na Web editando um ou mais de seus arquivos de modelo HTML. Ao personalizar um estilo, é necessário seguir estas diretrizes para que o Photoshop possa gerar a galeria de maneira correta:

  • A pasta do estilo deve conter estes arquivos: Caption.htm, IndexPage.htm, SubPage.htm, Thumbnail.htm e FrameSet.htm.

  • É possível renomear a pasta do estilo, mas não os arquivos de modelo HTML da pasta.

  • Você pode ter um arquivo Caption.htm vazio e colocar os códigos e os sinais HTML que determinam o layout da legenda no arquivo Thumbnail.htm.

  • Pode-se substituir um sinal em um arquivo de modelo pelo texto ou código HTML apropriado, para que uma opção seja definida por meio do arquivo de modelo e não na caixa de diálogo Galeria de Fotos na Web. Por exemplo, um arquivo de modelo pode conter um elemento BODY, com os seguintes atributos de cor do plano de fundo, que utiliza um símbolo como seu valor:

    bgcolor=%BGCOLOR%

    Para definir a cor do plano de fundo da página como vermelho, substitua o sinal %BGCOLOR% por “FF0000.”

  • É possível adicionar códigos e sinais HTML aos arquivos de modelo. Todos os sinais devem estar em maiúscula, além de começar e terminar com um símbolo de porcentagem (%).

  1. Localize a pasta que armazena os estilos existentes de galerias de fotos na Web.
  2. Siga um destes procedimentos:
    • Para personalizar um estilo, crie uma cópia da pasta do estilo e armazene-a no mesmo local das pastas de estilo existentes.

    • Para criar um novo estilo, crie uma nova pasta para esse estilo e armazene-a no mesmo local das pastas de estilo existentes.

    O estilo novo ou personalizado (nomeado por sua pasta) aparecerá no menu Estilos da caixa de diálogo Galeria de Fotos na Web.

  3. Ao usar um editor HTML, siga um destes procedimentos:
    • Personalize o arquivo de modelo HTML.

    • Crie os arquivos de modelo HTML necessários e armazene-os na pasta do estilo.

    Ao criar os arquivos de modelo, certifique-se de seguir as diretrizes de personalização destacadas em Sobre a personalização de estilos da galeria de fotos da Web.

    Observação:

    Ao personalizar ou criar um modelo para um estilo de galeria, é necessário posicionar cada um dos sinais a seguir em uma linha separada no arquivo HTML: %CURRENTINDEX%, %NEXTIMAGE%, %NEXTINDEX%, %PAGE%, %PREVIMAGE% e %PREVINDEX%. Ao gerar páginas específicas de uma galeria, o Photoshop pula as linhas de um modelo que contêm sinais que não se aplicam a essas páginas. Por exemplo, ao gerar a primeira página da galeria, o Photoshop pula qualquer linha no modelo que contém o sinal %PREVIMAGE%, que determina o link para a página anterior da galeria. Mantenha o sinal %PREVIMAGE% em uma linha separada para que o Photoshop não ignore outros sinais no modelo.

O Photoshop usa sinais nos arquivos de modelo HTML para definir um estilo padrão de galeria de fotos na Web. Ele usa esses sinais para gerar uma galeria com base na entrada do usuário na caixa de diálogo Galeria de Fotos na Web.

Ao personalizar ou criar um estilo de galeria, é possível adicionar sinais a qualquer arquivo de modelo HTML, exceto %THUMBNAILS% e %THUMBNAILSROWS%, que só podem aparecer no arquivo IndexPage.htm. Ao adicionar um sinal, lembre-se de que talvez seja necessário adicionar também códigos HTML ao arquivo para que o sinal seja usado corretamente.

Os seguintes sinais podem ser usados nos arquivos de modelo HTML:

%ALINK%

Determina a cor dos links ativos.

%ALT%

Determina o nome de um arquivo de imagem.

%ANCHOR%

Permite voltar para a miniatura da imagem que o usuário está visualizando, em vez de voltar para o início do índice. Isso tem efeito quando o usuário clica no botão Home.

%BANNERCOLOR%

Determina a cor do banner.

%BANNERFONT%

Determina a fonte do texto do banner.

%BANNERFONTSIZE%

Determina o tamanho da fonte do texto do banner.

%BGCOLOR%

Determina a cor do plano de fundo.

%CAPTIONFONT%

Determina a fonte da legenda que aparece abaixo de cada miniatura na página inicial.

%CAPTIONFONTSIZE%

Determina o tamanho da fonte da legenda.

%CAPTIONTITLE%

Insere o título do documento em uma legenda a partir das informações do arquivo.

%CHARSET%

Determina o conjunto de caracteres usado em cada página.

%CONTACTINFO%

Determina as informações do contato da galeria, como número de telefone e localização.

%CONTENT_GENRATOR%

Expande para “Galeria de Fotos na Web do Adobe Photoshop CS5”.

%COPYRIGHT%

Insere as informações de copyright em uma legenda a partir das informações do arquivo.

%CREDITS%

Insere os créditos de uma legenda a partir das informações do arquivo.

%CURRENTINDEX%

Determina o link para a página inicial atual.

%CURRENTINDEXANCHOR%

Reside no arquivo SubPage.htm e aponta para a primeira página do índice.

%DATE%

Determina a data que aparece no banner.

%EMAIL%

Determina o endereço de email de contato da galeria.

%FILEINFO%

Determina as informações do arquivo de imagem para uma legenda.

%FILENAME%

Determina o nome de arquivo de uma imagem. Use esse sinal para metadados que aparecem como texto HTML.

%FILENAME_URL%

Determina o nome de arquivo URL de uma imagem. Use apenas para nomes de arquivo URL.

%FIRSTPAGE%

Determina o link para a primeira página da galeria que aparece no quadro à direita de um conjunto de quadros.

%FRAMEINDEX%

Determina o link para a página inicial que aparece no quadro à esquerda de um conjunto de quadros.

%HEADER%

Determina o título da galeria.

%IMAGEBORDER%

Determina o tamanho da borda da imagem em tamanho normal em uma página da galeria.

%IMAGE_HEIGHT%

Ativa a caixa de seleção Adicionar atributos de largura e altura para imagens. Permite que o usuário faça download dos atributos, reduzindo o tempo gasto.

%IMAGE_HEIGHT_NUMBER%

Esse sinal é substituído por um numeral (apenas) que representa a largura da imagem.

%IMAGEPAGE%

Determina o link para uma página da galeria.

%IMAGE_SIZE%

Se a caixa Redimensionar Imagens estiver selecionada, esse sinal terá o valor de pixel da imagem usado no painel Imagens Grandes. Se a caixa não estiver selecionada, esse sinal conterá uma sequência vazia. Isso é útil para JavaScript nos modelos, pois pode mostrar os valores máximos de altura e largura de todas as imagens do site gerado.

%IMAGESRC%

Determina o URL para uma imagem em tamanho normal em uma página da galeria.

%IMAGE_WIDTH%

Ativa a caixa de seleção Adicionar atributos de largura e altura para imagens. Permite que o usuário faça download dos atributos, reduzindo o tempo gasto.

%IMAGE_WIDTH_NUMBER%

Esse sinal é substituído por um numeral (apenas) que representa a largura da imagem.

%LINK%

Determina a cor dos links.

%NEXTIMAGE%

Determina o link para a próxima página da galeria.

%NEXTIMAGE _CIRCULAR%

Define o link da imagem de visualização grande para a próxima imagem de visualização grande.

%NEXTINDEX%

Determina o link para a próxima página.

%NUMERICLINKS%

Insere links numerados em subpáginas para todas as imagens de visualização grande.

%PAGE%

Determina o local da página atual (por exemplo, página 1 de 3).

%PHOTOGRAPHER%

Determina o nome da pessoa ou organização que está recebendo créditos pelas fotos da galeria.

%PREVIMAGE%

Determina o link para a página anterior da galeria.

%PREVINDEX%

Determina o link para a página anterior.

%SUBPAGEHEADER%

Determina o título da galeria.

%SUBPAGETITLE%

Determina o título da galeria.

%TEXT%

Determina a cor do texto.

%THUMBBORDER%

Determina o tamanho das bordas da miniatura.

%THUMBNAIL_HEIGHT%

Ativa a caixa de seleção Adicionar atributos de largura e altura para imagens. Permite que o usuário faça download dos atributos, reduzindo o tempo gasto.

%THUMBNAIL_HEIGHT_NUMBER%

Esse sinal é substituído por um numeral (apenas) que representa a altura da miniatura.

%THUMBNAILS%

Esse sinal é substituído pelas miniaturas utilizando o arquivo Thumbnail.htm para os estilos de quadros. É necessário posicionar esse sinal sozinho em uma única linha, sem quebras, no arquivo HTML.

%THUMBNAIL_SIZE%

Contém o valor de pixels da miniatura no painel Miniaturas. Isso é útil para JavaScript nos modelos, pois pode mostrar os valores máximos de altura e largura de todas as miniaturas do site gerado.

%THUMBNAILSRC%

Determina o link para uma miniatura.

%THUMBNAILSROWS%

Esse sinal é substituído pelas linhas de miniaturas utilizando o arquivo Thumbnail.htm para os estilos que não são quadros. É necessário posicionar esse sinal sozinho em uma única linha, sem quebras, no arquivo HTML.

%THUMBNAIL_WIDTH%

Ativa a caixa de seleção Adicionar atributos de largura e altura para imagens. Permite que o usuário faça download dos atributos, reduzindo o tempo gasto.

%THUMBNAIL_WIDTH_NUMBER%

Esse sinal é substituído por um numeral (apenas) que representa a largura da miniatura.

%TITLE%

Determina o título da galeria.

%VLINK%

Determina a cor dos links visitados.

 Adobe

Receba ajuda com mais rapidez e facilidade

Novo usuário?