segunda-feira, 21 de fevereiro de 2011

Google Analytics (GA)

Google Analytics (GA) é um serviço gratuito oferecido pelo Google que gera detalhadas estatísticas sobre os visitantes de um website . O produto é destinado a profissionais de marketing ao contrário webmasters e tecnólogos de que a indústria de web analytics originalmente cresceu. É o mais utilizado site do serviço de estatísticas, em uso atualmente em torno de 57% dos 10.000 sites mais populares. Outra análise de mercados partes alega que o Google Analytics é utilizado em torno de 49,95% do topo 1.000.000 sites ( como atualmente classificados por Alexa).
GA pode rastrear os visitantes de todos os referrers , incluindo motores de busca , exibe publicidade, pay-per-click redes, e-mail marketing e material de digitais, como links dentro PDF documentos.
Integrado com o AdWords , os usuários podem rever campanhas on-line, controlando a qualidade da página de aterragem e conversões (metas). Gols pode incluir vendas, geração de leads, a visualização de uma página específica, ou baixar um arquivo em particular. Estes também podem ser monetizados. Ao utilizar GA, profissionais de marketing podem determinar quais anúncios estão realizando, e que não são, fornecendo as informações para otimizar ou campanhas de reforma.
A abordagem GA é mostrar alto nível de painel de tipo de dados para o usuário casual, e mais aprofundada de dados em aprofundar o relatório conjunto. Através da utilização da análise de GA, pobre desempenho páginas podem ser identificados através de técnicas como a visualização de funil, onde os visitantes vieram ( referrers ), quanto tempo eles ficaram e sua posição geográfica. Ele também fornece recursos avançados de mais, incluindo a segmentação visitante personalizado.
Os usuários podem adicionar oficialmente até 50 perfis do site. Cada perfil corresponde geralmente a um website . É limitada a locais que têm um tráfego de menos de 5 milhões de pageviews por mês (cerca de 2 pageviews por segundo), a menos que o site está vinculada a uma AdWords campanha.
Fonte: wikipedia



Esse programa e muito bom, tenho usado ele nos sites que trabalho e tenho um resultado muito bom.

Recomendo a todo mundo que quer monitorar seu site a colocar ele.
Com o monitoramento da para melhorar o site e ver onde os clientes abandonam o site onde eles ficam mais tempo e varias outras ferramentas.

Abraços para todos e ate o próximo post.


sábado, 19 de fevereiro de 2011

Site atualizado!!!

Meu site de graff esta atualizado com um layout totalmente novo.

Esta bem mais interativo e fazil de mexer.

Abraços.

Daniel Goaboy.

sábado, 12 de fevereiro de 2011

TUTORIAL TATUAGEM 3D

1º Abrir a imagem onde vai ser feita a tatuagem. Ctrl+O e navegue até onde sua foto está localizada.
Dica: Escolha ou tire uma foto com o fundo de uma cor só. Será melhor para aplicar a borracha para apagar o fundo.

(Imagem 1)

2º Se a aba das layers não estiver aberta. Aperte F7 para ver as layers. (isso é muito importante para se organizar e não se perder no trabalho que está sendo feito).


3º Na imagem escrito Background aperte no cadeado e sem tirar o dedo do mouse arraste ate a lixeira no final da aba layer. (Imagem 2)

4º Renomeie a layer, clique 02 vezes onde está escrito layer 0. E coloque o nome que desejar (nesse tutorial coloquei o nome de foto).

5º De Ctrl+J para duplicar a imagem. Apague o olho da imagem de baixo.


6º Vamos trabalhar só na imagem de cima agora. Com a imagem selecionada, vá a Background Eraser Tool. Nas especificações da ferramenta no topo do PS clique no segundo conta gotas e mude o Limits para Contiguous. Coloque a Tolerance que achar melhor. (nesse tutorial coloquei 30%).



