Arquivo da tag: tutoriais

Informática

Como usar o Pinterest?

Deixe um comentário

Em menos de seis meses, a rede social Pinterest cresceu cerca de quarenta vezes. No meio dessa escalada de popularidade, como sempre, os brasileiros estão entre os usuários mais empolgados. Se você quer entrar nessa brincadeira, mas não sacou direito para que serve o Pinterest, aqui vão algumas dicas bem básicas.

Cadastro e integração

Como toda rede social nova e descolada, o Pinterest exige convites para que os novos usuários se cadastrem. Também como toda rede social nova e descolada, essa restrição é bastante fácil de ser contornada. Os usuários que já têm conta no site podem convidar quantos amigos quiserem. E isso é feito por meio de um botão vermelho bem chamativo.

Então, para entrar na festa, peça ajuda para algum amigo que já tem conta lá. Como saber isso? Basta dar uma olhada nos posts dos seus contatos do Facebook e do Twitter. O Pinterest é completamente integrado à essas duas redes. A parceria é tanta, que, quando você receber o seu convite, não será necessário fazer um novo cadastro. É possível fazer login no Pinterest usando contas do Facebook ou do Twitter.

Quem seguir e o que são esses Boards?

No primeiro acesso ao Pinterest, o site oferece uma lista de usuários para você seguir e também mostra quais dos seus contatos de outras redes seus estão também no site. Até aí, a coisa é bastante semelhante ao Twitter, com uma diferença. Os usuários do Pinterest podem dividir os seus posts em streams separados. Em bom português, isso significa que as imagens e vídeos publicadas podem ser separadas em canais.

Dessa forma, você pode seguir apenas um canal de cada usuário. Sua amiga Marieta, por exemplo, adora bicicletas e gatinhos. Para cada assunto, ela criará um Board. Ao seguí-la, você pode optar por ver apenas as fotos de bicicletas, uma vez que você não é muito chegado em gatinhos.

O conteúdo que você publica também seguirá essa lógica. No momento de postar cada foto, você deverá escolher em qual Board ela será incluída. Não há limites para a criação de Boards e dá para ser bem criativo na criação deles. Claro, que não é mau escolher nomes como “Bicicletas”, “Gatinhos” e “Humor”, que ajudarão você e seus seguidores a organizar melhor sua vida no Pinterest.

Como postar no Pinterest

Além de republicar imagens e vídeos que seus amigos colocaram no Pinterest, você pode (e até deve) colocar coisas novas na rede social de dois jeitos: pelo site ou por meio de um botão de atalho. Trocando em miúdos:

  • Pelo site você pode optar por Upload a Pin e enviar um arquivo da forma tradicional, mandando um documento armazenado no seu HD para o site, ou escolher o item Add a Pin, e colar a URL de um site e esperar que o Pinterest busque quais imagens ou vídeos podem ser publicados na sua conta.
  • Com o Pin It Button a coisa fica mais automatizada. Você adiciona um link do Pinterest aos seus Favoritos do navegador (ou um app do iPhone). Depois disso, basta clicar nele enquanto estiver visitando um site que você quer compartilhar. É o famoso Bookmarklet.

O dia-a-dia

Bom, tudo pronto, tudo legal, tudo uma maravilha. E agora? O dia-a-dia no Pinterest lembra mais o Twitter do que o Facebook. Quando seus amigos começarem a povoar sua conta com o conteúdo deles, você pode republicar esse conteúdo (RePin), pode curtir (ícone de coração) ou comentar. Quando uma dessas três ações acontecerem na sua conta, você será notificado por e-mail e também em uma barra lateral na interface do Pinterest.

Pessoalmente, eu preferi desativar a publicação automática dos meus posts do Pinterest no Facebook e no Twitter. Isso não impede que você deixe de espalhar conteúdo nas outras redes – só poupa os seus contatos da repetição de ver duas ou três vezes os mesmos posts. Quando for o caso de publicar a mesma imagem no Pinterest e no Facebook, basta marcar essa opção na janela de publicação. Acho assim melhor.

