Arte e Criação = Mauricio Maruo

Arquivo para a categoria ‘Design’

Foto-Realismo

Há mais ou menos um mês atrás estava dando aula de Illustrator módulo avançado a duas turmas, a proposta do treinamento é ensinar também um item chamado MESH TOOL, ele é uma ferramenta até que bem simples, porem muito complexa para ensinar, pois o educador que realmente quer ensinar a usar o MESH TOOL deve saber que o terá que passar teorias de cores, tipo: o que são análogas e complementares.

Pois bem, as turmas estavam se desenvolvendo bem, e alguns alunos propuseram gastar um pouco mais tempo para aprender fazer uma ilustração foto-realismo, pois isso demora um pouco, eu aceitei a proposta, mas avisei que precisaria ensinar primeira teoria e depois faríamos a prática, e assim começo. Em uma turma comecei a desenha uma modelo lindíssima chamada GRAZI MASSAFERA, e ficou mito bom por sinal. Em outra foi uma grande surpresa, desenhei uma atriz talentosíssima e linda também, ela se chama CLEO PIRES, esta turma gostou tanto do treinamento que me fizeram uma surpresa, como o treinamento foi no mês de agosto, eles me deram um presente super D+, a revista de 35 anos da PLAYBOY e advinha de quem era a capa?

Confiram como ficou a ilustração das duas.

Espero que gostem.

Anúncios

Hot-Sites (Iltda)

Este é um Hot-site desenvolvido por mim, para empresa (Editora Iltda)
Desenvolvi todo em Flash.
Ilustrei no Adobe Illustrator.
E a tela inicial é um vídeo feito em 3ds max e compilado em FLV.
Foram feitas duas propostas até chegarmos à que existe hoje.

Tela atual.

Segunda opção

Link para o Hot-site:

http://www.editorailtda.com.br/

Jovem Aprendiz

Caso algum dia você esteja andando pelos corredores da Impacta e de repente se depare com algum jovem com esta camiseta, lembre-se que a Impacta também se preocupa com o Social.
Projeto Jovem Aprendiz, inclui jovens para seu primeiro emprego e o mais interessante, com possibilidade de serem efetivados.
Isso já aconteceu muitas vezes na Impacta.
Segue abaixo a arte da camiseta que identifica os jovens aprendizes.
Claro, não estaria no Blog se …
Tudo bem, fui eu que fiz.

Obs: Notem que o jovem para alcançar o mundo, precisa subir uma escada, que na verdade forma uma letra A estilizada, familiar com o Logo da Impacta.

Crie um celular em pouco tempo com MAX e PHOTO

* Matéria publicada na revista Desig Gráfico *

Interação Inteligente e Dinâmica com 3ds Max e PhotoShop (parte2)

Como todos já sabem, o software que todos amam, mudou de cara, o nosso amigo de todas as horas, o Adobe PhotoShop agora é CS4, e nesta nova versão ele traz um menu cheio de novidades, que é a integração de objetos 3d para sua edição. Uma das melhores sacadas que a Adobe poderia ter pensado! Sem duvida nenhuma a interatividade e integração dos softwares esta cada vez mais forte.

Mostrarei nesta segunda parte, em um tutorial bem simples, como interagir um excelente recurso do 3ds Max, que também esta de cara nova, para receber arquivos em PSD do PhotoShop.

Iniciarei desenvolvendo um objeto no 3ds max.