7º Pressione o Alt e com o conta gotas clique no fundo da imagem. Depois desse passo, siga exatamente os passos a seguir. Clique com o botão esquerdo do mouse no fundo da imagem e SEM tirar o dedo do mouse limpe o fundo todo.
Mas muito cuidado para não passar a borracha em cima da sua foto. Pois ela vai apagar tudo que estiver com a mesma cor que você colocou no conta gotas. (por isso a foto tem que ter contraste com o fundo para não atrapalhar na hora de apagar).
Dica: Essa é a mesma técnica que se usa para recortar cabelos mais perfeitamente.
(imagem 3)
8º Depois do fundo todo retirado. Duplique a imagem novamente (Ctrl+J) e mude o modo de mesclagem para Overlay (imagem 4) para dar uma dramaticidade maior a imagem. Trabalhe essa mesclagem do jeito que achar melhor. Tirando a Opacity (imagem 5 - 1) ou escurecendo (imagem 5 - 2) e clareando (imagem 5 - 3) a foto pelo Levels (imagem 5 - 4). Image > Adjustments > Levels (Ctrl+L).
                                 (imagem 4)                                                      (imagem 5)
Agora vamos começar a colocar a tatuagem no lugar escolhido (nesse tutorial vou colocar no braço).

9º Baixe da internet a imagem que você vai fazer de tatuagem.
Dica: Pegue uma imagem com o fundo branco, vai facilitar na hora de mesclar ela com a foto.
Depois de ter pego a imagem da internet, coloque ela em cima de todas as outras layers.

10º Vá ao modo de mesclagem e coloca a imagem da tatuagem em Multiply. Você já vai ver que a imagem da tatuagem incorporou a foto, já dando um efeito de tatuagem.
 Na hora de colocar a tatuagem no corpo deixe a parte da cabeça já para fora do corpo, porque é a partir desse pedaço do pescoço que vamos fazer a tatuagem ficar   ficar 3D.
           
11º Apague as partes que ficaram de fora (nesse tutorial as partes de fora do braço).


Agora nós vamos fazer uma técnica que é muito boa para dar mais realismo na
tatuagem em relação à luz da foto.
           
12º Com a imagem da tatuagem selecionada vá a Layer >. Layer Style > Blending Options abrirá uma janela com vários efeitos para serem usados.
Mas nós vamos usar o Underlying Layer que está na parte do meio dessa janela na parte de baixo.
Para usar esse efeito aperte o Alt em cima seta (imagem 6 - 1), para quebrá-la em 2, pegue a parte da esquerda e arraste até a tatuagem, para apagar um pouco onde tem a luz na foto (imagem 6 - 1).
Cuidado para não arrastar muito e ficar muito exagerado o efeito.
(imagem 6)
13º Novamente vá à internet e baixe a outra parte da imagem que você está usando. Pegue uma imagem mais realista (concept art). Para colocar junto da onde foi cortada a outra imagem da tatuagem. (nesse tutorial vou pegar uma cabeça de dragão).

14º Após ter achado a imagem desejada, recorte e coloque em cima de todas as outras layers. E já posicione perto do final da outra imagem.

15º Para esse tutorial vou aumentar mais um pouco o palco de onde estou trabalhando para enquadrar melhor a montagem. Image > Canvas Size (Atl+Ctrl+C) Mude o Width para pixels e coloque o valor que desejar e no Anchor aperte a seta para onde deseja que aumente o tamanho que você informou no Width.

Sua arte tem que ficar parecida com esta. (imagem 7)

(imagem 7)

Agora vamos começar a trabalhar a cabeça para ficar uma passagem real da parte da tatuagem desenhada para a cabeça da imagem escolhida.

16º Com a Eraser Tool (borracha) com o Hardness em 0% vem apagando a parte da cabeça perto do pescoço e vem deixando aparecer o pescoço da imagem de baixo. Fazendo assim a transição de uma imagem para a outra, tendo a visão de que a cabeça está levantando do corpo e dando o efeito de realismo.

(imagem 8)
Vamos fazer agora uma sombra debaixo da cabeça para dar mais ênfase ao realismo.

