Ceatec - Empresas mostram suas TVs 3D que estará no mercado em 2010

A Ceatec, feira de eletrônicos que acontece no Japão, está enchendo os olhos dos amantes da tecnologia, os destaques da feira sem dúvidas são as TVs 3D que começarão a chegar no próximo ano, inclusive terá transmissão em três dimensões já nas olimpíadas de Londres. A Sony, Panassonic, Sharp Toshiba já estão com a mão na massa produzindo as novas TVs que estarão nos lares de milhares de pessoas a partir de 2010. Para que os preços fiquem acessíveis, as TVs serão produzidas nos tamanho de 50 a 60 polegadas.

A Philips quer ir além com as TVs 3D, ela quer que os óculos não sejam mais necessário para desfrutar assistir os conteúdos em 3D, mas a Panassonic já deu um jeito de jogar um balde de água fria, um executivo disse que seria muito difícil pra Philips ou qualquer outra empresa conseguir eliminar os óculos logo agora no inicio, e que as imagens perderiam qualidades e os preços subiriam muito. A Panassonic é a empresa que está com o cronograma mais adiantado e promete que suas Tvs de Plasma de 50 polegadas e um aparelho 3D Blue-Ray chegam ainda em 2010 inclusive aqui no Brasil. A empresa não disse claramente, mas deu a entender que o aparelho custaria no Japão, cerca de 20 mil ienes, o que equivale a 390 reais por um jogo de quatro óculos 3D, que que esse valor seria 10% do valor da TV, o que leva a crer que as TVs custarão cerca de 20.000 ienes ou 3,900 reais.

A Sony aproveitou anunciar que seu console mais vendido atualmente, o Palystation 3 pode vim com capacidade de reproduzir filmes em 3D, já que ela é uma das produtoras que já tem filmes em três dimensões, como "Tá Chovendo Hambúrgers" que está em exibição no Brasil. A Sony promete esta versão do Playstation para o ano que vem, não disse onde será lançado nem o preço.

E o que com certeza chamou a atenção de todos foi a Toshiba e a Panassonic com suas TVs de 3840p x 2160p 4K2K de ultra definição. Ainda nem estamos acostumados com a resolução 1920p x 1080p, eu pelo menos ainda não! mas acho maravilhosa aquela imagem super nítida e rica em detalhes. Porém, as TVs 4k2k necessáriamente teriam que ser de no mínimo 100 polegadas para que a tecnologia fosse percebida e mais explorada, já que nas Tvs de 50 polegads de hoje não dá mais pra colocar pontinhos (pixels) que não seriam percebidos, pra mim a Fuul HD hoje já esta ótimo. Ainda não existi conteúdo no formato 4k2k sendo produzido e os aparelhos são só prototipos, sem preços e sem data de lançamentos, mas que todo mundo babando.

Fonte: O Globo

Continue Lendo...

Efeito estrela abstrata.

01. Pressione Ctrl+N para criar um novo arquivo, defina o tamanho de 400x400 pixels, 72 dpi´s e modo de cor em RGB, pressione Ok, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique dentro do documento para preencher a layer com a cor escolhida, pressione a letra U do teclado para selecionar a Custom Shape Tool.

02. Na barra de opções da ferramenta, no alto da tela, clique na opção Shape e escolha o Shape indicado abaixo (Starburst).

03. Pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, certifique-se de que a opção Shape Layers esteja ativada e com a tecla Shift pressionada clique e arraste no documento para criar um shape como o da foto abaixo.

04. Agora vá em Filter> Blur> Radial Blur e defina os valores abaixo.

05. Vá em Filter> Sketch> Chrome e defina os valores abaixo.

06. Pressione Ctrl+J para duplicar a layer, mude o modo de blend da layer para Multiply.

07. Clique na layer original (que está abaixo da cópia) e pressione Ctrl+U para abrir a caixa de Hue/Saturation, defina os valores abaixo (caso queira utilizar as mesmas cores) e pressione Ok.

08. Pressione Ctrl+E para mesclar as duas layers, pressione Ctrl+J para duplicar a layer novamente, mude o modo de blend da layer para Screen, vá em Edit> Transform> Rotate 90 CW.

09. Caso queira intensificar o efeito repita os passos 07 e 08, no final seu efeito estará como o da foto abaixo.

Continue Lendo...

Inserindo JavaScript em uma página Web

Hoje estou fazendo minha estréia no Brasil High Tech como postador, mais um editor pra ser mais profissional, e como eu tenho uma serie de tutoriais no meu blog, meio que um curso mesmo de HTML e CSS, lembrando que não sou um profissional e sim um aprendiz que gosta de compartilhar os conhecimentos adquiridos. Aqui no BHT quis fazer algo parecido mas com uma linguagem diferente ao invés de HTML e CSS, resolvi optar por JavaScript. Muitos detestam essa linguagem, outros até dizem que o Java esta morrendo, mas na minha opinião é uma linguagem de peso, até celular roda aplicativos desenvolvidos em Java.

