iMasters | Por uma internet mais criativa e dinâmica

Segunda-feira, 04/07/2005 - 13:14 - Por Fabio Lody
Seções relacionadas:

• Photoshop

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

Grandes amigos! Espero que tenham passado bem a semana.

Esta matéria que escrevo é uma matéria especial por dois motivos: São somente dicas para web, de todos os tipos e eu farei aniversário nesta terça-feira, dia 05. Então parabéns pra mim (risos...). Caso alguém tenha interesse em me mandar um presente, não tem problema. Também dedico esta matéria a minha namorada Juliana pois faremos, no dia 09, 5 anos de namoro. Bom, é isso ai! Let´s Rock!

Descrição: Dicas para criação web no Photoshop.
Software ultilizado: Photoshop CS 2 em Inglês (Funciona em qualquer versão)
Grau de Dificuldade: 7,5
Ao som de: Rolling Stones - It"s Only Rock n Roll

"Para uma publicação eficaz na Web, suas imagens devem encontrar um bom equilibrio entre tamanho de arquivo e quialidade de exibição. Usando o Adobe Photoshop e o Adobe Image Ready, você pode otimizar suas imagens de forma que elas sejam descarregadas de um servidor da Web em um tempo aceitável, sem perderem detalhes essenciais, cores, transparência ou elementos de navegação, como mapas de imagem." - guia autorizado Adobe

Otimizando imagens com o Photoshop ou o ImageReady

O Adobe Photoshop e Adobe ImageReady fornecem uma quantidade eficaz de controles para compactação do tamanho de arquivo de uma imagem ao se otimizar sua qualidade de exibição em tela. As opções de compactação variam de acordo com o formato de arquivo utilizado para salvar a imagem.

JPEG: Destina-se a preservar o amplo intervalo de cores e variações sutis de brilho de imagens degradê. Este formato pode representar imagens utilizando milhares de cores.

GIF: é eficaz na compactação de imagens de cor sólida e imagens com áreas de cores repetitivas (como arte linear, logotipos e ilustrações com texto). Este formato utiliza uma paleta de 256 cores para representar a imagem e aceita transparência de plano de fundo.

PNG: é eficaz na compactação de imagens de cor sólida e na conservação de detalhes de nitidez. O formato PNG - 8 utiliza uma paleta de 256 cores para representar uma imagem; o formato PNG - 24 utiliza uma paleta de 256 para representar muitos aplicativos de navegação antigos não aceitam arquivos PNG.

Truques:

1 - Modo de mesclagem
2 - Tranca
3 - Indicador de Link
4 - Indicador de Visibilidades
5 - Adicionar Efeitos
6 - Adicionar máscara de camada
7 - Nova camada de Ajustes
8 - Novo Conjunto
9 - Nova Camada
10 - Remover Camada
11 - Menu de Paleta
12 - Paleta de Opacidade
13 - Paleta de Opacidade de Preenchimento
14 - Nome do Efeito

Sobre Otimização

Otimização é o processo de ajuste da qualidade de exibição e do tamanho de arquivo de uma imagem a ser utilizada da Web ou em outra mídia on-line. O Adobe Photoshop e o Adobe Image Ready oferecem uma variedade eficaz de controles para a compactação do tamanho do arquivo de uma imagem enquanto otimizam sua qualidade de exibição on-line.

* Para uma otimização basica, o comando "Salvar como" do Photoshop permite salvar uma imagem, como um arquivo GIF, JPEG, PNG ou WBMP. Dependendo do formato do arquivo, você pode especificar a qualidade da imagem, a transparência ou o fosco do plano de fundo, a exibição de cores e o método de download. Entretanto, os recursos da Web, como fatias, links animações e rolagens - adicionados ao arquivo não serão preservados.

* Para uma otimização precisa, é possivel utilizar os recursos de otimização do Photoshop ou do ImageReady para visualizar imagens otimizadas em diferentes formatos de arquivos e com diferentes atributos de arquivo. Você pode visualizar várias versões de uma imagem simultaneamente e, durante a visualização, pode modificr as configurações de otimização para selecionar a melhor combinação de configurações segundo suas necessidades. Tambem é possível especificar a transparência ou o fosco, selecionar opções para controlar o pontilhamento de redimensionar a imagem para dimensões de pixel especificadas ou para uma determinada porcentagem do tamanho original.

Créditos: trecho retirado da apostila de Photoshop CS da WOC.

Quando você salva um arquivo otimizado, utilizando o comando Salva para Web (Photoshop) ou Salvar Otimizado (ImageReady), pode optar por gerar um arquivo HTML da imagem. Esse arquivo conterá todo o código necessário para exibir a imagem em um navegador da Web.

