Modelando por Diego Franco

A um tempo atrás prometi escrever alguns posts sobre dicas de vetorização creio que este será um bom começo e será extremamente interessante para quem trabalha com silks.

O caso é o seguinte: O cliente lhe envia uma foto qualquer e pede pra você vetorizá-la, ou, nem lhe envia a foto apenas solicita uma ilustração aberrante, a dita cuja será usada em uma camiseta por exemplo.

Se você é arte-finalista e cria ilustrações para camisetas sabe que encontrará algumas limitações como tamanhos de telas limitados, cores específicas, tipos de tinta etc…, claro, isso poderá variar de região para região, cidades de porte maior tendem a ter tecnologias mais avançadas que cidades de porte menor, mas isto não é uma regra.

Consideremos que o nosso amável cliente nos solicita uma arte para uma camiseta na qual homenageará o lendário Fusca, escolhido por mim carinhosamente para ilustrar este post, um marco para sua época que perdura até hoje com suas curvas arrojadas. A camiseta será simples com no máximo três cores.

Vamos ao trabalho. Eis o nosso Fuscão.

Logo abaixo estão as principais ferramentas usadas na vetorização e o que elas fazem: (Vou ser bem direto aqui para não embromar(já ouviu essa palavra?) Os ícones são bem intuitivos. Abaixo de todas as ferramentas estão as etapas da vetorização até o resultado final, espero que gostem.

Ferramenta Bezier >> À medida que você clica ela adiciona pontos (nós) do vetor. Você a usará praticamente na primeira etapa da vetorização, contornando as principais características de seu desenho, sombras, reflexos, objetos, um pouco de senso será muito útil neste momento para definir os principais traços da imagem. Quanto mais pontos você criar, melhor será na hora de moldá-los, mas com o tempo você saberá os lugares corretos onde deverá criá-los.

Ellipse >> O nome já é intuitivo. Para você desenhar círculos (tenho certeza que você já sabia desta).

Convert Line to Curve >> Quando se adiciona os nós com a ferramenta Bezier eles são criados como linhas retas não sendo possível a suavização(arredondamento) dos nós, para que você possa suavizar os nós, construindo curvas, basta selecionar os nós desejados e aplicar esta ferramenta. A partir daí você usará a ferramenta Shape para moldar os nós.

Shape >> Como já disse anteriormente a ferramenta Shape com certeza será a mais usada aqui, é ela que dará formas uniformes ao seu desenho, é com ela que você suavizará os nós. Nesta etapa você excluirá alguns nós, criará e suavizará outros, lembrando que para editar um nó basta selecioná-lo dando um clique sobre ele, para excluir dê um duplo clique sobre o mesmo e para adicionar dê um duplo clique sobre o contorno.

Make Node A Cusp >> Quando você converte suas linhas em curvas(3ª ferramenta), ao clicar em um dos lados do nó para suavizá-lo o outro acompanhará a suavização, para que isto não aconteça, ou seja, no caso de você querer suavizar ou editar somente um lado do nó independente do outro basta selecioná-lo e aplicar esta ferramenta, automaticamente os nós ficarão independentes um do outro. O próprio ícone já é bem intuitivo.

Etapas da vetorização até a versão final:

E por fim, para alegria de alguns, segue o arquivo final do vetor em CDR: Fusca.rar

Recebi uma dica esta semana de um amigo que não posso deixar de compartilhar aqui, até porque conversando com alguns colegas vi que não era só eu que estava por fora do problema.

Recebo vários materiais de identidade visual que me auxiliam na criação de layouts, dentre estes materiais recebo arquivos de vários programas e um deles creio que os mais populares são os arquivos do Corel. Tenho percebido que muitos desses arquivos que recebo não tem nada nos elementos que façam com que se tornem pesados, às vezes uma logo com 3 cores, simples arquivos quem não compõem texturas nem lentes etc… ficam extremamentes grandes em Kb incompatível com seu conteúdo, exemplo disso foi que à alguns dias atrás recebi um arquivo da logo de uma empresa que simplesmente tinha duas cores e estava com 150kb, quando na verdade não passaria de 10 a 20kb.

Foi ai que conheci a dica da semana, tais arquivos podem ter sido gravados em uma versão do Corel com problemas, As características dos arquivos são:

• - Arquivos mais pesados que o normal. Exemplo: Um arquivo que normalmente pesaria 50kb, fica com 300kb;
• - Lentidão ao abrir;
• - O gerenciador de exibições aparece com várias exibições inúteis. Aperte Ctrl+F2 para abrir o gerenciador;
• - Se copiar um objeto desse arquivo e inserir em outro ele leva todas as exibições juntas;
• - Acontece o mesmo se importar um desenho com esse problema para um arquivo que acabou de criar;
• - Outro problema notado é quando vamos copiar qualquer objeto p/ inserir em outro arquivo. Pode demorar mais de 1 minuto. É como se estivesse copiando o arquivo e todos os defeito do mesmo. Pois quando inserido em outro arquivo, o novo também aparece com os problemas apresentados.

A solução para o problema é bem simples e está neste PDF escrito por Alan Melo adaptado por Ivanberg Moreira e o Desenho da Tela por Daywison Thales. Você tambm pode ter mais informações neste link do Vetorizar.com.

Pessoal o procedimento funciona mesmo e com certeza irá te ajudar. Desde já agradeço aos autores do tutorial e outros que não conheço que contribuiram para descobrir este bug do Corel.

Olá pessoal ando meio corrido, estou preparando algumas coisas bem legais pra postar aqui, alguns códigos CSS + javascript que tenho usado muito úteis, dicas excelentes e indispensáveis ferramentas para o desenvolvimento web.

Tenho visto nas minhas estátisticas um número crescente de pesquisas procurando por vetores, ilustrações vetorizadas em Corel etc… Resolvi que vou, por enquanto, disponibilizar alguns arquivos CDR aqui (não agora em breve), talvez você os use em algum trabalho, mas depois eu falo disto, mas com certeza você poderá tirar proveito vendo como as curvas foram moldadas e o resultado final foi alcançado.

Aprendi muito vendo arquivos prontos e estudando como as ilustrações eram feitas, na verdade fazer um curso de Corel, por incrível que pareça talvez não vá te trazer um sucesso imediato e isso dependerá muito de sua paciência e vontade de aprender. Costumo dizer que saber o que cada ferramenta faz é uma coisa, usá-las combinando-as umas com as outras a fim de se obter um resultado previamente desejado ou não é outra totalmente diferente, falando em míudos conhecendo as “manhas, técnicas etc…” e isso vale pra qualquer profissão, ou vc sai da faculdade sabendo tudo?? (Será que estou errado??) Ao menos é o que vejo por ai.

Com certeza e resumidamente, além de conhecer bem as ferramentas e como usá-las, a demanda de criatividade vai ter que sobrar.

Abraço a todos e se você tem passado por aqui, o meu muito obrigado, a sua presença aqui também me motiva a estudar e a escrever mais.

Vai um post rapidinho e resumido sobre a diferença de cores RGB e cores CMYK.

RGB

A cor de um pixel em RGB é gerada por 3 cores projetadas que se misturam. As luzes projetadas formam as cores: vermelho, verde, e azul (do inglês: Red, Green, e Blue). Após misturadas, essas cores criam um espaço de cor chamado RGB. As cores RGB são aditivas, significando que a mistura de diversas cores cria o branco. Esse espaço de cor foi criado para gráficos feitos em computadores e visualizados em computadores.

CMYK

A cor de um pixel em CMYK é gerada por 4 cores, são elas: o ciano, magenta, amarelo e preto (do inglês: Cyan, Magenta, Yellow e blacK). O espaço de cor CMYK em um computador é usado para simular tintas impressas em papel e, geralmente é usado em artes-finais para impressão. As cores CMYK são subtrativas, ou seja, significa que misturando diversas cores cria-se o preto. Esse espaço de cor foi criado para gráficos feitos em computador e serem impressos em papel.

Os gráficos para a web são baseados em “tela” e não para impressos, portanto o uso de RGB. Por isso se você enviar um arquivo de alguma arte-final ou peça em Corel ou Photoshop para uma gráfica não esqueça de verificar se está enviando tudo em CMYK, isso é necessário para se gerar um fotolito, a não ser que sua peça criada não use uma imagem colorida, policromática, onde não há uma mistura de cores.

Então, continuando a série do meu portfólio resolvi postar hoje um trabalho que fiz a algum tempo atrás, a idéia era criar uma camiseta e na frente da camiseta a cabeça de uma águia, típico desenho que não se encontra em vetor em qualquer lugar, pronto pro silk e bonito, resolvi então vetorizar a cabeça de uma, buscando uma padronização nas cores para não haver problemas no silk, ainda quero falar mais sobre vetores futuramente aqui especificamente sobre CorelDraw.

Só pra constar vetorizei a águia no Corel 12, uso o Corel desde 98 e não consigo me desgrudar dele, às vezes recebo alguns projetos cuja as imagens estão literalmente sem condições, então se não forem tão complicadas e o projeto garantir um bom retorno futuro tiro um tempinho pra desenhar denovo, todo o trabalho compensa no final, pra mim como webdesigner posso dizer que o Corel às vezes “é uma mão na roda”.

Acho que gastei uma hora mais ou menos e uns minutinhos fazendo alguns ajustes na águia, mas está ai quem gostar ou se não gostar também não tem problema a idéia aqui é de compartilhar experiências! Por isso comente ai falou!

Se você também tem dúvidas sobre Corel ou vetorização de imagens a gente também pode dar uma força é só falar comigo, duas cabeças pensam melhor que uma, mais de duas então…

Abraço a todos.