Este novo tema, batizado de Guia2010 tem como finalidade se tornar um tema de estudo aprofundado não somente do design, mas da programação, procurando entender o que utilizar na barra lateral, no rodapé, como controlar conteúdo dinâmico com CSS. Foi um desafio e irei procurar escrever um artigo sobre como ele foi criado.

Um abraço a todos e vamos em frente com o blog.

- Quadricromia, Policromia ou sistema CMYK: é o sistema de 4 cores (3 primárias mais o preto) que formam cores em uma gama ampla, mas limitada. Quem já viu os posts sobre cores e sistema CMYK terá uma noção melhor do que estamos falando. Basicamente, as 4 cores são sobrepostas, formando todas as outras cores utilizadas em fotos e imagens por um efeito ilusório de sobreposição de pontos. Você pensa que está vendo laranja, mas são pontos amarelos e magentas, quando vistos com uma lupa, você vê a ilusão provocada em suas vistas. Quanto menor o ponto (maior valor em linhas por polegadas ou LPI), maior a ilusão de cor e melhor a definição da imagem. O sistema CMYK é limitado, muitas cores se tornam opacas, pouco vivas e necessitam do sistema Pantone para complementá-las com mais qualidade. Os sistemas que complementam a Quadricromia são baseados em cores puras, fabricadas especialmente de catálogos e impressas como cores extras (5ª cor, 6ª cor, etc).

- Pontos: são os meio-tons formados pelo sistema CMYK, quando você vê uma impressão deste tipo com uma lupa, vê pontos minúsculos, dispostos em uma grade com determinada angulação. Estes pontos combinados formam a ilusão de cores, exemplo, 40% de cian e 80% de cian teremos dois tons de azul, se olharmos com uma lupa, verá a porcentagem de cian como sendo pontos, na porcentagem menor pontos mais afastados e menores. Na porcentagem maior, pontos mais juntos e maiores.

- LPI ou lineatura: originalmente eram linhas, depois se transformaram em tela de pontos e o nome ficou. Quanto maior a lineatura melhor será a definição da imagem. Designers trabalham com densidade de pontos. Para calcular a correspondência da densidade em lineatura, basta dividir o valor da imagem em unidade dpi por 2 e terá o valor necessário para LPI. Ou seja, uma imagem em 300 DPIs necessitará 150 LPI para manter sua qualidade. Na tela trabalhanos com DPIs e para soltar um filme trabalhamos com LPI. Porém é mais correto trabalhar com lineaturas entre 175 e 200 LPI, exigindo um pouco mais de DPIs para manter a qualidade da imagem. Neste caso, é melhor trabalhar com imagens sempre em 350 a 400 DPIs. O mercado adotou como padrão os 300 dpis. A diferença é mínima, mas em uma impressão de qualidade ela aparece. É importante consultar seu fornecedor de fotolito e tirar a dúvida de qual lineatura eles costumam tirar seus fotolitos, para trabalhar no valor correto em DPIs, bastando multiplicar por 2 o valor informado pelo seu fornecedor.

É preciso compreender que, para evitar o efeito moiré, a escala CMYK se utiliza de uma grade de pontos para cada cor, e cada grade destas estará com ângulos diferentes. Isto porque se cada cor tivesse a mesma angulação, todos os pontos cairiam um sobre os outros. Há várias angulações utilizadas, estudadas a muitos anos já. A angulação de cada canal mais comum é:

É correto usar usar plug-in? Dizer que “depende de cada um” é ser hipócrita ou “politicamente correto”. Eu diria que não é correto usar plug-in, se você tem criatividade suficiente para criar efeitos na unha.

Um dos fascínios do Photoshop são seus filtros adicionais, os famosos plug-ins. É comum entre muitos designers iniciantes, também os de pouca vocação para desenhar na mão ou ainda o curto prazo de execução de um serviço. Mas é a empolgação que estas ferramentas trazem que faz muitos insistirem em seu uso, os famosos “efeitos especiais” que fazem encher as vistas de qualquer um que se arrisque no campo da criatividade (ou falta dela).

É correto usar plug-in? Dizer que “depende de cada um” é tentar ser hipócrita ou mesmo “politicamente correto”. Eu diria que não é correto usar plug-in, se você tem criatividade suficiente para criar efeitos na unha. Um designer que se preze, tem que tirar para fora sua criatividade, e muitas vezes isto demanda treino, estudo, experiências “erro-acerto”, dedicação, etc, etc, etc.

