laura-lopes.com

web & design

  • Home
  • Contato
  • Laura Lopes
  • Portfolio

Arquivo de April, 2006

Fotografia: Diafragma e Obturador

Sunday, April 30th, 2006

Finalmente eu comprei uma câmera digital de verdade. A minha antiga e esquizofrênica Aiptek não era nem considerada uma câmera, era um aparelho de mp3 que tirava, às vezes, algumas fotos.

Agora eu tenho uma câmera que tem regulagem manual, de diafragma, obturador e foco. É muito bom para fazer fotos personalizadas. Mas como saber qual é a configuração ideal?

Bem, não existe uma fórmula pronta. Tudo depende de quanto voê conhece a câmera e de que efeito vai querer dar a sua fotografia. Por isso vou explicar o que é o obturador e o diafragma de uma câmera e quais suas possibilidades, de maneira concisa.

Obturador

O obturador é o elemento que controla por quanto tempo a luz passará pelo diafragma. O uso de baixas velocidades podem deixar as fotos levemente ou muito borradas. Em altas velocidades é o contrário: a imagem tende a ficar congelada e portanto nítida.

obturador.jpg

Aberto: longa exposição, maior intensidade de luz

… 1- -1/2- -1/4- -1/8- -1/15- -1/30- -1/60- -1/125- -1/250- -1/500- -1/1000 seg. …

Fechado: rápida exposição, menor intensidade de luz

Diafragma

O diafragma é a parte da câmara que regula a quantidade de luz que passa através da lente. O valor do número f é o resultado da divisão da distância focal da lente pelo valor do diâmetro do orifício do diafragma.

diafragma.jpg

Fechado: orifício estreito, menor intensidade de luz

… f/32- -f/22- -f/16- -f/11- -f/8- -f/5.6- -f/4- -f/2.8- -f/2- -f/1.4- -f/1 …

Aberto: orifício largo, maior intensidade de luz

 

ISO (Sensibilidade do filme)

 

filme menos sensível, menor granularidade

… ISO 50; 64; 80; 100; 125; 160; 200; 250; 320; 400; 500; 640; 800; 1000; 1250; 1600; 2000; 2500; 3200 …

filme mais sensível, maior granularidade

Para aprender a fotografar e saber qual é o número ideal, é preciso sair para a rua e praticar. Erramos muito até acertar. Pelo menos, hoje, não é preciso gastar em filmes e revelação. Mas, mesmo assim, antes de descartar uma fotografia, passe-a para o computador. O que vemos na telinha da câmera nem sempre é o resultado final. A redução do tamanho pode enganar. Fotos que achamos que ficaram ótimas podem ter ficado ruins.

Categoria: Fotografia | 2 Comments »

Sistemas de cores CMYK e RGB

Friday, April 28th, 2006

Uma noção trivial para publicitários e designers, os sistemas de cores podem assustar quem está começando na área. Neste post vou tratar as principais diferenças entre CMYK e RGB.

RGB
Red Green Blue
(Vermelho, Verde, Azul)

20060428_rgb.gif

Este é o sistema de cores usado pelos monitores de computadores, câmeras digitais, scanners e afins. É um sistema de cor luz, ou seja, que emite informações de luz em três níveis, formando preto (nenhuma luz) ou branco (máxima iluminação) ou tonalidades de cor baseado em quanto se tem de vermelho, verde ou azul.

Cada uma das tonalidades do RGB variam de 0 a 255. Quanto mais próximo do zero, mais escuro, ou seja, menos luz. Quanto mais próximo do 255, mais claro, mais luz.

Exemplos:

R 000 G 000 B 000 = preto
R 255 G 255 B 255 = branco
R 255 G 000 B 000 = vermelho
R 000 G 255 B 000 = verde
R 000 G 000 B 255 = azul

As cores que escolhemos para web são formadas com o sistema RGB, a diferença é que usamos o sistema em hexadecimal. Cada cor é formada por 6 dígitos ou letras. As duas primeiras para o R, as do meio para o G e as duas últimas para o B. Variam de 0 a 9 e de A a F. Quanto mais próximo de zero, menos intensidade de luz e quanto mais próximo de F, mais iluminação.

Exemplos:

#000000 = preto
#FFFFFF = branco
#FF0000 = vermelho
#00FF00 = verde
#0000FF = azul

CMYK
Cyan Magenta Yellow blacK
(Ciano, Magenta, Amarelo, Preto)

20060428_cmyk.gif

CMYK é a cor formada por pigmentos. É o sistema usado para a impressão. Como a base da impressão é o papel, o fundo geralmente já é branco e a medida que vamos adicionando tinta, vamos escurecendo a impressão. Cada uma das cores pode variar de 0 a 100%. No CMYK temos um processo inverso, quanto mais próximo do 100, mais pigmento existirá na impressão e mais forte será a cor. Então quanto menos porcentagem, menos cor, menos pigmento. Quanto mais pigmento, mais escuro.