Para isso, usaremos a figura de um objeto (celular), para que possamos reproduzi-lo da mesma forma. Não vamos nos preocupar tanto em detalhes agora, pois isso será corrigido no PhotoShop.
(fig1.jpg)

  

  • Vamos criar um objeto chamado ChamferBox, sem mudar o sistema de unidades, criaremos inicialmente com os seguintes valores:
    Length=50
    Width=25
    Height=10
    Fillet=5
    Length Segs=1
    Width Segs=1
    Height Segs=1
    Fillet Segs=10
  • Depois seremos obrigados a mudar alguns valores, para editar alguns polígonos.
  • Já que estamos editando o objeto (aba Modify), vamos aproveitar e aplicar um modificador chamado UVW Map (ele será muito útil mais pra frente), deixe em modo planar.
  • Vamos agora renderizar a cena, mas como precisamos mandar este arquivo para o photoshop, renderizaremos somente a tela top, isso para termos um “preview “de como ficará o nosso celular quando aplicada uma textura.
    (fig2.jpg)

  • Com a imagem já renderizada e salva em JPG, agora vamos para o nosso amigo PhotoShop onde abriremos o arquivo renderizado para fazer uma montagem. Usarei uma imagem já pronta de um celular para encaixá-la na imagem renderizada. Lembrando que não podemos alterar muito a imagem, pois isso poderá distorcê-la e causar problemas na renderização final. (o ideal seria criar nosso próprio celular em relação ao tamanho da imagem renderizada).
    (fig3.jpg)

  • Após decidirmos o tamanho certo da imagem, vamos deletar o layer background, e salvar só a imagem do celular. Salvaremos na extensão PSD, pois o Max já entende esta extensão, e também será útil mais pra frente.
  • Agora volte para o 3ds Max, pois iniciaremos a parte de textura. Aplique um material bitmap no objeto que havíamos criado, este material bitmap deve ser aplicado no item Diffuse Color no rollout Bitmap. Iremos aplicar o arquivo PSD de imagem que salvamos no PhotoShop.
    (fig4.jpg)

  • Com o recurso do modificador UVW Map que havíamos aplicado antes, o material bitmap cairá como uma luva no objeto criado. (não marque a opção Collapsed Layer, pois isso afeta mudanças futuras).
    (fig5.jpg)

  • Agora que já temos o celular semi-pronto, vamos editar alguns polígonos para que o objeto tenha mais cara de celular, para isso aplicaremos um modificador chamado Edit Poly, mas antes devemos decidir quantos segmentos o objeto deverá ter a mais. Modifique voltando os Length Segs; Width Segs; Height Segs e Fillet Segs. Com essas modificações, provavelmente teremos um objeto parecido com esse.
    (fig6.jpg)

  • Com as alterações feitas com o modificador Edit Poly, deveremos ter um objeto parecido com este. Não é necessário detalhar demais, pois algumas mudanças serão feitas no PhotoShop.
    (fig7.jpg)

  • Pronto! Agora que temos a parte estrutural montada, é só testar as modificações que estes dois grandes softwares têm pra oferecer.
  • Caso você queira alterar algum detalhe no celular, e saber qual o resultado simultaneamente no 3ds Max, basta voltar ao PhotoShop e abrir o arquivo PSD, que havíamos gerado.
  • Faça algumas modificações na imagem gerando layers, salve o arquivo e volte ao 3ds Max. Automaticamente a textura do celular irá mudar e isso acontece devido à possibilidade que o Max tem de ler os arquivos em PSD no formato Individual Layer (foi mostrado nos itens anteriores). Isso é Fantástico! Agora podemos modificar a textura na hora que quisermos sem perder o original, pois elas são gravadas por layers.
  • Veja como fica o celular original.
    (fig8.jpg)

  • Agora veja como fica o celular, só com as modificações feitas no arquivo PSD de textura no PhotoShop.
    (fig9.jpg)

  • Isso significa que se montarmos um arquivo de forma certa e com os recursos adequados, depois que estiver pronto podemos editá-lo como quisermos.
  • Caso você queira testar um recurso novo, exporte este arquivo do celular no 3ds Max com a extensão 3ds. Volte para o PhotoShop e peça para abrir este arquivo. Para sua surpresa, o Photoshop já entende este arquivo, e melhor ainda, você pode usar as ferramentas de 3 dimensões que estão locadas agora na caixa de ferramentas, boa diversão!

Bom pessoal, espero que tenham gostado dos dois tutoriais que envolvem estes magníficos softwares. Nos próximos tutoriais poderemos ver mais a fundo como se comportam os novos recursos de 3D do nosso amigo PhotoShop.

A área digital esta em constantes mudanças e os softwares não ficam para trás, acompanhem estas grandes mudanças, usem todos os recursos possíveis e impossíveis de um software, mas nunca se esqueça da essência artística, pois podemos ser ótimos “micreiros”, mas se permanecermos apenas com softwares nunca seremos “Grandes Designers”.

Mauricio Maruo é Desenhista, Escultor, Design Digital e Instrutor da Impacta Tecnologia.

Crie um iPod muito rápido com MAX e PHOTO.

* Esta Matéria foi publicada na revista Design Grafico *  

Interação Inteligente e Dinâmica com 3ds max e Adobe Photoshop

Como todos já sabem, o software preferido de 10 entre 10 designers gráficos é sem dúvida nenhuma o nosso amigo de todas as horas Adobe PhotoShop, e agora, nesta nova versão ele traz uma das melhores inovações que a Adobe poderia ter pensado. Acreditem, agora o PhotoShop consegue ler arquivos nos formatos 3DS; OBJ; U3D e KMZ. 
Isso significa que, nosso amigo que já era bom ficou ainda melhor, pois com essa nova interatividade com softwares 3D conseguimos aumentar muito nossa produtividade.

Mostrarei nesta primeira parte, um tutorial que demonstra toda essa nova interatividade que podemos usar no PhotoShop. Para isso usarei o software do 3ds max.
Iniciarei desenvolvendo um objeto no 3ds max.

