Japa Designer

Dicas sobre Google

noreply@blogger.com (Erison) — Fri, 29 Jul 2011 15:13:00 +0000

Se você acha que sabe tudo o que o Google pode nos oferecer com certeza descobrirá que existe muito mais coisas que até então não sabíamos.

Realmente vale a pena ver esse vídeo, pois saber desses recursos com certeza facilitará nossas vidas.

Dicas Chrome - Botão Google Translate

noreply@blogger.com (Erison) — Wed, 20 Apr 2011 14:14:00 +0000

Precisa fazer um trabalho de faculdade e o site é inteiramente em inglês? As vezes bate aquela preguiça de traduzir tudo né? Então apresento uma solução para esse problema.
Há uma Extensão do Google Translate para o Chrome. É um botão muito prático que traduz automaticamente a página que você está acessando.

Facilita muito a vida de quem usa muito a internet (e é preguiçoso)...

A instalação é bem simples. Não é preciso configurar nada. Para isso, basta clicar na imagem abaixo:

Clique na imagem acima para instalar essa extensão do Google Chrome

Para usar também é simples. Basta clicar no botão do Translate que aparece no canto direito. A tradução é feita automaticamente.

O bom desse recurso é que você pode traduzir para vários idiomas. Caso esteja interessado em saber como ficaria o site em japonês, por exemplo.

Não seria muito útil isso. Mais a título de curiosidade mesmo...

E também você pode voltar ao idioma original clicando no botão Mostrar Original

Bastante prático. Fica mais rápido após a primeira tradução.

Caso não tenha gostado desse recurso é simples desinstalar.
Basta você ir em: OPÇÕES > FERRAMENTAS > EXTENSÕES > Encontre a extensão do Google Translate > Clque em DESINSTALAR

Eu gostei bastante desse recurso, pois é muito simples e facilita demais a vida. Além de traduzir automaticamente não sendo necessário ir no site do Google Translate, você pode ativar apenas quando desejar.
Espero que tenham gostado. Estarei postando mais dicas que eu encontrar.

Dicas Chrome - Limpar histórico Automaticamente

noreply@blogger.com (Erison) — Wed, 20 Apr 2011 13:43:00 +0000

Você usa o Google Chrome? Eu particularmente gosto muito de usá-lo, atende minhas necessidades além de ser rápido. Única coisa que me queixava é que o mesmo não tinha a opção de excluir o histórico após fechar o navegador como o Firefox e o Internet Explorer.
Mas encontrei uma extensão que resolveu essa deficiência do Chrome. Chama-se Auto Clear

É muito simples de usá-lo. Basta instalá-lo somente. Não é preciso configurar nada. Para instalar, clique na imagem abaixo:

Clique na imagem para fazer o download do Auto Clear

Caso não tenha gostado desse recurso é simples desinstalar.
Basta você ir em: OPÇÕES > FERRAMENTAS > EXTENSÕES > Encontre a extensão do Auto Clear > Clque em DESINSTALAR

Eu particularmente gostei desse recurso. Torna o uso do Chrome ainda melhor e o mais importante, o Auto Clear funciona.

Blog - Bellezza Unica

noreply@blogger.com (Erison) — Thu, 30 Dec 2010 15:34:00 +0000

O blog é de uma grande amiga minha, Ludmila Salomão. Nesse blog ajudei mais no layout e visualização acrescentando toques personalizados para a Ludmila.
O Blogger de uns tempos pra cá, melhorou bastante. Agora ele oferece o recurso "Design de Modelo" que auxilia muito na hora de editar o blog. O template utilizado foi o Espetacular LTDA, onde modifiquei o fundo e o jogo de cores e imagens que compõe esse template pré-pronto.

No blog inseri os botões com o onmouseover e onmouseout. Um efeito que fica visualmente muito bom. O resultado foi esse:

Também adicionei a Nuvem de Tags através de um tutorial do Mundo Blogger. Um blog muito bom que contém inúmeros tutoriais bacanas para acrescentar no seu blog.
Pra finalizar, acrescentei um fundo com a assinatura da Ludmila, dona do blog.

Basicamente foi esse trabalho que desenvolvi no blog Bellezza Unica. Se você é fã de moda, maquiagem, Make UPs e várias dicas. Esse blog é uma boa escolha!

Atualizado em 09/08/2011

Tutorial HTML - Postando imagem via Picasa Web

noreply@blogger.com (Erison) — Tue, 23 Feb 2010 13:10:00 +0000

Fiz um tutorial para explicar como postar imagem (JPG, GIF, PNG e etc) em comunidade moderada do Orkut através do Picasa Web.