O JavaScript é uma linguagem de programação simples criada para dar mais interatividades e maior funcionalidade às páginas Web. Foi a Netscape que desenvolveu esta linguagem e acabou dando origem á especificação técnica ECMAScript, um padrão oficial reconhecido pela indústria.

O Código escrito em JavaScript é destinado a ser executado pelo browser visualizamos uma pagina, ele é uma parte integrante da pagina e permite que o browser seja capaz de tomar decisões quanto ao modo com que o conteúdo é apresentado ao usuário e como pode ser manipulado.

Para que os browsers sejam capazes de reconhecer um código JavaScript, ele necessariamente tem que estar dentro de <script>.

Bom pessoal, depois dessa introdução, é hora de colocar a mão na massa e começar a trabalhar. Vamos criar nossa primeira pagina com JavaScript.

<thml>
<head>
<title>Primeira página com JavaScript</title>
<script type="text/javascript">
alert("Seja bem vindo ao BHT!");
</script>
</head>
<body>
Conteúdo de sua página em HTML
</body>
</html>

Aí você me pergunta: o que isso faz na página?
Assim que você entrar na pagina uma telinha de boas vindas irá aparecer.



Perceberam que no fim do código é colocado um ponto-e-vírgula ( ; )? É esse ; que vai dizer pro interpretador de JavaScript que é ali que acaba as instruções.

É graças ao JavaScript que podemos fazer com que os objetos gráficos apresentados a página, tais como por exemplo um botão, uma ligação de hipertexto ou uma imagem, respondam dinamicamente ás ações do usuário. Para que isso aconteça, basta adicionar um novo atributo ao elemento responsável pela apresentação desse objeto e escrever o código que ao ser executado dará origem ao comportamento que você espera.

Vamos fazer um exemplo.

<thml>

<body>

<a href="http://www.brasilhightech.blogspot.com/" target="_blank"
onclick="alert ('Obrigado por visitar o BHT!')">Visite o BHT</a>

</body>
</html>



O atributo href="..." acho que todos sabem pra que serve, especificar o URL de uma pagina numa ligação de hipertexto. O atributo onclick="..." constitui um código JavaScript que neste caso vai fazer aparecer a caixa de dialogo com a mensagem de agradecimento.

bom pessoal, este foi meu primeiro tutorial de JavaScript e um monte que esta por vir. Espero que gostem.

Continue Lendo...

Como são feitos os testes nos celulares Nokia

Se você sempre foi curioso em saber como são feitos os testes dos aparelhos celulares produzidos pela Nokia, assista esse vídeo.

No laboratório da Nokia em San Diego – EUA, foram testadas a durabilidade dos aparelhos, e também os motivos pelos quais um aparelho pode vir a quebrar.

Continue Lendo...

Efeito sépia + borda simples.

01. Pressione Ctrl+O e abra uma foto qualquer, no caso deste tutorial usaremos a foto abaixo.

02. Agora vá em Image> Mode> Grayscale.

03. Sua imagem ficará em escalas de cinza como na foto abaixo, é uma forma rápida de deixar sua imagem em tons de cinza porém neste modo você não conseguirá aplicar nenhum tipo de cor no arquivo.

04. Então voltaremos ao modo RGB, para isso vá em Image> Mode> RGB para retornar ao modo RGB.

05. Agora vá em Image> Adjustments> Photo Filter e defina os valores abaixo.

06. Caso a layer de sua imagem contenha o ícone de um pequeno cadeado clique duas vezes sobre a layer e na caixa que irá abrir clique em Ok, agora vá em Layer> Layer Style> Stroke e defina os valores abaixo.

07. No final sua imagem estará como a da foto abaixo.

Continue Lendo...

Estilização para imagens de alta-velocidade.

01. Pressione Ctrl+O e abra uma foto qualquer, no caso deste tutorial a foto usada será a da imagem abaixo.

02. Agora selecione a figura do modelo principal com a ferramenta de seleção que achar melhor (Pen Tool, Lasso Tool, Quick Mask etc.), com a seleção feita pressione Ctrl+J para duplicar a imagem para uma nova layer.

03. Pressione Ctrl+L para abrir a caixa de Levels, defina os valores abaixo e pressione Ok.

04. Agora vá em Layer> Layer Style> Outer Glow e defina os valores abaixo, a cor escolhida para o Gradiente foi a #b4ff00.

