Hoje, neste vídeo-tutorial, ensinaremos como compor e preparar um projeto para criar um banner com o programa Adobe Photoshop, para o próximo vídeo-tutorial para te ensinar como dar um pouco Animación, bem como exportá-lo pronto para uso.
Vou começar contando quem é o homem da foto, que ele não é um homem anônimo escolhido de nenhum banco de imagens, não senhor, este é o Grande Milton Glazer, criador do logotipo da eu amo Nova Iorque o quanto influenciou nossa sociedade no século passado ou capa de Bob Dylan.
Bem, deixando de lado a nota histórica, vamos começar este vídeo-tutorial: Como fazer um banner móvel no Photoshop facilmente, meu primeiro Vídeo-Tutorial que espero que gostem e que sejam muito úteis. Comecemos.
I) Nós fazemos um esboço com nossa composição e começamos a criar e pesquisar os diferentes elementos do banner.
II) Procuramos e baixamos uma foto do bom Milton Glaser, personagem que escolhi para levar para nosso banner.
III) Abrimos o Adobe Photoshop e criamos um novo documento. Nós escolhemos entre as diferentes predefinições que o Photoshop nos dá para usar em formato web. De todas elas, escolhemos a tela 800 × 600, que é um bom tamanho para um banner.
IV) Abrimos o arquivo JPG que contém a foto do bom Milton Glaser e nos preparamos para retocar a foto.
V) Escolhemos do grupo de ferramentas de seleção, um dos Loops, o Loop Magnético neste caso. Descrevemos o bom e velho Milton.
VI) Uma vez traçado, vamos para a rota Seleção-Refinar Bordas. Vamos usar essa ferramenta para fazer as bordas da imagem bem delineadas.
VII) Uma vez que deixamos a borda do Milton completamente ao nosso gosto usando a ferramenta Refinar borda, nós pressionamos CNTRL + J e uma nova camada será produzida com a seleção.
VIII) Eliminamos a camada de fundo e assim teremos Milton em um Fundo transparente que podemos usar em nosso banner.
IX) Para salvá-lo usaremos a ferramenta Salvar para web. Dentro da caixa de diálogo desta ferramenta, encontramos a possibilidade de exportar o arquivo em diferentes tipos de arquivo como GIF, JPG ou PNG. Bem, neste arquivo vamos exportá-lo, para mantê-lo em um fundo transparente. Nós salvamos e nomeamos. Fechamos e guardamos em PSD para o que pode acontecer.
X) Voltamos ao nosso projeto web, ao banner. Mudamos a cor da camada de fundo para preto. Para isso usamos a ferramenta Paint Bucket, mudando a cor da frente para preto e clicando diretamente na camada de fundo.
XI) Começamos importando a foto de Milton Glaser para nossa área de trabalho ou tela. Para isso usamos o Ferramenta de lugar, encontrado na opção de arquivo.
XII) Colocamos o bom e velho Glaser no canto inferior à direita da tela.
XIII) Criamos um balão de fala a partir dos quadrinhos. Colocamos de forma que pareça que Glaser está falando.
XIV) Criamos 3 frases com o Ferramenta de texto, que são os que fornecerão as informações do banner. Um deles vai para dentro do sanduíche.
XV) Cada uma das frases deve estar em uma camada de texto diferente.
XVI) E então temos tudo pronto para começar dar animação ao nosso banner.
No próximo vídeo-tutorial ensinarei como animar nosso banner. Não perca.