O mercado não dá muito tempo para ninguém, quem faz o tempo é o artista. Dizer que não há tempo é uma desculpa para não se esforçar apenas com sua criatividade individual e, ficar nos famosos “Alien Sky”, “Eye Candy”, “KTP” e tantos outros filtros famosos, adicionais ao Photoshop, acaba sendo um escape. Se no final você não se importa mesmo, assine com a marca deles, porque assinar um trabalho cheio de efeitos de terceiros é pedir para ser chamado de designer de “fundo de quintal” ou o famoso “sobrinho”.

E se o cliente pede? O cliente tem razão até um ponto, de um ponto em diante é o profissional que responde pela criação e pelo sucesso ou não dela. Ter um pouco de pulso e saber defender o seu “queijo” é importante nestas horas, afinal, não dá para passar a vida inteira dizendo: “não tô nem ai, ele paga, eu faço”. Quem quer uma carreira no mundo de design tem que sair deste estágio atrasado.

Todos sabemos que estamos tocando num ponto que pode gerar tempestades dos profissionais, mas não é algo que eu mesmo não tenha vivido. Muitas vezes me animei com estes filtros. Eles ajudaram em várias soluções. Mas chega uma hora que você quer ver algo feito por si mesmo. E o que saberá fazer além de aplicar um efeito pronto, se são sempre eles que salvam a pátria?

Na época que comecei a brincar com o Photoshop, quando estes efeitos começaram a surgir, sempre tinha a curiosidade de brincar com imagens, tentando fazer na mão o que o efeito fazia por mim. Tenho muitas boas recordações desta época. Algumas vezes, para aplicar um “bevel” (alto-relevo), tinha que apelar para desenho vetorial (Corel, Ilustrator), mas sempre tentava fazer algo na unha, por mim mesmo e sem o uso de tantos artifícios. Quando for aplicar algum efeito pronto, pense antes, e veja se não consegue fazer por você mesmo. Você terá muito mais dignidade na hora de assinar seu serviço e mostrar seu portfólio.

Vamos à algumas dicas para você começar hoje mesmo a fazer seus efeitos na mão:

Nuvens
Tem efeitos para fazer nuvens aos montes por ai, tem até aqueles que fazem pôr-do-sol e outros mais. Mas é um efeito bastante simples de se fazer.

1) Abra um documento em branco no Photoshop, na proporção do trabalho que for executar. Escolha as cores azul tipo céu e branco nas cores de plano primário e plano de fundo (não importa a ordem). Em outras palavras, coloque num dos quadradinhos da ferramenta cor, o azul e no outro, o branco.

Primeiro passo para efeito Nuvens em perspectiva

2) Aplique o Filtro Nuvens que está no menu Filtro > Acabamento > Nuvens. Você obterá o seguinte resultado.

Efeito Nuvens em perspectiva

3) Você poderia dizer, mas estou usando filtro, se não quiser usar o filtro nativo do Photoshop, indicado acima, pegue a ferramente pincel e vá pintando sua tela até conseguir algo parecido com este efeito básico. Você pode até usar o Corel Painter, que é ótimo para este tipo de tarefa. Seguindo, o resultado que queremos neste tutorial é a aplicação de um horizonte. Então, transformamos o plano de fundo em camada:

Transformando em Camada

Transformando Plano de Fundo em Camada

4) E assim podemos aplicar a ferramenta Transformação Livre que está no menu Editar (ou simplesmente o atalho Ctrl + T). Com um dos cantos de cima selecionado, mantendo pressionada a tecla Ctrl + Alt + Shift, iremos movimentá-lo, como se tivessemos fazendo um plano em perspectiva. Veja que quando aplicamos as teclas indicadas, ambos os cantos superior direito e esquerdo vão se deslocando para dentro ou para fora, como na figura abaixo:

Nuvens em perspectiva

5) Após chegar ao resultado de perspectiva que você se sente satisfeito, veja que já posicionei minha camada, diminuindo ela até o centro, para já definir a linha do horizonte.