Outra dica legal é explorar os posts de usuários que não são seus contatos. Você faz isso clicando nas categorias de posts (dentro do menu Everything) ou nos mais populares. Perceba, porém, que a sua conta, assim como as contas alheias, é totalmente aberta (até para quem não tem uma conta do Pinterest). Nesse sentido, o Pinterest é muito mais parecido com um blog do que com o Facebook.

Informática

Aprenda a tirar seus pneuzinhos usando o Photoshop

Deixe um comentário

Antes de qualquer coisa, uma recomendação: Use com moderação.

Hoje em dia é quase impossível acreditar que as fotos das mulheres que fazem ensaios sensuais para revistas não passem por uma sessão de Photoshop antes. O aplicativo é usado para consertar praticamente tudo, seja tirando algumas pequenas imperfeições do corpo (que, diga-se de passagem, são naturais), seja para aumentar algumas partes do corpo menos enxutas. Só que esse tratamento todo especial não é exclusividade das celebridades. Você também pode fazer isso nas suas fotos e ficar com um corpinho de dar inveja a qualquer um.

Chegou a hora de tirar aqueles pneuzinhos que estão sobrando, as estrias que insistem em sobressair e também, por que não, dar mais curvas ao seu corpo! E tudo isso sem ter que entrar na faca. Mas não é por causa disso que você não precisará ter cuidado e bom senso nas ‘operações’ digitais.

Para começar, o ideal é escolher uma foto que tenha um fundo sólido, com apenas uma cor, ou talvez desfocado, para que as alterações realizadas não fiquem com o ar muito falso. Escolhida a foto, vamos ao passo a passo:

Passo 1. Abra a imagem no Photoshop e duplique a camada (layer) para manter a original como cópia de segurança.

Passo 2. Acesse o filtro Liquify (Ctrl+Shift+X), que é o grande responsável por “consertar” as imperfeições. Selecione a ferramenta Forward Wrap Tool (W) e escolha o tamanho do pincel (Brush Size) que se adapte melhor à imagem.

Passo 3. Nos locais onde você quiser tirar os pneuzinhos, comece a passar a ferramenta moderadamente, até chegar à forma ideal. Para melhorar os detalhes, dê um zoom na imagem e diminua o tamanho do pincel.

Passo 4. Depois de ter feito as alterações no filtro Liquify, é hora de tirar um pouco das sombras que estão no corpo, deixando a pele mais lisa e sem ‘pneuzinhos’. Selecione a ferramenta Dodge Tool (O), escolha o tamanho do pincel e o mude o “Range” para “Midtones”. Passe o pincel nos locais mais escuros, para tirar um pouco da sombra.

Passo 5. Feito isso, vamos arrancar as estrias da pele! Para isso, use a ferramenta Clone Stamp Tool (S), que nada mais é que uma ferramenta para copiar uma parte (perfeita) da imagem para a outra (imperfeita), sobrepondo-a. Próximo ao local da estria, dê um clique o botão esquerdo do mouse enquanto você aperta a tecla Alt, selecionando uma área sem defeitos, que vai substituir a estria. Depois, sem a tecla Alt pressionada, clique sobre a estria e siga desenhando sobre ela, até que a marca suma completamente.

Passo 6. Para finalizar, as alterações feitas com o filtro Liquify deformam um pouco a imagem, então utilize a ferramenta Blur nos locais onde você fez alterações. Assim você devolverá um pouco da naturalidade da foto.

Informática

Criando efeitos 3D – Parte 3

Deixe um comentário

Uma vez que os planos foram definidos e suas transições estão suaves é hora de darmos atenção a um elemento crucial quando se trata de profundidade de campo: o fundo. É ele quem define, junto com a figura em primeiro plano, a distância entre os elementos e seus respectivos planos uma vez que é forte referência visual.

Dica: Tecle D para ajustar as cores de primeiro plano e de fundo como preto e branco respectivamente. Tecle X para alternar suas posições. Tecle Cmd/Ctrl+Backspace para preencher uma camada ou área selecionada com a cor de fundo atual.

1. Guardando o progresso

