DesignTuts | Vídeo Tutoriais de Photoshop, Illustrator e Dicas de Design. » Photoshop

Tutorial Photoshop – Efeito Telecine

Diego de Oliveira — Tue, 17 May 2011 09:38:50 +0000

Para quem tem TV por assinatura, existe um conjunto de canais muito bons, dedicados aos filmes: é a rede Telecine. Atualmente, a marca da rede Telecine ganhou um magnífico Rebrand, criado pela agência brasileira Beeld. Caso você ainda não conheça o projeto, sugiro que clique aqui correndo e vá ver, vale a pena!

Inspirado nesse excelente trabalho, que usa principalmente recursos tridimensionais, é que resolvi criar uma versão “2D”, para a aplicação principal da marca. Por isso, batizei esse tutorial de “Efeito TELECINE”!

Quer descobrir como chegar ao resultado final, logo abaixo?

Então aperte o play, e divirta-se!

Detalhes do Tutorial

Programa: Adobe Photoshop
Versão: CS3
Dificuldade: Iniciante
Tempo estimado para completar: 20 minutos

Arquivos do tutorial para Download:

Curtiu?

Correção de Imagem não destrutiva com Layers de Ajuste

Danilo Fernandes — Thu, 24 Mar 2011 08:45:29 +0000

Nós sempre abordamos imagens mirabolantes e cheias de efeitos, tratar a imagem de uma modelo é uma coisa, mas e tratar fotos do dia a dia?

Hoje vamos ensinar algumas técnicas que podem melhorar dramáticamente a qualidade das suas imagens de uma maneira muito simples!

Detalhes do Tutorial

Programa: Adobe Photoshop
Versão: CS5
Dificuldade: Iniciante
Tempo estimado para completar: 10 minutos

Curtiu?

Tutorial Photoshop – Efeito Boia

Thiago Paulino — Mon, 07 Mar 2011 10:00:18 +0000

Dificilmente a ilustração é abordada em tutoriais ao redor do mundo, isso porque muitas vezes é difícil explicar em poucas palavras o processo de ilustração de uma imagem. Não mais!

Desenvolvi um processo de ilustração simples, e que resulta em um produto final bem acabado, com técnicas que podem ser utilizadas em muitos outros trabalhos. Espero que goste :)

Efeito Final

Neste tutorial aprenderemos a ilustrar um efeito de plastico reflexivo, também conhecido como “boia” :p

Faça Login Para Fazer Download Dos Arquivos

Username
Password
	Remember Me
	» Lost your Password?

Não faz parte da comunidade?

Registrar-se

Confirme seu email após inscrição

Arquivos para Download

Arquivo .PSD aberto

Arquivo .PNG para ilustração.

Wallpaper – O Espelho + Making off

Thiago Paulino — Thu, 27 Jan 2011 19:26:50 +0000

Alguns dizem que foi inspirado no He-man(Kleber), Outros dizem que é apenas uma imagem horrível. Eu digo que é um espelho, então analise com cuidado, e veja se você reconhece alguma coisa.

Melhor do que uma idéia maluca, essa imagem é também um wallpaper, então se for de seu agrado você poderá utiliza-lá no seu computador! Quão bom é isso??

Melhor ainda, você pode ver passo a passo como essa imagem foi criado. Eu gravei as primeiras 3 horas em que trabalhei nela! =)

O Vídeo

Download

1024x768px

DesignTuts – O Espelho

Curtiu?

Planetas Designtuts – O Tutorial

Thiago Paulino — Tue, 14 Dec 2010 10:13:49 +0000

É hora de mais um tutorial de photoshop! Desta vez vamos aprender a criar passo a passo um planeta realista. O planeta é construído utilizando Smart Objects e é facilmente alterável. O Smart Object é uma ferramenta muito importante do Photoshop, e é utilizado em muitos dos nossos tutoriais. O tutorial é escrito, está muito fácil de acompanhar.

Autor:

Imagem Final

Detalhes do Tutorial

Programa: Adobe Photoshop
Versão: CS5
Dificuldade: Intermediário
Tempo estimado para completar: 40 minutos

Recursos do Tutorial

Os arquivos a seguir foram utilizados para criar este tutorial.

Textura Grunge Verde

Etapa 1

Vamos iniciar! 1. Vá até o menu File> New; 2. Altere as medidas para Width: 1500 pixels, Height: 1500 pixels e Resolution: 300 pixels/inch.

Etapa 2

Se tudo der certo você deve ver sua tela como a imagem abaixo 1. Adicione uma nova Layer.

2. Selecione a ferramenta “Paint Bucket” 3. Altere a cor da palleta para branco e 4. clique na imagem para preencher a layer 1 com branco.

