Tostitos comercial – web

Apreciem este vídeo. Um vídeo aparentemente comum, porém ao se desenrolar vemos que ele transcende a área determinada para o vídeo. A bailarina percorre por toda tela cortando tomates, cebolas e outros ingredientes apenas com sua saia afiada. Com um magnetismo originado da capacidade de explorar os recursos da web, o material encanta. E não procure no Youtube não. A versão lá é limitada ao espaço do vídeo. Nesta versão flagrada no vimeo, ela corta até o nome do site no topo da tela (olhe a 3a. imagem abaixo a saia saindo da área do vídeo). Vale o clique. [+info]

Fonte (by vectortuts no twitter) [+info]

Espero que gostem.

Abraços.

LPM/designer

Coleção Wrangler Blue Bell

Isso que chamo de perfeita adaptação de mídias alternativas. A Wrangler conseguiu explorar o potencial da ferramenta que até hoje é uma das mais importantes na web: o flash.

Nesse site a Wrangler faz com que o modelo da foto vire um boneco “solto” esperando para que você pegue-o e jogue para um lado ou para outro, esperando que você arranque a roupa igualzinho como as meninas faziam na infância.

Visite o site e brinque com as animações. Usufrua  do potencial que a internet proporciona e que a Wrangler conseguiu explorar com muito sucesso.

Espero que gostem

Visite e interaja AGORA, muito bom: [+info]

LPM/designer

Campanha CLARO ESCOLHA: Plágio ou inspiração? VOTE!

Assista e vote!

Anterior << Clipe SOUR (Hibi no neiro)

.

Posterior >> Campanha da Claro “Escolha”

Mais sobre este clipe: +info

Como criar um email marketing

gripe-suina-webm-v1-copy

Aqui vou mostrar passo a passo como montar um email marketing. Neste caso eu utilizei um arquivo que já havia feito, imagino que isso não vá atrapalhar. Cada movimento é exemplificado com screenshots e highlights nas palhetas e opções de configuração de cada imagem, layer (camada) ou ferramenta.

1. Desenhe no Illustrator a parte vetorial, a parte de desenho pois temos maior mobilidade, maior precisão e agilidade para trabalhar com desenhos e ilustrações.

post GRIPESUINA 01

2. Faça os boxes e alinhe tudo.

post GRIPESUINA 02b

3. No quadro bem de fora, na moldura exterior, selecione e aplique o efeito Effect>Stylise>Round Corners para que fique com os cantos arredondados.

post GRIPESUINA 03b

4. Coloque um valor (não esqueça de ligar o Preview) e OK.
post GRIPESUINA 04b

* Para editar o efeito tem que  abrir a palheta Appearence e clicar duas vezes no fx (Efect) no canto direito.

post GRIPESUINA 05b

5. Agora com tudo pronto selecione tudo e copie (famoso Ctrl+c no PC e Cmd+c no Mac).

post GRIPESUINA 06

6. Abra um arquivo novo no Photoshop. Ele deve vir com as medidas da imagem copiada (na memória do computador) lá do Illustrator. Só verifique as dimensões e a resolução. Lembro que para internet, acima de 80 dpi (DPI=Dots Per Inch – Pontos por Polegada) já é desnecessário. Eu coloco um pouco mais (120 dpi) mas não é preciso mesmo. Quanto maior a imagem, mais pesado vai ficar de construir sua arte. Lembre também das dimensões das diferentes telas de computador. Guie-se sempre pela menor utilizada no mercado.

post GRIPESUINA 07b

7. Procure uma imagem na internet de papel velho. Abra no Photoshop e com a seta (ponteiro) arraste pra cima de sua arte.

post GRIPESUINA 08

8. Use o Transform (Ctrl+T no PC e Cmd+T no Mac) e sempre apertando a tecla Shift, rotacione, amplie e posicione de modo a preencher a tela.
post GRIPESUINA 10b