C 000 M 000 Y 000 K 000 = branco
C 100 M 000 Y 000 K 000 = ciano
C 000 M 100 Y 000 K 000 = magenta
C 000 M 000 Y 100 K 000 = amarelo
C 000 M 000 Y 000 K 100 = preto

Como a mistura dos três pigmentos, CMY, não forma o preto puro, foi acrescentada a cor preta para dar um bom acabamento às impressões. Quem já fez mistura de tintas quando era criança, deve lembrar bem que, após misturar todas as cores dos potinhos de tinta guache, o resultado era uma cor marrom escura.

O RGB, como é visto através de iluminação tende a ser brilhoso, já CMYK tende a possuir menor brilho. Estes efeitos podem ser alcançados usando um papel brilhoso ou uma aplicação de verniz sobre a impressão. Não vou entrar em detalhes sobre estes processos agora.

A sugestão que eu deixo é: trabalhe sempre em RGB no seu computador. Isso porque as imagens que usamos são captadas no sistema RGB. Quando terminar o layout, transforme em CMYK e observe o resultado. Faça os ajustes necessários. Depois, salve o arquivo como um TIFF e mande para a gráfica.

Categoria: Design | 2 Comments »

Salvando páginas web em PDF

Wednesday, April 26th, 2006

Eu tive meu primeiro contato com a Internet em novembro de 1995. Tudo era muito lento e muito feio. Um mês depois, no meu aniversário, recebi um cartão muito fofinho. Eu quis guardar e não sabia como. Mandei um e-mail para o serviço que foi usado para me enviar o cartão e eles me disseram que era só clicar com o botão direito e escolher “salvar como”. Mas isso salvava só a foto e não página inteira com os dizeres que acompanhavam o cartão.

Foi nesse dia que eu resolvi que ia aprender HTML para salvar a página inteira. Notem que naquela época não existia o botão milagroso “salvar página da web COMPLETA”. Eu precisei salvar o HTML e a imagem. E ainda tive que editar o caminho da imagem para que ela apontasse para o meu computador e não para o endereço da web.

Desde então, web tem sido minha paixão.

Hoje, com os sistemas de segurança ficando cada vez mais sofisticados, a opção Arquivo > Salvar como > Página da Web, completa não anda mais funcionando como antes. Principalmente com as páginas de Internet Banking. Estas são as que ficam em pior estado. E haja conhecimento em HTML, PHP, ASP, .NET para corrigir a bagunça.

Então eu decidi trocar a maneira como salvo as páginas web que visito.

Configurei meu navegador para imprimir as páginas com cores e com o fundo e, ao invés de mandar para a impressora, pois não gosto de acumular papel, mando imprimir em um arquivo PDF. É perfeito, ele é econômico em espaço, fica bonito, é fácil de catalogar e assim eu não preciso mais usar o Word para colar as páginas que eu quero. Aliás, este foi o segundo motivo. Como o pacote Microsoft Office é muito caro, optei por usar o Open Office, só que o Writer dele não é muito bom para salvar páginas da Internet.

Toda essa introdução para explicar porque eu mudei a forma de guardar os arquivos da web!

Vamos agora partir para a configuração:

Primeiro você vai precisar de um programa que seja capaz de gerar arquivos em PDF. Pode ser o Adobe Acrobat, o CutePDF, entre outros. Eu uso o PDF 995 que é gratuito. Clique no link e vá até a seção downloads. Os instaladores vêm separados e será preciso executar os três arquivos (Pdf995 Printer Driver, Free Converter, pdfEdit995).

Baixe os três e execute nesta ordem:

Pdf995 Printer Driver (Version 7.7s*)
Free Converter (Version 1.1)
pdfEdit995 (Version 7.7)

Pronto, agora você já tem uma “impressora” e um editor de arquivos PDF. Se você não tem uma impressora jato de tinta, laser, etc, a PDF será automaticamente colocada como impressora padrão. Se você salva mais arquivos do que imprime, vale a pena trocar a PDF para a padrão (Menu Iniciar > Impressoras e aparelhos de fax. Clique com o botão direito em PDF e escolha: Definir como impressora padrão).

Agora vamos configurar o seu navegador para imprimir a página do modo como a vemos.

No Internet Explorer, vá em Ferramentas > Opções da Internet. Marque a opção Imprimir cores e imagens do plano de fundo, conforme a figura:

Internet Explorer - imprimir com cores e fundo

No Firefox, quando você for imprimir, vá sempre em Visualizar a Impressão primeiro. Lá, clique em Configurar Página e, na aba Geral, marque a opção Imprimir cores e imagens do plano de fundo.

Firefox - imprimir com cores e fundo

Agora é só salvar e escolher PDF como impressora.

Imprimir PDF995

Ele vai abrir uma janela e pedir para que você escolha a pasta aonde vai salvar o arquivo e também vai pedir que você dê um nome ao arquivo que está sendo salvo.

Salvar Como