6) Crie uma nova camada e crie uma seleção a partir da camada da nuvem, para ter uma seleção exatamente nos limites da nuvem criada, você pode permanecer na camada nova, pressionar Ctrl e clicar sobre a camada da nuvem, e verá que será criada uma seleção. Se você ainda está na camada da nuvem, troque para a camada nova, e não perderá a seleção. Isto é feito para que você tenha exatamente uma seleção nos limites do próximo efeito a ser criado. Usar o laço ou outro caminho poderia ser impreciso e demorado. Veja:

Criando dupla camada

7) Com a seleção feita, e posicionado na nova camada, selecione a ferramente de Gradiente, confira se está no modo cor branca para invisível:

Gradiente de Primeiro Plano para Transparente

8 ) Na nova camada, você irá aplicar um gradiente, lembre-se que você tem uma seleção, então aplicará o gradiente do branco para o transparente, debaixo para cima, assim terá um efeito de linha de horizonte, veja:

Gradiente aplicado na nova camada

9) Agora viria algumas perguntas naturais. Por que usar nova camada? E por que o efeito degradê branco ficou tão exagerado? Esta pergunta tem a mesma resposta. Usando uma camada nova, você pode controlar o efeito de brilho de linha de horizonte, separado do fundo, o que não seria possível se tivesse aplicando diretamente sobre as nuvens. Ou seja, mesmo que você já tenha chegado a um bom resultado, poderá fazer ajustes precisos trabalhando efeitos sempre em uma nova camada, isto se chama planejamento. E quem planeja tem mais controle. Veja o que podemos fazer, alterando com a ferramenta transformação livre no brilho branco do horizonte, que está bem menor na altura:

Controlando Efeito pela segunda camada

10) Você ainda poderia controlar transparência da camada, direção, etc.

11) Agora duplique cada uma das 2 camadas, a de efeito branco e a de nuvens, e espelhe as 2 novas duplicadas. A forma mais simples que conheço para fazer isto é você usar a ferramenta Transformação Livre (Ctrl + T) em cada uma das camadas, e segurar shift (para não deformar a camada), levando o curso de transformação do meio superior para o lado oposto da área do arquivo.

Duplicando as camadas e espelhando

12) Realizado isto em cada uma das camadas, você já terá um horizonte feito manualmente, poderá então brincar com cores, aplicar as dicas em novas intensidades, para chegar ao resultado que você deseja. Veja alguns exemplos:

Resultado do efeito manual final

Alterando a cor da camada de nuvem espelhada

Novas camadas de brilho alteradas para azul

Aplicando filtro de camada "diferença"

É um tutorial simples, com efeitos simples, mas que muitos usam um Bryce 3D, ou um Aurora, ou outros que fazem tudo sozinho. Então, vale a pena começar a treinar. Futuramente virão outros tutoriais mais avançados.

Assim, se você não entendeu alguma coisa, deixe sua dúvida nos comentários.

Abraço e até a próxima!

Todas as ferramentas necessárias estão no próprio Photoshop, assista ao vídeo e faça bastante testes, é possível dominar esta técnica e aprimorá-la para conseguir recortes mais difíceis em tempo recorde. Bom proveito.