Crie uma nova camada acima de todas as anteriores, nomeie-a com navio efeito, vá a menu Image > Apply Image. Use a configuração da imagem. Isso criará uma camada com todo o progresso feito até agora. As camadas abaixo podem ser agrupadas numa pasta (selecione-as e tecle Cmd/Ctrl+G) e invisibilizadas.

efeitos-3d-p3p1

2. Recorte a imagem de fundo

Agora trabalharemos no fundo. Abra a imagem do papel velho e recorte-o. Pode-se usar a Magic Wand Tool para isso. Lembre-se de criar uma máscara e amaciá-la como feito anteriormente. Nomeie-a como papel. Coloque-a abaixo da camada navio efeito. Cmd/Ctrla+T para adequá-la à composição.

efeitos-3d-p3p2

3. Prepare o cenário

Crie uma camada abaixo de todas e preencha-a de branco. Batize-a de fundo. Suas camadas devem estar organizadas como na imagem.

efeitos-3d-p3p3

4. Adicione o céu

Duplique a camada navio. Renomeie-a como céu. Retire sua máscara. Posicione-a acima da camada papel como Cliping Mask e utilize o Blending Multiply a 60% de opacidade. Clique em Add a Layer Style > Color Overlay (ajuste na imagem) e Cmd/Ctrl+L para ajustar os Levels(ajustes na imagem).

5. Edite mais máscaras

Selecione a máscara da camada papel Opiton/Alt+Clique e arraste para a camada navio efeito. Na máscara criada em navio efeito revele a parte da proa do navio e parte das amarras.

6. A revelação

Revele as camadas amarras blur e amarras copy 4. Agora você pode ver as amarras saindo da fotografia.

efeitos-3d-p3p6

7. Estilo de camada e desfoque final

Duplique a camada papel, clique com o botão direito na thumbnail de sua máscara e em seguida Apply Layer Mask. Retire a visibilidade da camada original. Com a Blur Tool, desfoque a borda da da camada papel copy na região da proa do navio. Selecione a camada papel copy. Clique em Add a Layer Style > Drop Shadow e siga o ajuste da imagem.

efeitos-3d-p3p7

Informática

Criando efeitos 3D – Parte 2

Deixe um comentário

Agora que já temos os elementos recortados, vamos suavizá-los e colocá-los em seus devidos planos suavizando as transições para maior realismo na composição. Nessa etapa é onde entram os filtros de desfoque. É também onde precisamos atentar ao posicionamento das camadas do arquivo. Se por ventura alguma acabar fora da disposição correta, não atingiremos o fim esperado.

1. Suavizando as máscaras

Selecione a máscara da camada amarras e, na janela Masks, clique no botão Mask Edge para suavizá-la. Faça os ajustes como na imagem. Repita o processo na máscara da camada navio apenas desmarcando a checkbox Smart Radius. Assim nosso recorte não parece ter sido feito com uma tesoura.

efeitos-3d-p2p1

2. Desfocando o primeiro plano

Duplique a camada amarras copy, selecione a camada amarras duplicada copy 2, vá a menuFilter > Blur > Box Blur, ajuste o Radius para 4 pixels e clique Ok. Duplique novamente (criando a camada amarras copy 3) e tecle Cmd/Ctrl+F para aplicar o filtro novamente.

3. Criando grupos de camadas, duplicando máscaras e desfocando mais

Selecione as camadas amarras copy, copy 2 e copy 3, tecle Cmd/Ctrl+G, agrupando-as numa pasta (por padrão chamada Group 1). Tecle Option/Alt+Clique na máscara da camada amarras copy e arraste-a para a camada Group 1. Selecione a máscara recém-criada e tecle Cmd/Ctrl+F para aplicar o Box Blur novamente. Faça o mesmo com as camadas navio. As camadas devem ficar como na imagem.

efeitos-3d-p2p3

4. O recorte definitivo

Duplique Group 1 (clique na camada e arraste-a até o ícone Create A New Layer). Clique Cmd/Ctrl+E para mesclar o grupo. Clique com o botão direito na máscara da nova camada (Group 1 copy) e clique em Apply Layer Mask. Renomeie como amarras blur. Faça o mesmo com a camada Group 2.

