Arquivo da categoria: Informática

Tudo sobre informática.

Galeria de fotos com o Photoshop


Descrição:
criar uma galeria de fotos na internet de forma rápida e fácil.

Programa utilizado: Adobe Photoshop CS3

—————————————————————————-

Antes de começar, insira as imagens que Você quer inserir na galeria dentro de uma pasta
única. Atenção: as imagens devem ser no formato JPG ou GIF.

Abra o Photoshop e escolha Arquivo> Automatizar> Galeria de Fotos na Web (File>
Automate> Web Photo Gallery).

Abrirá a seguinte janela:

Na caixa “styles” escolha o layout que mais te agrada.

(Opcional) Insira um endereço de e-mail que sirva como
contato.

Na caixa “Use” selecione “Folder”, e logo após pressione o
botão “browse”.

Na caixa aberta procure a pasta em que as imagens se
encontram.

Clique no botão “Destination” e selecione a pasta em que
deseja que a galeria seja salva.

Na caixa ”options” selecione “Banner”.

Insira texto em cada um destes campos:

Finalmente, dê OK.

Após alguns instantes o photoshop automaticamente abrirá a
pagina inicial da sua galeria.

O Photoshop insere os seguintes arquivos na pasta de
destino:

– localize a página inicial chamada index.htm e abra
esse arquivo em qualquer navegador da Web para visualizar sua galeria.

Sua galeria está pronta.

Efeito 3D em Textos


Revisado dia 28/01/2008.

Descrição: Como criar o efeito de letras em 3D em wireframe.

01. Pressione Ctrl+O para criar um novo documento e defina a cor de background como preta, pressione Ok, pressione a letra T do teclado para selecionar a Horizontal Type Tool e escreva a palavra que você queira aplicar o efeio, logo após clique com o botão direio sobre a layer do texto e escolha Rasterize Type.

02. Agora vá em Edit> Transform> Perspective e deixe sua palavra como a da foto abaixo, após aplicar o efeito duplique a layer pressionando Ctrl+J, desabilite a visibilidade da layer clicando no olho ao lado esquerdo da layer. Clique na layer abaixo(a layer da palavra) e pressione Ctrl+E para mesclar com a primeira camada de Background.

03. Agora vá em Filter> Blur> Motion Blur e defina Angle -20 e Distance 20 pixels.

04. Agora aplique Filter> Stylize> Find Edges. Logo após aplicar o filtro inverta as cores pressionando Ctrl+I.

05. Habilite novamente a visibilidade da layer copiada e defina a opacidade em 70%. Pressione a letra V do teclado para selecionar a Move Tool. Deixe o texto em frente ao efeito aplicado à camada abaixo. Copie esta layer pressionando Ctrl+J. Defina sua opacidade em 30% e coloque esta camada no fundo do seu efeito 3D.

Participe deixando seu comentário, dúvida, sugestão, ideias, exemplos ou simplesmente dizendo um “Olá!” na parte de comentários deste Post, sua participação é extremamente importante para o blog e também para todos os leitores que posteriormente terão acesso aos tutoriais e matérias que oferecemos por aqui.
Até a próxima!!

André Sugai
Fonte: http://www.tutoriaisphotoshop.net/2007/01/efeito-3d-em-letras.html

Montando Álbum de fotos em Php


Ola gente
sei que estou meio sumido mais estamos ai firme e forte e vou me organizar e assumir compromissos com os leitores
que sempre  dão  o bom ar da presença na coluna.
e toda semana dicas novas por aqui
Essa Máteria vai em especial ao “JAMAICA” sobre como montar um album de fotos em php

espero que a galera goste e claro com base nos comentarios podemos fazer a parte2 desse script

vamos a ação entao
espero que so os comentarios ajude vc a entende esse script