Depois que você copiou o link, tem como você redimensionar a imagem através do próprio link. Como exemplo o link:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1jGr8C6nzBZgI0NMC0ioWdGbH9_QqAj471LIhs_f0OFvwzWCgwYbuUWLwRdk4dzYOpQuktEkQw8BWz1XOdvKlaUa5w4NzUPH1IeRKYX43MWRD2F3YY-e_AaEJ-peBD6HlmjVVY53936ff/s640/postandopicasaweb.jpg

Perceba que o link possui esse código s640. Ele indica o tamanho da imagem que irá aparecer¹. No caso esse link é a imagem do tutorial acima que está com esse código s640.
Para a imagem não ficar muito grande na postagem da imagem no Orkut, eu uso o seguinte código:

<a href="http://link/imagem.jpg" title="Título"></a>

O href="http://link/imagem.jpg" representa a imagem que aparecerá caso eu clique no link ou na imagem.
E o img src="http://link/s640/imagem.jpg é a imagem que eu estou vendo para ser clicada. Como exemplo o tutorial acima, quando você clica a imagem aumenta.
E se quiser por título na imagem, use esse código: title="Titulo".

Por exemplo, mostrarei o código que usei para postar esse tutorial:

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1jGr8C6nzBZgI0NMC0ioWdGbH9_QqAj471LIhs_f0OFvwzWCgwYbuUWLwRdk4dzYOpQuktEkQw8BWz1XOdvKlaUa5w4NzUPH1IeRKYX43MWRD2F3YY-e_AaEJ-peBD6HlmjVVY53936ff/" title="Clique para ampliar a imagem"></a>

Note que no link do a href=link/imagem.jpg deixei sem o código s640 e já no link do img src=link/s640/imagem.jpg deixei com o código, para a imagem aparecer menor.

Espero que tenham entendido como funciona postar imagens através do Picasa Web.

1 - Tamanho da imagem: O tamanho da imagem que aparece varia de acordo com o código, que pode ser s200, s400, s512, s640, s800, s1024 e s1600. Ficando maior ou menor de acordo com o código que você deixa no link ou do tamanho original sem o código. Como exemplo:
s200 - https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1jGr8C6nzBZgI0NMC0ioWdGbH9_QqAj471LIhs_f0OFvwzWCgwYbuUWLwRdk4dzYOpQuktEkQw8BWz1XOdvKlaUa5w4NzUPH1IeRKYX43MWRD2F3YY-e_AaEJ-peBD6HlmjVVY53936ff/s200/postandopicasaweb.jpg

s400 - https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1jGr8C6nzBZgI0NMC0ioWdGbH9_QqAj471LIhs_f0OFvwzWCgwYbuUWLwRdk4dzYOpQuktEkQw8BWz1XOdvKlaUa5w4NzUPH1IeRKYX43MWRD2F3YY-e_AaEJ-peBD6HlmjVVY53936ff/s400/postandopicasaweb.jpg

s800 - https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1jGr8C6nzBZgI0NMC0ioWdGbH9_QqAj471LIhs_f0OFvwzWCgwYbuUWLwRdk4dzYOpQuktEkQw8BWz1XOdvKlaUa5w4NzUPH1IeRKYX43MWRD2F3YY-e_AaEJ-peBD6HlmjVVY53936ff/s800/postandopicasaweb.jpg

sem o código - https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1jGr8C6nzBZgI0NMC0ioWdGbH9_QqAj471LIhs_f0OFvwzWCgwYbuUWLwRdk4dzYOpQuktEkQw8BWz1XOdvKlaUa5w4NzUPH1IeRKYX43MWRD2F3YY-e_AaEJ-peBD6HlmjVVY53936ff/

Tutorial HTML - Postando imagem em comunidade moderada

noreply@blogger.com (Erison) — Tue, 23 Feb 2010 13:08:00 +0000

Por conta de algumas comunidades do orkut serem moderadas e terem o HTML liberado, tornado difícil a postagem de links de imagens como também as imagens, decidi fazer um tutorial básico para postar imagens nos tópicos das comunidades.

Primeiro

Escolha a imagem que você quer postar:

Segundo

Hospede em algum desses lugares: album de orkut ou Picasa Web
PS: O ImageShack não funciona no Orkut e o TinyPic só aparece o link e não a imagem.
Pra resolver esse problema, você pode utilizar o código:
<a href="link da imagem">link da imagem</a>
No lugar do link da imagem você coloca o link do ImageShack ou do TinyPic. Ai aparecerá normal nas sua postagem.

Terceiro

Caso você tenha hospedado a imagem no Picasa Web, clique com o botão direito do mouse e escolha a opção Copiar URL da imagem

Quarto

Depois é só colar o link.