5. Repita e organize-se

Refaça o processo de amaciamento das máscaras. Duas novas camadas serão criadas; amarras copy 4 e navio copy 4. Organize suas camadas como na imagem.

efeitos-3d-p2p5

6. Editando as máscaras

Crie uma máscara na camada navio blur e, com um pincel redondo, macio e com opacidade reduzida, retire o desfoque de algumas regiões. Opition/Alt+Shift+Clique na máscara para editá-la visualizando tanto a máscara quanto a imagem mascarada.

7. Gradativo é mais agradável

Use a mesma técnica na camada amarras blur. O nosso intuito nesse passo é tornar gradativa a transição de um plano para o outro.

8. Removendo imperfeições no recorte

Selecione a camada amarras blur, clique em Add a Layer Style > Inner Glow. Use uma cor semelhante à cor das amarras e siga os ajustes na imagem. Tecle Opiton/Alt+Clique no efeito e arraste-o para a camada amarras copy 4 para copiá-lo.

efeitos-3d-p2p8

Informática

Criando efeitos 3D – Parte 1

Deixe um comentário

Muito antes do recurso 3D dominar o cinema e os televisores, grandes artistas já buscavam essa ilusão. Não chegaram exatamente ao mesmo resultado, mas criaram um efeito visual muito interessante e funcional: a perspectiva. Com essa técnica era possível retratar elementos compositivos em diversos planos diferentes dentro da mesma tela. Essa técnica é tão utilizada e há tanto tempo que sequer damos conta de sua aplicação de tão natural que se tornou à nossa percepção.

Dessa vez, vamos potencializar os efeitos visuais do ponto de fuga criando a ilusão de profundidade. Separaremos nossa imagem em diferentes planos e, mudando seus níveis de desfoque de acordo com a distância do ponto focal, causaremos a sensação de afastamento dos planos.

Esse efeito é largamente utilizado em anúncios e cartazes. Assim, tornamos as peças publicitárias mais atrativas gerando uma área de interesse dentro da composição e conduzimos a visão do observador para esse ponto específico.

efeitos-3d-resultado

1. Fazendo paths com a Pen tool

Escolha uma imagem que possua um ponto de vista interessante. A proa de um velho navio de guerra parece ideal. Para usar essa imagem, baixe o arquivo neste link . Comece fazendo um Path ao redor do navio com a Pen Tool. Não se preocupe com as amarras. Duplo clique no Path para renomeá-lo como path 1.

efeitos-3d-p1p1

2. E mais paths

Faça um novo Path em torno das amarras e nomeie-o como path 2. Assim separamos as informações e tornamos sua seleção mais fácil e rápida.

efeitos-3d-p1p2

3. Nomeando as camadas

Duplo clique na camada Background. Nomeie-a como navio. Preste muita atenção aos nomes dados às camadas. Um erro e tudo pode ir por água a baixo.

4. Duplicando e renomeando

Com a camada selecionada (tecle Cmd/Ctrl+J para duplicá-la). Renomeie-a como amarras.

5. Selecionando os paths

Cmd/Ctrl+Clique no path 1 para carregar uma seleção. Clique na camada navio para selecioná-la e em Add Layer Mask para criar uma máscara.

efeitos-3d-p1p5

6. Refazendo e organizando

Repita o passo 5 com a camada amarras, mas carregue a seleção a partir do path 2. A camada amarras deve ficar por cima da camada navio.

efeitos-3d-p1p6

Informática

Destruindo uma bola de futebol – Parte 3

Deixe um comentário

Se você ainda tiver paciência, pode continuar criando mais fragmentos e shapes com a pen tool. Entretanto, começamos a trabalhar mais detalhadamente a profundidade de campo com os filtros de desfoque, criamos um clima com photo filter e, por fim, adicionamos nitidez à imagem final.

1. Só mais alguns fragmentos

Crie uma nova camada acima de todas, vá ao menu Image > Apply image para criar uma única camada com tudo feito até agora. Use essa camada da mesma forma que usamos a camada Imagem e aplique mais algumas formas e use o filtro Radial Blur. Dessa forma, os fragmentos ficam mais interessantes, pois se tornam partículas de outros pedaços.

