Sexta-feira, 19 de novembro de 2004 às 13h40

Galeria de imagens

Faltam -1 dias! Inscreva-se agora! O maior encontro de profissionais web da américa latina.

Grandes amigos!

Depois de alguns meses de trabalho, é com enorme prazer que digo que foi lançado nosso CD-ROM de Photoshop aqui no iMasters. Tentei reuni tudo que tenho de melhor nestes anos, como milhares de fontes, plugins, actions, brushes, shapes, dentre outros. Além de todas as minhas matérias publicadas no iMasters e algumas outras exclusivas para o CD-ROM.

Mas o que eu achei mais interessante foi poder colocar no CD todos os meus PSDs ao longo da coluna Photoshop do iMasters. Isso mesmo, todos os "codigos fontes" das matérias.

Para maiores informações, visite o site www.imasters.com.br/cdps.

Caso haja qualquer dúvida a respeito, me procurem por e-mail ou, até mesmo, pela minha comunidade no Orkut (Amigos do Fabio Lody).

Outra coisa, estou reservando matérias especiais exclusivamente para sanar dúvidas de leitores como por exemplo definições de imagem, diferenças entre RGB e CMKY, pixels, vetor, traduções, etc...Entã, mandem-me questões sobre estes assuntos que postarei aqui suas respostas. ok?

Bom, agora vamos lá! Hoje decidi escrever sobre a Galeria de Imagens do Photoshop.

Galeria de Imagens no Photoshop

Descrição: Galeria criada no Photoshop
Software ultilizado: Photoshop 7,0 em ingles
Grau de Dificuldade: 1,5
Ao som de: Remy Zero - Save Me

1º Passo: Vá em Arquivo (File) > Automatizar (Automate) > Galeria de Fotos na Web (Web Photo Galery)

Estilo: Como será montada a galeria;
Email: E-mail do autor;
Extensão: A extensão do arquivo criado;
Diretórios: Local da pasta com as fotos;
Destino: Local onde serão salvas as fotos;
Opções: São opções para alterarmos as propriedades de nossa galeria, tais como:
Banner, Tamanho da Imagem, Galeria de Imagens, Cores e Segurança.

2º Passo: Em Folders, clique em Browse. Em seguida, selecione a pasta com as imagens que você deseja exibir na galeria e clique em OK.

Selecione "Incluir Todos os Subdiretórios" para incluir imagens dentro de qualquer subpasta da pasta selecionada.

3º Passo: Clique em Destino. Em seguida, selecione a pasta em que irá colocar as imagens e as páginas HTML para a sua galeria e clique em OK

.

4º Passo: Em Option, escolha um estilo para a galeria. Uma visualização da página para o estilo escolhido aparecerá na caixa de dialogo.

5º Passo: Após alguns segundos aguardados todas as fotos serão abertas e ajustadas automaticamente pelo Photoshop. Em seguida se abrirá a página com sua galeria pronta.

Claro que, caso queira alterar as definições de indentificação, veja abaixo algumas das propriedades.

Nome do Site: O título da galeria;
Fotografo: O nome da pessoa ou empresa responsável pelos créditos;
Data: A data que será mostrada (padrão Photoshop é a data atual);
Fonte e Tamanho da fonte: Será a formatação do texto na apresentação.

Caso queira escolher "Galeria de Imagens", escolha no menu.

Tamanho da Borda: insira a largura em pixels da borda da imagem.

Para escolher as opções para a página, escolha "Miniaturas da Galeria" no menu "Opções" e em seguida altere como abaixo:

Em Legenda, selecione "Utilizar Nome do Arquivo" para exibir o nome do arquivo sob cada miniatura.

Selecione Usar Legenda de Informações do Arquivo para exibir o texto da legenda da caixa de diálogo "Informações do Arquivo" sob cada miniatura e em cada página de galeria.

Em Fonte e Tamanho da Fonte, escolha as opções para o texto da miniatura.

Em Tamanho, escolha uma opção para o tamanho da miniatura no menu pop-up, ou insira um valor em pixels para a pargura de cada miniatura.

Em Colunas e Linhas, insira o número de colunas e linhas que deseja utilizar para exibir as miniaturas na página. Essa opção não se aplica a galerias que utilizam o Quadro Horizontal ou Quadro Vertical em Estilos.

Em Tamanho da Borda, insira a largura em pixels da borda ao redor de cada miniatura.

Para definir as opções para as cores dos elementos na galeria, escolha Cores Personalizadas no menu pop-up Opções. Para alterar a cor de um elemento específicos, clique em sua amostra de cores e, em seguida, selecione uma nova cor utilizando o Seletor de Cores.

