sábado, 20 de agosto de 2011

Intervenção Urbana

Essa imagem eu fiz para um trabalho da disciplina de História da Arte e do Design Gráfico. A ideia era fazer uma intervenção urbana na qual fosse relacionado algum conceito de arte visto na disciplina. Eu escolhi a Av. Mister Hull, em frente ao Campus do Pici, e resolvi fazer um painel eletrônico que mostrasse obras de arte se mixando aleatoriamente de acordo com a ativação de sensores no asfalto com a passagem dos carros. Para uma melhor descrição, leia este documento: 
 
Eu usei apenas o Photoshop. Esse painel eletrônico não existe, eu o criei digitalmente. Coloquei essas fotos rasgadas para dar a impressão da mudança das obras de arte. As imagens contidas nos papeis foram editadas (mixadas). Coloquei também digitalmente um sensor no asfalto.

 

sexta-feira, 19 de agosto de 2011

Louquitos por Cinema e Tecnologia


Meu amigo Ederson Ramos me deu esse desafio de criar um logotipo para a página dele no Facebook "Louquitos por Cinema e Tecnologia".
Pensei numa coisa que a primeira vista, fosse algo sério, semelhante a um logotipo de empresa de verdade. Causa uma certa ironia, já que mostra a caricatura ao lado do logotipo.
Tem tudo a ver com o nome "Louquitos por Cinema e Tecnologia" porque: O rosto dá a ideia de "louquitos" (por causa da careta ^^); A camisa do Superman remete ao filme, ou seja, "cinema"; e o Ipad 2 significa "tecnologia".
As cores azul e laranja representam significados que têm a ver com o nome da página. Azul representa tecnologia e laranja representa algo mais descontraído e divertido.




Apenas alguns desenhos sortidos...

Esse desenho, me baseei numa revista. É uma propaganda de roupas infantis JOY do Grupo Morena Rosa... Talvez tenha essa foto no google. Aí eu adicionei esse coração atrás, pra evidenciar o amor!


Esse eu fiz para o concurso "Natal Educar com Arte" da COELCE em 2008. Infelizmente não ganhei pois houveram alguns quesitos que eu estava fora do regulamento (idade e série).
Um fato curioso é que eu desenhei o Padre Cícero invertido, mas não tive culpa, foi a foto que peguei que estava errada.



Esse modelo eu inventei em 2009. Gosto muito de criar modelos de automóveis.


Esse é meu amigo Ederson Ramos. Ele me pediu pra fazer um logotipo pra uma página dele no Facebook. Eu resolvi colocá-lo junto ao logotipo, como se ele aprovasse ^^. Isso aí é o esboço.


Essa garota eu desenhei na Feira das Profissões da UFC 2011. Eu dei o desenho pra ela, mas quando cheguei em casa, senti vontade de desenhá-la de novo (Tão simpátca :D). E foi o que fiz, desenhei ela novamente só lembrando!


Outro modelo de carro criado em 2009. Percebam que gosto mais de traços futurísticos. Sendo assim, prefiro os Concept Cars.


The apple

A metade vermelha foi eu que fiz, a verde foi o meu colega Átila Oliveira.
Isso foi um trabalho sobre o significado das cores na cadeira de Meios de Representação Gráfica. 
A ideia era usar cores contrastantes, meio a meio, e o desenho tinha que se unir de certa forma. Cada lado deveria possuir imagens representando os seus respectivos significados.




1º Carro Renderizado no Photoshop

Sempre fui fã de carros, e desde pequeno ficava olhando nas ruas os modelos, e gravando-os. Se alguém me perguntasse qual modelo e/ou marca de tal carro, eu respondia. Então comecei a passar essa paixão para o papel. Desenhava  praticamente só carros. Depois foi que comecei a inventar modelos, pois no começo eu só copiava. Atualmente essa minha fissura por carros diminuiu um pouco, mas não deixei de criá-los. 
Quando vi um artista no YouTube, [Dias Design] cujo seus vídeos são de renderização de carros, me apaixonei. É impressionante a técnica com que ele cria carros no Photoshop, e além disso, os carros são muito bonitos. Até então, não tinha tentado criar carros no Photoshop, só no Paint e olhe lá. Também gostei muito dos trabalhos do Irmão do Décio, ele faz algumas montagens de modelos existentes, cria modelos em 3D de releituras de carros antigos.
Inspirado nesses dois artistas, decidi criar e renderizar modelos de carros no Photoshop. Esse abaixo é a minha primeira criação bem sucedida. ;D