O tutorial original está disponível no link do site do Diotto. (http://www.diotto.net/artigos/recortando-cabelo-no-photoshop/)

Para quem prefere ver o tutorial fora do vídeo, veja passo-a-passo abaixo:

Uma dica importante direto de impressores profissionais. A melhor composição para um preto de qualidade é: Cyan = 50%; Magenta = 30%; Yellow = 0%; Black = 100%.

Vou iniciar os assuntos a que se propõem o nome deste site, Guia do Design. Tenho feito apenas posts experimentais em áreas mais genéricas, mas agora vamos partir para o lado mais profissional do Design.

O blog vai entrar nesta nova fase, analisando, para começar, o Design Gráfico.

Entende-se por Design Gráfico tudo que componha o papel, tudo que seja impresso e se utilize das mídias gráficas. Até bem pouco tempo eram poucas, ou quase únicas, subdivididas por especialidades: Gráfica, com criação, diagramação e tratamento de imagens.

Hoje a gama é incrível, pois as mídias impressas amplificaram a pontos quase personalisados, devido ao grande número de formas de imprimir: banners, fachadas, comunicação visual interna de uma empresa, de um estacionamento, gráficas rápidas, gráficas convencionais, plotter de vinil, plotter fotográfico, out-door, impressão off-set em rolo, impressão off-set em bopp, impressão laser em bopp, mala direta, impressão silk, serigrafia, litografia, flexografia, fotolitos emborrachados, fotolitos convencionais, etc. Se eu for ficar citando um a um das milhares de possibilidades, faria uma enciclopédia.

Todos estes tipos de impressão tem características próprias, convenções individuais, uma ciência que lhe é particular. Mas todas atendem a alguns padrões comuns a todos: sistema de cores comum, trabalhar sobre papel e exigir a atenção técnica de quem executa.

Não é objetivo aqui abordar a história da impressão ou mesmo listar cada um dos sistemas de impressão existente. A intenção é entender o sistema comum de cores e como isto funciona sobre o papel. No caso, estaremos analisando a composição de cores CMYK.

No post sobre cores, analisamos de forma genérica a ciência das cores CMYK pelo prisma da luz. Agora analisaremos como se compõe esta escala.

É necessário primeiro entender a base de qualquer sistema de cores. Eu pergunto a você porque chamamos “sistema de cor”? Sistema é um grupamento, mas neste caso, talvez uma informação nova e que quero chamar a atenção do leitor, é que se chama sistema porque é uma convenção. Não existe um sistema de cores CMYK na natureza, principalmente na forma como ele é formatado. Veremos porque quando analisarmos os famosos “grãos” ou pontos de impressão.

Sendo uma convenção, significa que foram determinadas regras para sua composição e aceita por um grupo, no caso as gráficas. Mas é uma convenção baseada no estudo científico das cores, através da composição sobre o papel. Como vimos no post de cores, o papel perde luz, por estar em estado original branco (refletindo luz).

O sistema de cores puras CMY (C = Cian; M = Magenta; Y = Yellow) são as correspondentes cores primárias. Bem sabemos que da misturas de duas cores primárias nasce uma secundária. E assim até chegarmos ao preto composto. Mas o preto composto por cores primárias não é um preto de qualidade. Desta forma foi adicionado o Preto na escala CMYK (K = Black), para dar mais qualidade na composição do preto e melhor nuance na definição das imagens. Vejam na gravura ao lado. Na figura preto puro o black do CMYK está 100%) e na figura do preto composto há apenas as cores c = 100%; m = 100%; y = 100%. Apesar da sobreposição de cores, o preto composto não atinge a qualidade do preto puro.

Uma dica importante direto de impressores profissionais. A melhor composição para um preto de qualidade é: Cyan = 50%; Magenta = 30%; Yellow = 0%; Black = 100%. Talvez a gráfica com quem você trabalhe não concorde, preferindo colocar alguma porcentagem de Yellow, mas é importante frisar que o amarelo tem uma secagem mais lenta, pois é uma cor clara, fazendo com que a composição demore mais tempo para secar, dificultando a manutenção da qualidade.

A seguir analisaremos a formação dos “pontos” do Sistema CMYK.

Eu não responderia qual é melhor, eu faria perguntas primeiro: quantos recursos você usa de um editor de texto? E de uma planilha de cálculo? Você utiliza 10% dos recursos de um programa destes? Você, por exemplo, alterna a caixa de texto de minúscula para maiúscula? Usa macros? Usa hiperlinks? Muda a cor de fundo? Usa página mestre? Mais de uma coluna?

Se você disser sim para todas, então eu pergunto: o programa gratuíto te oferece tudo isso? Sim. Beleza. Mude. Por que as pessoas demoram para mudar? Por costume (leia preguiça, falta de tempo ou qualquer outra justificativa parecida).

Aqueles que acham que é tudo a mesma coisa, que são os mesmos recursos e que não há porque pagar por este tipo de software defendem o uso do software livre. Por outro lado, há aqueles que afirmam que o nosso sistema é capitalista e precisa se manter para que todos possam alimentar seus filhinhos. Eu particularmente acho que o Bill Gates ajuda as crianças da África com o dinheiro ganho com software pago e já conseguiu dar a melhor marca de leite ninho para seus filhos.

Brigas a parte, a verdade é que o Microsoft Office, apesar que em sua versão 2007, para casa e estudantes está baratinho (R$ 199,00 até agora), perde para si mesma. Por que?  Porque é Microsoft e vai contra a correnteza, demorando muito para dar a resposta que o mercado necessita: preço em conta. Somente software gratuíto para disciplinar um pouco isto.

