<?xml version="1.0" encoding="UTF-8"?>
<!-- generator="wordpress/2.0.10" -->
<rss version="2.0" 
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	>

<channel>
	<title>blog.operacriativa.com.br</title>
	<link>http://blog.operacriativa.com.br</link>
	<description>Informações da Ópera</description>
	<pubDate>Tue, 06 Apr 2010 15:14:17 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.0.10</generator>
	<language>en</language>
			<item>
		<title>Apresentação em Tempos de Internet</title>
		<link>http://blog.operacriativa.com.br/2008/07/23/apresentacao/</link>
		<comments>http://blog.operacriativa.com.br/2008/07/23/apresentacao/#comments</comments>
		<pubDate>Wed, 23 Jul 2008 22:50:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category>O Pulo do Gato</category>

		<guid isPermaLink="false">http://blog.odpw.com.br/2008/07/23/apresentacao/</guid>
		<description><![CDATA[Novo site da Ópera Criativa - Criação de Logotipos, Sites, Logomarcas, Embalagens &#124; Design Gráfico http://www.operacriativa.com.br.
Há alguns poucos anos atrás a elaboração de um layout era uma atividade bem diferente da exercida hoje pelo profissional de criação.
O layout pra começar tinha mais tempo para ser feito. No meu caso, eles saiam em uma semana e [...]]]></description>
			<content:encoded><![CDATA[<p>Novo site da Ópera Criativa - Criação de Logotipos, Sites, Logomarcas, Embalagens | Design Gráfico <a href="http://www.operacriativa.com.br" title="Ópera Criativa - Criação de logotipos, Sites, Logomarcas | Design Gráfico">http://www.operacriativa.com.br</a>.<br />
Há alguns poucos anos atrás a elaboração de um layout era uma atividade bem diferente da exercida hoje pelo profissional de criação.<br />
O layout pra começar tinha mais tempo para ser feito. No meu caso, eles saiam em uma semana e esse prazo era muito bom pela qualidade do trabalho, que ainda envolvia o redator e o diretor de criação.<br />
Pelo fato de eu gostar muito de ilustração mas não ter a paciência - requisito básico - para isso, fazia layouts bem ilustrados.<br />
Valia tudo para simular a peça já pronta. De aerografia com tinta acrílica até caneta esferográfica (a boa e velha BIC preta dava uns realces maravilhosos).<br />
E a técnica então era a mais mista possível.<br />
Os textos eram marcados com gouache Talens com pincéis de pelo de marta e cabo de mogno. As chamadas principais eram escritas, já o texto era apenas marcado com as letras &#8220;O&#8221; e &#8220;N&#8221; repetindo-se aleatóriamente para simular as palavras. Isso era pra não colocar letras que combinadas ao acaso pudessem formar algum palavrão, sem querer.<br />
Depois da &#8220;mancha&#8221; - como era chamado o layout - ficar pronta, dava-se uma camada de verniz da Acrilex e eu o montava com cola de benzina (aquela de sapateiro) numa prancha de papel paraná bem espesso que já era coberto por um Colorplus preto, para criar uma moldura de uns três centímetros. Isso valorizava ainda mais a arte.<br />
Quando a &#8220;prancha&#8221; estava pronta, colava-se um papel manteiga sobre a arte - o overlay - que era para o cliente ou o atendimento fazerem marcações.<br />
Um bom envelope de papel triplex colado com fita crepe mesmo servia para instigar ainda mais a curiosidade do cliente quanto ao layout.</p>
<p><strong>Impressionava</strong><br />
O fato é que o layout chegava a ficar tão parecido com uma arte impressionista que o cliente adorava. E chegava a ficar frustrado com o trabalho final impresso com fotografia, textos feitos em PMT etc.<br />
Pensávamos na satisfação que o contato da agência teria ao apresentar o layout ao cliente. Coisa que tinha que ser quase um ritual, com marcação de reunião, chegada com o envelope grande e branco, uma conversa de amenidades antes, a retirada do layout do envelope e o levantamento do overlay descortinando uma obra de arte&#8230;(me empolguei)&#8230;<br />
Tudo isso servia para mostrar ao cliente várias coisas, entre elas o nível dos profissionais da agência e o trabalho que se havia destinado ao produto ou serviço do cliente, pois até o logotipo dele era feito com gouache e depois envernizado.<br />
Depois de aprovado, entrava o trabalho de finalização, que envolvia fotógrafo, o pessoal da &#8220;arte final&#8221;, que fazia past-ups (colagem de textos) e do produtor gráfico que fazia marcações de cores suas porcentagens no overlay da &#8220;arte final&#8221;.</p>
<p><strong>O perfil do profissional é outro </strong><br />
Hoje o layout sai em um dia. E quando o cliente aprova é só mandar para o fornecedor por e-mail.<br />
Se o arquivo digital ficar muito pesado você coloca no FTP do fornecedor e pronto.<br />
Criação e finalização andam juntas, pois os layouts são feitos com imagens &#8220;royalte free&#8221; e quando o cliente aprova o layout é só fazer a compra da imagem, substituir e mandar pro fotolito.<br />
O perfil do profissional de criação também mudou. Hoje ele não pode ser especialista em uma única tarefa. Ele tem que dominar - mesmo que parcialmente - todos as etapas do trabalho, da criação até a produção gráfica, passando por soluções para fazer com que sua arte chegue até o cliente com o mínimo de ruído possível.<br />
É necessário que ele saiba buscar referências na internet, saiba adquirir imagens de bancos de imagens royalte free, tratar as imagens, saber a resolução mais adequada para essa aquisição, conhecer a internet e direito autoral, saber das distorções que podem ocorrer em navegadores e programas de envio e recebimento de e-mails, enfim, tem que ser um profissional atualizado.</p>
<p><strong>Ganhamos em tempo, perdemos em relacionamento e calor humano.</strong><br />
A apresentação de um layout, que antes era algo pessoal e caloroso passou a ser feito por e-mail.<br />
Aí muda-se a forma de apresentar os trabalhos. O cliente muitas vezes não compreende as dobras do material, ou não identifica a frente ou o verso&#8230;<br />
Nesse momento entra o que eu chamo de &#8220;valorização gráfica&#8221;. O que nada mais é do que simular através de sombras, volumes e texturas o material final.<br />
E aí entra um conhecimento de ilustração e do Photoshop (programa de tratamento de imagens).<br />
Os trabalhos que são desenvolvidos no Ilustrator, Corel Draw ou In Design são passíveis de serem exportados em JPG em RGB e em seu tamanho natural, numa definição não muito alta, para o arquivo de apresentação não pesar muito.<br />
No Photoshop, usando-se de transparências, sombras, brilhos e reflexos a arte (plana) é valorizada, simulando o produto final, ficando bem perto da realidade.<br />
É lógico que uma série de fatores podem influenciar a apresentação pelo cliente, uma delas é a calibração do monitor em que ela será visualizada. Ele pode estar mais claro ou mais escuro, com brilho acentuado, enfim&#8230;vários fatores.<br />
Por outro lado, esta &#8220;valorização&#8221; - que deve ser enviada juntamente com o material planificado - retoma uma parte do ritual da apresentação pessoal.<br />
Existem programas de 3D que simulam embalagens e qualquer outro tipo de material. Mas nesse caso, nos restringimos apenas ao programa de editoração e ao Photoshop.</p>
<p><strong>Um exemplo</strong><br />
Abaixo, segue o exemplo de uma embalagem para Biscoito da Sorte.<br />
O trabalho gráfico, baseado na técnica sumie e restrito pelo processo de impressão (Flexografia) é simples e provavelmente não empolgaria o cliente. Porém, a valorização gráfica, mostra o produto acabado&#8230;quase pronto para o consumo.<br />
Para se chegar a esse resultado, utilizei o projeto gráfico feito no Ilustrator, exportei-o em JPG, 200 dpis, RGB. Depois abri no Photoshop e trabalhei várias camadas com sombras e brilhos simulando um &#8220;drapeado&#8221; (o amassadinho). A ferramenta &#8220;Deformar&#8221; do Photoshop CS ajudou a dar a forma de travesseiro à embalagem e a sombra em arco à direita dá a noção da altura.<br />
Note que o fundo tem as tonalidades do logotipo do cliente propositadamente para tornar o conjunto atrativo.<br />
Até a data de validade e o lote foram simulados com uma fonte própria desta operação.</p>
<p><div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_apre_p.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/apre_p.jpg',900,642,'apre p - apre p'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_apre_p.jpg" alt="apre p - apre p" title="apre p - apre p" /></a></div>
</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.operacriativa.com.br/2008/07/23/apresentacao/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Mascote</title>
		<link>http://blog.operacriativa.com.br/2008/05/06/tuba/</link>
		<comments>http://blog.operacriativa.com.br/2008/05/06/tuba/#comments</comments>
		<pubDate>Wed, 07 May 2008 00:12:28 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category>O Pulo do Gato</category>

		<guid isPermaLink="false">http://blog.odpw.com.br/2008/05/06/tuba/</guid>
		<description><![CDATA[Novo site da Ópera Criativa - Criação de Llogotipos, Sites, Logomarcas, Embalagens &#124; Design Gráfico http://www.operacriativa.com.br.
Um amigo me pediu para criar um símbolo para a equipe de futsal em que ele joga.
O nome do time é Atlântico Futsal e logo me veio a mente a figura de um tubarão. Teve também a imagem do tridente [...]]]></description>
			<content:encoded><![CDATA[<p>Novo site da Ópera Criativa - Criação de Llogotipos, Sites, Logomarcas, Embalagens | Design Gráfico <a href="http://www.operacriativa.com.br" title="Ópera Criativa - Criação de logotipos, Sites, Logomarcas | Design Gráfico">http://www.operacriativa.com.br</a>.<br />
Um amigo me pediu para criar um símbolo para a equipe de futsal em que ele joga.<br />
O nome do time é Atlântico Futsal e logo me veio a mente a figura de um tubarão. Teve também a imagem do tridente do Netuno entre outras, mas essas idéias eram meio acadêmicas demais para a finalidade do símbolo.<br />
Então comecei a rafear um tubarão bem baseado no bom humor que rodeia as equipes amadoras que jogam em finais de semana. O &#8220;Tuba&#8221; saiu com uma cara de boleiro do jeito que eu queria e tinha certeza de que meu grande amigo Marcelo Rodrigues iria aprovar.<br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_tuba1.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/tuba1.jpg',1000,663,'tuba1 - tuba1'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_tuba1.jpg" alt="tuba1 - tuba1" title="tuba1 - tuba1" /></a></div><br />
Em seguida digitalizei a imagem do meu melhor rafe usando uma câmera digital, importei essa imagem no Corel Draw e com a &#8220;Ferramenta de Forma&#8221; eu redesenhei o nosso personagem&#8230;olha como ficou&#8230;o traço está em vermelho.<br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_tuba2.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/tuba2.jpg',1000,663,'tuba2 - tuba2'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_tuba2.jpg" alt="tuba2 - tuba2" title="tuba2 - tuba2" /></a></div><br />
Pode parecer loucura, mas é assim mesmo. Se você quer uma coisa bem feita você vai ter trabalho.<br />
Depois dos traços definidos eu adicionei um contorno a eles. No Corel tem uma ferramenta bem bacana pra isso.<br />
Eu fiz isso separadamente em cada traço&#8230;deu trabalho? Deu. Mas o resultado justifica.<br />
Os fios de contorno no Corel Draw se mantém sempre da mesma espessura, ou seja, quando você diminui a sua imagem eles ficarão mais espessos do que o esperado e se você aumentar a sua imagem eles ficarão mais finos do que você queria.<br />
Usando a &#8220;Ferramenta de Contorno&#8221; e depois eliminando os fios, isso não acontece.<br />
Mas para isso, você precisa &#8220;separar o contorno do objeto&#8221;, eliminar (deletar) os fios e depois &#8220;soldar&#8221; os contornos.<br />
Olha o resultado aí&#8230;<br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_tuba4.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/tuba4.jpg',1000,748,'tuba4 - tuba4'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_tuba4.jpg" alt="tuba4 - tuba4" title="tuba4 - tuba4" /></a></div><br />
A próxima tarefa é dar cor e vida ao nosso &#8220;peixe&#8221;&#8230;<br />
Para isso eu preciso das &#8220;partes&#8221; do Tuba separadas.<br />
Aí eu faço o seguinte:<br />
Na &#8220;Distância de deslocamento&#8221; eu coloquei um número bem grande. Isso é para fazer com que quando eu &#8220;duplicar&#8221; e &#8220;deslocar&#8221; a imagem (desenho) ele saia de cima do meu desenho inicial&#8230;o motivo disso será percebido mais pra frente.<br />
Depois, eu duplico o meu desenho e &#8220;desloco&#8221; ele para a direita, esquerda, pra cima ou para baixo&#8230;<br />
Aí eu &#8220;quebro&#8221; o desenho duplicado em partes &#8220;Ctl K&#8221;.<br />
Depois eu deleto o contorno&#8230;<br />
E uso as partes para colocar cores e efeitos.<br />
Eu coloquei as cores e efeitos (cores chapadas, degradês e transparências) nas partes do Tuba e depois desloquei de novo para cima do desenho inicial (só o contorno)&#8230;<br />
Depois eu coloquei o contorno &#8220;desenho inicial&#8221; por cima (CTL PageUp) das partes coloridas&#8230;.adicionei os olhos do bicho e olha o resultado:<br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_tuba5.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/tuba5.jpg',1000,962,'tuba5 - tuba5'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_tuba5.jpg" alt="tuba5 - tuba5" title="tuba5 - tuba5" /></a></div><br />
Mas aqui entraram alguns elementos típicos de ilustração, como sombras chapadas, os olhos, sombras nos dentes - que são amarelados para se distinguirem do branco do &#8220;papel&#8221; e darem a conotação de &#8220;selvagem&#8221;&#8230;além disso dá pra notar que em algumas áreas eu estendi as sombras para dar ainda mais o efeito de &#8220;volume&#8221;.<br />
Aí entram os símbolos e elementos típicos dos &#8220;brasões&#8221; dos times de futsal&#8230;<br />
O Atlântico é duas vezes campeão de torneios amadores que envolvem equipes da Zona Norte de São Paulo. Isso deu margem para a inserção das duas estrelas e mais um &#8220;slogan&#8221;, além da criatividade correr solta.<br />
O &#8220;distintivo&#8221; do Atlântico escolhido foi este&#8230;redondo e com uma tipografia de &#8220;marinheiro&#8221;&#8230;.e olha que o bicho ficou com jeitão do Romário&#8230;<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_tuba6.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/tuba6.jpg',912,1075,'tuba6 - tuba6'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_tuba6.jpg" alt="tuba6 - tuba6" title="tuba6 - tuba6" /></a></div><br />
Mas como tínhamos uma boa ilustração do Tubarão, podemos &#8220;rotacionar&#8221; o peixe e criar mais essa opção&#8230;meio &#8220;argentina&#8221; mas bonita&#8230;<br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_tuba7.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/tuba7.jpg',675,1048,'tuba7 - tuba7'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_tuba7.jpg" alt="tuba7 - tuba7" title="tuba7 - tuba7" /></a></div><br />
Enfim, a idéia aprovada foi a &#8220;redonda&#8221; sem o acento no &#8220;A&#8221; de Atlântico, e o pessoal do time gostou bastante&#8230;aliás, estou até hoje esperando uma camisa do time.<br />
É isso. Seja para o símbolo do time de futebol amador ou para um personagem que represente uma empresa, o trabalho será sempre o mesmo. Serão envolvidos criatividade, técnica e bom senso.</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.operacriativa.com.br/2008/05/06/tuba/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Embalagem Hall da Fama</title>
		<link>http://blog.operacriativa.com.br/2008/03/27/mock-up/</link>
		<comments>http://blog.operacriativa.com.br/2008/03/27/mock-up/#comments</comments>
		<pubDate>Thu, 27 Mar 2008 20:12:37 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category>O Pulo do Gato</category>

		<guid isPermaLink="false">http://blog.odpw.com.br/2008/03/27/mock-up/</guid>
		<description><![CDATA[
Novo site da Ópera Criativa - Criação de Llogotipos, Sites, Logomarcas, Embalagens &#124; Design Gráfico http://www.operacriativa.com.br.
A Ópera tem como cliente a Mãos de Cera. Uma empresa que tem produtos diferenciados e atua em quiosques dentro de shoppings, buffets e franquias.
Os produtos da Mãos de Cera têm como base moldes de diversos materiais cuja finalidade é [...]]]></description>
			<content:encoded><![CDATA[<p><div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_perspectiva_frente.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/perspectiva_frente.jpg',800,600,'perspectiva frente - perspectiva frente'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_perspectiva_frente.jpg" alt="perspectiva frente - perspectiva frente" title="perspectiva frente - perspectiva frente" /></a></div><br />
Novo site da Ópera Criativa - Criação de Llogotipos, Sites, Logomarcas, Embalagens | Design Gráfico <a href="http://www.operacriativa.com.br" title="Ópera Criativa - Criação de logotipos, Sites, Logomarcas | Design Gráfico">http://www.operacriativa.com.br</a>.<br />
A Ópera tem como cliente a Mãos de Cera. Uma empresa que tem produtos diferenciados e atua em quiosques dentro de shoppings, buffets e franquias.<br />
Os produtos da Mãos de Cera têm como base moldes de diversos materiais cuja finalidade é gerar peças com aparência diferente.<br />
As possibilidades são inúmeras e vão de mãos de cera especial (semelhante a parafina) até mãos de cristal que servem de luminárias.<br />
Uma das linhas de produto da Mãos de Cera (de propriedade dos irmãos André e Marcelo Moretti) é o Hall da Fama. Um kit com foto temática e uma placa de massa especial com a mão gravada em baixo relevo. O tema é cinema e a ação é alusiva à Calçada da Fama e acontece em eventos empresariais, escolas e em shoppings. </p>
<p><strong>Briefing</strong><br />
O cliente solicitou à Ópera uma embalagem que portasse tanto a foto, quanto a placa com a gravação da mão.<br />
O material deve ter um porte elegante e servir também como expositor.</p>
<p><strong>Mão na massa&#8230;</strong><br />
Roberto Vido | Criação da ÓD | iniciou a criação com vários rafes. Algumas possibilidades foram descartadas logo de cara, por inviabilidade técnica.<br />
A idéia que mais agradou foi a utilização de uma claquete – aquela peça que marca o início de uma tomada de imagens – como base para a embalagem.<br />
Logo, a tampa já se transformou naquela parte listrada da tradicional peça.<br />
O visual então já estava definido, uma vez que cinema é uma área bastante rica em termos de referências (atores, película, carretel, cadeira de diretor, megafone, estrela, etc).</p>
<p><strong>Fazendo caixinhas&#8230;</strong><br />
Fazer rafes é simples, o mais trabalhoso é fazer o mocape – que é justamente o protótipo da embalagem, com dimensões reais.<br />
Para criar a embalagem Roberto usou papel triplex de uma gramatura alta (350g). Esse não é o papel que será usado no produto final, mas é mais fácil de vincar, dobrar, cortar e colar.<br />
A embalagem é complexa e deve ter um “berço” para a fixação da placa de massa e da foto.<br />
Alguns protótipos em escala reduzida foram feitos até se chegar a uma peça com estética agradável.</p>
<p><strong>Do microcomputador ao papel&#8230;</strong><br />
Após a definição do protótipo as peças foram desenhadas detalhadamente no micro. O programa usado foi o Corel Draw.<br />
Com as peças em tamanho natural definidas – ou pelo menos bem perto de estarem definidas – mandamos o arquivo para plotagem.<br />
Os desenhos então passaram do micro para o papel, em escala natural.<br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_micro.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/micro.jpg',1280,1024,'micro - micro'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_micro.jpg" alt="micro - micro" title="micro - micro" /></a></div></p>
<p><strong>Vincando&#8230;</strong><br />
A folha com os desenhos ( papel offset 90g) foi colocada sobre o triplex e com a ajuda de um “vincador” (um clips com cabo de metal que quebra um galhão) os desenhos foram decalcados.<br />
Esse processo evita grafite no material e deixa o trabalho mais limpo, além do que, as partes que serão dobradas já ficam vincadas – isso facilita bastante.<br />
Na mesa de vidro as peças são recortadas com estilete e régua de aço.</p>
<p><strong>Mancadas&#8230;</strong><br />
O primeiro mocape é montado e as “mancadas” ficam mais evidentes. Partes que não encaixam, cantos previstos arredondados que ficarão melhores retos e vice-versa&#8230;enfim, esta prévia é para isso mesmo: acertar detalhes.<br />
Depois de ver todas as falhas de produção – os detalhes são marcados com caneta de forma bem objetiva – passamos para a definição das partes da embalagem.<br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_DSC04099_1.JPG" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/DSC04099_1.JPG',540,405,'DSC04099 1 - DSC04099 1'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_DSC04099_1.JPG" alt="DSC04099 1 - DSC04099 1" title="DSC04099 1 - DSC04099 1" /></a></div></p>
<p><strong>Remendos, papel e durex&#8230;</strong><br />
 O berço foi a peça que deu mais trabalho por causa da sua faca complicada e sua função estrutural.<br />
No triplex o berço foi sendo moldado com lápis, papel, fita adesiva, taxinha, e o que mais se tinha à mão&#8230;o importante é sair da mesa com as dimensões.<br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_DSC04102_1.JPG" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/DSC04102_1.JPG',1113,835,'DSC04102 1 - DSC04102 1'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_DSC04102_1.JPG" alt="DSC04102 1 - DSC04102 1" title="DSC04102 1 - DSC04102 1" /></a></div></p>
<p><strong>Material</strong><br />
Com as peças definidas passamos para a montagem do produto final, agora usando o material com o qual o produto final será produzido.<br />
A idéia é usar um microondulado empastado com duplex 250g. Como esse material não é encontrado em poucas quantidades e muito menos em papelarias, a ÓD recorreu à Gráfica Itamarati, do amigo Silvio que nos forneceu algumas pranchas montadas.</p>
<p><strong>De novo ao decalque&#8230;</strong><br />
O modelo feito em cartão triplex e em tamanho natural foi desmontado e suas partes são decalcadas no microondulado empastado. Óbvio que todas as correções foram levadas em conta.<br />
Além do berço, outra parte complicada é o suporte da embalagem. Queremos que a embalagem sirva como sacola e como expositor, portanto, temos que prever uma alça e uma maneira de a embalagem ficar em pé, sobre um móvel ou aparador, e até ser pendurada na parede se o cliente da Mãos de Cera assim desejar&#8230;ela deve ser um “quadro”.<br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_suporte.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/suporte.jpg',800,600,'suporte - suporte'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_suporte.jpg" alt="suporte - suporte" title="suporte - suporte" /></a></div></p>
<p><strong>Nascendo&#8230;</strong><br />
A montagem do protótipo – com todas as peças certinhas e bem recortadas – dá trabalho mas é extremamente gratificante ver a embalagem “nascer”.<br />
Colocamos um acetato de boa gramatura (rígido) por dentro da parte frontal da embalagem para proteger a massa e a foto de poeira. Quem nos indicou o material e o fornecedor para apenas uma folha do acetato foi a Giovana da Paiol Artes – empresa de Santo André especializada em projetos diferenciados de cartonagem.<br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_nascendo.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/nascendo.jpg',1134,850,'nascendo - nascendo'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_nascendo.jpg" alt="nascendo - nascendo" title="nascendo - nascendo" /></a></div></p>
<p><strong>Sacola</strong><br />
Para a alça a ÓD sugeriu uma fita de cetim. Isso agrega valor ao produto, torna a embalagem mais refinada e além disso faz alusão ao “glamour” do cinema.<br />
Todo o protótipo é branco, ele é apenas para mostrar para a Mãos de Cera, o peso, tipo de papel e tamanho da embalagem final. Portanto o cetim usado é branco, mas no produto final ele será preto com padronagens que lembram cinema.<br />
Para valorizar ainda mais a apresentação, fizemos uma simulação do logotipo da Mãos de Cera como se estivesse marcado em baixo relevo numa placa de massa.<br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_DSC04110.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/DSC04110.jpg',1167,875,'DSC04110 - DSC04110'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_DSC04110.jpg" alt="DSC04110 - DSC04110" title="DSC04110 - DSC04110" /></a></div></p>
<p><strong>Informações</strong><br />
Algumas etiquetas são colocadas no protótipo para alertar o cliente para detalhes como tamanho da massa que ele deve usar, por exemplo.<br />
Um cartão de visitas da Ópera é colado no protótipo para que acompanhe o produto aos fornecedores em que o cliente vai cotar a produção da embalagem.<br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_DSC04108.JPG" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/DSC04108.JPG',1093,820,'DSC04108 - DSC04108'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_DSC04108.JPG" alt="DSC04108 - DSC04108" title="DSC04108 - DSC04108" /></a></div></p>
<p><strong>O valor do design</strong><br />
No caso da embalagem do Hall da Fama as peças serão impressas separadamente – tampa, berço, parte frontal e parte posterior. É uma embalagem que terá manuseio em gráfica (montagem das partes frontal e posterior) e também antes de ser entregue ao cliente (colocação da alça na tampa e colocação da tampa na  embalagem, além da preparação do berço com a massa e a foto). Portanto é uma peça que terá um custo relativamente alto. Mas esse valor será agregado ao produto e será um diferencial que ajudará a divulgar, pois serve como sacola.<br />
O simples fato de alguém transitar em um shopping com uma “sacola” dessas sem dúvida causará – no mínimo – curiosidade.<br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_design.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/design.jpg',600,450,'design - design'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_design.jpg" alt="design - design" title="design - design" /></a></div></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.operacriativa.com.br/2008/03/27/mock-up/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Embalagem</title>
		<link>http://blog.operacriativa.com.br/2008/03/11/embalagem/</link>
		<comments>http://blog.operacriativa.com.br/2008/03/11/embalagem/#comments</comments>
		<pubDate>Tue, 11 Mar 2008 23:00:46 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category>O Pulo do Gato</category>

		<guid isPermaLink="false">http://blog.odpw.com.br/2008/03/11/embalagem/</guid>
		<description><![CDATA[
Novo site da Ópera Criativa - Criação de Llogotipos, Sites, Logomarcas, Embalagens &#124; Design Gráfico http://www.operacriativa.com.br.
Como apresentar uma idéia a um cliente?
Essa é uma pergunta bastante comum nos dias de hoje. Com a internet, muitas apresentações se resumem a um e-mail, um texto, uma imagem com extensão jpeg (como esta aí em cima).
A tecnologia deixou [...]]]></description>
			<content:encoded><![CDATA[<p><div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_apre1_p.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/apre1_p.jpg',850,680,'apre1 p - apre1 p'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_apre1_p.jpg" alt="apre1 p - apre1 p" title="apre1 p - apre1 p" /></a></div><br />
Novo site da Ópera Criativa - Criação de Llogotipos, Sites, Logomarcas, Embalagens | Design Gráfico <a href="http://www.operacriativa.com.br" title="Ópera Criativa - Criação de logotipos, Sites, Logomarcas | Design Gráfico">http://www.operacriativa.com.br</a>.<br />
Como apresentar uma idéia a um cliente?<br />
Essa é uma pergunta bastante comum nos dias de hoje. Com a internet, muitas apresentações se resumem a um e-mail, um texto, uma imagem com extensão jpeg (como esta aí em cima).<br />
A tecnologia deixou tudo mais rápido. Mas junto com a agilidade veio também a impessoalidade.<br />
Apresentar um layout sempre foi algo desafiador e ao mesmo tempo prazeroso. Ver a reação do cliente, discutir sobre bons layouts apresentados, montados sobre pranchas é voltar aos bons tempos do atendimento pessoal, personalizado.<br />
Preparar e montar estes layouts para apresentação, sempre deixa a criação mais bonita. E mais importante que isso - palpável.<br />
Não existe forma mais indicada para se apresentar uma embalagem do que fazer um bom mock-up - um modelo em escala natural.<br />
No caso de embalagens de papelão (cartonagem) o modelo deve ser feito se possível utilizando-se o mesmo papel que a embalagem será produzida.<br />
Aqui apresentamos um exemplo de apresentação da embalagem de um &#8220;porta CPU&#8221;, fabricado pela Rodízios Squadroni.<br />
O cliente solicitou a criação de uma embalagem para seu produto, que será comercializado na cadeia de Lojas Etna. </p>
<p><strong><a id="more-33"></a>Passo-a-passo</strong></p>
<p><strong>Explorando as possibilidades</strong><br />
Com o produto em mãos começamos a esboçar algumas situações em que o produto podem se apresentar na embalagem.<br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_1primeiros_rafes.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/1primeiros_rafes.jpg',400,300,'1primeiros rafes - 1primeiros rafes'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_1primeiros_rafes.jpg" alt="1primeiros rafes - 1primeiros rafes" title="1primeiros rafes - 1primeiros rafes" /></a></div></p>
<p><strong>Faca</strong><br />
Depois de alguns estudos sobre como apresentar o produto e demonstrar sua aplicação, passamos ao desenho da faca da embalagem.<br />
Antes do desenho da faca, juntamos as peças do produto para ver como ele se acondiciona no interior de uma caixa e qual o espaço que ele precisa.<br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_2rafeando_a_faca.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/2rafeando_a_faca.jpg',400,300,'2rafeando a faca - 2rafeando a faca'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_2rafeando_a_faca.jpg" alt="2rafeando a faca - 2rafeando a faca" title="2rafeando a faca - 2rafeando a faca" /></a></div></p>
<p><strong>Mais rafes</strong><br />
Após a definição da faca passamos a esboçar alguns elementos como nome do produto, local mais adequado para a foto, código de barras, informações de montagem e informações do fabricante.<br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_3rafes1.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/3rafes1.jpg',400,300,'3rafes1 - 3rafes1'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_3rafes1.jpg" alt="3rafes1 - 3rafes1" title="3rafes1 - 3rafes1" /></a></div><div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_4rafes2.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/4rafes2.jpg',400,300,'4rafes2 - 4rafes2'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_4rafes2.jpg" alt="4rafes2 - 4rafes2" title="4rafes2 - 4rafes2" /></a></div><br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_5rafes3.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/5rafes3.jpg',400,300,'5rafes3 - 5rafes3'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_5rafes3.jpg" alt="5rafes3 - 5rafes3" title="5rafes3 - 5rafes3" /></a></div></p>
<p><strong>Layout Eletrônico</strong><br />
Após inúmeros rafes, vamos para o computador. Só sentamos em frente à máquina após termos definido todos os elementos da embalagem.<br />
Nesta etapa, algumas coisas podem mudar para melhor, como cores ou algum posicionamento. Mas quando sentamos em frente ao micro, já devemos ter a peça definida.<br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_6preparando_arquivos.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/6preparando_arquivos.jpg',400,300,'6preparando arquivos - 6preparando arquivos'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_6preparando_arquivos.jpg" alt="6preparando arquivos - 6preparando arquivos" title="6preparando arquivos - 6preparando arquivos" /></a></div></p>
<p><strong>Impressões</strong><br />
Após a elaboração do layout no micro, preparamos as impressões em laser colorido. Imprimimos as partes separadamente em formato A3, em papel cuchê fosco, 170g.<br />
Para montar o layout, vamos precisar de cola spray, estiletes, fita dupla face, tesoura e régua de metal.<br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_7cola_spray.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/7cola_spray.jpg',400,300,'7cola spray - 7cola spray'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_7cola_spray.jpg" alt="7cola spray - 7cola spray" title="7cola spray - 7cola spray" /></a></div></p>
<p><strong>Aplicando cola</strong><br />
A cola spray substitui com muita vantagem a cola à base de benzina. Ela é prática, limpa e permite descolar, caso haja um equívoco na montagem.<br />
Para aplicar a cola, colocamos nossa impressão sobre uma base de isopor, que depois será descartada.<br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_8aplicando_cola.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/8aplicando_cola.jpg',400,300,'8aplicando cola - 8aplicando cola'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_8aplicando_cola.jpg" alt="8aplicando cola - 8aplicando cola" title="8aplicando cola - 8aplicando cola" /></a></div></p>
<p><strong>Refilando</strong><br />
Aplicamos o desenho da faca sobre um cartão triplex. Depois vincamos com um clips todas as linhas para só então cortar cuidadosamente a faca.<br />
Fazemos também o refile das faces da embalagem impressas em laser colorido, para depois montá-las no mock-up.<br />
Para fazer os cortes e a montagem, usamos uma mesa de vidro, bem firme.<br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_9regua_estilete.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/9regua_estilete.jpg',400,300,'9regua estilete - 9regua estilete'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_9regua_estilete.jpg" alt="9regua estilete - 9regua estilete" title="9regua estilete - 9regua estilete" /></a></div><div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_8brefilando.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/8brefilando.jpg',400,300,'8brefilando - 8brefilando'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_8brefilando.jpg" alt="8brefilando - 8brefilando" title="8brefilando - 8brefilando" /></a></div></p>
<p><strong>Montando</strong><br />
Fazemos a aplicação das faces da embalagem (impressas em laser e já refiladas) na embalagem (faca, já recortada e vincada).<br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_10acolando.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/10acolando.jpg',400,300,'10acolando - 10acolando'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_10acolando.jpg" alt="10acolando - 10acolando" title="10acolando - 10acolando" /></a></div><div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_11colando2.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/11colando2.jpg',400,300,'11colando2 - 11colando2'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_11colando2.jpg" alt="11colando2 - 11colando2" title="11colando2 - 11colando2" /></a></div></p>
<p><strong>Fechando</strong><br />
Para fechar a embalagem, usamos fita dupla-face, simulando o fechamento real.<br />
A fita deve ser aplicada no local onde irá a cola na produção final. Devemos colocar a fita, puxar a película que cobre a cola parcialmente e só depois de posicionar a parte a ser cortada é que vamos puxar totalmente a película, com bastante cuidado. Enquanto puxamos a película vamos fazendo pressão para que as partes colem uma à outra.<br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_12dupla_face1.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/12dupla_face1.jpg',400,300,'12dupla face1 - 12dupla face1'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_12dupla_face1.jpg" alt="12dupla face1 - 12dupla face1" title="12dupla face1 - 12dupla face1" /></a></div><div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_13dupla_face2.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/13dupla_face2.jpg',400,300,'13dupla face2 - 13dupla face2'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_13dupla_face2.jpg" alt="13dupla face2 - 13dupla face2" title="13dupla face2 - 13dupla face2" /></a></div><div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_14dupla_face3.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/14dupla_face3.jpg',400,300,'14dupla face3 - 14dupla face3'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_14dupla_face3.jpg" alt="14dupla face3 - 14dupla face3" title="14dupla face3 - 14dupla face3" /></a></div></p>
<p><strong>Espatulando</strong><br />
Usando uma espátula de silicone e uma folha de papel manteiga, vamos reforçar os vincos e as partes a serem coladas.<br />
O papel manteiga deve ser colocado sobre o mock-up para evitar danificar ou sujar o material.<br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_15espatulando.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/15espatulando.jpg',400,300,'15espatulando - 15espatulando'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_15espatulando.jpg" alt="15espatulando - 15espatulando" title="15espatulando - 15espatulando" /></a></div></p>
<p><strong>Limpando</strong><br />
Usando um &#8220;bigode&#8221;, eliminamos todos os resíduos que não fazem parte do material final. Pedaços minúsculos de papel e até de fragmentos da espátula de silicone devem ser removidos. A aparência do produto deve ser impecável.<br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_16limpeza.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/16limpeza.jpg',400,300,'16limpeza - 16limpeza'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_16limpeza.jpg" alt="16limpeza - 16limpeza" title="16limpeza - 16limpeza" /></a></div></p>
<p><strong>Quase</strong><br />
A peça está pronta. Fechamos a tampa com todo o cuidado.<br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_17mock_up_pronto.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/17mock_up_pronto.jpg',400,300,'17mock up pronto - 17mock up pronto'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_17mock_up_pronto.jpg" alt="17mock up pronto - 17mock up pronto" title="17mock up pronto - 17mock up pronto" /></a></div></p>
<p><strong>Toque final</strong><br />
O último passo é fazer uma embalagem para que o atendimento possa levar o mock-up até o cliente com segurança e criar um suspense antes da apresentação.<br />
Neste caso usamos cartão triplex cortado em fita da mesma largura da embalagem, dupla-face para unir a alça e como base para o mock-up usamos um pedaço de day-foam.<br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_18embalagem.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/18embalagem.jpg',400,300,'18embalagem - 18embalagem'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.thumb_18embalagem.jpg" alt="18embalagem - 18embalagem" title="18embalagem - 18embalagem" /></a></div>
</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.operacriativa.com.br/2008/03/11/embalagem/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Assumindo&#8230;</title>
		<link>http://blog.operacriativa.com.br/2008/02/14/assumindo/</link>
		<comments>http://blog.operacriativa.com.br/2008/02/14/assumindo/#comments</comments>
		<pubDate>Thu, 14 Feb 2008 22:45:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category>O que há de Novo</category>

		<guid isPermaLink="false">http://blog.odpw.com.br/2008/02/14/assumindo/</guid>
		<description><![CDATA[
Novo site da Ópera Criativa - Criação de Llogotipos, Sites, Logomarcas, Embalagens &#124; Design Gráfico http://www.operacriativa.com.br.
Jeferson Ivo assume a Produção de Web da ÓD. Com o desligamento de Daniel Lucas, ele é o novo Produtor de Web da Ópera Design e tem a incumbência de dirigir e finalizar os projetos digitais da empresa.
Jeferson, que já [...]]]></description>
			<content:encoded><![CDATA[<p><div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_jeh.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/jeh.jpg',600,450,'jeh - jeh'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_jeh.jpg" alt="jeh - jeh" title="jeh - jeh" /></a></div><br />
Novo site da Ópera Criativa - Criação de Llogotipos, Sites, Logomarcas, Embalagens | Design Gráfico <a href="http://www.operacriativa.com.br" title="Ópera Criativa - Criação de logotipos, Sites, Logomarcas | Design Gráfico">http://www.operacriativa.com.br</a>.<br />
Jeferson Ivo assume a Produção de Web da ÓD. Com o desligamento de Daniel Lucas, ele é o novo Produtor de Web da Ópera Design e tem a incumbência de dirigir e finalizar os projetos digitais da empresa.<br />
Jeferson, que já vinha atuando com autonomia em projetos de web no ano de 2007, agora vai  ditar o ritmo da empresa neste segmento.<br />
Roberto Vido continua na Direção de Criação e Fátima Reis faz o Atendimento.
</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.operacriativa.com.br/2008/02/14/assumindo/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Novos produtos Teccom</title>
		<link>http://blog.operacriativa.com.br/2008/02/13/novos-produtos-teccom/</link>
		<comments>http://blog.operacriativa.com.br/2008/02/13/novos-produtos-teccom/#comments</comments>
		<pubDate>Wed, 13 Feb 2008 23:02:52 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category>O que há de Novo</category>

		<guid isPermaLink="false">http://blog.odpw.com.br/2008/02/15/novos-produtos-teccom/</guid>
		<description><![CDATA[Novo site da Ópera Criativa - Criação de Llogotipos, Sites, Logomarcas, Embalagens &#124; Design Gráfico http://www.operacriativa.com.br.
A Ópera desenvolveu os rótulos de 1 litro de toda a família de produtos da Teccom - empresa de tecnologia em combustão e meio ambiente.
O trabalho teve atendimento de Fátima Reis, que captou o briefing de Eduardo Haddad &#124; Teccom. [...]]]></description>
			<content:encoded><![CDATA[<p>Novo site da Ópera Criativa - Criação de Llogotipos, Sites, Logomarcas, Embalagens | Design Gráfico <a href="http://www.operacriativa.com.br" title="Ópera Criativa - Criação de logotipos, Sites, Logomarcas | Design Gráfico">http://www.operacriativa.com.br</a>.<br />
A Ópera desenvolveu os rótulos de 1 litro de toda a família de produtos da Teccom - empresa de tecnologia em combustão e meio ambiente.<br />
O trabalho teve atendimento de Fátima Reis, que captou o briefing de Eduardo Haddad | Teccom. A criação foi de Roberto Vido.<br />
&#8220;As cores dos produtos e sua aplicação foram levados em conta na hora de criar, mas o importante foi conferir ao conjunto uma unidade visual para identificar a &#8220;família&#8221; de produtos Teccom&#8221; - comenta Vido.<br />
A Ópera trabalha agora nos rótulos de 5, 10, 20 e 50 litros dos produtos.<br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_DSC03931.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/DSC03931.jpg',600,483,'DSC03931 - DSC03931'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_DSC03931.jpg" alt="DSC03931 - DSC03931" title="DSC03931 - DSC03931" /></a></div>
</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.operacriativa.com.br/2008/02/13/novos-produtos-teccom/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Tirando da Cartola</title>
		<link>http://blog.operacriativa.com.br/2008/02/04/ilustracao/</link>
		<comments>http://blog.operacriativa.com.br/2008/02/04/ilustracao/#comments</comments>
		<pubDate>Tue, 05 Feb 2008 00:57:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category>O Pulo do Gato</category>

		<guid isPermaLink="false">http://blog.odpw.com.br/2008/02/04/ilustracao/</guid>
		<description><![CDATA[
Novo site da Ópera Criativa - Criação de Llogotipos, Sites, Logomarcas, Embalagens &#124; Design Gráfico http://www.operacriativa.com.br.
Muitas vezes nos deparamos com situações em que temos de agir com rapidez e conhecimento para fazermos um trabalho diferenciado.
A dica aqui é: como obter uma ilustração de bom nível em um curto espaço de tempo.
O desafio é criar um [...]]]></description>
			<content:encoded><![CDATA[<p><div class="centralizado"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_9.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/9.jpg',600,400,'9 - 9'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_9.jpg" alt="9 - 9" title="9 - 9" /></a></div><br />
Novo site da Ópera Criativa - Criação de Llogotipos, Sites, Logomarcas, Embalagens | Design Gráfico <a href="http://www.operacriativa.com.br" title="Ópera Criativa - Criação de logotipos, Sites, Logomarcas | Design Gráfico">http://www.operacriativa.com.br</a>.<br />
Muitas vezes nos deparamos com situações em que temos de agir com rapidez e conhecimento para fazermos um trabalho diferenciado.<br />
A dica aqui é: <strong>como obter uma ilustração de bom nível em um curto espaço de tempo.</strong><br />
O desafio é criar um elemento que componha um rótulo para um produto dirigido para veículos aquáticos.<br />
Seria extremamente cômodo recorrermos a um bom banco de imagens, escolher uma bela foto royalte free, pagar por ela e utilizar no nosso rótulo.<br />
Mas o inconveniente é que o mesmo barco pode aparecer em qualquer outra peça promocional ou institucional&#8230;inclusive a do concorrente.<br />
Então, vou explicar passo-a-passo como conseguir uma ilustração de uma lancha em pouco mais de uma hora de trabalho.<br />
Para esse Job usei as seguintes ferramentas: o Google (portanto uma conexão com a Internet), o Corel Draw - odiado por uns e amado por outros e o Photoshop&#8230;amado por todos.</p>
<p><div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_2.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/2.jpg',500,391,'2 - 2'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_2.jpg" alt="2 - 2" title="2 - 2" /></a></div><br />
<a id="more-25"></a><strong>Uma boa referência</strong><br />
Uma coisa que você tem que saber é &#8220;de onde vem as coisas&#8221;.<br />
Quero dizer que saber onde buscar fontes e referências é tão importante quanto criar uma boa peça.<br />
A dica é: O Google. E você deve pensar - E ele acha que ninguém conhece o Google&#8230;?<br />
Eu sei que ele é o site de busca mais utilizado do mundo, e com certeza você o conhece muito bem. Mas a diferença está em &#8220;COMO&#8221; buscar a &#8220;BOA&#8221; imagem de referência para a nossa ilustração.<br />
<strong>1) </strong>Utilizo sempre termos em inglês pois americanos e europeus são mais generosos ao disponibilizar imagens na rede&#8230;em vez de &#8220;lancha&#8221; usei &#8220;boat&#8221;, se tiver alguma dúvida com o idioma, use as &#8220;Ferramentas de Idioma&#8221; do próprio Google.<br />
<strong>2) </strong>Escrevi a palavra &#8220;boat&#8221;&#8230;assim mesmo, <strong>entre aspas</strong>. Assim a busca ficou mais dirigida.<br />
<strong>3)</strong> Cliquei em Imagens - para visualizar apenas as imagens da pesquisa<br />
<strong>4)</strong> E no campo &#8220;Exibindo&#8221;, escolhi &#8220;Imagens de Tamanho <strong>Muito</strong> Grande&#8221;.<br />
Essa é a jogada&#8230;<br />
Aí é só clicar na imagem e clicar na miniatura do topo da tela.<br />
Espere a imagem se montar inteira, clique com o botão direito do seu mouse e escolha a opção &#8220;Salvar Imagem Como&#8221;<br />
Escolha onde quer salvar a referência e pronto.</p>
<p><strong>Resolução</strong><br />
Para o tipo de ilustração que queria fazer a resolução da imagem era importante. Por isso já busquei os tamanhos &#8220;muito&#8221; grandes de imagens. Geralmente as imagens chegam a 3.000 pixels. </p>
<p><div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_3.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/3.jpg',500,391,'3 - 3'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_3.jpg" alt="3 - 3" title="3 - 3" /></a></div><br />
<strong>No Photoshop</strong><br />
<strong>1)</strong> Abri a imagem da referência.<br />
<strong>2)</strong> Em &#8220;Imagem&#8221; no menu superior cliquei em &#8220;Tamanho da Imagem&#8221;.<br />
<strong>3)</strong> Coloquei a largura para um número entre 10 e 15 centímetros. A altura veio proporcionalmente.<br />
<strong>4)</strong> Mudei a resolução para 1.000 ou até 2.000 dpis. Esse número vai depender da capacidade de sua máquina em processar imagens muito grandes.<br />
<strong>5)</strong> Em  &#8220;Imagem&#8221; no menu superior, cliquei em &#8220;Modo&#8221; e escolhi &#8220;Tons de Cinza&#8221;.<br />
<strong>6)</strong> Alterei o &#8220;Brilho e Contraste&#8221;, de modo a fazer com que existisse uma boa diferença entre os tons claros e escuros.<br />
<strong>7)</strong> Ainda em &#8220;Imagem&#8221;, escolhi novamente &#8220;Modo&#8221; e cliquei em &#8220;Bitmap&#8221;.<br />
<strong>8)</strong> Existem várias possibilidades bem legais de transformação da imagem, mas me ative a uma&#8230;cliquei em &#8220;50% do Limiar&#8221; e coloquei em &#8220;Resolução&#8221; um número entre 1.000 e 2.000 dpis.<br />
<strong>9)</strong> O resultado foi um &#8220;traço&#8221; da referência, em preto e branco.<br />
<strong>10)</strong> Salvei com a extensão &#8220;Tif&#8221;.</p>
<p><div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_4.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/4.jpg',500,338,'4 - 4'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_4.jpg" alt="4 - 4" title="4 - 4" /></a></div><br />
<strong>No Corel Draw</strong><br />
<strong>1) </strong>Abri um novo documento.<br />
<strong>2)</strong> Digitei &#8220;Ctl i&#8221; e importei a imagem em Tif.<br />
<strong>3)</strong> Cliquei sobre ela com o botão direito do mouse e escolhi a opção &#8220;Rastrear Bitmap&#8221; e em seguida em &#8220;Imagem de Alta Qualidade&#8221;.<br />
<strong>4)</strong> A imagem foi &#8220;rastreada&#8221; pelo programa semelhante ao Corel Trace que acompanhava os pacotes do Corel Draw anteriores a versão X3.<br />
<strong>5)</strong> Nas opções que ficam na lateral direita, escolhi o nível de suavização dos nós e o nível de detalhamento da figura - que vão interferir diretamente no &#8220;peso&#8221; do arquivo.<br />
<strong>6)</strong> Ainda nesta lateral da tela, escolhi &#8220;Modo de Cor&#8221; &#8220;Preto e Branco&#8221;.<br />
<strong>7)</strong> Escolhi ainda &#8220;Remover Fundo&#8221; e &#8220;Especificar Cor&#8221; a ser excluída. Cliquei no &#8220;Conta Gotas&#8221; e cliquei na figura sobre a cor &#8220;Branco&#8221; que queria eliminar.<br />
<strong>8) </strong>Em seguida cliquei em &#8220;Remover Cor da Imagem Inteira&#8221;.<br />
<strong>9) </strong>Depois cliquei em &#8220;OK&#8221;<br />
<strong>Vetorização</strong><br />
A Imagem &#8220;Rastreada&#8221; ficou sobreposta ao Bitmap que importei no Corel Draw.<br />
Excluí o Bitmap, ficando apenas com o Vetor da imagem na tela.<br />
Este é um desenho que você pode ampliar para qualquer tamanho sem se preocupar com a resolução. É uma arte vetorizada da foto da lancha.<br />
<strong>1)</strong> Cliquei na ilustração, e no menu &#8220;Organizar&#8221; escolhi &#8220;Desagrupar Tudo&#8221;.<br />
<strong>2)</strong> Selecionei todos os elementos do desenho e cliquei &#8220;Ctl L&#8221;, para &#8220;combinar&#8221; as partes do desenho.<br />
<strong>3) </strong>Pronto, agora ele se tornou uma única figura.<br />
<strong>4) </strong>Trabalhei a redução de nós e eliminação de excessos de detalhes.</p>
<p><div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_5.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/5.jpg',500,243,'5 - 5'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_5.jpg" alt="5 - 5" title="5 - 5" /></a></div><br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_6.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/6.jpg',500,229,'6 - 6'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_6.jpg" alt="6 - 6" title="6 - 6" /></a></div><br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_7.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/7.jpg',500,229,'7 - 7'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_7.jpg" alt="7 - 7" title="7 - 7" /></a></div><br />
<div class="alinhar_esq"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_8.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/8.jpg',500,229,'8 - 8'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_8.jpg" alt="8 - 8" title="8 - 8" /></a></div><br />
<strong>Valorização Gráfica</strong><br />
Com a base da ilustração pronta iniciei o tratamento que &#8220;valorizou&#8221; a arte.<br />
<strong>1)</strong> Importei para este mesmo documento a referência da lancha, em cores&#8230;aquela que foi capturada da internet.<br />
<strong>2)</strong> Coloquei a referência nas mesmas dimensões do vetor e sobrepus o vetor ao bitmap (imagem da lancha). Isso é para poder pegar os claros e escuros da imagem de referência.<br />
<strong>3)</strong> Coloquei um retângulo azul por trás da imagem, para ver como as manchas de cor reagiriam. Este retângulo ficou alternando sua posição com a referência (imagem colorida) o tempo todo.<br />
<strong>4) </strong>Com a ferramenta &#8220;Bélzier&#8221; de traço do Corel Draw, construí áreas que foram preenchidas com cor. Lembre-se que: Eu não estava  tentando reproduzir a foto em todas suas nuances, mas sim obter uma ilustração do barco com estilo que não fosse hiperealista.<br />
<strong>5)</strong> Utilizei também a ferramenta &#8220;Mídia Artística&#8221; desta mesma caixa de ferramentas, e na &#8220;Lista de Pinceladas&#8221; um padrão que colaborou com a espontaneidade do traço que eu queria passar. Essas pinceladas artísticas foram usadas na água como ondas brancas ou no céu como nuvens. Utilizei uma única pincelado na ilustração toda, fui redimensionando, invertendo, curvando na medida das necessidades.<br />
<strong>6)</strong> Defini as cores, tons de azul, alguma cor quente na bóia para quebrar a monocromia.<br />
<strong>7)</strong> Usei a &#8220;Ferramenta de Transparência Interativa&#8221; para conferir ainda mais estilo a ilustração.</p>
<p>Deletei a referência e pronto&#8230;lá estava a lancha.<br />
Mesmo sem o retângulo que coloquei por trás dos elementos, o resultado ficou muito bom.<br />
Este tipo de arte pode ser aplicada sobre vários fundos, pois podemos mudar a cores facilmente no Corel Draw e o melhor de tudo é que por se tratar de vetor podemos ampliar à vontade para usar em painéis de grandes formatos, personalização de frotas etc.<div class="centralizado"><a href="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_10.jpg" onclick="lw_image_popup('http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/10.jpg',600,400,'10 - 10'); return false;"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/.resized_10.jpg" alt="10 - 10" title="10 - 10" /></a></div></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.operacriativa.com.br/2008/02/04/ilustracao/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Criação e Inspiração</title>
		<link>http://blog.operacriativa.com.br/2008/01/09/rotulos/</link>
		<comments>http://blog.operacriativa.com.br/2008/01/09/rotulos/#comments</comments>
		<pubDate>Thu, 10 Jan 2008 00:04:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category>O Pulo do Gato</category>

		<guid isPermaLink="false">http://blog.odpw.com.br/2008/01/09/rotulos/</guid>
		<description><![CDATA[Novo site da Ópera Criativa - Criação de Llogotipos, Sites, Logomarcas, Embalagens &#124; Design Gráfico http://www.operacriativa.com.br.
Em dezembro de 2007 a Ópera foi convidada pela Teccom para desenvolver uma linha de rótulos para um novo produto da empresa.
A Teccom desenvolve produtos de ponta para otimizar combustíveis e destinou a Ópera a criação dos rótulos de suas [...]]]></description>
			<content:encoded><![CDATA[<p>Novo site da Ópera Criativa - Criação de Llogotipos, Sites, Logomarcas, Embalagens | Design Gráfico <a href="http://www.operacriativa.com.br" title="Ópera Criativa - Criação de logotipos, Sites, Logomarcas | Design Gráfico">http://www.operacriativa.com.br</a>.<br />
Em dezembro de 2007 a Ópera foi convidada pela Teccom para desenvolver uma linha de rótulos para um novo produto da empresa.<br />
A Teccom desenvolve produtos de ponta para otimizar combustíveis e destinou a Ópera a criação dos rótulos de suas embalagens de 1, 5, 10, 20 e 50 litros do Teccom10 Road - um otimizador de combustíveis para motores de veículos de transporte terrestre.</p>
<p><div class="centralizado"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/tit.jpg" alt="tit - tit" title="tit - tit" /></div><br />
A criação foi rápida e feita com materiais que a maioria das pessoas considera &#8220;ultrapassados&#8221; em nossa área.<br />
Lápis de cor, pastel seco, durex, tesoura, muito papel, clips, cola e até caneta Bic.</p>
<p><strong>Como acontece</strong><br />
A Ópera solicitou as embalagens para a Teccom e iniciou o trabalho de criação.<br />
Uma das idéias iniciais foi trabalhar os rótulos de de forma modular, ou seja, que eles se encaixasse de tal forma que permitissem um ótimo aproveitamento de papel na produção, além de permitir a utilização de uma única arte para mais de um frasco.<br />
Porém esta idéia foi substituída por outra que levou mais em conta a valorização de cada produto envazado em vez de focar apenas na viabilidade de produção.</p>
<p><strong>Pensando no conjunto</strong><br />
O trabalho de criação começou colocando-se todas as embalagens lado-a-lado, como um time.<br />
A idéia é valorizar a família de embalagens e possivelmente criar um ponto de venda atraente.<br />
Logo de saída já imaginamos o produto formando uma &#8220;onda&#8221; dentro das embalagens.<br />
Essa &#8220;onda&#8221;, além de ser graficamente agradável, forma uma amarra legal para o conjunto. Além disso tem tudo a ver com tanque de combustível, movimento da gasolina - ou diesel - e por aí vai.</p>
<p><div class="alinhar_esq"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/DSC03842.jpg" alt="DSC03842 - DSC03842" title="DSC03842 - DSC03842" /></div></p>
<p><strong>Definindo as áreas</strong><br />
Colamos uns papéis onde achamos que seriam as melhores áreas para as informações entrarem e começamos a definir as &#8220;ondas&#8221;.<br />
<div class="alinhar_esq"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/DSC03843.jpg" alt="DSC03843 - DSC03843" title="DSC03843 - DSC03843" /></div></p>
<p><strong>Destaque</strong><br />
Depois começamos a ver onde poderiam ser inseridas informações que teriam mais peso no rótulo, ou seja, quais áreas poderiam ser aproveitadas com destaque&#8230;<br />
<div class="alinhar_esq"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/DSC03844.jpg" alt="DSC03844 - DSC03844" title="DSC03844 - DSC03844" /></div></p>
<p><strong>Onde vão as coisas</strong><br />
Aí começamos a esboçar os logotipos e os blocos de texto.</p>
<p><div class="alinhar_esq"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/DSC03845.jpg" alt="DSC03845 - DSC03845" title="DSC03845 - DSC03845" /></div></p>
<p><strong>Muito rabisco</strong><br />
Marcamos os espaços do logotipo do produto. Isso tudo feito rapidamente em todas as embalagens, sempre levando-se em conta como será a aparência final do conjunto.</p>
<p><div class="alinhar_esq"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/DSC03846.jpg" alt="DSC03846 - DSC03846" title="DSC03846 - DSC03846" /></div></p>
<p><strong>Rabisco mesmo</strong><br />
E quando escrevemos &#8220;esboço&#8221; é esboço mesmo&#8230; sem medo de destinar espaços errados e sem pensar muito em medidas, proporções, números, gramática etc.<br />
Essa é uma fase &#8220;livre&#8221;. Aqui não tem amarras. Podemos errar à vontade. </p>
<p><div class="alinhar_esq"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/DSC03847.jpg" alt="DSC03847 - DSC03847" title="DSC03847 - DSC03847" /></div></p>
<p><strong>Contemplação</strong><br />
Depois de marcarmos espaços e alguns elementos, investimos bastante tempo observando o conjunto.<br />
E aí começam a vir idéias mais arrojadas sobre como dar um design diferente à embalagem só com o rótulo.<br />
Percebemos então que poderemos eliminar o contra-rótulo (o verso) se aproveitarmos alguns espaços a mais&#8230;</p>
<p><div class="alinhar_esq"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/DSC03849.jpg" alt="DSC03849 - DSC03849" title="DSC03849 - DSC03849" /></div></p>
<p><strong>Mais área</strong><br />
Colamos mais alguns papéis nas laterais, com durex mesmo e começamos a marcar as &#8220;quinas&#8221; da embalagem.<br />
Essas dobras são amenas, mas dá para senti-las com o grafite do lápis.</p>
<p><div class="alinhar_esq"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/DSC03853_1.jpg" alt="DSC03853 1 - DSC03853 1" title="DSC03853 1 - DSC03853 1" /></div></p>
<p><strong>Mais rabiscos</strong><br />
As marcações dos elementos são superficiais. Apenas para dar a informação de que ali haverá texto ou imagens. As sobras também são marcadas grosseiramente e cortadas com a tesoura.<br />
Neste caso usamos a emenda do molde da embalagem (que fica marcado  no plástico sutilmente) para definir até onde vai nosso rótulo.</p>
<p><div class="alinhar_esq"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/DSC03857.jpg" alt="DSC03857 - DSC03857" title="DSC03857 - DSC03857" /></div></p>
<p><strong>Diferenciado</strong><br />
Pronto. Ali está nosso rótulo.<br />
É diferente. Usa espaços inusitados e bem definidos do frasco. Isso além de evitar o contra-rótulo, que teria que ser adesivado também.<br />
Dessa forma, fica apenas uma operação de adesivagem e ainda temos as marcações da embalagem como guia.</p>
<p><div class="alinhar_esq"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/DSC03851.jpg" alt="DSC03851 - DSC03851" title="DSC03851 - DSC03851" /></div></p>
<p><strong>Achando as medidas</strong><br />
A partir daí, começamos a dimensionar os rótulos.<br />
As marcações para as medidas são feitas com grafite e sem tanto refinamento.</p>
<p><div class="alinhar_esq"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/DSC03856.jpg" alt="DSC03856 - DSC03856" title="DSC03856 - DSC03856" /></div></p>
<p><strong>Desgrudando&#8230;</strong><br />
Retiramos os rafes das embalagens&#8230;Já dá pra ver que vai ficar um conjunto harmonioso.</p>
<p><div class="alinhar_esq"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/DSC03858.jpg" alt="DSC03858 - DSC03858" title="DSC03858 - DSC03858" /></div></p>
<p><strong>Medindo</strong><br />
Passamos então a definir mais precisamente as medidas. Arredondando alguns milímetros&#8230;e confrontando com a embalagem.</p>
<p><div class="alinhar_esq"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/DSC03859.jpg" alt="DSC03859 - DSC03859" title="DSC03859 - DSC03859" /></div></p>
<p><strong>No micro</strong><br />
Agora entra a etapa de layout eletrônico.<br />
O importante é irmos para a frente do micro com uma idéia bem estabelecida do que queremos. Se deixarmos para criar na frente do micro, perdemos muito tempo.<br />
Os elementos estão préviamente definidos. Os textos já foram enviados pelo cliente e revisados.<br />
Os símbolos e logotipos já foram aprovados pelo cliente em etapas anteriores.<br />
A ilustração da Pick-up (veículo que pode ser tanto à diesel quanto à gasolina) que simboliza o produto já foi aprovada anteriormente. Apenas receberá um tratamento gráfico mais elaborado.<br />
<div class="alinhar_esq"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/20a.jpg" alt="20a - 20a" title="20a - 20a" /></div></p>
<p><strong>Impressão</strong><br />
Os layouts são impressos em tamanho natural.</p>
<p><div class="alinhar_esq"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/20_1.jpg" alt="20 1 - 20 1" title="20 1 - 20 1" /></div></p>
<p><strong>Recortando</strong><br />
As impressões foram feitas em papel cuchê fosco 170g, no sistema laser colorido.<br />
Elas são cortadas com estilete e régua de aço numa mesa de vidro.<br />
Posicionamos sobre a embalagem só pra ver como vai ficar&#8230;</p>
<p><div class="alinhar_esq"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/DSC03862.jpg" alt="DSC03862 - DSC03862" title="DSC03862 - DSC03862" /></div></p>
<p><strong>Passando cola</strong><br />
Usamos uma cola spray da 3M para fazer a montagem nas embalagens.</p>
<p><div class="alinhar_esq"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/DSC03863.jpg" alt="DSC03863 - DSC03863" title="DSC03863 - DSC03863" /></div></p>
<p><strong>Colando </strong><br />
Montamos, simulando uma aplicação final.<br />
Nos baseamos nas marcações da embalagem e aplicamos as artes. Com um papel limpo fixamos.</p>
<p><div class="alinhar_esq"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/DSC03861.jpg" alt="DSC03861 - DSC03861" title="DSC03861 - DSC03861" /></div></p>
<p><strong>Quase</strong><br />
Está quase pronta a apresentação. Já dá para perceber que vai ficar bom.</p>
<p><div class="alinhar_esq"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/DSC03860.jpg" alt="DSC03860 - DSC03860" title="DSC03860 - DSC03860" /></div></p>
<p><strong>A &#8220;gravata&#8221;</strong><br />
Percebemos que ainda temos algumas possibilidades de explorar mais as embalagens.<br />
Apenas como demonstração dessas possibilidades, resolvemos criar uma &#8220;gravata&#8221;, para colocar no gargalo das embalagens após o envazamento e antes da lacração.<br />
O layout é simplificado dessa peça, mas já dá pra perceber que é uma boa opção para uma promoção.<br />
O processo de criação da gravata, obtenção das medidas, transferência das medidas para o computador e impressão foi o mesmo de todos os rótulos.<br />
Para ficar mais rígido, montamos a peça num triplex, com cola spray.<br />
Na mesa de vidro, cortamos com estilete, e depois com a tesoura.</p>
<p><div class="alinhar_esq"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/DSC03865.jpg" alt="DSC03865 - DSC03865" title="DSC03865 - DSC03865" /></div></p>
<p><strong>O vincador mascarado</strong><br />
O vinco é feito com um clips (aqueles de prender papéis). Do lado de trás do triplex para facilitar e dar um acabamento legal na dobra.<br />
Aqui então usamos basicamente o estilete e o vincador&#8230;</p>
<p><div class="alinhar_esq"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/DSC03868.jpg" alt="DSC03868 - DSC03868" title="DSC03868 - DSC03868" /></div></p>
<p><strong>PDV</strong><br />
O resultado é uma peça bem legal e versátil, que pode ter outras informações do produto em promoções específicas e diferencia-lo no PDV.</p>
<p><div class="alinhar_esq"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/DSC03867_1.jpg" alt="DSC03867 1 - DSC03867 1" title="DSC03867 1 - DSC03867 1" /></div></p>
<p><strong>É isso aí!</strong>Os rótulos estão &#8220;layoutados&#8221;&#8230;</p>
<p><div class="alinhar_esq"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/DSC03866.jpg" alt="DSC03866 - DSC03866" title="DSC03866 - DSC03866" /></div></p>
<p><strong>A família</strong><br />
Aí só limpamos a área e pedimos para a família posar para uma foto&#8230; ficou show. Esperamos que o cliente também goste.</p>
<p><div class="alinhar_esq"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/DSC03870.jpg" alt="DSC03870 - DSC03870" title="DSC03870 - DSC03870" /></div>
</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.operacriativa.com.br/2008/01/09/rotulos/feed/</wfw:commentRss>
		</item>
		<item>
		<title>VÍRUS - Trojan que rouba senhas de bancos bloqueia Linha Defensiva</title>
		<link>http://blog.operacriativa.com.br/2007/12/07/virus-trojan-que-rouba-senhas-de-bancos-bloqueia-linha-defensiva/</link>
		<comments>http://blog.operacriativa.com.br/2007/12/07/virus-trojan-que-rouba-senhas-de-bancos-bloqueia-linha-defensiva/#comments</comments>
		<pubDate>Fri, 07 Dec 2007 13:09:14 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category>VIRUS - Trojan que rouba senhas de bancos</category>

		<guid isPermaLink="false">http://blog.odpw.com.br/2007/12/07/virus-trojan-que-rouba-senhas-de-bancos-bloqueia-linha-defensiva/</guid>
		<description><![CDATA[Novo site da Ópera Criativa - Criação de Llogotipos, Sites, Logomarcas, Embalagens &#124; Design Gráfico http://www.operacriativa.com.br.
	Por Altieres Rohr &#124; 04/11/2007 - 21:03 fonte: Linha Defensiva
A Linha Defensiva obteve acesso a um trojan que, ao infectar um sistema, torna o site inacessível. O código malicioso adiciona uma linha ao arquivo HOSTS que redireciona o site da [...]]]></description>
			<content:encoded><![CDATA[<p>Novo site da Ópera Criativa - Criação de Llogotipos, Sites, Logomarcas, Embalagens | Design Gráfico <a href="http://www.operacriativa.com.br" title="Ópera Criativa - Criação de logotipos, Sites, Logomarcas | Design Gráfico">http://www.operacriativa.com.br</a>.<br />
	<em><strong>Por Altieres Rohr | 04/11/2007 - 21:03</strong></em> fonte: <a href="http://linhadefensiva.uol.com.br/blog/2007/11/trojan-block-ld"><em>Linha Defensiva</em></a></p>
<p>A Linha Defensiva obteve acesso a um trojan que, ao infectar um sistema, torna o site inacessível. O código malicioso adiciona uma linha ao arquivo HOSTS que redireciona o site da Linha Defensiva (linhadefensiva.uol.com.br) para o IP “127.0.0.1″, o que efetivamente torna a página indisponível. Além deste site, o trojan também bloqueia o VirusTotal, sites de companhias antivírus como Grisoft, TrendMicro e BitDefender e sites anti-spyware como SpywareInfo e Bleeping Computer.</p>
<p>O cavalo de tróia é um ladrão de senhas de banco. É brasileiro, mas, além dos servidores de plugins de segurança de banco, o Linha Defensiva é o único site nacional cujo acesso é impedido pelo vírus. Entre os demais sites bloqueados, que não pertencem a companhias antivírus, apenas um, o VirusTotal, está disponível em português. </p>
<p>Também há notícia da existência de um trojan que redireciona a Linha Defensiva para o site da Polícia Federal (www.dpf.gov.br), mas uma cópia deste trojan até agora não foi encontrada pela nossa equipe. É possível que os redirecionamentos tenham o objetivo de inutilizar o BankerFix, que poderia remover a praga.</p>
<p>Para capturar as senhas, a praga usa o mesmo método de redirecionamento pelo Hosts; abaixo segue a lista dos domínios inseridos no Hosts. Os sites bloqueados retornam um erro, enquanto os redirecionados parecem carregar normalmente, mas a vítima estará em uma página falsa controlada pelo criminoso.</br><br/></p>
<p><font size="3" color="#0033CC"><strong>Bloqueados</strong></font></p>
<p><font size="2"><strong>
<ol> Plugins de banco </ol>
<p></strong></font></p>
<li> wwws.realsecureweb.com.br </li>
<li> clickbanking.unibanco.com.br </li>
<li> www14.bancobrasil.com.br   </li>
<li> imagem.caixa.gov.br </li>
<li> bdu.bmb.com.br </li>
<p><font size="2"><strong>
<ol> Empresa de Antivírus </ol>
<p></strong></font></p>
<li> www.grisoft.cz </li>
<li> www.grisoft.com </li>
<li> guru.grisoft.com </li>
<li> free.grisoft.com </li>
<li> www.trendmicro.com </li>
<li> upgrade.bitdefender.com </li>
<p><font size="2"><strong>
<ol> Sites de segurança </ol>
<p></strong></font></p>
<li> www.bleepingcomputer.com </li>
<li> www.virustotal.com </li>
<li> linhadefensiva.uol.com.br </li>
<li> www.spywareinfo.com </li>
<p><br/><br/></p>
<p><font size="3" color="#0033CC"><strong>Redirecionados </strong></font></p>
<p><font size="2"><strong>
<ol> Bancos </ol>
<p></strong></font></p>
<li> caixa.com.br </li>
<li> www.caixa.com.br </li>
<li> caixa.gov.br </li>
<li> www.caixa.gov.br </li>
<li> cef.com.br </li>
<li> www.cef.com.br </li>
<li> cef.gov.br </li>
<li> www.cef.gov.br </li>
<li> caixaeconomicafederal.com.br </li>
<li> www.caixaeconomica.com.br </li>
<li> www.caixaeconomicafederal.com.br </li>
<li> unibanco.com.br </li>
<li> www.unibanco.com.br </li>
<li> nossacaixa.com.br </li>
<li> www.nossacaixa.com.br </li>
<li> real.com.br </li>
<li> www.real.com.br </li>
<li> bancoreal.com.br </li>
<li> www.bancoreal.com.br
<li> bb.com.br </li>
<li> www.bb.com.br </li>
<li> bancodobrasil.com.br </li>
<li> www.bancodobrasil.com.br </li>
<li> bancobrasil.com.br </li>
<li> www.bancobrasil.com.br </li>
<li> itau.com.br </li>
<li> www.itau.com.br </li>
<li> bradesco.com.br </li>
<li> www.bradesco.com.br </li>
<p> <br/></p>
]]></content:encoded>
			<wfw:commentRss>http://blog.operacriativa.com.br/2007/12/07/virus-trojan-que-rouba-senhas-de-bancos-bloqueia-linha-defensiva/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Fraude usa XSS para “alterar” YouTube e instalar trojan</title>
		<link>http://blog.operacriativa.com.br/2007/11/14/fraude-usa-xss-para-%e2%80%9calterar%e2%80%9d-youtube-e-instalar-trojan/</link>
		<comments>http://blog.operacriativa.com.br/2007/11/14/fraude-usa-xss-para-%e2%80%9calterar%e2%80%9d-youtube-e-instalar-trojan/#comments</comments>
		<pubDate>Wed, 14 Nov 2007 14:30:54 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category>Atenção - Virus no Youtube.</category>

		<guid isPermaLink="false">http://blog.odpw.com.br/2007/11/14/fraude-usa-xss-para-%e2%80%9calterar%e2%80%9d-youtube-e-instalar-trojan/</guid>
		<description><![CDATA[Novo site da Ópera Criativa - Criação de Llogotipos, Sites, Logomarcas, Embalagens &#124; Design Gráfico http://www.operacriativa.com.br.
Por Altieres Rohr &#124; 08/10/2007 - 0:03 fonte: Linha Defensiva
Um e-mail fraudulento que começou a circular nesta sexta-feira (05/10) tenta explorar uma brecha no site de compartilhamento de vídeos YouTube para alterar a página e apresentar ao usuário uma falsa [...]]]></description>
			<content:encoded><![CDATA[<p>Novo site da Ópera Criativa - Criação de Llogotipos, Sites, Logomarcas, Embalagens | Design Gráfico <a href="http://www.operacriativa.com.br" title="Ópera Criativa - Criação de logotipos, Sites, Logomarcas | Design Gráfico">http://www.operacriativa.com.br</a>.<br />
<em><strong>Por Altieres Rohr | 08/10/2007 - 0:03 </strong></em>fonte: <a href="http://linhadefensiva.uol.com.br/2007/10/youtube-xss-activex"><em>Linha Defensiva</em></a></p>
<p>Um e-mail fraudulento que começou a circular nesta sexta-feira (05/10) tenta explorar uma brecha no site de compartilhamento de vídeos YouTube para alterar a página e apresentar ao usuário uma falsa caixa de download pedindo a instalação de um “objeto ActiveX” para visualizar o vídeo. Usuários que fizeram o download do “ActiveX” instalaram na verdade um cavalo de tróia. O link no e-mail vai direto ao site verdadeiro do YouTube, e a falha é usada para modificar o conteúdo da página que o internauta vê. A Linha Defensiva notificou o Google, que é responsável pelo YouTube, e a brecha foi corrigida em apenas 10 horas, inutilizando o ataque.</p>
<p>O segredo do golpe está no link presente na mensagem de e-mail. O e-mail não é muito impressionante: possui “videos@youtube.com” no campo “De” da mensagem e contém vários erros de português, afirmando que o destinatário foi “mensionado [sic] em algum de nossos videos [sic] mais acessado [sic]”. O link, no entanto, possui uma série de códigos que modificam a página do YouTube para (somente) aqueles que clicarem nele.</p>
<p>A captura de tela mostra o site do YouTube modificado com uma falsa janela de vídeo. É possível perceber, observando-se o fundo, que a página que está sendo acessada não é realmente uma página de vídeo, mas a página de recuperação de nome de usuário. A janela de download apresentada foi criada com imagens e não é uma janela real do Windows.</p>
<p><div class="alinhar_dir"><img src="http://blog.operacriativa.com.br/up/o/op/blog.operacriativa.com.br/img/virus.jpg" alt="virus - virus" title="virus - virus" /></div></p>
<p>Este tipo de vulnerabilidade é chamada de XSS, ou Cross Site Scripting. Elas permitem que código seja inserido em um website para aqueles que clicarem em um determinado link. Usando este tipo de falha, criminosos podem modificar uma página para aqueles que clicarem em um link, enganando o internauta e fazendo-o pensar que as informações ou downloads oferecidos pela página pertencem ao site.</p>
<p>Outro uso comum de brechas XSS é o roubo de cookies. Cookies são arquivos armazenados pelo navegador e contém informações como o seu login e seu endereço de e-mail (se você inseriu um comentário em algum site que solicitava seu e-mail e marcou alguma caixa para que o site pudesse “lembrar” de você, por exemplo). </p>
<p>Um cookie só podem ser lido pelo site que o gravou, de modo que as informações estejam acessíveis para outras páginas da web. Em um site que possui uma brecha XSS, um criminoso pode enviar um link a uma vítima e, quando este for clicado, um código será inserido no site visitado para ler o cookie e enviá-lo ao criminoso. </p>
<p>Este tipo de falha foi usada no Orkut mais de uma vez, mas nunca para alterar o conteúdo da página de uma forma tão agressiva como neste caso do YouTube.
</p>
]]></content:encoded>
			<wfw:commentRss>http://blog.operacriativa.com.br/2007/11/14/fraude-usa-xss-para-%e2%80%9calterar%e2%80%9d-youtube-e-instalar-trojan/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