Ele ainda não tem nome. Futuramente pretendo criar uma marca fictícia, e inventar mais modelos para ela.

terça-feira, 31 de maio de 2011

Banner

Para essa aula, o prof. Melo nos deu as seguintes instruções: http://www.flickr.com/photos/59904209@N05/5683786642/in/photostream

Ele disse para ficamos em duplas, assim seria mais fácil realizar a atividade. Viviane Sampaio foi minha parceira nessa tarefa.

Eis o resultado: http://megaswf.com/serve/1124103

Site Básico

Nessa aula, o prof. Melo nos passou conceitos básicos sobre códigos em botões, além de nos dar noções importantes de divisão de layout das páginas.
http://megaswf.com/serve/1124024

Avestruz

Essa animação não é necessário postar, mas enfim...
http://megaswf.com/serve/1123998

sábado, 28 de maio de 2011

Atividade 9 - Edição de Imagens Digitais

Essa atividade foi iniciada em sala, mas o prof. Melo nos deixou terminar em casa.
Ele nos ensinou umas coisinhas básicas sobre botões no Flash. Depois mandou a gente fazer um botão animado, e que quando clicássemos, ele emitisse um som.

O meu resultado foi esse aí: http://megaswf.com/serve/1122485

Atividade 8 - Edição de Imagens Digitais

Aqui, o prof. Melo nos mostrou um storyboard para seguirmos e fazermos a animação: http://www.flickr.com/photos/59904209@N05/5664558116/in/photostream

Ele nos deixou bem livres para fazermos "na marra". Depois ele pediu para adicionarmos um som, no momento que uma bola tocasse na outra. O site onde se baixa vários sons para esses fins é o http://flashkit.com/

O meu resultado, foi uma sinuca.
Não consegui colocá-la aqui, pois estava dando erro. Como se o blogger só aceitasse uma animação flash por página. Quando se clicava no título da postagem, para visualisá-la individualmente, dava certo, mas preferi colocar apenas o link.

http://megaswf.com/serve/1122060

domingo, 8 de maio de 2011

Atividade 7 - Edição de Imagens Digitais

Essa foi nossa 3ª atividade em Flash. As anteriores não foram necessárias publicar, pois eram só para nos habituarmos com essa ferramenta.
Aqui, o prof. Melo nos deu um link para uma imagem (.gif) animada de um bonequinho desenhado andando.
Tivemos que importar essa imagem para o Flash e depois criar uma camada para cada parte do boneco (Cabeça, Braço, Perna, etc.), e ir criando KeyFrames, e desenhando um bonequinho de palito (famoso para aqueles que não sabem desenhar :P) de acordo com a movimentação das partes correspondentes.
Todas as partes nós fizemos nos baseando pela imagem (.gif), só que os braços tivemos que fazer "na doida" sem a orientação da imagem original.

Meu bonequinho de palito ficou assim:



Para Casa

Para casa, o prof. Melo nos disse para criarmos uma caricatura nossa no site http://www.sp-studio.de/
Depois tínhamos que importar a imagem para o Flash e "cobrir" utilizando as ferramentas do programa.
Feito isso, tínhamos que dar um Print Screen, recortar apenas o boneco e publicarmos.
Nem ficou parecido comigo, mas tudo bem! =D

sábado, 16 de abril de 2011

Experimentações Caseiras

Essa semana estava lendo um livro de photoshop (Como Enganar com Photoshop), e achei um tutorial interessante de como fazer uma escultura (busto) a partir de uma foto.
Inspirado nas aulas de História da Arte, resolvi testar em casa. =D
Peguei essa foto da esuqerda e, com base nas técnicas citadas no livro e mais uns retoques, criei um busto romano em mármore de mim mesmo. \o/


segunda-feira, 11 de abril de 2011

Avaliação Parcial 1