É importante saber que o formato de arquivos ODF, nativo no OpenOffice e BROffice é o padrão de documentos para escritório que está sendo escolhido pelo governo e entidades. Imagine daqui a 10 anos, o atual docx da Microsoft já obsoleto, e o Word 2019, versão 199.099.999.999, service pack 250, com 550 mil brechas de segurança e falhas de fabricação, na tela ocre de erro (mudam a cor da tela de erro para você achar que houve upgrade), toda esta parafernália que não consegue mais abrir o famoso docx do Word 2007 (muitos nem sabem que o doc não é mais doc, agora é docx).

Neste sentido, há uma política de escolha de formato universal e até o momento quem ganha é o ODF do BROffice, isto significa que quem adotar o padrão terá certeza que o que faz hoje será aberto no futuro, pois estão tornando certos formatos universais, através do empacotamento XML. Se você ainda não entendeu, leia a respeito no blog do Jackson Medeiros.

Isto vale a pena? Não sabemos, mas que a adoção de um software livre para padrão é garantia que a Microsoft e todos os outros terão que se esforçar mais, isto sim é verdade. Além disso, os sistemas para escritório on-line estão correndo por fora (Google Docs, Office On-line, Zoho e outros). Digo por fora porque são poucas pessoas que estão adotando-os por agora.

E pra quem acha que pára por aí, seguindo a tendência de Mashups e Widgets, temos o TinyMCE. Para quem ainda não sabe programar um pouco, talvez isto esteja um pouco mais distante. Mas para quem entende um pouco de Ajax, PHP ou alguma linguagem deste estilo, o TinyMCE é um editor WYSIWYG (What You See Is What You Get, ou O que você vê é o que você obtém), assim como qualquer outro editor de texto. A diferença é que ele é todo escrito em Javascript, para ser lido em um browser e pode ser ligado à Ajax, PHP e bancos de dados (MySQL, PostGres, etc). Qual a função? Você pode fazer seu próprio ambiente de edição de texto, controlando por um banco de dados todos seus documentos, muito útil em uma intranet compartilhada. Veja uma tela do TinyMCE aqui.

Ai você me diz: “Bah, mas não tem 90% dos recursos do Word ou BROffice!!!”. Eu devolvo com outra pergunta: “Você usa 5% dos recursos de um editor de textos???” Se sim, compre o Microsoft Office Word ou baixe o BROffice gratuíto abaixo.

Download
Link Original
Outros sistemas
Aprenda mais sobre BROffice: Slideshare

O XNView é um visualizador de imagens, no qual você possui uma imensa capacidade de recursos, como trabalhar com conversão de lotes de imagens (veja tutorial abaixo sobre), pode fazer uma lista de ficheiros em .txt dos arquivos selecionados com as mais diversas características (hora, data, nome, etc), pode renomear em lote, fazer web pages de imagens que você necessita de thumbs, criar páginas de impressão de imagens (com o recurso criação de folhas de contato), fazer captura de tela diretamente para ele, classificar suas imagens das mais diversas formas. Ele tem as seguintes características:

• importa mais de 400 formatos de arquivos

• exporta em mais de 50 formatos,

• Suporte multipáginas TIFF, GIF animados e Icones animados (ICO)

• Os mais recursos de edição (rotação, edição, redimensionamento, cortes, ajuste de brilho e contraste, etc)

• Capacidade de exportar em lote, podendo utilizar os recursos de edição durante o loteamento

• Conversão em lote gravável, renomeamento de arquivos em loteamento

• Criação de Web Pages

• Captura de tela, suporte a impressão, Suporte a arrastar e soltar, comparação de imagens lado a lado

• Suporte a 44 idiomas (incluindo português)

• Sem anúncios nem spywares.

Plugin Slideshare for Wordpress

Gratuito para o uso privado não comercial e uso educacional. Para uso comercial é necessário registro. É bom citar que é muito melhor que o também gratuíto IrfanView ou mesmo o antigo pago ACDSee.

Download para Windows
Link Original
XNView para outros sistemas
Saiba aqui todos os Formatos que XNView lê.