<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="pt-BR" lang="pt-BR">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>album de fotos rapido em php </title>
<meta name="resource-type" content="document" />
<meta http-equiv="pragma" content="no-cache" />
<script type="text/javascript" src="highslide/highslide.js"></script>
<script type="text/javascript">
hs.graphicsDir = 'highslide/graphics/';
window.onload = function() {
hs.preloadImages(5);
}
</script>
<style type="text/css">
@import "teu.css";
</style>
</head>
<body>
<div class="controle2">
<?
$album="album";
/*nome da pasta do meu album de fotos :)*/
$tudo=count($total = glob("$album/{*.jpg}", GLOB_BRACE));
/*de uma olhada na minha materia lendo e excluindo pastas */
/*aqui eu conto o total de fotos dentro da pasta indicada e pegou as fotos jpg
*/
$a=0;
while($a < $tudo) {
/*traduzindo enquanto o total de img for menor que o total que esta na pasta  eu
dou um giro pegando
a outra imagem
como vc deve ter reparado quando imagem tem um titulo e alt vc poder criar
variavel
garantido assim uma acesibilidade para sua imagem
eu usei uma unica img no tamanho maior = 450 x 338
mais vc pode trabalhar com tamanho maiores
editar o seu css e usar os modelos que tem dentro da pasta
highslidegraphicsoutlines
*/
?>
<a href="<?=$total[$a]?>" class="highslide" onclick="return hs.expand(this,
{captionId: 'caption<?=$a?>'})">
<img src="<?=$total[$a]?>" alt="<?=$album?>"
title="<?=$album?>" height="75" width="100" /></a>
<div class='highslide-caption' id='caption<?=$a?>'>
<p>Um texto legal aqui para fotos ou deixar em branco mesmo </p>
<? $a++; ?>
</div>
<?
}
?>
<div id="mensagem">
<p>Ser vc tive tempo de uma olhada no arquivo highslide.js</p>
<p>vc podera mexer em quase tudo dentro do js</p>
<p> ate escolhe outros modelos para seu album editar a tradução e colocar
conforme seu desejo </p>
<p>Visite  o site do autor dessa biblioteca tem mais coisa  legal</p>
<p>http://vikjavev.no/highslide/</p&gt;
<p>
</div>
</div>
</body>
</html>

Eu estou disponiblizado um exemplo que eu fiz num recente projeto , e claro que ninguem fique seduzindo pela  beleza do layuot mais avalie o efeito desse album
ver exemplo online

Agora a decisao e sua baixe o script e edite conforme seu desejo
um abraço a todos e comente sobre esse album
e nao esqueça sua sugestão de hoje pode ser sua materia de amanha

Um Abraço,
Henrique Guedes
Fonte: http://www.oficinadanet.com.br/artigo/462/montando_album_de_fotos_em_php___

F.E.A.R. 2: Project Origin – Game Demo


A sequência de F.E.A.R dá continuação à história original de suspense e supernatural de uma crise paranormal que ameaça destruir uma grande cidade americana. No centro da calamidade está a misteriiosa Alma, cuja raiva contra aqueles que a feriram causa uma série de eventos que acaba ficando totalmente fora do controle. Agora que ela reina livremente, as consequências são imprevisíveis.

tamanho: 354.52 MB

Clique aqui para baixar o Game.

YouTube Downloader 2.1.7


Software no qual você poderá baixar vídeos do YouTube e de muitos outros sies e convertê-los para outros formatos de vídeo. Um programa muito fácil de usar. Basta apenas especificar seu URL para o vídeo que quer abaixar e clicar em OK. Também converte vídeos baixados de iPod, iPhone, PSP, celulares, Windows Media, XVid e MP3.

tamanho: 5.38 MB

Clique aqui para baixar o Software.

Defense Grid: The Awakening – Game Demo


Jogo de estratégia do estilo tower defense onde os jogadores recorrem a fortificações de defesa (torres) para impedir que alienígenas invasores roubem nódulos de energia de suas bases. Cabe ao jogador selecionar as torres, disposições e o intervalo de tempo para melhor proteger a base. Esta combinação de jogo de estratégia e quebra-cabeças traz consigo a promessa de ser muito divertido e envolvente.

tamanho: 237.23 MB

Clique aqui para baixar o Game.

Fotos Panorâmicas


24/4/2006 13:06:00

Reprodução Reprodução Reprodução Levendula Levendula Levendula Levendula

