iMasters | Por uma internet mais criativa e dinâmica

Sexta-feira, 19/11/2004 - 13:40 - Por Fabio Lody
Seções relacionadas:

• Photoshop

• Imprimir
• Indicar
• Digg it
• Del.icio.us
• Twitter
• 10 comentários

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!

Todos os artigos de Fabio Lody

16/07/2008 - Manipulando o fogo com o Photoshop 06/06/2008 - Desenhando um iPhone pelo Photoshop CS3 - Conclusão 20/03/2008 - Desenhando um iPhone pelo Photoshop CS3 - Parte 02 28/01/2008 - Desenhando um iPhone pelo Photoshop CS3 - Parte 01 27/11/2007 - Illustrator + Photoshop CS3 13/09/2007 - Atualização - Truques para Tratamento de Imagens 12/09/2007 - Atualização: Truques para tratamento de imagens 02/07/2007 - Monitores LCD, configurações e impressão 03/04/2007 - Trabalhando com Actions 19/01/2007 - Workspace e Smart Objects 06/12/2006 - Novas técnicas para pincéis e Layer Comps 16/10/2006 - Conhecendo a Color Swatches 18/08/2006 - Manipulação e tratamento de foto profissional 24/07/2006 - Explorando o Adobe Bridge 14/06/2006 - Bandeira Brasileira 23/05/2006 - Lunatic Art 26/04/2006 - Quebra cabeça 28/03/2006 - Jumping Out 15/03/2006 - Tornando as pessoas invisíveis 22/02/2006 - Box 3D 24/01/2006 - Efeito CD-ROM 09/01/2006 - Reflexo 20/12/2005 - Feliz Natal! 08/12/2005 - Post it 21/11/2005 - Bordas arredondadas 03/11/2005 - Scripts para Photoshop 06/10/2005 - Dicas e dúvidas 22/09/2005 - Jogando água no Photoshop 06/09/2005 - Criando estilos - Parte 02 01/08/2005 - Back Fire 04/07/2005 - Dicas para criação web no Photoshop 15/06/2005 - Web no Photoshop - Parte Final 31/05/2005 - Web no Photoshop - Parte 03 (Com Galeria) 18/05/2005 - Web no Photoshop - Parte 02 05/05/2005 - Web no Photoshop - Parte 01 18/04/2005 - Arte abstrata - Parte 03 30/03/2005 - Criando Luz Neon - II 14/03/2005 - Criando Luz Neon 02/03/2005 - Criando Estilos 18/02/2005 - Criando shapes 04/02/2005 - Olhos vermelhos e galeria de imagens 27/01/2005 - Abstract Art - Parte 02 26/01/2005 - Texto Grunge - Atualização 14/01/2005 - Abstract Art - Parte 01 06/01/2005 - Entrando no mundo Hitech 22/12/2004 - Enfeite de natal 10/12/2004 - Trabalhando com Fotos 30/11/2004 - Buraco negro 19/11/2004 - Galeria de imagens 10/11/2004 - Cabelos rebeldes - Parte 02 27/10/2004 - Trabalhando com garrafas no Illustrator 26/10/2004 - Papel envelhecido 15/10/2004 - Fundo abstrato - Parte 02 08/10/2004 - Fundo abstrato 30/09/2004 - Half Tone em Texto 23/09/2004 - Efeito Gel 15/09/2004 - Texto Grunge 10/09/2004 - Preparando o Photoshop para web - Final 03/09/2004 - Preparando o Photoshop para web - Parte 03 27/08/2004 - Preparando o Photoshop para web - Parte 02 19/08/2004 - Preparando o Photoshop para web 13/08/2004 - Os blends do Photoshop 04/08/2004 - Gotas em lata de refrigerante 29/07/2004 - Banners - Adobe ImageReady 21/07/2004 - Banners - Parte 02 13/07/2004 - Banners 07/07/2004 - Pixel Art 3D - Atualização 01/07/2004 - Integração e movimentos com o Image Ready - Atualização 28/06/2004 - Efeitos de luz 18/06/2004 - Cabelos rebeldes 08/06/2004 - Especial - Dia dos Namorados 25/05/2004 - Criando uma bola de vidro e trabalhando com relfexo 11/05/2004 - Trabalhando com pedras 27/04/2004 - Trabalhando com madeira 13/04/2004 - Preparando o Photoshop para impressão 29/03/2004 - Integração e movimentos com o Image Ready 15/03/2004 - Perfis de monitores ICC 01/03/2004 - Tratamento de Fotos 16/02/2004 - Máscaras e canais 03/02/2004 - Criando Curvas 22/01/2004 - Pixel Art 3D 12/01/2004 - Pixel Art 31/12/2003 - Congele sua vida 12/12/2003 - Brincando com fogo 04/12/2003 - Adobe Creative Suite: o novo Photoshop CS 25/11/2003 - Recuperando Ferramenta Pincel (Healing Brush Tool) 13/11/2003 - Colorização de Fotos 31/10/2003 - Efeito metálico 21/10/2003 - Efeito Fundo Abstrato 07/10/2003 - Carimbo ou Processamento em Lote 17/09/2003 - Scan Line (Efeito TV) 02/09/2003 - Pen Tool 22/08/2003 - Pincel Brush - Parte 02 04/08/2003 - Pincel Brush 16/07/2003 - Efeitos de fundo 30/06/2003 - Efeitos para banners 17/06/2003 - Efeito máscara (Fade IN) 10/06/2003 - Rádio - 3º Parte 27/05/2003 - Splash Texture 13/05/2003 - Efeito Matrix 05/05/2003 - Textura Aço 25/04/2003 - Texturas 14/04/2003 - Blue Steel 07/04/2003 - Alien Style 29/03/2003 - Textos cromados 14/03/2003 - Botões de plástico ou gel 11/03/2003 - Agora usando a ferramenta Liquify 28/02/2003 - Fatiamento de Imagens 20/02/2003 - Teclas de atalho do Photoshop 06/02/2003 - Efeitos de texto 20/01/2003 - Rádio - 2ª parte 08/01/2003 - Rádio 18/12/2002 - Efeito de luzes