9. Utilize o zoom de 100% para teres uma noção real do que vai ser visto (tamanho de fonte, tamanho dos desenhos e imagens).

post GRIPESUINA 11b

10. Cole (Ctrl+V para PC ou Cmd+V Mac). Escolha a opção Pixels e OK.

post GRIPESUINA 12b

11. Posicione a imagem e pressione Enter para colar a imagem.

post GRIPESUINA 13

12. Perceba que na direita temos as camadas (chamadas de layers – em inglês). Claro que por se tratar de um arquivo que eu já havia montado, perceberás a existência de outros layers. Desconsidere, observe apenas as ações que estão sendo executadas. Neste caso, troque a visualização deste layer em questão pra Multiply para que as cores se misturem (e o branco desapareça) e dê um ar mais realista, como se estivesse impresso no papel seus desenhos do Illustrator.

post GRIPESUINA 14b

13. Insira todo o texto, título e tudo. Nas caixas de texto deixo uma dica: comece sempre pelo texto maior pra que faça um padrão e não precise ficar arrumando tudo. É mais fácil colocar menos texto e sobrar espaço do que ter que ficar diminuindo tudo ao perceber que um deles não entrou no espaço delimitado.

post GRIPESUINA 15

Título…caixas de texto separadas.

post GRIPESUINA 17

Letra “A”

post GRIPESUINA 18

14. Pressionando o Ctrl no PC ou o Cmd no Mac, clique no quadradinho “T” da palheta de layers indicado na direita. Isto vai criar uma área de seleção ao redor do texto, neste caso a letra “A”.

post GRIPESUINA 19b

15. Pode desligar a visualização do layer clicando no “olho” como na indicação maior abaixo. Depois crie um layer clicando no ícone da folha virando bem abaixo da palheta de layers.

post GRIPESUINA 20b

16. Escolha a ferramenta Pincel (Brush Tool – ou pressione “B” no teclado). Agora vamos selecionar um picel bacana. Clique no topo onde aparece um estilo de pincel e um numero. Vai abrir uma caixa com diversos tipos diferentes e inusitados de pincéis. Depois de escolher o tipo, escolha o tamanho dele (marcado em pixels – px) – dê uma passeada SEM CLICAR por cima da sua arte. Desta forma poderás perceber o tamanho que seu pincel está.

post GRIPESUINA 21b

17. Ao lado de suas cores na palheta de ferramentas (esquerda) tem um ícone pequeno que resetará suas cores para preto do Photoshop e branco. Clique e comece a pintar com suaves cliques. Por estar a área selecionada, somente dentro da seleção “A” que aparecerão suas pinceladas.

post GRIPESUINA 22b

18. Depois de pintado clique bem abaixo na palheta dos layers na Quick Mask (máscara rápida)

post GRIPESUINA 23b

19. Perceba que uma máscara preta vasada aparecerá na lateral direita. Sua seleção vai desaparecer. Neste momento temos um bom truque. Tudo que for pintado de preto vai sumir e o que for pintado de branco vai aparecer. Isto serve para arrumar com o mesmo brush sem deletar nada. Caso algo saia errado, basta arrastar a máscara para o lixo, descartá-la e repetir a operação.

post GRIPESUINA 24b
post GRIPESUINA 24

Pronto! é assim que deve aparecer sua arte no final.

Gripe Suína webm v1 copy

LPM/designer

Site de Casamento

O site do casamento é algo que sempre fica por último. Como a verba sempre é menor que o orçamento desejado, o site acaba sendo deixado de lado ou feito em sites gratuitos.

Não que tenha qualquer problema com isso, tem gente que não dá bola pra essas coisas. Mas eu gosto de escolher bem, e junto com minha (então) noiva, buscamos um padrão visual que tudo combinava. As flores tinha as cores do material gráfico que combinavam com o site. As fotos do telão passavam imagens do Chá-Bar (despedida do casal). Tudo tinha harmonia. Mas isso é assunto de um antigo post (+info)

.

casam1

Continuar lendo