Diferente de outros métodos, a criação de panorâmicas no Photoshop é um processo muito fácil e rápido

Altair Hoppe

Ainda hoje, muitos fotógrafos precisam trabalhar com fotos panorâmicas. Mas, no mercado, há poucas alternativas de filmes nesse formato. A solução é fotografar três, quatro ou mais imagens no mesmo plano e, depois, partir para a edição digital. Nesse campo, o Photoshop realmente é imbatível! O comando Photomerge é um poderoso recurso, que faz automaticamente a montagem de imagens em formato panorâmico como num passe de mágica. Veja abaixo como funciona o passo-a-passo:

O primeiro passo é acessar o comando Photomerge pelo menu Arquivo > Automatizar (fig.1). Atenção! Não é necessário abrir as imagens antes de executar o comando! Apenas abra o Photoshop e acesse o menu Arquivo > Automatizar. A seguir, aparece uma caixa de diálogo solicitando o nome dos arquivos que irão compor a foto panorâmica. Use a opção Localizar para indicar o local e os arquivos que irão compor a montagem (fig. 2). Clique “OK”. Agora, o Photoshop começa a abrir os arquivos e fazer a fusão das fotografias, levando em conta a área de diferença entre elas. Em segundos a imagem está composta (fig. 3). Caso não fique perfeito, você pode fazer pequenos ajustes com as ferramentas do comando Photomerge.

Eventualmente, nas áreas de transição, pode ocorrer uma pequena falha, principalmente diferenças de cor entre uma foto e outra. A solução é utilizar a ferramenta Recuperação (J) para suavizar a transição de tonalidades.

Além do processo automatizado, podemos fazer a montagem de fotos panorâmicas manualmente. Primeiro, abra as fotos. Depois, crie um novo arquivo nas dimensões de uma foto panorâmica. Agora, pegue a ferramenta Mover e desloque todas as imagens para dentro desse novo arquivo. Sobreponha as imagens visualmente, deixando elas mais ou menos na posição de interligação. A seguir, acesse a paleta Camadas e escolha o modo de mesclagem Diferença. Mova uma foto sobre a outra até que ambas fiquem pretas. Ao chegar nesta condição, as fotos estarão devidamente alinhadas. Finalmente selecione a ferramenta Borracha, escolha um pincel bem macio e apague o excesso de imagem até criar uma transição bem suave. Até a próxima!

Altair Hoppe é autor dos livros Adobe Photoshop para fotógrafos e Fotografia digital sem mistérios. Participe da coluna enviando sugestões de matérias, comentários ou tirando dúvidas pelo e-mail altair@photos.com.br

Marca D´água


Levendula Levendula Levendula Levendula Levendula Levendula

Aprenda a criar no Photoshop o efeito que protege suas fotos da pirataria

Altair Hoppe

A fotografia digital, sem dúvida, trouxe muitas vantagens para a produção e captação de fotografias. A principal delas é a velocidade. Hoje, o tempo entre clicar e publicar uma foto numa revista, jornal ou site, às vezes, é questão de minutos. No entanto, nem tudo são flores. A publicação de imagens em sites e fotologs na internet, ou ainda, o envio por e-mail de fotos de ensaios ou produções abriu espaço para um novo mercado: a pirataria de imagens digitais.

Fotos de amostra, conhecidas também como index ou copião digital, pode virar com a ajuda de programas de interpolação de imagens, matéria-prima de boa qualidade para ampliação e reprodução em álbuns, folders, outdoors, jornais e revistas. Além de a fotografia ser digital, o fotógrafo ser digital, agora o ladrão também é digital. E todo cuidado é pouco. Nesta edição, vamos mostrar uma das formas mais eficientes de complicar a apropriação indevida de imagens digitais. A marca d´água além de indicar o nome do autor da imagem tem a função de preservar o direito autoral. Mas, atenção! Não adianta colocar uma marca d´água num cantinho da foto. Não confunda marca d´água com assinatura digital. Vamos ao passo-a-passo.