Isto é o que você deverá ver agora:

Etapa 3

1. Clique com o botão direto na Layer 1 e em seguida 2. converta a layer em um “Smart Object”

Etapa 4

Clique 2x no thumbnail da layer para abrir o “Smart Obejct” como mostra a imagem abaixo.

Note que uma nova janela ou aba será aberta. Dentro desta nova janela é o interior do “Smart Object”. Podemos criar um dentro do outro para da estabilidade nos efeitos, e vamos fazer isso agora.

Uma vez dentro do “Smart Object”, repita o processo mais uma vez, transforme a layer em um “Smart Object” e clique 2x no thumbnail para abrir o o arquivo

Etapa 5

Uma vez com o segundo “Smart Object” aberto, arraste uma textura para dentro do Photoshop para inserir a textura as layers.

Ou vá até File > Open, e encontre o arquivo que deseja. Uma vez aberto o arquivo, clique na layer com o botão direito e vá até “Duplicate Layer”. Um novo menu abrirá, nele você vai encontrar o submenu “Destination” e dentro dele a opção “Document”. Selecione o nome do arquivo que você deseja transferir a textura (“Layer 11.psb” no meu caso, podemos ver o nome do arquivo na aba).

Reescale a textura para preencher a imagem e aperte “Enter” no teclado numérico.

Iste ó o que você deverá ter agora:

Etapa 6

Salve e feche o segundo “Smart Object”. Agora vamos começar a aplicar os efeitos. 1. Vá até o menu Filter > Distort > Spherize e 2. aplique o efeito com 100% de intesidade. 3. Clique em OK.

Etapa 7

Ainda dentro do “Smart Object” 1. Aperte CTRL + R para abrir a régua nas laterais da tela como mostra a imagem abaixo.

Em seguida 2. Clique nas réguas e arraste para utilizar as guias. Arraste para a extremidade da imagem e a guia será atraída automaticamente.

Etapa 8

Com a layer selecionada 1. Clique no botão para inserir uma mascará, que servirá para eliminar as partes da imagem em que o efeito não está aplicado.

2. Clique e segure no menu para visualizar todas as ferramentas 3. Selecione a Elipse Tool.

4. Clique e arraste de uma extremidade da imagem até a outra, o circulo automaticamente será atraido pelas guias. 5. Se algo sair errado verifique se a terceira opção está selecionada.

Isto é o que você deveria ter neste ponto:

Ainda com a máscara selecionada, aperte CTRL + I para inverter a máscara e finalizar está etapa.

Etapa 9

Salve as alterações feitas no “Smart Object” e volte para o arquivo original. Isto é o que você deveria ver:

Vamos dar um pouco mais de espaço nas laterais para aplicarmos os efeitos. 1. Abra o menu Imagem > Convas Size 2. Altere as medidas para 1800 pixels por 1800 pixels e 3. Aperte “OK”.

Neste momento o fundo deve ter expandido 1. Selecione a layer Background 2. Selecione a ferramenta”Paint Bucket” e com a cor preta preencha a layer Background. 3. Selecione a layer com a textura e duplique 2x com o comando CTRL + J.

Etapa 10

1. Selecione a primeira cópia 2. vá até Filter > Stylize > Emboss 3. Altere o ângulo para -32 graus 4. Height: 3 pixels e 5. Amount: 176%. 6. Aperte “OK”.

1. Clique na seta para abrir o menu “Blending Options” 2. Selecione a opção “Overlay”.

Etapa 11

1. Selecione a segunda cópia 2. vá até Filter > Other > High Pass 3. Altere o Radius: 2,7 pixels 4. Aperte “OK”. 5. Selecione a “Blending Option” “Overlay” novamente.

Este deve ser o seu resultado:

Etapa 12

1. Clique 2x para abrir o menu “Layer Style” 2. Selecione o estilo “Inner Shadow”,3. Altere o “Blend Mode” para “Screen” 4. Caso não esteja selecionado, clique em “Use Global Lights” 5. Distance: 130 px, Choke: 0 px, Size: 360 px 6. Clique no quadrado para abrir a palleta de cores. 7. Selecione um tom claro de roxo e 6. Clique em “OK”. Não saia do Layer Style ainda.

Etapa 13

1. Selecione o Style “Inner Glow” 2. Altere o Size para 123 px 3. Clique no quadrado para abrir a palleta de cores.4. Selecione um tom claro de roxo 5. Clique em “OK”. 8. Clique “OK” novamente para encerrar esta etapa.

Etapa 14