Dicas:

Trabalhando com fatias

Se a arte-final contiver várias camadas, será necessário especificar as fatias que serão otimizadas. Você pode aplicar configurações de otimização a fatias adicionais vinculando as fatias. As fatias vinculadas no formato GIF e PNH-8 compartilham uma paleta de cores e um padrão de pontilhamento para evitar o aspecto de interrupção entre as fatias.

Para mostrar ou ocultar todas as fatias na caixa de diálogos Salvar para Web

Clique no botão Alternar Visibilidade de Fatias.

Para mostrar ou ocultar fatias automaticas na caixa de dialogo Salvar para Web:

No menu pop-up Visualizar, escolha Ocultar Fatias Automaticamente. Uma marca de seleção indica que as fatias estão ocultas.

Para selecionar fatias na caixa de diálogos salvar para a web:

1 - Selecione a ferramenta "seleção de fatia".
2 - Clique em uma fatia para selecioná-la. Clique ou arraste com a tecla Shift pressionada para selecionar várias fatias.

Para Vincular fatias:

1 - Selecione duas ou mais fatias que deseja vincular.
2 - No menu pop-up Otimzar, escolha Vincular Fatias.
O ícone vínculo aparece nas fatias vinculadas

Para visalizar imagens otimizadas:

Clique em uma tab na parte superior da janela do documento para selecionar uma opção de exibição:

* Original para visualizar a imagem sem otimização.
* Otimizado para visualizar a imagem com as configurações de otimização atuais e aplicadas.
* Até 2 para visualizar duas versões da imagem lado a lado
* Até 4 para visualizar quatro versões da imagem lado a lado.

Criando botões no ImageReady

Vamos criar um botão bem maluco para aprender e treinar vários outros recursos do Photoshop.

1º Passo: Crie um arquivo novo de 300 x 200 pixels em RGB

2º Passo: Pressione "D" para que suas cores foreground e background (principal e secundária) voltem ao padrão.

3º Passo: Vá até a ferramenta "Rounded Rectangle Tool" (U) (para alterar no teclado use "shifit" + " u ").

4º Passo: Crie uma forma clicando e arrastando sobre nosso espaço.

* Caso queira alterar o raio de sua borda arredondada, basta alterar na barra de opções.

5º Passo: Clique sobre a ferramenta "Zoom Tool" (Z) e amplie seu arquivo deixando o com 300% de zoom (claro, o zoom é relativo a cada artísta).

6º Passo: Clique sobre a ferramenta "Direct Selection Tool" (A) ...

Em seguida, na borda de sua forma, perceba que nos aparece seus pontos de eixo:

7º Passo: Usando a Ferrmenta "Pen Tool"...

Clique sobre um ponto de nosso retângulo para adicionarmos novos pontos. Veja abaixo:

8º Passo: Novamente clique sobre a ferramenta "Direct Selection Tool" (A).

E arraste sobre os pontos criados. Feito isso, podemos movê-los para onde quisermos, alterando assim nossa forma.

9º Passo: Clique com o botão direito sobre a forma e clique sobre a opção "Rasterize Layer" para tornarmos nossa forma um bitmap.

10º Passo: Segura a tecla "shift " e clique sobre a thumbnail de camada para visualizarmos a seleção do objeto (no Photoshop CS 2. Nas demais versões, segure shift e clique sobre a camada)

11º Passo: Feito isso, precisamos de mais uma camada, portanto pressione "shift" + "ctrl" + "n" para a criarmos.

12º Passo: Clique sobre a ferramenta "Gradient Tool" (G).

13º Passo: Nesse momento, escolha na barra de opções um degradé de sua escolha. Em minha matéria uso o "Silver".

14º Passo: Agora escolha uma posição para traçar seu degradé, sendo de cima pra baixo, da esquerda para a direita. Isso fica a seu critério.

15º Passo: Pressione "ctrl + d" para retirar sua seleção. Note que em meu exemplo sua borda ficou serrilhada. Iremos retirar isso mais à frente.

16º Passo: Usando a ferramenta "Horizontal Type Tool" (T), escreva em seu botão um texto qualquer . Em seguida, em Blending Option, altere sua propriedade para "Overlay".

17º Passo: Agora iremos suavizar o serrilhado. Nesse ponto quero deixar claro que existem várias formas de se resolver o problema. Conheço artistas com técnicas fantásticas e realmente funcionais. Irei mostrar uma das mais simples. Clique sobre a ferramenta Blur Tool (R)