Crie um novo arquivo pelo menu Arquivo > Novo (CTRL N). Nesse exemplo, vamos criar um arquivo com as dimensões de 10cm de largura por 5cm de altura com resolução de 300DPI (fig. 1). Na área de trabalho do arquivo, crie ou importe sua logomarca. Aqui, vamos trabalhar com uma logomarca simples, que contém apenas o nome “Altair Hoppe” e o símbolo de marca registrada “®”. A figura 2 mostra a logomarca pronta. Agora, selecione toda a imagem com o atalho CTRL A. Finalmente, acesse o menu Editar > Definir Predefinição de Pincel (fig. 3). Observe que aparece uma caixa de diálogo que solicita o nome para esse pincel. Nesse exemplo, colocamos “Marca – Altair Hoppe”. Agora, feche esse arquivo e abra as fotos em que deseja inserir as marcas d´água.

Com as fotos abertas, selecione a ferramenta Pincel (B) e acesse na barra de opções as propriedades do Pincel. Veja que há uma lista de tipos de pincéis. Role a barra de pincéis até o final. Veja que o último pincel é o pincel “Marca – Altair Hoppe”. Selecione-o (fig. 4). Mova seu pincel para cima da imagem. Surpresa! Observe que agora o formato do pincel é o da sua logomarca.

Agora ficou fácil. Pressione a letra D para deixar a cor de primeiro e segundo plano preto e branco. Se o branco não estiver na cor de primeiro plano, pressione X para inverter. Também aumente ou reduza o tamanho do pincel. Para ser mais rápido, use as teclas de atalho abre colchetes [ e fecha colchetes ]. Na barra de opções do Pincel, reduza a opacidade para 40% (fig. 5). Pronto, agora o pincel está com a cor, tamanho e opacidade certos, finalmente mova o cursor sobre a imagem e clique. Pronto! Diga, a verdade. É ou não é fácil?

Veja na figura 6, que mostra o resultado final, que colocamos a marca d´água em um tamanho bem grande. Por quê? Quanto maior a área que a marca d´água cobrir na imagem, principalmente, em sua área central, mais difícil será para o “chupador de imagens” usá-la indevidamente. O trabalho de edição para remover a marca d´água seria muito demorado e com um resultado impreciso, principalmente, nas áreas com muitos detalhes e movimentos em curva. Espero que tenha gostado dessa dica. Até a próxima!

Altair Hoppe é autor dos livros Adobe Photoshop para fotógrafos Volume 1, Volume 2 e Fotografia Digital Sem Mistérios. Participe da coluna enviando sugestões de matérias, comentários ou tirando dúvidas pelo e-mail altair@photos.com.br.

Adeus Carimbo


1/11/2006 14:53:00

Levendula Imagens Levendula Imagens Levendula Imagens Levendula Imagens Levendula Imagens Levendula Imagens Levendula Imagens Levendula Imagens

O Photoshop CS2 trouxe uma ferramenta extraordinária para remoção de manchas e elementos sem precisar identificar a área de origem e destino, como acontece com o Carimbo e o Band-aid.

Altair Hoppe

Quando precisamos apagar um “bicão” de uma foto ou remover uma espinha, mancha, sujeira ou um pequeno aranhão, até hoje as ferramentas mais recomendadas eram o Carimbo (S) e a Recuperação do Pincel (J). Porém, a tarefa de identificar uma área de origem pressionando a tecla ALT e depois passar o pincel sobre a área de destino é uma tarefa repetitiva, e muitas vezes, chata.

Para acabar com esse sofrimento, o Photoshop CS2 acrescentou uma ferramenta revolucionária. Trata-se do Pincel de Recuperação para Manchas (J). Basta clicar sobre as manchas, rugas e espinhas e está pronto. Com essa ferramenta, você não precisa mais definir uma área de referência (origem). Ela gera e aplica, automaticamente, uma amostra baseada nas áreas próximas do retoque, preservando e mesclando textura, iluminação e sombras. Vamos ver como isso funciona na prática. Veja a figura 1. Note que próximo a linha do horizonte existe um intruso na imagem, o famoso “bicão”. Observe também que no lado direito da foto aparece uma parte do remo e do braço do remador. Para deixar a mensagem da foto mais clara, vamos eliminar esses dois elementos. Primeiro, vá a barra de ferramenta e selecione a ferramenta Recuperação para Manchas (fig. 2). A seguir vá na barra de opções da ferramenta e em propriedades do pincel aumenta a Dureza para 100% (fig. 3). Se você deixar as bordas do pincel suaves, na maioria das vezes, o resultado é impreciso.