Use o Colorcop para descobrir. Ele detecta a cor em formato RGB e também em valor Hexadecimal (#000000). Tem uma interface que se fixa na tela, bastante simples, contendo o conta-gotas para copiar a cor, visualizador e lupa para ampliar localização da cor, os valores em RGB e Hex Color, 7 históricos de cores, uma pequena paleta e uma paleta ampliada no botão custom. Tem modo expandido para todas as funções e resumido somente para as básicas. Se apenas RGB ou Hex Color não resolvem seu problema, lance os valores do RGB no programa que você usa (Corel, Photoshop ou Ilustrator) e lá você terá como ver esta mesma cor em outros padrões (HSB, Lab, CMYK, etc).

Download
Link Original

Plugin Slideshare for Wordpress

Color Detector: se você não está contente com o ColorCop e quer ver outra opção, use o Color Detector. Apesar de ser bem mais simples, tem algumas funções interessantes. Com F5 você congela na cor que está passando sobre com o mouse e com F6 a mesma cor é copiada para a área de transferência do computador em valor hexadecimal. Depois basta colar (ctrl+v) no programa que te interessar. Também só traz o formato da cor em formato RGB ou hexadecimal, e também o nome padrão em HTML. Além disso marca a posição do cursor do mouse com valores x e y.

Download
Link Original

Slideshare do Color Detector:
O que é cor Hexadecimal?
O que é cor RGB?

Dá pra gastar menos com software de Design? Dá para se virar com software gratuíto em Design? Os P2Ps da vida, tais como, torrent, ed2k (edonkers e emules), kaaza, rapidshare e megauploads e todo tipo de local para fazer upload de arquivos ou compartilhar eles são responsáveis por “brutais” pauladas no lucro de muitos fabricantes de software, seja qual área que for. Design não escapa e são estes compartilhamentos que “salvam” quem precisa usar uma ferramenta e não tem rios de dinheiro para pagar caro por ela e “matam” os fabricantes que precisam sobreviver.

Mas existe mais do que software pago para nos acudir. Existe o software livre e o gratuíto (freeware). E substitui mesmo? Antes de responder a esta pergunta, responda outra: quantos recursos realmente você usa nos softwares de cada dia? E outra: o software pago realmente tem todos os recursos que você necessita?

Para responder a estas perguntas, vamos usar a famigerada ferramenta da comparação. Pra iniciar um exemplo bem simples. Que software você usaria para redimensionar fotos em lote? Imagine. Você tem 500 fotos tiradas em várias máquinas (ou mesmo só uma), em tamanhos diferentes daquilo que você precisa, e quer aplicar alguns pequenos ajustes de melhoria. Você conhece algum programa pago que faça isto? Eu conheço um gratuíto. Já vamos falar dele abaixo.

Somente mais um exemplo, se você ainda não entendeu meu argumento. Quantos recursos você realmente usa do pacote Office (Word, Excel, Power Point e outros que a gente nem lembra)? Você realmente precisa de todos estes recursos? Eles realmente tem o que você precisa? Se tem, compre-os. Se não tem, procure um gratuíto, use o tempo que você normalmente dispende buscando em P2Ps, torrents e blogs com “links para download”, use este tempo para buscar software livre e gratuito. Isto se chama troca de cultura. E quando precisar de um programa pago, pague por ele, pois alguém dispendeu tempo, dinheiro e investimento para fazê-lo. Se não puder fazer isto de uma vez, faça aos poucos.

Neste espírito, fizemos uma seleção de 10 programas que ajudam você diariamente em design. Todos freeware ou livres. Este será apenas um dos posts sobre este assunto:

1) XNView: já falamos dele acima, respondendo a quem está procurando um programa que converta imagens em lote. No tutorial abaixo você poderá ver como usar esta funcionalidade. É importante entender que o XNView é muito mais do que isto, ele é um programa visualizador de imagens, lendo mais de 400 formatos (incluindo EPS, PSD, CDR e os comuns JPG, BMP, TIF, etc).
Teste agora o XNView: Download.
Veja post completo sobre XNView.

2) BROffice: Respondendo a segunda questão, como abandonar o Microsoft Office? Como deixar de lado Word, Excel e Power-point e ter tudo isto em um software livre? Muitos já sabem a resposta: BROffice.
Teste agora o BROffice: Download.
Veja post completo sobre BROffice.