PS: Não apage a imagem de onde você fez upload, se não a imagem some automaticamente do local que postou.

Opcional

Caso queira colocar título nas imagens, vc pode usar esse código:

Exemplo:

Espero ter ajudado.

Tutorial Photoshop - Tirando o fundo de uma imagem

noreply@blogger.com (Erison) — Thu, 18 Feb 2010 23:49:00 +0000

E ae pessoal! À pedidos de uma grande amiga, preparei um passo a passo mostrando como tira o fundo de uma imagem no Photoshop.

A imagem que escolhi para isso foi essa:

Espero que entendam o que preparei nos recursos que estão disponíveis para mim (o PC que estou agora é um tanto complicado e lerdo)

Caso tenha dado certo a imagem ficará assim:

Futuramente farei um video que ficará mais fácil de compreender. Para agora só deu para fazer esse passo a passo no Photoshop. Espero ter ajudado.

Logo - Tecnologia

noreply@blogger.com (Erison) — Sun, 20 Dec 2009 00:12:00 +0000

-> A imagem de fundo e as parafernalhas de computador peguei do GOOGLE
-> Escrevi trechos de Linguagem de Programação Java no fundo, para mudar um pouco o fundo
-> Coloquei efeito de Brilho Externo nas imagens

Logo - Jubileu de Prata

noreply@blogger.com (Erison) — Sat, 19 Dec 2009 23:56:00 +0000

Primeiro eu peguei o fundo do Power Point 2003, tinha achado legal o fundo. ^^
-> Apliquei efeito de Chanfro/Entalhe e Brilho Externo no texto
-> Utilizei a borracha (opacidade 20%/Tipo:esponja) para fazer o efeito do globo, até que gostei do resultado que ficou.
Basicamente isso

Logo - Espaço Cultural

noreply@blogger.com (Erison) — Sat, 19 Dec 2009 23:45:00 +0000

Outro logo que fiz..
Desenhei com a ferramenta caneta o coração e apliquei efeito de Chanfro/Entalhe para deixar mais redonda a imagem.
Depois só apliquei os efeitos nos textos e adicionei o outro logo

Montagem - Tunando carro [2]

noreply@blogger.com (Erison) — Wed, 06 May 2009 18:07:00 +0000

Carro que decidi modificar: (fonte google)

Editei no Fireworks, processos parecidos com o Photoshop. Mudei a cor dos vidros e as calotas e coloquei uma adesivo na lateral

Montagem - Tunando carro

noreply@blogger.com (Erison) — Wed, 06 May 2009 17:36:00 +0000

Essa é a imagem que decidi editar:

Edição feita no Photoshop, usei 'matriz /saturação', coloquei uma outra calota, coloquei aerofólio e editei a dianteira do carro.

Bandeira

noreply@blogger.com (Erison) — Wed, 06 May 2009 17:14:00 +0000

Fiz essa bandeira no Corel Draw 12. Para fazer o globo e a pata do leão, me embasei em imagens ja existentes.

Depois editei no Photoshop, jogando efeito de 'brilho externo' e 'chanfro e entalhe

Logotipo

noreply@blogger.com (Erison) — Mon, 02 Mar 2009 19:19:00 +0000

Foto pegada do google.

Apliquei efeito com o Photoshop, deixando a camera do jeito que está na imagem abaixo.

Apliquei Chanfro e Entalhe em "PHOTO COOP"e fiz reflexo despixelisando um pouco o proprio nome virado ao contrário.

Resultado final:

Logotipo para a empresa ficcticia do meu Projeto do Curso de Web Design

Montagem - foto de casamento

noreply@blogger.com (Erison) — Mon, 02 Feb 2009 10:33:00 +0000

Imagem original extraida do Google:

Montagem feita no Photoshop:

As ferramentas que utilizer foram a caneta, seleção e efeitos de camada.

Outra versão da montagem que fiz:

Nessa montagem joguei uma outra imagem por cima e diminui a opacidade.

Perfil

noreply@blogger.com (Erison) — Tue, 01 Jan 2008 02:00:00 +0000

Eu sou Erison Suzuki Nakajima, mais conhecido por muitos como Sony, por conta do nome.
Comecei a pouco tempo a mexer na área de Web Designer. Tenho diploma técnico nessa área e atualmente curso bacharelado de Sistemas de Informação na USP-Leste.
Curto muito mexer nessa área de Designer, seja em edição de fotos, de sites, vídeos, animações.
Pretendo ainda começar a fazer tutoriais contendo dicas sobre Photoshop e outras ferramentas nessa área, mas ainda está apenas no projeto.
Para quem quiser entrar em contato, meu e-mail é erisonsuzuki@gmail.com.