Obtendo o hexadecimal de uma cor RGB no Corel Draw

Por: Diego Franco - [ November 1st, 2008 ]

Ainda não baixei o Corel X4 portanto este post vale para o Corel X3

Sei que muitos tem o costume de desenhar para a Web usando o Corel, creio que não seja tão produtivo e que ainda com certeza não é a ferramenta ideal para tal, mas cada um trabalha com a ferramenta que gosta não é mesmo? Cabe ainda a pessoa correr atrás de aprender a utilizar as melhores ferramentas para a sua área.

Eu já falei aqui no site sobre declaração de cores com códigos Hexadecimais neste post: http://diegofranco.net/archives/declarando-cores-com-codigos-hexadecimais-como-e-isso-2. Este post complementa o anterior e é para aqueles que queiram obter o código Hexadecimal de uma cor RGB no Corel ou seria melhor “do Corel”.

O Corel não é a ferramenta perfeita para desenvolvimento Web por isso você com certeza encontrará algumas dificuldade se usá-lo para criar layouts para a web. Não vou entrar em detalhes aqui mas posso descrever num próximo post as principais desvatangens de se usar o Corel para o desenvolvimento Web.

O Corel disponibiliza uma paleta de cores chamada Web-Safe-Color infelizmente uma paleta de 216 cores que informa o Hexadecimal de todas as cores contidas nela, com certeza isso não te ajudará muito, pois pode ser que a cor que você queira não faça parte dessa paleta de cores, por isso vou apresentar outras formas de se converter uma cor RGB do corel para Hexadecimal.

Para acessar a paleta Web-safe-color faça o seguinte:

• Crie um vetor qualquer, um quadrado por exemplo;
• Atribua uma cor;
• Selecione-o
• Aperte Shift+F11 ou na barra de ferramentas clique em Fill tools > Fill color dialog
• No dropdow Pallete: Selecione > Fixed Palletes > Web-safe-color
• Pronto você verá todas as cores disponíveis com seu código Hexadecimal conforme imagem abaixo.

Porém como disse anteriormente as cores são limitadas. Sem contar que este código apresentado não procede com a cor real no corel, fiz alguns testes e realmente o resultado não foi a cor exata.

Portanto a melhor maneira para você obter um resultado extremamente perfeito é printando a tela do corel e colando em um editor de imagens, como exemplo vou usar o fireworks que é bem simples e mostra QUALQUER COR em hexadecimal simplesmente passando o mouse sobre a imagem.

• Print a tela com a imagem na qual está a cor que você deseja saber o hexadecimal;
• Abra o Fireworks > crie um novo documento > e cole a tela printada;
• Desenhe um objeto qualquer por sobre a imagem, um quadrado por exemplo;
• Ainda no Fireworks clique no ícone de preenchimento e passe o mouse sobre a tela printada, você verá que o Fireworks mostra em tempo real o código hexadecimal da cor na qual o mouse está passando sobre ela, conforme você pode ver na imagem abaixo. Simples assim.

A idéia aqui não foi de fazer um tutorial mas de dar a “faca e o queijo” o resto é com você.

Procure por: DVD, MP3, LCD, Plasma, HDTV, Home Theater

[...] Continuar lendo...

CorelDraw | 6 Comentários » View blog reactions

CorelDraw | Cores | Hexadecimal | RGB

VETORIZAÇÃO: Uma lição e algumas ferramentas para alcançar um resultado desejável

Por: Diego Franco - [ April 16th, 2008 ]

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

Procure por: games, PS2, PS3, Nintendo, Wii, iPod

[...] Continuar lendo...

CorelDraw, Dicas, Ferramentas, Vetores, Vetorização | 6 Comentários » View blog reactions

CorelDraw | Dicas | Fusca | Silk-Screen | Vetores | Vetorização

Arquivos pesados no CorelDraw? Podem ser arquivos sujos.

Por: Diego Franco - [ March 16th, 2008 ]

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.

Procure por: games, PS2, PS3, Nintendo, Wii, iPod

[...] Continuar lendo...

CorelDraw, Desenvolvimento, Dicas | 10 Comentários » View blog reactions

Vetores em CorelDraw e mais…

Por: Diego Franco - [ November 14th, 2007 ]

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.

Alguns livros que podem te ajudar:

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.

Procure por: games, PS2, PS3, Nintendo, Wii, iPod

[...] Continuar lendo...

CorelDraw | 8 Comentários » View blog reactions

Cores RGB e Cores CMYK

Por: Diego Franco - [ October 27th, 2007 ]

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.

Procure por: games, PS2, PS3, Nintendo, Wii, iPod

[...] Continuar lendo...

CMYK, CorelDraw, Cores, Desenvolvimento, RGB | Nenhum Comentário » View blog reactions

CMYK | Cores | RGB