18º Passo: Após selecionar a ferramenta Blur Tool, iremos passar o mouse sobre sua borda na camada "shape 1" e também na camada "degradé".

* para alterar suas propriedades como pressão da ponta, altere na sua barra de opções.

Pronto, já temos o primeiro estado de nosso botão. Agora iremos criar a propriedade "over".

19º Passo: Clique sobre o botão "Create a new group" e note que será criada uma "pasta" sobre suas camadas. Nomeia como "NORMAL" e clique e arraste seus arquivos para dentro desta pasta. Mas cuidado para não alterar sua ordem!

Suas camadas deverão ficar assim:

20º Passo: Clique sobre a camada do grupo e vá até a opção "Duplicate Group". Nomeie como "OVER".

21º Passo: Desabilite a visualização da camada "NORMAL", pois iremos trabalhar agora com a "OVER".

22º Passo: Com a pasta "OVER" aberta, delete a camada "degrade" e crie uma nova pressionando "shift" + "ctrl" + "n" e repita o 13º passo e 14º passo, claro alterando a direção de nosso botão.

23º Passo: Agora passaremos a trabalhar no ImageReady, portanto pressione o botão de transição.

24º Passo: Com o IMageReady aberto, vá até Window > Web Content.

25º Passo: Aberta essa paleta, clique sobre o botão "Create Rollover state".

26º Passo: Vá até a paleta de camadas novamente e atribua o valor de visível novamente à pasta "OVER"

27º Passo: Ainda no ImageReady, vá até File > Save Optimized As.

E salve seu arquivo de teste, deixando a opção "salvar como tipo" em HTML and Images. Está pronto nosso botão, mas totalmente cru. Agora iremos adaptá-lo ao nosso site.

28º Passo: Em "Web Content", delete a "slices".

Deixando novamente nossa paleta vazia.

29º Passo: Clique sobre a ferramenta "Rectangle Image Map Tool (P)".

30º Passo: Trace um retângulo somente sobre a área de nosso botão.

31º Passo: Clique sobre o botão "Create Rollover state" citado no 25º passo e clique em "Rollover States". Em seguida, na paleta de camadas, hablite a visualização "OVER" como acabamos de fazer na simulação em nosso botão cru.

32º Passo: Se ocorreu tudo certo, veja abaixo como testar seu botão. Ao clicar sobre "ImageMap_01", seu botão mantém um estado e ao clicar em "Over" ele se altera.

33º Passo: Enfim, para testarmos nosso botão, pressione o botão "Preview in explorer".

Clique aqui pra testar o efeito "over": Botão

Claro que existem outras formas para criar este botão usando o Photoshop e ImageReady, e até mesmo com interação com editores de HTML como Dreamweaver, mas aí vai de cada um.

Caso alguém queira ver alguns exemplos de sites, botões e aberturas, não deixem de visitar os sites: http://www.templatemonsters.com e http://www.templatepark.com.

Um abraço a todos e fiquei com Deus.

Galeria de imagens - www.fotolog.net/fabiolody.

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

15 comentários publicados

• 1. Nossa... muito bão....

  Segunda-feira, 04/07/2005, por Belmiro Cabral

  aí...muito muito boa essa matéria...trabalho com photoshop a um bom tempo, mas eu queria saber como usar a ferramenta "pen" (p) com mais facilidade...se tem como colocá-la em modo de biezer

  Responder comentário

• 2. Essa matéria não podia faltar! E meus parabéns!

  Segunda-feira, 04/07/2005, por Pedro

  Falaê Lody! caracas mano, tava msm esperando por uams dikinhas de otimização do PS p/ web mano!
  Caiu como uma luva em meus planos! Parabéns por + 1 coluna fora de sério e de kebra meus parabéns pelo dia 5 ae véio!
  pow, naum sabia q tu fazia niver perto d mim, eu fiz dia 3! eh mano, parece q julho é o mês dos viciados em PS (risos!)
  Estamos agora à espera da próxima rapa! fui! Felicidades!

  Responder comentário

• 3. É isso ai

  Quinta-feira, 07/07/2005, por edson

  muito boa a matéria, aliás, como todas as outras, muito clara e objetiva, veio na hora certa, pelo menos pra mim, um abração e feliz aniversário, que Deus contine iluminando seu caminho.

  Responder comentário

• 4. Como mudar a cor dos olhos?

  Sexta-feira, 08/07/2005, por Maxwell Dayvson

  Eu gostaria de saber como mudar a cor dos olhos...queria saber por passo a passo....
  
  PS: baixei o photoshop a pouco tempo e naum sei mexer ainda...
  
  
  bjus
  brigada

  Responder comentário