3) Colorcop: você não sabe que cor é aquela ali que você tá vendo? Use o Colorcop para descobrir. Ele dá a cor em RGB e formato para WEB, a cor em valor Hexadecimal (#000000).

Ele tem uma interface que se fixa na tela, bastante simples, contendo o conta-gotas para copiar a cor, visualizador e lupa para ampliar localização da cor, os valores em RGB e Hex Color, 7 históricos de cores, uma pequena paleta e uma paleta ampliada no botão custom.

Tem modo expandido para todas as funções e resumido somente para as básicas. Se apenas RGB ou Hex Color não resolvem seu problema, lance os valores do RGB no programa que você usa (Corel, Photoshop ou Ilustrator) e lá você terá como ver esta mesma cor em outros padrões (HSB, Lab, CMYK, etc).
Teste agora o ColorCop: Download.
Veja post completo sobre ColorCop.

4) Para quem ainda não viu o post sobre conversão de PDF, vai duas dicas. Uma para visualizar PDF: FoxItReader, e outra para converter documentos em PDF através do menu de impressão, com o CutePDF Writer.

Teste agora o FoxItReader: Download.
Teste agora o CutePDF Writer: Download.
Veja post completo sobre PDF.

Aguarde mais programas na segunda parte deste post.

Conforme a criatividade do Designer pode variar o cenário, qualquer plano de fundo, qualquer textura, qualquer dinâmica, qualquer envolvimento.

Basta uma idéia para ser jogada sobre o cenário escolhido. Os extremos são o branco ou negro, ligado ou desligado, vazio ou cheio, zero ou um, a própria forma digital da informática, infinitos cenários. Vejamos os mais simples:

O primeiro instante de um desenho é um ponto sobre o cenário.

Tive uma professora muito criativa de educação artística em uma escola pública. Ela chegou em sua primeira aula de 5ª série e sobre o quadro negro fez um ponto de giz e perguntou. Quantos pontos temos neste quadro? A resposta por maioria é sempre “um ponto, professora”.
A lógica não é necessariamente o melhor combustível para o Designer, então vem a pergunta que nos leva a imaginação. Quantos pontos tem dentro deste mesmo ponto? E quantos pontos cabem ao redor deste único ponto? Minha resposta na época: infinitos, e quando entendi o conceito e a amplitude do “infinito”, me apaixonei terminalmente pelo Design.

O que define a possibilidade de estarmos vendo este único ponto? A determinação do Designer, ou seja, o observador, pois é ele que percebe o ponto. Ele quem o estipulou. Antes, eram possibilidades infinitas do ponto existir em qualquer tamanho, espaço, posição ou conceito. Por que conceito? Porque o ponto poderia ser somente imaginado. Dizemos através do giz marcando na lousa que ele está ali. Ali onde? Ali. Isto é Design. Conceito.

Cada cabeça é uma sentença e as possibilidades do Design se tornam então, infinitas, pois cada Designer tem sua própria criatividade, que varia de acordo com sua inspiração e humor.

Mas no conceito mais rudimentar, seguimos a formação básica das formas. No caso exemplificado, criamos outro ponto.

Quantos pontos cabem entre estes dois pontos? Infinitos, ou, se determinarmos um sistema de medição convencionado em centímetros, um número X de pontos. Mas como será convencionado o posicionamento de cada ponto? Logo ao lado? Sobrepostos? Com um pequeno espaço entre eles? Ah, veja que a convenção vai moldando o Design, como prender um pássaro (quando a convenção atrapalha) ou como o escultor que lapida uma pedra (quando a convenção ajuda).

Não importando como determinamos a convenção da distribuição dos pontos entre si, o que é mais correto afirmar é que surgiu a segunda forma básica: uma linha. Agora os dois pontos estão ligados entre si, ou poderíamos dizer diferente, o ponto inicial foi projetado, alongado, etc. E damos nome a este fenômeno. Um alongamento pela largura. Mas largura, como já falamos é apenas um conceito que se tornou convenção para explicar um fenômeno.

Então, começamos a compreender, se até agora não compreendemos, que convenção é darmos nome a alguma coisa e todos respeitarmos aquele nome, aquele conceito. É uma regra. Rígida? Depende da seriedade em que respeitamos essa regra.

As convenções ajudam e atrapalham o Design. É uma ferramenta e não nosso patrão. Entender isto é elevar-se sobre a regra e dar asas para a criatividade em uma amplitude variável ao nosso próprio impulso de liberdade. Designers que respeitam demais as convenções não tem grande criatividade, porque não conseguem ver o mundo de forma diferente ao qual já se sujeita.