10 comentários publicados

• 1. nasintoca.NET

  Sexta-feira, 19/11/2004, por Matheus Lima Vital

  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!!!!!!!!!!!!!!

  Responder comentário

• 2.

  Domingo, 21/11/2004, por Pablo da Silva Lopes

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

  Responder comentário

• 3. Ve isso..

  Domingo, 21/11/2004, por Bruno Rafael A. dos Santos
  Responder comentário

• 4. Ve isso..

  Domingo, 21/11/2004, por Bruno Rafael A. dos Santos

  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 :)

  Responder comentário

• 5. Desafio ao Fabio

  Terça-feira, 23/11/2004, por Osvaldo Neto

  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.

  Responder comentário

• 6. Galeria de fotos

  Domingo, 28/11/2004, por wesley francisco soares fernan

  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.

  Responder comentário

• 7. Duvidinha

  Terça-feira, 30/11/2004, por henderson

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

  Responder comentário

• 8. DÚVIDA

  Segunda-feira, 27/12/2004, por LUIZ VERGILIO RAMOS DINIZ

  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.

  Responder comentário

• 9. Comentários tipo Fotolog?

  Terça-feira, 04/01/2005, por Dehu
  Responder comentário

• 10. photoshop galeiria fotos na web

  Domingo, 22/01/2006, por Alexandre Walker Ribeiro

  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

  Responder comentário

Poste um comentário

(clique se não for cadastrado)

Login: Senha: Titulo: digite aqui seu comentário Site/blog: Enviar Receber notificação de novos comentários

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).

Indique para um amigo

Escreva aqui sua mensagem! ok

Tags relacionadas

gerência windows youtube mobile apple mercado google iphone design ti linux tecnologia publicidade desenvolvimento microsoft brasil photoshop seguranca web celular crescimento internet php 3g lançamento yahoo

TI SHOP Produtos iMasters

• Lançamento: CD-ROM Treinamento Aplicado de SQL - Lançamento! Treinamento Aplicado de SQL - Aprenda a trabalhar com SQL com bancos de dados Oracle e SQL Server. São mais de 100 tópicos explicados por Mauro Pichilliani, um articulistas mais lidos do iMasters. Aproveite! Apenas R$ 69,90 no TI SHOP.
• Lançamento: Livro iMasters "O Encontro de 2 Mundos"- Este livro conta com 56 crônicas de profissionais mais admirados e influentes do mercado brasileiro de Internet. Aproveite o preço especial para leitores do iMasters. Apenas R$ 40,00 e envio imediato!
• DVD Curso Completo de Photoshop - Do conceito à finalização Lançamento! Curso Completo de Photoshop, em DVD, com mais de 230 aulas dividas em 4 módulos: conceito, básico, avançado e finalização. Apenas R$ 69,50 no TI SHOP - Frete com 50% de desconto
• DVD Javascript Starter - Curso Completo Com mais de 9 horas de vídeo-aulas, é um curso completo sobre Javascript. Ideal para quem deseja aprender a linguagem. Apenas R$ 64,90 no TI SHOP - Frete com 50% de desconto!