Agora vem a parte mais fácil. Passe de uma única vez o pincel sobre toda a área ocupada pelo “bicão” (fig. 4). Depois solte o pincel. Mágica! Automaticamente, o Photoshop copia áreas próximas e elimina o objeto selecionado (fig. 5). Veja que além de eliminar o elemento indesejado essa ferramenta gera uma mesclagem suave e natural graças aos recursos automáticos de composição de textura e iluminação. Repita esse processo para eliminar o remo e o braço no canto inferior direito da imagem. A figura 6 mostra o resultado final das remoções. Mais um exemplo. Veja a figura 7. Ninguém merece dois relógios para controlar o tempo. Que tal remover pelo menos um e aliviar a pressão? Selecione a ferramenta Recuperação para Manchas e passe sobre o relógio. Não esqueça: faça a seleção de uma única vez. Em segundos está removido o relógio. A figura 8 mostra o resultado final. Fantástico, não é verdade? A tradução para inglês da ferramenta Recuperação para Manchas é Spot Healing. Até a próxima!

Altair Hoppe é autor dos livros Adobe Photoshop para Fotógrafos, Designers e Operadores Digitais Volume 1 e 2 e Fotografia Digital Sem Mistérios. Encontre mais truques site http://www.photoshopbrasil.com.br. Dúvidas e sugestões pelo e-mail: altair@photos.com.br

Criando paisagem animada


Neste tutorial iremos criar uma paisagem que pode ser usada em montagens de crianças, convites de aniversários infantis e muito mais.

Sigam todos os passos corretamente e conseguirão chegar ai resultado final como eu fiz!

=D

Crie um novo arquivo com tamanho 600×400 (sempre uso este tamanho para flogão,Orkut e etc…)

Crie um retângulo com tamanho 630×222 e posicione como a imagem abaixo e insira a cor citada:

Duplique (ctrl+alt+d) o retangulo criado e posicione a cima com cor azul como a imagem abaixo:

Selecione o retangulo verde e coloque textura como a imagem abaixo (linha diagonal 1 – 18%)

Feito isso, crie 03 circulos de mesmo tamanho como a imagem abaixo:

Posicione os 03 circulos como estão abaixo:

Seus circulos estão em cima do retangulo verde? selecione os 03 e coloque abaixo da camada do retangulo como segue a imagem:

Com os 03 retangulos ainda selecionados, agrupe os 03 como feitona imagem abaixo ou (ctrl+g)

Com os circulos ainda selecionados, aplique brilho interno como na imagem abaixo

Altere a cor para a que especifiquei (#0066FF)

Neste momento sua imagem deve enstar como a imagem abaixo (porem ainda sem o sol)

Crie um circulo e posicione abaixo da camada dos circulos(nuvens) que voce agrupou lembra?

feito isso aplique brilho como abaixo:

altere a cor do brilho para amarelo como na imagem

feito isso selecione a ferramenta caneta (pen tool) basta apertar a letra (P) no teclado.

crie formas como a imagem abaixo e as posicione abaixo da camada do sol (obs o fundo preto é só para a imagem se destacare você poder vê-la claramente) e coloque a opacidade em 21%(com os “raios de luz” selecionados)

feito isso teremos “raios de luz” como a imagem abaixo (basta você os posicionar abaixo da camada do sol):

Pronto!!!! A paisagem está pronta, basta agora você ter criatividade por “fotos” , o fundo está criado.

um exemplo é a imagem abaixo que fiz:

Peguei o Sapinho no google e coloquei o efeito de sombra que já postei aqui no Blog!

Espero que gostem!

Até a próxima!!!!