2. Readequando a composição

Ajuste o posicionamento de alguns fragmentos para melhor fluidez da composição.

3. Limpando a sujeira

Crie mais uma camada acima de todas e vá ao menu Image > Apply image para gerar nossa imagem final. Todas as camadas criadas anteriormente para gerar os fragmentos não são mais necessárias e podem ser descartadas, bem como as camadas criadas para o comando Apply Image.

4. Conectando as coisas

Crie uma camada de ajuste Photo Filter acima de tudo. Escolha uma das nuances de cor do fundo. Ajuste o Blending da camada para Hard Light com opacidade de 30%. Você pode explorar outras formas de usar o Photo Filter.

5. Nitidez

Repita o processo de Apply Image. Vá a menu Filter > Sharpen > Sharpen. Para concentrar o Sharpen no centro da bola use um pincel redondo e macio numa máscara eliminando as bordas da imagem.

Informática

Destruindo uma bola de futebol – Parte 2

Deixe um comentário

Uma vez que temos as várias formas, o efeito de desintegração começa a surgir. Faremos algumas formas alongadas para dar sentido às idéias. Trabalharemos também com ferramentas de desfoque para adicionar profundidade de campo e ressaltar o movimento. Continue firme na pen tool adicionando cada vez mais detalhes. Quanto mais, melhor.

1. Direção e sentido

Agora faça formas alongadas em um sentido específico, variando os tamanhos. Isso vai dar a direção do impacto.

destruindo-bola-futebol

2. Variando as formas

Adicione mais detalhes, procure colocar pedaços triangulares, quadrados e arredondados bem pequenos. Procure variar as formas. Essas partículas dão mais realismo à cena.

destruindo-bola-futebol-3

3. Reforce o senso de direção

Aumente a quantidade de figuras alongadas. Finas, longas, curtas, largas… varie o máximo possível. Tenha sempre em mente a idéia de movimento e direção.

destruindo-bola-futebol-1

4. Comece a pensar na profundidade de campo

Intensifique a quantidade de partículas no entorno da bola. Assim conseguimos mais volume.

destruindo-bola-futebol-5

5. Promova o caos

Acrescente mais alguns pedaços e espalhe detalhes por todas as partes. Você pode duplicar alguns existentes, mesclar outros criando novos.

destruindo-bola-futebol-6

6. Movimento borrado

Escolha algumas camadas e aplique o filtro Radial Blur no método Zoom (menu Filter > Blur > Radial Blur). Ajuste de modo a criar a ilusão de que algumas partes foram lançadas em alta velocidade.

destruindo-bola-futebol-7

Informática

Destruindo uma bola de futebol – Parte 1

Deixe um comentário

Esportes são, basicamente, fundamentados no movimento. Onde há movimento, inevitavelmente, há impacto. É justamente essa idéia que inspira esse tutorial. Se você não tem muita experiência com a Pen tool, prepare-se para um treinamento intensivo e não desanime. Se você já tem alguma prática, esse será mais um teste de paciência. Embora o processo seja um pouco penoso, o resultado vale a pena.

O processo é bem simples e consiste basicamente em destruir uma bola de futebol. Usaremos muitos shapes para dar movimento ao objeto da cena. Ao final do processo teremos uma arte original que, além da sensação de velocidade, parece estar se despedaçando. E o melhor: sem o uso de filtros que limitam o controle sobre o resultado da arte final.

É uma boa pedida para material esportivo em geral. Não só no tema futebol ou esportes com bolas, mas também automobilismo e pugilismo. Experimente a técnica em outros tipos de imagens, os resultados serão interessantes.

Nível: Iniciante
Tempo: 2,5 horas
Versão: CS5
Recursos: Pen tool, brush tool, gradiente tool e shape layers
Imagens: www.sxc.hu

Novas habilidades: Criação de shapes com a pen tool; composição visual.