A opção Plano de Fundo permite alterar a cor do plano de fundo de cada página. A opção identificação permite alterar a cor do plano de fundo de identificação.

Bom, seu Adobe Photoshop criou os seguintes arquivos HTML e JPG na pasta de destino:

Imagens JPEG dentro de uma subpasta de imagens.
Páginas HTML dentro de uma subpasta de páginas
Imagens JPEG em miniaturas dentro de uma subpasta de miniaturas.

Galera, semana que vem falarei mais a respeito de galerias e irei sanar as dúvidas por email, ok?

Abraço a todos!

11 comentários

 Matheus Lima Vital
19/11/2004 18h52

nasintoca.NET

Esse lance de galeria de fotos é muito bom para os saites de eventos. Tudo que precisamos para ter agilidade nas atualizações da vida. Parabéns cara, e, sucesso cada vez mais!!!!!!!!!!!!!!

 Pablo da Silva Lopes
21/11/2004 17h27

Nossa , bem legal .....nem sabia q dava pra fazer isso no PS

 Bruno Rafael A. dos Santos
21/11/2004 18h21

Ve isso..

 Bruno Rafael A. dos Santos
21/11/2004 18h25

Ve isso..

cara.. eu sou webdesgner .. nao uso photoshop, mas me interresei muito pelo PS CS ! Atualmente faço meus logotipos so por diversao no Fireworks, tbm manjo de DW. Arrumei uns efeitos para PS, que esses que vc faz fica fraco perto deles... muito manero vale a pena conferir... me manda um e-mail ai a gente se fala mas. vitorkruger@terra.com.br se vai curti e te ajuda bastante :)

 Osvaldo Neto
23/11/2004 22h15

Desafio ao Fabio

acompanho sua coluna diariamente. Tudo que sei é em sua coluna. Mas hoje eu venho lhe fazer um desafio. Na coluna de Desenho ventorial, há uma publicação com o título ROTOSCOPIA. As fotos editadas foram feitas no Corel, mas como não sou um usuário que goste muito de "Balões", proponho uma materia sobre a mesma materia feita pela Erika (Não querendo desfazer do "Balão"). O desafio esta lançado. Um abraço, Gilson.

 wesley francisco soares fernan
28/11/2004 21h59

Galeria de fotos

Eu fiz todo o procedimento o Photoshop gerou tudo ai eu coloquei todas as pastas por ele criadas no servidor de hospedagem e qndo acessei o site as figuras nao estava la somente um x de erro, o pode ter acontecido. Nomeu micro local deu certinho.

 henderson
30/11/2004 18h00

Duvidinha

cara pra por comentario tipo fotolog como que eu faco ??

 LUIZ VERGILIO RAMOS DINIZ
27/12/2004 11h21

DÚVIDA

Eu fiz todo procedimento e subi todos os arquivos para meu servidor, e na hora de abrir as fotos e as miniaturas estavam com um x. No meu pc as fotos e as miniaturas abriram normal.

 Diego Fávero
04/01/2005 18h01

Comentários tipo Fotolog?

 Alexandre Walker Ribeiro
22/01/2006 10h22

photoshop galeiria fotos na web

observei o procedimento e fiz tudo correto. no cp tudo funciona, entretanto quando enviei a pasta para o servidor, ao inves das imagens aparecem "z". o que fazer

 Fernando José Silva Costa
03/04/2009 09h43

Web Photo Gallery 2

gostaria de saber se tem como colocar um link para voltar à página inicial na web photo gallery II?
Help!!! S.O.S!!! Please!!!

Cancelar resposta

Qual a sua opinião?

Faça login abaixo ou cadastre-se rapidamente.


Sobre o Autor
Fabio Lody é um dos colunistas mais lidos do Brasil. Desenvolveu trabalhos para a Johnson&Johnson, Chevrolet, Kawasaki Motors, grupo SBT, Ethos, HopiHari entre outros pela Tribal Interativa. Foi instrutor da WOC (Centro de Treinamento Adobe) e já trabalhou nas áreas de produção de vários webstudios. Escreve para duas revistas de circulação nacional além de desenvolver layouts de cartões para uma empresa do japão. Foi aluno de Alexandre Wollner e há 9 anos trabalha como Designer Gráfico. Blog: (http://www.fabiolody.com.br).
InterCon 2009

2001 - iMasters FFPA Informática Ltda - Todos os direitos reservados.