Uma janela de progresso vai abrir. Você vai precisar clicar no botão da direita para que ele feche a janela com os patrocinadores. A geração do arquivo pode demorar um pouco.

Gerando arquivo PDF

Quando ele terminar, o seu leitor de PDF, que pode ser o Adobe Reader, vai abrir e você vai poder conferir se o arquivo ficou do seu agrado!

Visualização do Resultado

Categoria: Geral | 4 Comments »

Imagens em nova janela no Dreamweaver

Tuesday, April 25th, 2006

Dúvida:

Quero fazer um link, onde eu clico no nome de um produto, por exemplo, e ele abre em uma nova janela a foto desse produto. Só que gostaria que nessa janela aparecesse apenas o produto, e quando faço aqui aparece todos os menus.

Solução:

No Dreamweaver 8 (e no MX 2004) existe a janela de Behaviors. Você pode acessá-la através do menu Window > Behaviors.

Crie uma página html.

Faça um link.

Fazendo Link
Clique na imagem para aumentar.

Não coloque o endereço direto para a foto que quer abrir, preencha o local do link com o caracter: #

Selecione o texto do link, como mostra a primeira figura.

Vá no painel de Behavior e escolha Open Browser Window.

Behavior

Quando a janela abrir, configure com os dados da imagem que você deseja abrir em uma nova janela.

Open Browser Window

Não marque nenhuma das opções, assim os menus e botões não irão aparecer na nova janela.

No painel de Behaviors, troque a opção que vem marcada para onClick.

onClick

Isso fará que a janela abra somente quando a pessoa clicar no link.

Para cada imagem, repita o procedimento.

Clique aqui (com o botão direito e escolha salvar como) para fazer download de um exemplo em html de uma imagem que é aberta pelo link. Clique aqui (também com o botão direito) para fazer download da imagem.

Esse processo é feito através de javascript, portanto, o código javascript deve permanecer no arquivo html para que o efeito funcione!

Categoria: Webdesign | 2 Comments »




  •  

  • Categorias

    • Arte (5)
    • Design (22)
    • Diversão (16)
    • Fotografia (11)
    • Geral (41)
    • Internet (4)
    • Pessoal (3)
    • Photoshop (13)
    • Programação (1)
    • Propaganda (13)
    • Sistema Operacional (1)
    • Software Livre (5)
    • Webdesign (13)
  • Calendário

    April 2006
    M T W T F S S
        May »
     12
    3456789
    10111213141516
    17181920212223
    24252627282930
  • Tags

    ótica 960 blog busca celular comentário comercial cor cores criação css Design div flash flickr fotos grid host humor ilusão Internet iphone layout livros online precedência Propaganda publicidade size software Software Livre stock photos tableless tamanho tinta transparência tutorial usabilidade vídeo web web 2.0 Webdesign webstandards xhtml zh digital
  • Recent Posts

    • Mais um orkuticídio
    • Gênio?
    • Portabilidade numérica
    • URL curta ou longa?
    • Dia Mundial da Usabilidade
  • Recent Comments

    • roger on O que eu estou ouvindo no MSN
    • George Marques on Mais um orkuticídio
    • laura-lopes.com » Arquivo do Blog » Mais um orkuticídio on Contato
    • Tárcio Zemel on Como usar float em CSS
    • Laura Lopes on Como usar float em CSS
  • Categories

    • Arte
    • Design
    • Diversão
    • Fotografia
    • Geral
    • Internet
    • Pessoal
    • Photoshop
    • Programação
    • Propaganda
    • Sistema Operacional
    • Software Livre
    • Webdesign
  • Amigos

    • Aishameriane
    • Bruna Antunes
    • Carlos Rocca
    • Fernanda Lobato
    • Priscilla Kurtz
    • Tiago Hackbarth
  • Blogroll

    • Akai Design
    • Cris Dias
    • Garota DPI
    • Widoníd Another Hiro
    • Zel
  • DIY

    • A Ervilha Cor de Rosa
    • A Little Hut
    • Bloesem
    • How About Orange
    • Not Martha
    • Superziper
  • System

    • Development Blog
    • Documentation
    • DreamHost Blog
    • Plugins
    • Suggest Ideas
    • Support Forum
    • Themes
    • WordPress Planet
  • Archives

    • November 2008
    • October 2008
    • September 2008
    • August 2008
    • July 2008
    • February 2008
    • January 2008
    • December 2007
    • November 2007
    • October 2007
    • September 2007
    • August 2007
    • July 2007
    • June 2007
    • May 2007
    • April 2007
    • March 2007
    • February 2007
    • January 2007
    • December 2006
    • November 2006
    • October 2006
    • September 2006
    • August 2006
    • July 2006
    • June 2006
    • May 2006
    • April 2006
  • Meta

    • Log in
    • Entries RSS
    • Comments RSS
    • WordPress.org

Copyright © 2008 - laura-lopes.com | Feeds (RSS) | Comentários (RSS)