• 5. Sr

  Sexta-feira, 08/07/2005, por Denis Solano

  Ae! Feliz Aniversario e parabens pelo namoro hehehehe!!! Falow man ate mais!!

  Responder comentário

• 6. Aeee...

  Sábado, 16/07/2005, por Fabiano Brum Fontoura

  Iaeee Fábio... Bah, nao conhecia aki, um amigo indicou e adorei as dicas cara ;D Aparece com mais ae hehehe... Abração!

  Responder comentário

• 7. Parabens!

  Sábado, 16/07/2005, por hogs

  Otima visão! :)
  parabens mano, abraço!

  Responder comentário

• 8. Ae mermaun!

  Sábado, 16/07/2005, por Luis Fernando Leier

  ae mermaun mando mto bemmm hein!.
  orra taum de parabens seus trabalhos ae . realmente muita experiencia ae. ehauea
  entauM!, qri te pedir se vc tem algo pra recomendar sobre "illustrator cs"
  tutoriais e tals é muito dificil axa e eu tava querendo aprender. abraços;

  Responder comentário

• 9. Vc é d+ cara

  Sábado, 16/07/2005, por Alesssandor Santos

  Olá Fabio é a primeira vez q comento aqui só passei pra te dizer o q vc já sabe...vc é fera e os seus tutoriais nos ajudam muito foi aqui no imasters com suas matérias q dei meus primeiros passos no photoshop e espero poder contar com suas dicas pra me atualizar e aprender sempre e repassar aos meus alunos o q aprendo com vc...abração e vlw!!!

  Responder comentário

• 10. OLa amigos!!!

  Sábado, 16/07/2005, por Maurício J. Fávaro

  Ola meus amigos!
  Amigo Daniel, Felipe (veio de guerra), amiga thais, amigo denis..Fabiano...luis fernando... e alessandro.. enfim a todos meus amigos obrigado pelos elogios.. e segunda feira tem materia nova.!!! fiquem com Deus.. e um otimo fim de semana pra todos!

  Responder comentário

• 11. parabens

  Segunda-feira, 18/07/2005, por Fernando Monteiro

  iai fabio!
  te adimiro pacas seu trabalho e 10!

  Responder comentário

• 12. vc é fera!!!

  Terça-feira, 19/07/2005, por Jocelaine Prates

  parabéns, vc tem arte e criatividade, podemo transmitir para as pessoas um pouco do seu conhecimento com classe e cultura....com os seus tutorias tenho tido oportunidade de aprender muito mais sobre photoshop, espero q continue seu trabalho, pois só assim poderá ajudar a mim e amuitas outras pessoas q o acompanham por aqui...um abraço Jo
  ( gostaria de saber como faço pra criar bolhas de sabão, ou bolas de cristal no photoshop, se tem como?)

  Responder comentário

• 13. Preciso da sua ajuda = )

  Terça-feira, 26/07/2005, por Fabricio

  Poxa suas materias sao muito boas, vc é fera em! meus parabens!
  Eu preciso da sua ajuda, gostaria de saber como utiliza o displace para aplicar tatuagens, porque ha um modo de utilizar ele q a imagens fika ao contorno da outra, a tatuagem fika perfeita no corpo, mas eu aplico o displace, e a imagem fika totalmente disproporcional.
  Se vc puder me adiciona no msn pra gente conversar melhor sobre isso, eu agradeço!
  Valeu pela colaboraçao
  um abraço

  Responder comentário

• 14. Fotos grátis

  Domingo, 31/07/2005, por Rodrigo Zanetti Brito

  Você é fera e venho acompanhando suas matérias a muito tempo e gostaria de saber se conhece algum site que fornaça fotos profissionais grátis para colocar em web sites, montagens...
  desde já agradeço
  

  Responder comentário

• 15. FUNDO TRANSPARENTE EM FOTOS

  Segunda-feira, 01/08/2005, por Leandro de Melo Magalhães

  Olá Fábio...aprecio a tempos os seus artigos. Parabéns pela iniciativa, e pelas ótimas dicas que tem disposto para nós, meros "micreiros" (rsss)... Amigo, estou com a mesma dúvida do Diego Rivelino, postada em um artigo anterior, onde ele dizia o seguinte: "Aew fábio blz! gostaria que me ajudasse a exportar/salvar as imganes feita no photoshop para qualquer aplicativo sem fundo, deixando - o transparente! ex: Dreamweaver MX, naum consigo tirar o fundo" Se puder me responder , agradeço mto, pois a tempos estou procurando por esta solução. Abraços, André...

  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

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

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!