Um exemplo: o teclado foi criado por algum técnico que precisou da matéria de Design para fazê-lo, talvez nem entendesse de Design, mas aplicou regras desta área. Baseado em que? Baseado na língua inglesa. E ninguém até hoje conseguiu pensar muito diferente disso para dispor de um novo teclado. É um tabu, porque todos seguem como autômatos a convenção pré-estabelecida. Quem disse que o teclado tem que estar disposto desta forma? Alguém disse e nós aceitamos isso como regra.

Porém um homem chamado August Dvorak tentou fazer diferente, dispôs as teclas num formato não voltado a língua inglesa e sim voltado no maior uso de determinadas teclas. Isto originou o Teclado Dvorak, que existe sim até hoje! Você pode procurar ele pela internet ou até mesmo mudar através de software para ver como funciona! Por que não substitui o antigo formato? Preguiça das pessoas. Nada como experimentar algo diferente para ver o que acontece.

Este teclado foi testado pelo exército americano e foi comprovado que esta disposição de teclas aumenta em 68% a precisão de digitação e em 74% a velocidade. Claro que há um período de adaptação. Mas vale a pena estudar coisas diferentes para entendermos melhor o que é Design.

O Designer é alguém que subestima a convenção e cria novas regras, determinando através da facilidade de uso ou usabilidade, no caso do teclado, uma nova disposição, que, se aceita pelos demais será a nova regra. Mas como o Dvorek só criou uma nova disposição de teclas, sendo pouco atrativo para a mudança, as pessoas talvez não tenham vontade de mudar. Certas mudanças exigem uma nova visão e não somente uma nova disposição.

Voltando à linha, o ponto foi projetado pela sua largura, , esta descrição é razoável, porque quando explicado assim, é como se estivéssemos vendo na tela de nossa imaginação um ponto se transformando em uma reta. Desta forma, o conceito é bom, porque exercita a imaginação. E isto se torna convenção

Seguindo no exemplo, projetemos novamente os dois pontos, mas agora em sua altura e criamos uma forma geométrica, que, por convenção, chama-se quadrado, porque tem 4 lados. As formas geométricas são normalmente batizadas pela matemática, ou seja, pelo número de lados, quando estes são enumeráveis.

Ao mesmo tempo, podemos mudar o conceito e descrever que temos uma forma bidimensional, ou seja, já começamos a projetar um mundo baseado em dimensões.

Em outro prisma, podemos descrever matematicamente este quadrado, enumerando seus lados, seus vértices, seu tamanho em alguma convenção de medida, sua área, etc.

Com a imaginação, podemos dizer que abrimos uma janela no cenário inicial, ou que até mesmo ampliamos o tamanho do ponto e o tornamos uma ruptura no cenário. Ou que criamos um plano sobre o nada.

Os conceitos são infinitos, basta mudar o cenário e olhar através de prismas diferentes. Isto é enfoque da criatividade. Realização é fixar um destes prismas diferentes, ou seja, depois que imaginamos algo, fixamos isso através do Design. Este é o exercício de dar significado a uma imagem.

Projetemos novamente os pontos, porém agora pela sua profundidade ou espessura, e criaremos dentro do cenário uma forma, que por convenção se chama cubo. Aqui entra o conceito de 3 dimensões: largura, comprimento e profundidade. Ou largura, altura e espessura. Ou outros conceitos ainda.

Atualmente o desenho tridimensional é uma matéria muito ampla, devido ao surgimento de ferramentas que facilitam a criação do Design 3D.
Este Design é baseado na projeção do mundo e novamente a imaginação aqui respeita regras rígidas, até mais rígidas que as matemáticas, porque as convenções dependem agora de tantas outras regras físicas, por exemplo, se for um cubo de chumbo ou de isopor, terão pesos diferentes, sua textura será diferente, sua velocidade em um cenário de ação será diferente, etc.

Veja que em cada etapa da formação da figura há diversos prismas para se observar o objeto, de acordo com o interesse de quem observa.

Conclui-se que um Design depende do cenário, do objeto e do observador e, invariavelmente da forma como o observador quer ver este objeto. A vontade do Designer é o elo que compõe o Design.

Até a próxima!