1. Clique 2x para abrir o menu “Layer Style” 2. Selecione o Style “Inner Shadow” 3. Distance: 320 px, Choke: 0 px, Size:160 4. Clique no quadrado para alterar a curva 5. Nesta parte inverteremos o direcionamento da luz para fazer uma sombra intensa no globo. Clique e arraste o ponto para baixo.

6. Clique e arraste o outro ponto para cima como mostra a imagem.

7. Aperte “OK”.

Etapa 15

1. Ainda no menu “Layer Style”, selecione o style “Inner Glow” 2. Altere o Size para 32 px 3. Clique no quadrado para abrir a palleta de cores 4. Selecione um tom claro de roxo 5. Clique em “OK”.

Etapa 16

1. Ainda no menu “Layer Style” selecione o style “Bevel and Emboss” 2. Depth: 1%, 3. Size: 20px 4. Altere o “Highlight Mode” para “Linear Dodge(Add)” 5. Opacity: 35% 6. Opacity: 0%. Verifique também se a Altitude está em 0, se este parâmetro estiver desregulado, todos os efeitos ficarão distorcidos.

Quase acabando! 1. Clique na seta ao lado do quadrado para escolher uma das curvar prontas do Photshop 2. Selecione a quinta curva.

Etapa 17

Para finalizar 1. Selecione o style “Outer Glow” 2. Altere a Opacity para 44% 3. Selecione um tom suave de roxo 4. Clique “OK” e prepare-se para criar novas galáxias!

Resultado Final

Insira aqui uma descrição da imagem abaixo. Explique como realizar este passo de forma detalhada e compreensível. Abaixo insira um imagem de no máximo 600 pixeis.

Curtiu?

É melhor criar logotipos no Photoshop ou no Illustrator?

Thiago Paulino — Wed, 08 Dec 2010 15:24:38 +0000

Uma dúvida que foi minha durante muito tempo. Quando comecei a criar logotipos, uma das coisas que mais me incomodava era está pergunta: É melhor criar logotipo no Illustrator ou no Photoshop?
Felizmente eu descobri a resposta e hoje eu posso compartilha-lá com vocês, confira.

Qual a diferença?

Temos aqui no blog um tutorial ensinando algumas técnicas para criar logotipos no illustrator. Mas porque no illustrator e não no Photoshop?

Trouxe até um amigo para me ajudar a responder esta pergunta. Um designer muito renomado! haha

Espero que goste do vídeo, qualquer dúvida deixe um comentário!

Assista

Curtiu?

Arquivo Grátis "O Criador" – O poder de criar planetas em suas mãos

Thiago Paulino — Tue, 30 Nov 2010 08:10:29 +0000

Não soa épico? haha Bem isso é o mais perto que podemos chegar de criar planetas.
Mais um arquivo exclusivo do DesignTuts, e desta vez nós queremos te dar o poder de criar planetas em alguns cliks. Criamos um arquivo .PSD para o Photoshop em alta resolução que vai facilitar muito a criação de planetas personalizados.
Criamos um pequeno tutorial ensinando como utilizá-lo, confira.

Autor: Thiago Paulino
Designer formado em design de produto e fundador do blog, possui 22 anos, atualmente trabalha como free-lancer e gerencia o DesignTuts. Fique a vontade para enviar seus comentários e dúvidas para ele.

AVISO

Ok, eu gostaria de avisar uma coisa antes de você baixar este arquivo. A resolução está MUITO alta, 2800x2800px. Isso significa que o arquivo está um pouco pesado, então salve tudo antes de abrir para evitar perdas.

Eu recomendaria que sempre, antes de iniciar as alterações, você aperte CTRL+ALT+I, e redimencione para o tamanho que você tem necessidade no momento, isso vai evitar que você perca tempo.

Lançamos também 6 planetas em alta resolução em PNG. Assim se você tiver alguma dificuldade em criar o seu planeta customizado, você poderá usar algum dos criados por nós.

E como eu utilizo “O Criador”?

Para customizar é extremamente simples. Siga as instruções abaixo:

Ao abrir o arquivo, você vai encontrá-lo desta forma:

Clique 2x e uma nova aba/janela será aberta.

Clique 2x novamente e você chagará até a textura do planeta.

Neste ponto você pode escolher uma nova textura entre as pré-selecionadas, ou criar a sua própria textura para o seu planeta.

Salve e feche as duas abas/janelas na ordem inversa a que foram abertas. Siga as instruções abaixo para fazer os ajustes finais de cor.

Como eu falei, caso você tenha alguma dificuldade em utilizar este arquivo, utilize nossos 6 planetas em alta resolução em PNG.

E o que eu faço com esses Plantas??