Dica: Você pode usar o Adobe Illustrator para construir os shapes. O processo fica mais rápido se você dispõe de uma tablet gráfica. Use a imagem ao fundo como referência e crie os shapes com um pincel. Use cores contrastantes pra ter uma boa visão do que está fazendo.

destruindo-bola-futebol-final

1. Preparando as ferramentas

Antes de qualquer coisa, selecione a imagem a ser utilizada. Ela está disponível neste link. É necessário recortá-la de seu fundo original. Feito isso, crie seu próprio fundo usando cores que contrastem com o objeto principal. Utilize gradientes para obter um efeito de luminosidade. Depois de pronto crie uma nova camada vá ao menu Image > Apply Image para criar uma única camada com tudo feito até agora. Essa camada é crucial e será chamada de Imagem daqui em diante.

2. O trabalho é sujo, mas alguém tem de fazê-lo.

destruindo-bola-futebol-2Agora, comece o efeito de desintegração. Selecione a Pen Tool e assegure-se de estar ajustada para Paths e não para Shape Layers. Duplique a camada Imagem e faça Paths criando formatos aleatórios em torno do objeto, nesse caso a bola. Quando tiver alguns, clique como o botão direito e clique em Make Selection. Use Cmd/Ctrl+J para criar uma nova camada com a forma da seleção. Cmd/Ctrl+T para ampliar as formas distorcendo-as e criando um efeito de zoom.

3. Quanto mais shapes, melhor

Repita o processo, mas desta vez faça formas menores e em pontos mais específicos.

4. Detalhes e complexidade

destruindo-bola-futebol-4Corte partes específicas do objeto, em nosso caso, detalhes da costura e das marcas impressas e as coloque longe de suas posições originais. Cuidado com a composição! Utilize a Pen Tool como já explicado.

5. Shapes diferenciados

Faça pedaços bem pequenos e arredondados por toda a volta da imagem variando em pontos de maior e menor concentração. Use o mesmo método.

Informática

Como mudar a cor do cabelo no Photoshop

Deixe um comentário

O Photoshop é um software completo. São vários os recursos e ferramentas oferecidas aos usuários, e há quem diga que, conhecendo-se todos eles, é possível fazer praticamente qualquer coisa. Confira neste tutorial como mudar a cor do cabelo de alguém em uma foto. Veja abaixo:

Passo 1. Escolha uma imagem e abra-a no Photoshop.

Passo 2. Clique em “Edit in Quick Mask Mode” ou aperte a tecla Q.

Passo 3. Selecione a ferramenta “Brush Tool” ou aperte a letra “B”.

Passo 4. Clique em “Click to open the Brush Preset picker” (seta preta ao lado das opções de Brush).

Passo 5. Defina o nível “Hardness” para 0%.

Passo 6. Selecione toda a área do cabelo. Para maior precisão, ajuste o tamanho do brush e o nível de zoom.

Passo 7. Terminada a seleção, clique em “Edit in Standart Mode” ou aperte a letra Q novamente.

Passo 8. A área selecionada deve ser todo o resto da foto, deixando apenas o cabelo sem seleção. Para inverter essa seleção, depois, clique em “Select” e, em seguida, selecione a opção “Inverse” (atalho: Ctrl+Shift+I).

Passo 9. Com o cabelo selecionado, clique em “Adjustments” e selecione o recurso “Hue/Saturation”. O atalho para essa função é o comando Ctrl+U.

Passo 10. Na janela da ferramenta, marque a opção “Colorize”, no canto inferior direito.

Passo 11. Ajuste a barra “Hue” para definir o tom de cor desejado.

Passo 12. Mova o cursor pela barra “Saturation” para escolher a intensidade da cor.

Passo 13. Na barra “Lightness”, ajuste o nível de luminosidade. Cuidado para não escurecer ou clarear muito o cabelo e perder os detalhes.

Passo 14. Clique em “OK” e confira o resultado.

Agora você poderá brincar à vontade com as variações de cor do seu cabelo no Photoshop, sem correr o risco de ficar insatisfeito e arrependido depois. Os mesmos passos acima podem ser aplicados em diferentes situações, como, por exemplo, para mudar a cor de uma camisa ou para mudar a cor dos olhos.