Para isso usaremos a figura de um objeto (I-Pod), para que possamos reproduzi-lo da mesma forma. Não vamos nos preocupar tanto em detalhes agora, pois isso será corrigido no PhotoShop.
(figura1.jpg)

  

  • No Max, vamos até a tela Top e criaremos um objeto chamado Rectangle, que é um objeto 2D.
    Crie com o tamanho de Length=30 ; Width=120 e Corner Radius=15. Dê o nome de I-Pod.
    (figura2.jpg)

  

  • Vamos agora aplicar um modificador chamado Extrude.
    Configure da seguinte forma, amount=220 e segment=1.
    Isso dá volume ao nosso objeto.
  • Agora criaremos outro objeto 2D chamado Donuts, na tela Front, com o tamanho de Radius 1= 45 e Radius 2=15. Dê o nome de tecla.
  • Aplique o mesmo modificador Extrude, só que agora com o valor de Amount=2.
    (figura3.jpg)

  

  • Já que estamos ainda na tela Front, vamos criar mais outro Retangle com o tamanho de Length=70 ; Width= 90 e Corner Radiius=5. Dê o nome de visor.
  • Aplique um Extrude com o valor de amount=10.
  • Duplique este objeto para o lado movendo no eixo X segurando a tecla Shift.
  • No quadro de Clone, escolha a opção Copy e dê o nome de vidro.
    (figura4.jpg)

  

  • Agora vamos voltar par o objeto visor e aplicaremos um Compound Objects, chamado Booleam.
    Para chegar até o booleam, vá a Create>Geometry>Compound Objects.
    (figura5.jpg)

  

  • Aplique o booleam, para subtrair o objeto do visor com o i-pod.
    Certifique-se que o objeto visor esta selecionada e configure o Booleam em, Operation = Subtraction (B-A), clique no ícone de Pick Operand B e depois clique no objeto I-Pod.
  • Pronto o objeto já foi subtraído, se esta operação mudar o nome do objeto, volte com o nome de I-Pod.
    (figura6.jpg)

  

  • Agora é só configurar o objeto vidro com um Extrude de valor baixo, amount=1. Posicione na área subtraída.
  • No menu File escolha Export, e exporte este arquivo na extensão *.3ds.
  • Pronto a parte do Max acaba por aqui, vamos agora ao PhotoShop.
  • No PhotoShop, vamos criar uma montagem usando uma imagem original de um I-Pod e outra que geramos no Max.
  • Primeiro vamos escolher uma imagem de Plano de Fundo.
  • Depois vamos jogar a imagem do I-Pod original neste plano de fundo.
    Ajuste sua cor e luminosidade, para parecer mais real a cena e crie também uma sombra para que o I-Pod tenha sustentabilidade na cena.
    (figura7.jpg)

  

  • Após a montagem das imagens, vamos ao menu Layer e escolheremos o comando 3D Layers >  New Layer from 3D File.
  • Vamos escolher o arquivo 3ds que havíamos exportado no Max.
  • Notaremos que o comando abrirá um layer novo com uma espécie de ícone que permanece na base do layer, este ícone faz com que o Photoshop tenha controle, sobre os movimentos do objeto 3D.
  • Clique duas vezes sobre o ícone, e veremos comandos novos na barra de opções, estes comandos controlam a rotação e o tamanho do objeto 3D que esta na cena.
  • Rotacione e mude seu tamanho, para que o objeto possa ficar no mesmo ângulo que a imagem do I-Pod.
    (figura8.jpg)

  

  • Se tiver que usar o comando Free Transforme, o PhotoShop transforma automaticamente o layer de 3D em um Layer de Smat Objects.
  • Após algumas tentativas pra que o objeto fique posicionado exatamente igual à imagem. Vamos editar este objeto 3D para que nossa montagem fique com um ar mais tecnológico.
  • Na configuração do Objeto 3D clique no ícone de Lighting and Apparence Settings, e escolheremos em Render Mode à opção de Wireframe, mude a cor das linhas se quiser.
    (figura9.jpg)

  

  • Agora Vamos aplicar um comando de mascara que esta localizada na caixa Layer chamado Add Layer Mask e aplicaremos um degrade preto e branco para fazer a fusão de imagem.
  • Faremos a mesma coisa com o Layer do I-Pod, só que a fusão é o contrário. Para que a montagem pareça que o I-Pod esteja se materializando de um formato 3D para um formato de Imagem.
  • A Imagem final ficará assim.
    (imagem10.jpg)

 

Bom este é a primeira parte do tutorial envolvendo o PhotoShop e Arquivos em 3D. No próximo tutorial veremos o sentido contrário da montagem, pois ao invés de mandarmos arquivos de 3D para o PhotoShop, veremos como o 3ds max se comporta com arquivos em PSD.

Então galera, espero que tenham gostado deste pequeno tutorial envolvendo 3ds max e o Photoshop, nos vemos na próxima.

Mauricio Maruo é Design Digital e Instrutor de Design da Impacta Tecnologia.

Nuvem de tags