Felizmente fui o ganhador do concurso, minha proposta pode ser vista aqui:
http://francoandrade.com/files/lavinavila

Mais informações em: facebook.com/projetonovolar

Em breve postarei mais materiais produzidos.

Trabalhar com Flash na web requer sempre arquivos o mais leves possíveis para não pesar no carregamento do site. Esse foi o desafio do job, já que a RBS exige tamanhos de arquivos bem pequenos para veicular no seu site.

A animação dos banners ficaram simples e não teve como fugir disto, o arquivo precisava ser leve. Os banners pordem ser visto aqui.

Há algumas dicas que deixo aqui para otimizar o tamanho dos arquivos em Flash e que me ajudaram nesse trabalho. Há bastante conteúdo sobre o assunto, inclusive no próprio Help da Adobe.

• Imagens
• Vetores
• Fontes

É recomendável compactar a qualidade das imagens já no Photoshop, exportando para formatos Web. Para isso, vá em File -> Save for Web & Devices…

A qualidade você pode ajustar e já ver o tamanho que vai ficar na janela seguinte. Abaixo de 60 dependendo da imagem já é possível perceber perda na qualidade. No caso dos banners, tive que sacrificar bastante a qualidade das imagens bitmap para ter uma boa redução no tamanho do arquivo.

Procure usar JPEG ou GIF, são formatos mais leves.

Use quando possível imagens vetoriais ao invés de bitmaps, elas são mais leves. Aqui você encontra mais informações sobre a diferença entre bitmap e vetor.

Mas nem sempre imagens vetoriais indicam menor tamanho, por exemplo se você estiver importando para o Flash vetores com gradientes vindos do Corel. O Flash irá dividir cada variação de cor do gradiente, pesando muito no tamanho do arquivo.
A imagem abaixo mostra o exemplo.

No caso de gradientes vindo do Illustrator, pelo que testei esse problema não ocorre.

Limite a quantidade de estilos de fontes no arquivo.

Quando a arte é feita no Illustrator e você importa o .ai para o Flash, percebi que quando gerava o .swf o arquivo ficava mais pesado do que quando eu digitava novamente o texto dentro do Flash, substituindo o vindo do Illustrator.

Evitei também quebrar as fontes em partes (Modify -> Break a part), li em sites que quebrando as fontes em partes deixa o arquivo mais leve, mas nesse trabalho acabou provando o contrário. Se alguém souber o motivo disso ocorrer me avise!

Doing some Google search I found that you can create a hotkey for that, wich was so handy to me.

- All you need to do is go to Script -> Script Manager (Cinema 4D R13) or Window -> Script Manager (Cinema 4D  R12)
- In the Script Manager window, go to File -> New, set a name and paste this code: CallCommand(100004769);

- Then, hit the Shortcut… button and assign the keys that  you want to trigger the action.

That’s it, you will see how this little tip could improve your work speed.

 ** UPDATE **

There is no need to create a script to assign  a shortcut to Scroll to First Active, since there is already an option for it in “Customize Commands… (R13)” or “Command Manager (R12)”, go straight there.

O toque final ficou por conta da Caravela, que trabalhou na pós adicionando detalhes e correções de cor.

Cada objeto foi modelado em um arquivo separado e colocados em Null objects para facilitar na organização, já que contava com mais de 500 objetos no Object Manager e se perder no meio de tantos itens era fácil de acontecer.

No próximo post irei abordar uma dica no Cinema 4D que otimizou meu workflow.

]]> http://francoandrade.com/site/cinema-4d/mapa-3d/feed/ 0 http://francoandrade.com/site/cinema-4d/criado-mudo/ http://francoandrade.com/site/cinema-4d/criado-mudo/#comments Mon, 19 Dec 2011 10:45:01 +0000 admin http://francoandrade.com/site/?p=645 Durante essa semana recebi o conceito de um produto em que tive que o modelar em 3d para a apresentação de um trabalho de conclusão de curso em design de produto.
O objeto foi um criado-mudo.

Neste projeto tive que trabalhar em cima de medidas exatas, recebi as vistas frontal, lateral e topo para poder modelar a partir delas.

No Cinema 4D há uma ferramenta para quando se precisa trabalhar com medidas exatas, chamada Measure & Construction. Foi uma salvação ter usado ela!

Outros renders do objeto podem ser visto na seção Portfolio.

Tínhamos a liberdade para modificar a atual marca do Big, porém optamos em criar uma marca secundária que funcionaria como um selo, a Big Sustentável.
Nossas justificativas para não alterar a atual marca e sim criar uma secundária, foram:

• Custo elevado para trocar peças e sinalização já existentes em todas as lojas do Big;
•  Impacto muito grande na identidade do supermercado ao alterar a atual marca bruscamente (mudando cores, adicionando elementos gráficos, etc.);
•  Já é uma marca reconhecida pela sua cor e simplicidade.

Após alguns meses de ajustes nas propostas, cheguei a este resultado:

Trabalhar nesse projeto nos forçou a fazer diversas pesquisas nos concorrentes, sobre a empresa e algumas visitas em campo. Partir para a execução da marca só foi possível depois de muita informação coletada.
Além da marca, tivemos que elaborar uma mídia impressa e uma eletrônica. Para a mídia impressa optamos por fazer os rótulos de três produtos orgânicos (geléia, mel e café) e para eletrônica fizemos a interface de um totem eletrônico. Essas peças podem ser observadas no link Portfolio.

Toda marca acompanha um Manual de Identidade Visual, portanto elaboramos um para o Big Sustentável. Foi uma oportunidade que tive para mexer  um pouco no InDesign.
Coloco aqui como exemplo o manual de identidade visual do nosso projeto, em PDF e também o arquivo fonte aberto do InDesign (.indd) para download. É preciso ter a fonte Helvetica Neue Pro para visualizar corretamente a versão do InDesign.

Download do manual de identidade visual:
Versão .PDF      Versão .INDD

Obs: isto é um trabalho acadêmico, um projeto fictício para a rede de hipermercados Big.

Nessa semana começarei a postar alguns trabalhos desenvolvidos durante esse tempo.

Até!