17º Duplique a imagem da cabeça (Ctrl+J) e com a imagem duplicada da cabeça selecionada aperta Ctrl+Alt+U irá abrir a janela do Hue/Saturation, essa janela serve para alterar as cores de objetos. Mas nesse caso agente vai colocar a imagem toda em preto. Pegando a seta do Lightness e levando até o final do lado esquerdo.
Assim a imagem estará toda em preto. Aperte Ok para confirmar o efeito. (imagem 9)
Agora vamos espelhar a imagem preta, vai a Edit > Transform > Flip Vertical, a imagem vai ficar   assim. (imagem 10)
Pegue essa layer da imagem preta e jogue para trás da imagem da cabeça colorida. Na imagem preta arraste ela para baixo até ficar na direção da colorida, e diminua um pouco a imagem preta, e tire um pouco a Opacity dela (eu coloquei 20%). (imagem 11)
 (imagem 9)                        (imagem 10)                            (imagem 11)

18º Aperte Ctrl+T para abrir a parte o Free Transform pressionando o Ctrl vai com a seta do mouse até a ponta da caixa de transform que está ao redor da imagem e direciona a perspectiva de acordo com o seu gosto.


Depois que fez a perspectiva desejada confirme nesse botão na parte de cima do programa.
(imagem 12)
Para dar mais realismo a sombra, agora vamos embaçar ela um pouco.

19º Vai a Filter > Blur > Gaussian Blur. Coloque o Radius com o valor que desejar. (usei 3,0) aperte Ok para confirmar.
Pronto a sombra da cabeça está pronta.

Só tire o excesso que ficou para fora da foto.

Agora vamos para a parte colorida para colocar ela mais parecida com a imagem desenhada na questão de coloração.

20º Duplique a imagem (Ctrl+J) na imagem de cima mude o modo de mesclagem para Overlay, e na imagem de cima recorte a boca e deixe só a da imagem de baixo.
(imagem 13)
21º Selecione as 02 layers da parte colorida e aperte Ctrl+E para chapar as 02 imagens em uma só.

22º Duplique novamente a imagem (Ctrl+J) e agora aperte Ctrl+Alt+U irá abrir a janela do Hue/Saturation a imagem vai aparecer toda em preto. Não se preocupe, pois vamos trazer a cor de novo a imagem.
Agora agente vai trabalhar com as três setas que aparecem nessa janela, coloque o Lightness em 0, o Hue com o valor de -119 e o Saturation com o valor de -26, aperte o Ok para confirmar.
OBS: Nessa janela a caixa do Colorize tem que estar desmarcada.


A imagem vai estar com essa coloração.

23º Vamos agora apagar todas as partes roxas da imagem e revelando as partes coloridas da imagem de baixo. Pode apagar com a Eraser Tool (borracha) ou com a Polygonal Lasso Tool. Depois de apagar as partes roxas da imagem e só selecionar as 02 layers e da um Ctrl+E. Pronto a essa parte está finalizada.

24º Volte as 02 layers que duplicamos no começo da foto. Selecione as 02 e dê um Ctrl+E. Em seguida vai a Filter > Blur > Surface Blur e coloque o Radius e o Threshold ao seu critério (coloquei 6 para Radius e 12 para Threshold). Sua imagem ficará com a pele mais lisa e limpa.

Dica: Essa é a mesma técnica que as revistas masculinas usam para deixar a pele das modelos mais parecida com pele de boneca.

Já estamos chegando ao fim do tutorial, agora vamos pegar uma textura para colocar no fundo da montagem que estamos fazendo para dar uma dramaticidade maior a manipulação.
Procure na internet uma textura bem interessante que combine com a manipulação que estamos fazendo.

25º Após ter pego a textura coloque ela no final das layers. Vamos colocar a imagem em preto e branco, aperte Ctrl+Shift+U.
Após esse procedimento vamos escurecer mais ainda a textura, vai a Image > Adjustments > Levels (Ctrl+L). E na parte de baixo da janela em Output Levels arraste a seta branca até onde desejar para a imagem ficar mais escura. (fui até 125)
Na parte de cima onde tem um gráfico em Input Levels arraste a seta preta até onde desejar a parte preta da textura vai ficar mais escurecida. (fui até 137). Aperte Ok para confirmar.

Agora vamos dar mais vida ao fundo da nossa manipulação trabalhando um pouco mais nela.

26º Crie uma nova layer em baixo da layer da textura. (Ctrl+Shift+N) e pinte essa layer toda de preto.