Bem, foi a mesma pergunta que eu me fiz! haha e isso foi o que eu fiz com eles até agora, ainda não está pronto, mas provavelmente será um tutorial!

O que você acha? Tem alguma idéia de como poderia melhorar? Deixe um comentário e me de uma força.

Curtiu nosso novo arquivo? Deixe um comentário!

A Máquina de Adesivos – O Tutorial!

Thiago Paulino — Mon, 18 Oct 2010 11:08:07 +0000

Este é o tutorial de Photoshop de como criar o arquivo grátis disponibilizado no blog – A Máquina de Adesivos(Sticker Machine).
Entre outras técnicas, neste tutorial vamos aprender a utilizar com eficiência os famosos Smart Objects, que são ferramentas muito úteis no dia a dia dos designer que utilizam o Photoshop.
Assista o vídeo, e deixe seu comentário!

Autor:

O Tutorial

O Resultado

Como posso fazer download dos Arquivos e Texturas?

Inscreva-se na Comunidade Exclusiva do DesignTuts abaixo. Assim que seu email form confirmado você receberá o link para o download do arquivo, e fará parte da comunidade que compartilha os melhores arquivos de design do Brasil.

A comunidade é totalmente gratuita.

Caso após o cadastro você decida cancelar sua inscrição, um link para cancelamento acompanha todos os e-mails do DesignTuts – Comunidade Exclusiva.

Se você já faz parte da comunidade, verifique seu e-mail, o link já foi enviado!

O Desafio – Você consegue fazer o seu?

Sim, é um desafio. Eu te dasafio a fazer o seu adesivo!

Além de ser uma ótima forma de aprender, todos os desafiados que conseguirem fazer seu próprio adesivo terão seu trabalho exposto aqui no DesignTuts em um post especial!

E se você ainda tem alguma dúvida em como utilizar o arquivo grátis(A Máquina de Adesivos), nós criamos um vídeo explicando passo a passo como fazer o seu próprio adesivo fazendo alterações simples no arquivo grátis.

Mais alguma desculpa? Qualquer dúvida deixe um comentário, responderei o mais rápido possível.

Crie o seu adesivo e envie usando o formulário abaixo, que esta dentro da caixa vermelha.

[wp-dropbox]

Quer ter suas informações publicadas ao lado de seu adesivo? Envie seu adesivo e informações para o meu email:
thiago@designtuts.com.br

A Máquina de Adesivos(Sticker Machine) – Como Utilizar?

Thiago Paulino — Wed, 13 Oct 2010 07:05:28 +0000

Neste post vou mostrar tudo que este arquivo é capaz. Muitas pessoas não ainda não sabem como lidar com Smart Objects, então para facilitar ao máximo e garantir que todos possam aproveitar segue o vídeo que fiz para todos.

Veja a seguiro vídeo. Se ficar com alguma dúvida deixe um comentário que eu responderei o mais rápido possível.

Devido ao feriado do dia 12/10 o tutorial ensinando a criar o arquivo foi adiado para o dia 14/10. Aguarde!

Como posso fazer Download?

A comunidade é totalmente gratuita.

Caso após o cadastro você decida cancelar sua inscrição, um link para cancelamento acompanha todos os e-mails do DesignTuts – Comunidade Exclusiva.

Se você já faz parte da comunidade, verifique seu e-mail, o link já foi enviado!

Tutorial Poster 2010 – Parte2: Finalização

Thiago Paulino — Thu, 21 Jan 2010 22:12:45 +0000

Segunda e ultima parte do tutorial, agora nós vamos finalizar o poster de 2010 no que começamos Photoshop. Temos muito trabalho a fazer e muitas técnicas para aprender neste tutorial de Photoshop.
Vamos inserir a imagem do planeta, o fundo de estrelas e a galáxia com algumas técnicas novas que poderão ajudar vocês no futuro.

O tutorial ficou um pouco extenso, mas espero que vocês aguentem firme pois temos muitas técnicas novas e interessantes neste tutorial. Vamos aprender algumas técnicas novas de extração de imagem, alguns efeitos muito legais de texto, vamos finalizar está imagem e deixa-la pronta para colocar na parede.

Caso tenha perdido a Parte1, assista aqui:
Tutorial Poster 2010 – Parte1: Aprenda a Criar as Luzes Anamórficas

Tutorial

Imagem Final

Imagens Utilizadas

NASA.com

Fontes Utilizadas
Molot
Yanone Kaffeesatz
Quicksand

Espero que tenham gostado! Qualquer dúvida deixem um comentário, vou adorar receber suas opiniões também. E se não tiverem nenhuma opinião ou dúvida, deixe um oi!