O prof. Melo nos deu as seguintes regras:

Assim, eu peguei duas imagens onde seguem os links abaixo:

Aqui elas:



Perdi muito tempo procurando fotos ideais, e me preocupei muito com a qualidade da composição e dos recortes. Tudo isso me fez NÃO alcançar o resultado ideal :( .Ainda faltava muito para acabar, mas teve que ficar assim:

quarta-feira, 6 de abril de 2011

Atividade Extra - Edição de Imagens Digitais

Aqui, o prof. Melo nos pediu para fazermos uma réplica de uma imagem fazendo colagens das imagens abaixo:






A edição era para ficar igual a essa abaixo:


Ele disse que não era necessário fazer esses efeitos de água saindo dos instrumentos. Assim, o meu resultado foi esse embaixo:


terça-feira, 5 de abril de 2011

Atividade 6 - Edição de Imagens Digitais

Essa aula consistiu em escolhermos dentre 8 (oito) tutoriais em vídeo, apenas 4 (quatro) para seguirmos e fazermos as edições.
Minhas edições finais e seus respectivos links de tutoriais estão abaixo:

Texto em Gelo


http://www.youtube.com/watch?v=w-tt1_CKYZw

Eu fiz pequenas modificações. Adicionei os efeitos Satin e Gradient Overlay no estilo da fonte.

Texto em Fogo


http://www.youtube.com/watch?v=TzQtEI5gF2U

Background


http://www.youtube.com/watch?v=rJ9l9zDXTgE

Nesse tutorial, só é ensinado como se faz esse efeito no fundo. Eu modifiquei o centro da "espiral" indo em Edit > Transform > Distort. Coloquei meu nome com uma fonte que julguei que combinasse, e apliquei efeitos de estilos simples. O brilho externo é o efeito Outer Glow, e esse efeito de "metal" na fonte, dando um aspecto de cromado, é ensinado no tutorial de Ícone abaixo.

Ícone (iTunes)


http://www.youtube.com/watch?v=Z4CwZnkeVSs

domingo, 3 de abril de 2011

Atividade 5 - Edição de Imagens Digitais

Nessa aula, o prof. Melo nos passou duas atividades. Uma para ser feita em sala e outra para casa.
A atividade da sala consistia em fazer uma réplica de outra imagem. Tínhamos uma imagem em preto e branco, sem preenchimento e outra colorida e preenchida. Deveríamos colorir a em preto e branco para deixar semelhante a colorida. As duas imagens seguem abaixo:




Primeiramente, deveríamos checar o tamanho da imagem colorida, assim olhamos em Image > Image Size. Depois criamos uma nova imagem com os valores encontrados. Após isso, tínhamos que fazer o fundo, mas ele tem uma textura, esse é feito da seguinte forma: 
Primeiramente devemos fazer aquele traço preto que tem dividindo a imagem ao meio;
Depois devemos dar zoom ao máximo e escolher a cor mais comum da parte de cima (Bege) e usar o balde de tinta para pintá-la. Repete-se o processo com a parte de baixo (Cinza). Depois vamos em Filter > Noise > Add Noise. Depois é só regular a intensidade e pronto.
Após isso, devemos selecionar na imagem em preto e branco, apenas o personagem. Depois é só colorir com as mesmas cores da imagem original colorida. Para isso, usa-se o conta-gotas.
Agora para dar o efeito de sombras e iluminações, devemos usar as ferramentas Burn (superexposição) e Dodge (subexposição), para escurecer e clarear respectivamente.
O passo final é adicionar a sombra projetada do personagem. Para isso, se cria um nova camada, depois se escolhe a camada do personagem, seleciona-se só o personagem, depois muda-se para a camada criada. Assim, só dá para ver o contorno do personagem com o fundo vazio. Depois usa-se o balde de tinta, pinta-se de preto a seleção. Vai ficar um personagem todo preto. Agora devemos desselecionar e aplicar um efeito de desfoque. Assim, vamos em Filter > Blur > Glaussian Blur. Depois é só fazer os ajustes como quiser.
Depois devemos mudar a ordem das camadas, qual vai ficar em cima da outra. Temos que colocar esse personagem preto embaixo do personagem colorido. Depois devemos dar um aspecto de sombra, puxando a "sombra" para o lado esquerdo. Mas a sombra está muito escura, então é só mudar a opacidade da camada da sombra para o valor desejado. Ainda temos que ajustar a sombra com os pés do personagem. Para fazer isso, devemos selecionar a camada da sombra, ir em Edit > Free Transformation. Clicando-se com o botão direito em cima da seleção, escolhemos os métodos de distorção da imagem mais convenientes para ajustar a sombra com o chão e com a parede.
Pronto! O resultado é esse abaixo:


Para casa

Nessa atividade, o prof. Melo nos deixou a vontade para escolhermos os métodos para realizá-la. Ele nos sugeriu alugar um livro de Photoshop na biblioteca e o utilizarmos como ferramenta de apoio. Para a minha "sorte", todos os livros já estavam alugados, então tive que me virar sozinho.
Bem, ele nos passou essa imagem abaixo, e nos mandou restaurá-la e a colorir.


A princípio parece uma tarefa difícil, mas depois se vê que só se exige paciência.

1 - Retirada de manchas e rasuras.
 Com a ferramenta Carimbo, tirei as manchas do fundo e a rasura do rosto. A parte da roupa, foi necessário usar o Conta-gotas e Pincel. Selecionava uma cor da dobra da roupa e pintava a rasura para ficar como seria a dobra.
Mesmo tendo tirado as manchas do fundo, dava para perceber que a imagem estava alterada. Resolvi dar um desfoque no fundo, para "borrar" as manchas. Para isso, dupliquei a camada, apliquei o efeito de desfoque citado na atividade vista em sala, depois criei uma máscara nessa cópia de camada, usei o balde de tinta para pintá-la de preto, depois fui pintando com a cor branca apenas as partes onde a edição estava grosseira, assim as manchas sumiram de vez.

2 - Colorização.
Comecei pela pele. Selecionei todo o contorno da pele, desviando cabelo, sobrancelhas, e olhos, com a ferramenta Laço Poligonal. Depois escolhi uma cor de pele que julguei boa e pintei usando o pincel no modo cor.
Repeti esse processo com as demais partes: Cabelo e Sobrancelhas (marrons); Olhos (verdes); Boca (róseo); Roupa (azul escuro); Cordões da roupa (dourados); Fundo (azul esverdeado acinzentado).

3 - Ajuste da iluminação
Após realizar todos esses procedimentos citados acima, faltava alguma coisa, um toque final. Resolvi mexer na iluminação. Assim, fui em Imagem > Ajustes > Níveis. Ajustei como achei que ficasse bacana.

E o resultado foi esse abaixo: 


OBS.: Não usei tutoriais para realizar a edição. Fiz por conta pórpria.  << De acordo com o que o prof. Melo nos pediu para citarmos.

quinta-feira, 24 de março de 2011

Atividade 4 - Edição de Imagens Digitais

Nessa aula o prof. Melo nos ensinou a usar as seguintes ferramentas: Hue Saturation; Color Balance; Levels; Brightness/Contrast; Crop; Clone Stamp; Burn; Dodge.
Antes de mais nada, ele nos disse para colocarmos o brilho e contraste do monitor no máximo. Segundo ele, isso iria testar nossa percepção visual. E, como se não bastasse, ele desligou as luzes. Doía muito na vista, mas tudo isso foi necessário e para o nosso bem.
Ele nos deu as imagens abaixo para fazermos uma montagem e realizar os devidos ajustes.




Ele nos pediu para alinhar a primeira imagem e tirar a parte preta. Para isso, utilizamos a Crop Tool (ou ferramenta de corte demarcado).
Depois disso, tínhamos que ajustar a cor, o brilho, o contraste, as sombras, a iluminação e os tons médios. Assim, utilizamos as ferramentas: Color Balance (Equilíbrio de Cores); Brightness/Contrast (Brilho/Contraste); Levels (Níveis).
Feito isso, ele nos pediu para dar um brilho no casco do barco e escurecer a cidade ao fundo. Utilizamos as ferramentas Dodge (Subexposição) e Burn (Superexposição) respectivamente para tais procedimentos.
Agora tínhamos que mudar a cor dos dois panos em cima dos barcos. O pano listrado deveria ser amarelo e o pano do barco à direita deveria ser da mesma cor do outro pano verde do barco principal. Para tal, usamos a Ferramenta Hue Saturation (Matiz/Saturação).
Com esse procedimento feito, tínhamos que tirar o barco (ou bote) amarelo ao fundo da imagem e também a torre da cidade. De forma muito simples e prática, realizamos essa tarefa com a ferramenta Clone Stamp (Carimbo).
Para finalizar, deveríamos colocar a imagem das nuvens e fazer os devidos ajustes para dar realismo.
Depois disso ele nos disse para colocarmos o brilho e contraste no normal para verificarmos a diferença.
Pronto! O meu resultado foi esse abaixo:


Gostaram?

segunda-feira, 21 de março de 2011

Atividade 3 - Edição de Imagens Digitais

Nessa atividade, o prof. Melo nos pediu para fazermos uma montagem apenas com os elementos da própria foto, ou seja, só íamos usar essa foto:


Ele nos disse para copiarmos a cabeça da mulher por cima da cabeça dos outros dois, ou seja, ficariam os três com a mesma cabeça. Após isso, ele nos disse para copiarmos a gravata do sujeito da esquerda, e colarmos nas três cabeças, formando uma espécie de lacinho.
O recurso que ele nos ensinou para fazer tais procedimentos, foi a "máscara rápida". Com ela, é possível fazer seleções de forma rápida e precisa.
O resultado final é esse abaixo:


Hilário, não?!

sexta-feira, 18 de março de 2011

Atividade 2 - Edição de Imagens Digitais

A segunda atividade que o prof. Melo nos passou, foi fazer uma espécie de anúncio de um relógio. A proposta era fazer algo como se tivéssemos um cliente e tínhamos que evidenciar o relógio. Assim, deveríamos juntar as três imagens:






Ele nos deu as seguintes regras:
  • Uso obrigatório das três imagens;
  • Usar a imagem do teclado como plano de fundo;
  • Aplicar um degradê para complementar o fundo (quaisquer cores);
  • Aplicar efeitos de camada no relógio;
  • A coroa tinha que ficar por cima do relógio, como se fosse uma peça só;
  • Podia-se colocar o relógio em qualquer parte da imagem;
  • Inventar, ou usar um nome de marca qualquer para colocar no anúncio;
  • Podía-se aplicar sombras nas letras e no relógio;
  • Tinha-se que salvar a imagem numa qualidade não muito boa.

O meu resultado final foi esse abaixo:


No meu caso, usei a marca "TECHNOS", só que tirei o "H" para ficar diferente da original. Coloquei um símbolo de marca registrada para dar mais realidade e usei uma fonte legalzinha. Criei um slogan para a marca, que relaciona a aprência do relógio com a tecnologia utilizada. Esse relógio possui o visor transparente com tecnologia AMOLED, por isso adicionei um efeito de brilho no visor. Para saber mais sobre a tecnologia AMOLED acesse: http://www.baixaki.com.br/tecnologia/2892-o-que-sao-telas-amoled-.htm

segunda-feira, 7 de março de 2011

Atividade 1 - Edição de Imagens Digitais

A imagem abaixo foi a proposta da primeira atividade da disciplina de Edição de Imagens Digitais, com o Prof. Melo.


Ele nos pediu para seguir as seguintes regras:
  • Usar todos os "alimentos" e só eles (não se podia usar fundos, etc.);
  • Podia-se multiplicá-los;
  • Não aumentá-los para não perder resolução (podia-se diminuir);
  • Podia-se aplicar efeitos de iluminação;
  • Montar os recortes numa imagem 4 vezes maior, sendo que proporcional a original, e com o fundo branco.

Assim, ele nos sugeriu a criação de personagens ou coisas. Com base nisso, eu criei esses dois simpáticos "cabeças de melão", que são Sr. e Sra. Healthy Eating.
Caso eu fizesse apenas a montagem, não ficaria um resultado agradável, então resolvi aplicar esses efeitos de iluminação, dando a impressão de que os "alimentos" estão uns em cima dos outros.


Ficou um resultado legal, não?!