27º Agora selecione a layer da textura, pegue a Eraser Tool (borracha) e apague a parte de cima e a parte de baixo da textura.

A imagem estará assim:
(Imagem 14)
Poderíamos dizer que já está pronta?
Sim e não. Se você fica satisfeito em uma arte que você sabe que pode criar mais e por preguiça não vai mais além, essa manipulação estaria pronta.
Mais para quem repara mais um pouco e gosta de fazer trabalhos mais evoluídos, ela ainda falta alguma coisa.

O que esta faltando no dragão?
Que tal cuspir fogo?
Sim cuspir fogo, então é isso que vamos fazer agora, para dar mais uma encorpada na nossa manipulação.

28° Crie uma nova layer em cima de todas as outras layers. Pegue o Brush Tool e aumente ele bastante (coloquei 1400) coloque um vermelho bem escuro (usei #631113) e aperte no centro da imagem, depois diminua um pouco o Brush (coloquei 700) coloque um laranja (usei #be381f) e aperte no centro da bola que você fez antes, depois diminua mais pouco o Brush (coloquei 400) coloque um amarelo (usei #f2e153) e aperte no centro da bola que você fez antes.
(imagem 15)
A layer que criamos já está com a cor de fogo, agora falta fazer o movimento que o fogo faz.

29º Para isso vamos trabalhar com o Liquify, Filter > Liquify (Shift+Ctrl+X). Abrirá uma nova janela.

Usaremos a ferramenta Forward Warp Tool. Clique na bola que criamos e arraste para o lado fazendo um zigue zague.

Clique em Ok para confirmar, e o Photoshop vai voltar à tela normal
com a chama que foi criada.
Vai duplicando essa bola de fogo e mesclando com o Hard Light uma por cima da outra ate chegar a forma de fogo desejada.
Todas as imagens duplicadas têm que ficar com o modo de
Mesclagem em Hard Light.
Depois de estar com o resultado do fogo satisfatório.
Coloque o fogo criado na direção da boca do dragão.                                                          
É hora de colocar a luz do fogo refletindo na foto que foi escolhida.
                                               

30º Crie uma nova layer em cima da layer onde está a foto. Com o Brush Tool selecionado, passe na borda da foto levemente, para ficar só uma ponta pintada, use o mesmo tom de laranja que usou para fazer o fogo.

31º Depois modifique o modo de mesclagem dessa layer para Overlay. A foto já vai pegar o tom de laranja por cima da pele.
Agora e só tirar os excesso dos lados e colocar Opacity se achar que deva.

32º E por último crie mais uma layer e coloque em cima da layer da textura, e com o Brush Tool faça mais 2 bolas do mesmo jeito que fizemos o fogo. Aumente o Brush (coloquei 1400) coloque um vermelho bem escuro (usei #631113) e aperte no centro da imagem, depois diminua um pouco o Brush (coloquei 700) coloque um laranja (usei #be381f) e aperte no centro da bola que você fez antes, arraste depois para o canto da montagem perto do final do fogo e mude o modo de mesclagem para Overlay. Duplique a layer até chegar ao ponto desejado.

OBS: O PS não faz milagre, se você não tiver paciência e cuidado com o acabamento sua manipulação não vai ter o resultado satisfatório.

E pronto chegamos ao final do tutorial Tatuagem 3D, espero que tenham gostado e até o próximo.


quarta-feira, 9 de fevereiro de 2011

Orkut: o gigante adormecido que precisa acordar

Apresentado ao mundo em janeiro de 2004, antes mesmo do lançamento do Facebook, o orkut (com letra minúscula), desenvolvido internamente durante os 20% de tempo livre do Engenheiro de Software Orkut Büyükkökten, pretendia ser um dos tentáculos da empresa de Mountain View no ambiente das redes sociais.
Liberado através de convites, a rede social do Google prendia o internauta através de sua exclusividade, oferecendo acesso fácil às informações dos amigos e familiares, além de oferecer uma interface intuitiva e recursos sociais, como recados, fotos, comunidades, fãs e estrelas de avaliação.
Embora não tenha tido um início explosivo, as datas de criação mostram que o Facebook teria se baseado no Orkut para definir sua estratégia quanto a liberação de convites. Desta forma, mesmo que não confirmado, é possível imaginar que Mark Zuckerberg tenha conhecido o produto antes de lançar sua própria rede.
Seu crescimento, porém, não conseguiu superar as tendências do mercado, principalmente dentro dos Estados Unidos. No Brasil, por outro lado, a empolgação dos usuários empurrava a demografia da rede social para longe de sua origem, tornando o serviço praticamente nacional.
Em uma entrevista em 2009, Marissa Mayer, na época vice-presidente de Pesquisa de Produtos e Desempenho dos Usuários no Google, tentou oferecer uma explicação alternativa e diferente para o acontecimento ao afirmar que o fuso-horário teria sido o fator responsável.
“Os brasileiros e indianos acessavam a internet massivamente em um horário diferente ao dos países mais desenvolvidos, o que fez com que o Orkut oferecesse uma experiência mais satisfatória aos usuários de países onde o tráfego é concentrado em outros períodos”, explicou Luciana Couto, editora do Google Discovery.
Outras explicações também vieram preenchidas de muitas informações desencontradas, como a rede social da Yakult (empresa que fabrica leite fermentado e muito popular no Brasil) e, em outros casos mais extremos, a suposta compra do Google pelo Orkut, o que teria sido praticado para melhorar a busca interna, e responsável pela integração da Google Account.
Com o crescimento dos concorrentes, tanto em usuários, quanto de funcionalidades, o Orkut demonstrou não conseguir superar de imediato as novas realidades do mercado, e tem mostrado, em alguns casos, um delay que colabora negativamente para uma migração da sua base de usuários para outros serviços.
Entretanto, não é possível deixar de destacar a grande evolução promovida pelos círculos sociais, uma forma de agrupar os membros e tentar levar, à web, um formato mais próximo das amizades que temos em nosso dia a dia. Não é à toa que o recurso acabou também sendo assumido pelo Facebook poucos meses depois.
Desde 2008, quando o Facebook assumiu a liderança das redes sociais, muito se discute sobre o futuro social no Brasil. Estaria o Orkut em declínio? O Google Brasil, em diversas oportunidades, negou que uma tendência de queda esteja ocorrendo por aqui. Hoje, o Orkut continua a se expandir, sendo alimentado principalmente com o crescimento natural da internet brasileira.
Mesmo com a chegada do Facebook e Twitter, a rede social que promoveu a maior inclusão digital, ainda desfruta de uma liderança sem comparações. Seu impacto chega a 82% da população online, e a tendência de crescimento é favorável. O Orkut se mantém, há vários anos, como o maior site do Brasil.
Alguns números recentes e exclusivos do Orkut que foram obtidos por esta coluna:
  • 200 milhões de fotos enviadas*
  • 6,6 bilhões de fotos vistas*
  • 100 milhões de novas amizades feitas*
  • 550 milhões de recados deixados*
  • 16 milhões de perfis utilizam algum tema
  • 85 milhões de usuários ativos
  • Lucrativo desde novembro de 2009
*por semana
Para não deixar toda esta conquista se perder em vão, o Google Brasil anunciou diversas iniciativas que tentam recuperar e renovar a marca da rede social, trazendo o Orkut para mais próximo das empresas, um fator que vinha sendo perdido para o Facebook.
Entre os anúncios recentes, a empresa demonstrou que pretende renovar as comunidades, dando um toque mais interativo, e possibilitar que empresas possam personalizar o layout e endereço, de modo que o público seja impactado de forma mais efetiva. As primeiras empresas a testar as novidades foram a Warner e a Nike.
Entretanto, o Orkut necessita de mudanças mais drásticas, como a reconquista de seus próprios usuários. Uma verdadeira reforma na arquitetura social diminuiria rapidamente as diferenças junto às redes mais populares, tornando o Orkut um player mais competitivo.
Para chegar neste patamar, é preciso, por exemplo, que o Google invista principalmente em melhores APIs, tornando a plataforma mais aberta, e, claro, o desenvolvimento de uma aprimorada interface móvel, incluindo aplicativos para Android e iOS que ofereçam recursos realmente facilitadores (atualmente a App do Orkut é somente um atalho, e a visualização das informações é limitada ao perfil).