05. Clique na layer Background, pressione a letra L do teclado para selecionar a Lasso Tool, crie uma seleção ao redor do documento, só não selecione a cesta de basquete, como na foto abaixo.

06. Vá em Filter> Blur> Gaussian Blur e defina os valores abaixo.

07. Agora clique na layer do jogador e pressione Ctrl+J cinco vezes,isto criará 5 cópias da layer, retire a visibilidade das 4 primeiras layers clicando na layer e indo em Layer> Hide Layers, sua paleta de layers deverá ficar como na foto abaixo.

08. Clique na primeira layer que copiamos e vá em Filter> Stylize> Wind, defina os valores abaixo e pressione Ok.

09. Agora vá em Filter> Blur> Motion Blur e defina os valores abaixo.

10. Agora vá em Layer> Layer Style> Gradient Overlay, escolha um gradiente multicolorido e pressione Ok, clique na layer que estiver acima da layer que estamos trabalhando e vá em Layer> Show Layers para ativar a visibilidade da layer novamente, pressione a letra L do teclado para selecionar a Lasso Tool e selecione a área em frente ao jogador, como na foto abaixo, clique novamente na layer que estávamos trabalhando e pressione Delete.

11. Sua imagem deverá ficar como a da foto abaixo.

12. Agora clique na terceira layer copiada e vá em Layer> Show Layers para ativar a visibilidade da layer novamente, pressione Ctrl+T para ativar a caixa de Free Transform, rotacione levemente a imagem do jogador e pressione Enter para finalizar a transformação.

13. Mude a opacidade da layer para 50%.

14. Repita o procedimento na outra cópia da layer que ainda está com a layer sem visibilidade, defina o valor da opacidade em 25%.



15. Pressione a letra P do teclado para selecionar a Pen Tool, crie um Path como o da foto abaixo.



16. Agora pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas duras e tamanho aproximado de 4 pixels, pressione Ctrl+N e crie um novo documento de qualquer tamanho com 72 dpi´s e modo de cor em RGB, pressione Ok, certifique-se de que o fundo do documento seja transparente (quadriculado), pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, crie 3 pontos como na figura 1, vá em Edit> Define Brush Preset para criar um novo brush a partir da figura criada, defina um nome qualquer para seu novo brush e pressione Ok, volte ao documento que estávamos trabalhando, vá em Window> Brushes e defina os valores abaixo.



17. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, vá em Window> Paths, clique com o botão direito do mouse sobre o Path criado e escolha a opção Stroke Path, na janela que irá abrir defina os valores abaixo e pressione Ok.





18. Agora vá em Filter> Blur> Radial Blur e defina os valores abaixo.



19. Agora vá em Layer> Layer Style> Gradient Overlay e defina o gradiente abaixo, as cors usadas foram as #f707fe, #60fffe e #f1fc00.



20. Pressione a letra E do teclado para selecionar a Eraser Tool, escolha um brush de pontas macias e tamanho pequeno, passe nas áreas indicadas na foto abaixo para apagar a trilha criada como brush.



21. Agora vá em Filter> Render> Lens Flare e defina os valores abaixo.



22. Agora clique na layer do jogador que está em primeiro plano, vá em Layer> Layer Style> Outer Glow, escolha a cor amarela e pressione Ok, no final sua imagem ficará como a da foto abaixo.

Continue Lendo...

Estilização com pontos brilhantes no Photoshop

Neste Tutorial usaremos uma série de técnicas para criar uma estilização com pontos brilhantes em uma foto comum usando filtros, modos de blend e diversas ferramentas.

01. Pressione Ctrl+N para criar um novo documento, defina o tamanho de 1920x1200 pixels, 72 dpi´s e modo de cor em RGB, pressione Ok, escolha a cor #0E0D15, pressione Alt+Backspace (a tecla acima do Enter) ou pressione a letra G do teclado para selecionar a Paint Bucket Tool e clique no documento para preencher a layer com a cor escolhida.

02. Pressione a letra B do teclado para selecionar a ferramenta Brush Tool, defina a opacidade do brush em 20%, escolha um brush de tamanho médio e pontas suaves.

03. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, escolha a cor #4E365A e clique em alguns pontos do documento como na foto abaixo.

04. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, escolha a cor #704668 e pinte algumas formas como na foto abaixo.

05. Mude o modo de blend da layer para Color Dodge.

06. Sua imagem deverá ficar como a da foto abaixo.

07. Agora pressione Ctrl+O e abra a foto que você queira usar na montagem, no caso deste tutorial usaremos a foto desta modelo.

08. Selecione a modelo usando a ferramenta que achar mais adequada (Pen Tool, Lasso Tool, Quick Mask etc), com a modelo selecionada pressione Ctrl+C para copiar, volte ao documento que estamos trabalhando e pressione Ctrl+V para colar a imagem.

09. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, deixe esta layer abaixo da layer da modelo, escolha a cor #BA93B3, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de tamanho pequeno e pontas suaves, crie uma série de pequenos pontos como na foto abaixo, varie levemente o tamanho dos pontos pressionando as teclas [ e ] para mudar o tamanho do brush.

10. Pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores, sua cor de Foreground deve ser a branca, pressione Ctrl+Shift+Alt+N para criar uma nova layer layer e crie mais alguns pontos como na foto abaixo.

11. Pressione a letra U do teclado para selecionar a Ellipse Tool, certifique-se de que a opção Shape Layer esteja ativada, com a tecla Shift pressionada clique e arraste para criar um círculo como na foto abaixo.

12. Defina o valor de Fill da layer em 0%.

13. Agora vá em Layer> Layer Style> Gradient Overlay e defina os valores abaixo.

14. Sua imagem deverá ficar como a da foto abaixo.

15. Pressione Ctrl+J para duplicar a layer, pressione a letra V do teclado para selecionar a Move Tool, posicione a cópia em outro lugar, repita o procedimento para criar algumas outras cópias como na foto abaixo, varie o tamanho pressionando Ctrl+T para abrir a caixa de Free Transform, redimensione o círculo com a tecla Shift pressionada, finalize a transformação pressionando Enter.

16. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas macias e tamanho próximo a 210 pixels, defina a opacidade do brush em 10%, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca agora, passe na parte de trás da modelo para criar o efeito abaixo.

17. Agora clique no ícone de Create New Fill or Adjustment Layer no rodapé da paleta de layers e escolha a opção Curves.

18. Defina como na foto abaixo e pressione Ok.

19. Sua imagem deverá ficar como na foto abaixo.

20. Pressione a letra U do teclado para selecionar a Ellipse Tool novamente, certifique-se de que a opção Paths esteja ativada, pressione Ctrl+Shift+Alt+N para criar uma nova layer, com a tecla Shift pressionada clique e arraste para criar um círculo como na foto abaixo.

21. Defina a opacidade da layer em 70% e o Fill em 0%.

22. Agora vá em Layer> Layer Style> Inner Shadow e defina os valores abaixo.

23. Vá em Layer> Layer Style> Inner Glow e defina os valores abaixo.

24. Vá em Layer> Layer Style> Bevel and Emboss e defina os valores abaixo.

25. Vá em Layer> Layer Style> Satin e defina os valores abaixo.

26. Você terá o seguinte resultado.

27. Pressione Ctrl+J para duplicar a layer, pressione Ctrl+T para abrir a caixa de Free Transform, clique com o botão direito do mouse dentro da caixa de Free Transform e escolha a opção Warp, distorça a bolha à vontade, como na foto abaixo.

28. Crie outras cópias e espalhe pelo documento como na foto abaixo.

29. Pressione a letra B do teclado para selecionar a Brush Tool, escolha um brush de pontas suaves e tamanho aproximado de 20 pixels, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado par alternar as cores, sua cor de Foreground deve ser a branca, pressione Ctrl+Shift+Alt+N para criar uma nova layer e crie alguns traços como na foto abaixo.

30. Pressione a letra R do teclado para selecionar a Smudge Tool, defina o valor de Strength em 50% e passe sobre os rabiscos criados anteriormente para que eles fiquem como na foto abaixo.

31. Mude o modo de blend da layer para Overlay.

32. Pressione Ctrl+J para duplicar a layer.

33. Pressione Ctrl+Shift+Alt+N para criar uma nova layer, pressione a letra B do teclado para selecionar a Brush Tool, pressione a letra D do teclado para resetar as cores de Foreground e Background para preto e branco, pressione a letra X do teclado para alternar as cores de Foreground e Background, sua cor de Foreground deve ser a branca, escolha um brush de pontas macias, tamanho aproximado de 308 pixels e opacidade em 10%.

34. Crie alguns pontos como na foto abaixo.

35. Mude o modo de blend da layer para Overlay.

36. Sua imagem deverá ficar como a da foto abaixo.

37. Agora pressione Ctrl+Shift+Alt+N para criar uma nova layer, escolha um brush de tamanho pequeno, defina a cor de Foreground como #EC008C e crie alguns pontos próximos da modelo.

38. Usando as teclas [e] aumente o tamanho do Brush e crie mais alguns pontos como na foto abaixo.

39. Crie pontos de tamanho diversos até que sua imagem fique como a da foto abaixo.

40. Clique na layer onde criamos os pontos brancos e pressione Ctrl+J para duplicar a layer, vá em Filter> Blur> Motion Blur e defina os valores abaixo.

41. No final sua imagem deverá ficar como a da foto abaixo.

Continue Lendo...