Tecnologia, Marketing e Design de Internet

Tecnologia, Marketing e Design de Internet Tecnologia Marketing Design Blog sobre Desenvolvimento Web, Tecnologia de internet, Design e Interface Web, SEO SEM Otimiza??o de Sites e Web Marketing, Cases de sucesso e Campanhas online, Microblogging, Wordpress Blog, CSS design

Contato

Receba os artigos
no seu E-mail
:

Quarta-feira, 07 de Janeiro
Jan Ter 06

Calibragem de cor e monitor

Havia comentado sobre calibragem do monitor no post Série Photoshop | Acabamento, e então, pra cumprir com a promessa:

Quem é que não se viu frente ao problema: a imagem do monitor não tem nada a ver com a impressa.

Embora esse seja um grande problema para quem trabalha com impresso, para digitais (web) não é, e poucos profissionais o fazem para estar sempre mais próximo possível das cores exatas, que são definidas pelo ICC (International Color Consortium) quem criou o sistema de gerenciamento de cores que independente de qualquer marca ou fabricante. Mas, não se pode estar muito fora do padrão.

Pelo Mac é o ColorSync, e pelo Windows é o Adobe Gamma.

Qualquer tipo de impressora, scanner e monitor pode ser calibrado, sendo que a precisão das cores será definida pela qualidade dos periféricos. A maioria das impressoras de modelos mais utilizados em DTP permite a calibragem. Os modelos mais utilizados para prova, como Epson e HP, podem ser calibrados desde que utilizem um RIP PostScript. Impressoras que não possuam método de impressão CMYK são um pouco mais difíceis de controlar.

Caracterização do monitor

Monitores são caracterizados utilizando-se um colorímetro, aparelho capaz de medir as características colorimétricas do monitor e criar profiles de cor no sistema operacional, contendo informações sobre a capacidade de cor de cada monitor.

Calibragem da impressora

Impressoras são calibradas utilizando-se um espectrofotômetro. Imprimi-se um um arquivo Tiff com vários quadradinhos de cor, depois o impresso é lido pelo espectrofotômetro e então é gerado um profile de cor da impressora. As impressoras possuem um desvio de cor para ciano, magenta e amarelo (CMY).

Calibragem do scanner

Na calibragem de scanner tiliza-se um IT8, que é uma foto ou cromo, com uma série de quadrados de cor que é lidos pelo scanner. Depois o software de calibragem irá analisar a imagem e gerar o profile de scanner. Posteriormente, o profile será aplicado corrigindo a imagem. A aplicação do profile pode ser feita no Photoshop ou no próprio software do scanner.

Uma das maiores dificuldades na implantação de sistemas que utilizem gerenciamento de cor baseado em perfis ICC (principalmente para nós, simples mortais, que não possuímos nem um colorímetro) é a calibração simples dos monitores e programas.

Calibração simples

  1. Antes de iniciar a calibração, o monitor deve estar ligado por 30 minutos.
  2. No controle de configuração do monitor, acesse “COR” e diminua a temperatura para 5000K (ideal) ou 6500K. (Se o seu monitor não possuir esta opção, pule esta etapa).
  3. Vá em PAINEL DE CONTROLE e clique em ADOBE GAMMA (instalado a partir do Photoshop), STEP BY STEP (Wizard).
  4. Nesta etapa o Adobe Gamma irá pedir o profile ICC do seu monitor (exemplo: Sony_D50.ICC).
  5. Nesta outra etapa você vai ajustar o Brilho e Contraste. O Contraste deixe no máximo. Agora vá ajustando o Brilho até que o quadrado cinza dentro do quadrado Preto no Adobe Gamma fique quase preto (QUASE, não preto!).
  6. Agora especifique o PHOSPHORS do seu monitor: Sony usa Trinitron. Em outros modelos utilizo SMPTE-C.
  7. Habilite a opção VIEW SINGLE GAMMA ONLY. Olhando de um modo desfocado a uma distância de 50cm. mova o cursor abaixo da janela Gamma até que o quadrado central fique no mesmo tom da borda com risquinhos. Agora na opção GAMMA selecione a opção de acordo com o seu sistema operacional.
  8. Em HARDWARE WHITE POINT escolha a temperatura de 5000K. Se 5000K ficar muito amarelado, suba para 6500K.
  9. EM ADJUSTED WHITE POINT selecione a mesma temperatura da opção anterior.
  10. Agora o Adobe Gamma permite que você faça uma comparação com as configurações anteriores e a que você acabou de configurar.

Nesta última etapa, o Adobe Gamma pedirá para salvar o novo profile com as suas configurações. Dê um novo nome ou acrescente a palavra COPY no final do arquivo para diferenciar do arquivo original.

O Adobe Gamma salvou este profile ICC com as suas novas configurações na pasta Windows/System/Color do seu sistema operacional, e irá activá-lo toda vez que você inicia o computador.

Configurando menu Color Settings

A conversão para CMYK é definida pela configuração da opção Color Settings do menu EDIT no Photoshop.

RGB

Define o espaço de cor RGB. Exemplo: AdobeRGB. Existem vários outros padrões possíveis como sRGB, AppleRGB, ColorMatch etc. O importante é que todas as máquinas tenham a mesma configuração para garantir que as imagens RGB possuam o mesmo espaço de cor e as mesmas cores.

CMYK

Define o perfil de cor CMYK, responsável pela geração das quatro cores durante a conversão RGB/CMYK. O Photoshop possui alguns perfis CMYK pré estabelecidos, como: Euroscale, SWOP, Eurostandard, etc. É nesta opção que além de escolher o perfil você poderá determinar ganho de ponto, carga máxima de tinta, total de preto, em que tipo de papel (coated/uncoated/newsprint), GCR, etc. Uma boa gráfica poderá te orientar sobre estes parâmetros, e algumas até possuem o seu próprio perfil CMYK para ser fornecido a clientes. O Photoshop permite que você salve mais de um perfil CMYK com diferentes configurações


Gray

Define o ganho de ponto para imagens grayscale.

Spot

Define o ganho de ponto para imagens com cor spot.

Color Management Policies

Deixe as opções em Off para não alterar o perfil da imagem. A opção Ask When Opening deve ficar marcada, pois o Photoshop irá perguntar o que fazer cada vez que o perfil da imagem não for o mesmo definido no programa.

Engine

Especifique o sistema e o método de correspondência de cores utilizados para converter cores entre os espaços de cor. Apesar de existirem inúmeros fabricantes que disponibilizam seus algorítimos de conversão, podemos utilizar o da Adobe.

Intent

Define o tipo de conversão que será feita entre dois espaços de cor. Existem quatro tipos de conversões de espaço de cor: Perceptual, Saturation, Relative Colorimetric e Absolute Colorimetric. A opção mais utilizada é Relative Colorimetric.

Black Point Compensation

Controle o ajuste do ponto preto na conversão de espaços de cor. De acordo com a Adobe, esta opção deve ficar marcada.

Desaturate Monitor Colors by

Esta opção pode ser utilizada para reduzir a saturação do monitor e deve ser regulada baseada em testes visuais. Seria bom deixar desmarcada.

Blend RGB Colors Using Gamma

Deixe desmarcada.

Depois que estas configurações estiverem pronta, salve o perfil. Feche e abra novamente o Photoshop para que ele assuma o novo perfil com as suas configurações. Agora, basta converter as imagens em RGB para CMYK.

O que fazer quando o Photoshop apresenta a mensagem Profile Mismatch?

Muitas vezes a imagem que precisamos tratar já está em CMYK, pois já foi convertida diretamente no escaneamento ou foi gravada neste modo. Quando abrimos uma imagem CMYK no Photoshop, aparece uma mensagem indicando que o perfil original da imagem é diferente do que está definido no Color Settings do Photoshop. Em geral é melhor optar por descartar o perfil “embedded” na imagem para depois utilizar o comando Assign Profile para associar o perfil desejado à imagem. Assim, depois que a imagem for salva, o Photoshop não indicará mais a diferença entre os perfis já que o que foi definido no Color Settings será o mesmo da imagem.

Como associar um perfil à imagem?

Para concluir, o comando Assign Profile permite que possamos associar um perfil à imagem, indicando ao Photoshop e outros programas como devem exibir a imagem. Este comando não altera as cargas de cor da imagem e, além disso, podemos associar outros perfis que não sejam os que estão definidos no Color Settings. Isto permite que, mesmo que o Photoshop esteja configurado com um perfil de Off Set/papel revestido, possamos associar um perfil, por exemplo, de jornal. Desta forma simularemos outras mídias sem alterar as preferências dos programas. As configurações mostradas acima não são únicas e podem ser alteradas de acordo com as necessidades do usuário.

Bookmark e Compartilhe
Dez Qua 24

Série Photoshop | Space Light tutorial

Dando continuidade à Série Photoshop que inaugurei com o artigo “Acabamento“, fiz este tutorial sobre o Space Light Tutorial | Processo de Montagem usando Brush e Pincel.

Antes de começar, quero lembrar sobre o fato da ótica em relação a visão do ser humano, de que tudo é luz. Podemos enxergar as coisas devido às células sensíveis a luz. Se vemos, é porque temos a luz. Isso explica o fato de mesmo estando com os olhos totalmente fechados e com a mão cobrindo, percebemos quando alguém abre a janela do quarto de manhã. Há passagem de luz até às células super sensíveis do olho humano.

Esse processo de percepção da luz é chamado de faixa de espectro de radiação eletromagnética estendida aos raios x até as microondas.

Sabendo que em tudo existe luz e por isso enxergamos, então podemos entender que em tudo há sombra. A luz e sombra é que dá a vida aos olhos. Manipulando a luz e sombra pode-se obter milhões de diferentes resultados de imagem.

Neste tutorial vou trabalhar com esses elementos, causando a ótica de iluminação no espaço.

Vamos começar criando um novo arquivo de 1440×900, e aplicando radial gradient com as cores #000000, #000225 e #00038E.

A primeira etapa ao trabalhar com ilustrações, é sempre começar pelo fundo ou background. Em seguida, usei uma ilustração do espaço universo.

Agora, traçar uma linha utilizando a ferramenta Pen Tool (p).

Configurar um estilo a ser utilizado na linha, através da paleta Brushes (F5). Em seguida, criar uma nova camada (layer), teclar P, botão direito -> Stroke Path. Novamente, clicar com botão direito sobre a camada gerada e ir até Blending Options -> Outer Glow, selecionar o modo (blend mode) Color Dodge na cor #3399ff para gerar o efeito de luz sobre as cores do radial background do arquivo. O photoshop vai realizar uma operação matemática para capturar a luz correta.

O segredo começa agora: duplicar três vezes a camada acima. A 1ª com Outer Glow no modo Color Dodge, 2ª no modo normal com Color Overlay Azul #000DBD, e 3ª em branco #FFFFFF.

De agora em diante, começa a montagem com a imagem escolhida, aplicação de sombra e luz, etc. As etapas são: aplicar a imagem do espaço sobre o background, duplicar novamente apagando as áreas que darão visão pra camada abaixo mais escura. A idéia é tudo o que for com mais luz, estar em camadas sobrepostas (acima).

Outro segredo, é aproximar a tonalidade de cor da atmosfera da imagem (ambiente) mais próximo com as cores que estão na primeira etapada. (background): Image -> Adjustments -> Color Balance acentuado os tons azuis. Após, acentuar os níveis de contraste da imagem para causar maior brilho e intensidade: Image -> Adjustment -> Brightness/Contrast.

Traçar novamente um alinha (P), para criar outra camada utilizando brush. Também utilizar a ferramenta Freeform Pen Tool para desenhar a mão livre e aplicar brushes de estrelas. Para aplicar os brushes,  (P) -> Stroke Path.

Agora, apagar os cantos com a ferramenta Eraser Tool (E), deixando as estrelas somente no centro da imagem. A camada da estrela também deve receber o efeito Outer Glow no modo Color Dodge para criar intensidade de luz.

O resultado final pode ser conferido clicando nas imagens abaixo, no formato de papel de parede.

Space Light 15 wide:

Space Light 19 Wide:

Até o próximo post sobre a Série Photoshop.

Bookmark e Compartilhe
Dez Ter 23

Palavras mais buscadas de 2008

O Google Zeitgeist publicou as palavras-chave mais buscadas de 2008:

Termos que mais cresceram

orkut
jogos
download
fotos
youtube
videos
musicas
musica
msn
globo

Palavras mais pesquisadas

jogos de meninas
naruto
you tube
claro
youtube
jogos jogo
esporte
tradutor
o dia

Produtos Google

google maps
tradutor
google earth
orkut
google videos
google talk
youtube
chrome
gmail
google toolbar

Futebol

são paulo futebol
santos
futebol ao vivo
futebol feminino
palmeiras
flamengo
futebol americano federação paulista
corinthians
campeonato brasileiro

Eleições 2008

resultado
vereadores
candidatos
apuração
eleição municipal
eleição para prefeito
obama
lei seca
tribunal superior eleitoral
lula

Celebridades

juliana paes
juliana knust
malu mader
dudu azevedo
britney spears
amy winehouse
deborah seco
vanessa hudgens
sabrina sato
michael buble

Bookmark e Compartilhe
Dez Qui 18

50 grandes exemplos de redesign de logotipos

http://wefunction.com/2008/10/50-stunning-examples-of-a-great-redesign/

Bookmark e Compartilhe
Dez Ter 16

Logotipos de Barack Obama que não foram aprovados

Sol Sender é o designer de Chicago que criou o logotipo da campanha de Barack Obama. Antes de terem escolhido a versão final, foram apresentadas várias idéias passando por insights, e que levou em torno de duas semanas para chegar a versão aprovada. Abaixo, as versões apresentadas e não aceitas até chegar a logo final.

Bookmark e Compartilhe
Dez Seg 15

Série Photoshop | Acabamento

Quero inaugurar a Série Photoshop, onde eu vou estar publicando dicas de Photoshop. Quero toda semana postar alguma coisa relacionada ao Photoshop para Web.

Hoje, a dica é de acabamento. Todo arquivo antes de ser fechado, deve ter o formato certo, tamanho certo, e cores certas para poder ser visualizado no monitior, de forma que fique o mais próximo possível do que você quer transmitir. Isso porque, ao trabalhar com o Photoshop você tem duas realidades: impressão e visualização.

Impressão

O arquivo deve ser fechado seguindo as especificações corretas para impresão em gráfica, seguindo  formatos universal, dpi, tipo de cores, etc. O monitor deve estar devidamente calibrado a fim de chegar o mais próximo possível da prova impressa.

Visualização

O arquivo deve ser fechado de acordo com o que se vê na tela, sem a necessidade de provas impressas. Embora não seja obrigatório calibrar o monitor quando se trabalha na forma de visualização, é também recomendado. Assunto para outro post.

A ideia de hoje é mostrar que é sempre legal dar um acabamento (um toque final) seja com filtros, cores, máscaras, texturas, shapes, brushes, etc. Sempre na dose certa.

Para o primeiro exemplo, peguei uma arte de e-mail marketing que eu criei para um cliente particular, do Web Seminário da BizRevolution, empresa de consultoria de Marketing para Pequenas Empresas.

O que eu fiz, foi aplicar a texura abaixo para dar um “ar” de velhice, papel velho.

Para isso, foi preciso criar uma camada sobrepondo todas as outras, pelo modo “soft light” com 40% de transparência. Veja a imagem antes do efeito.

Layer -> New layer -> Open (select image) -> Mode Soft Light -> 40% Opacity:

Resultado:

Até a próxima!

Bookmark e Compartilhe
Dez Seg 08

Minhas gravações musicais

Pra quem não sabe, eu curto rock e toco guitarra nas horas vagas. Quer dizer, tocava… fazia tempo que não ouvia minhas músicas (produção própria). Tô divulgando por aqui:

Minhas gravações musicais: http://mp3.thalisvalle.com

Bookmark e Compartilhe
Dez Sab 06

O trabalho tem custo

Já tive o contato de alguém (que me procurou) pra propor o seguinte: elaborar/criar algumas propostas de interfaces diferenciadas para o negócio online dele, porém de graça. Eu deveria fazer as provas, enviar e torcer pra ele gostar de alguma. Depois disso, só Deus é que saberia…

Como humilde que sou, antes de responder fui pesquisar quem era ele e se existia empresa, e constatei que era um simples mortal querendo se passar por moderno.

Minha resposta foi:

“Sr X, obrigado pelo contato. Eu não trabalho de permuta ou favor. Se estiver realmente interessado em obter resultado para o seu negócio online, pelo esforço e dedicação do meu trabalho, entrarei em contato para esclarecer meus serviços e custo. Vamos negociar. Confirma o interesse?”

Se ele estivesse realmente precisando de mim, iria no mínimo aceitar receber um contato sobre meu trabalho e portifólio. Depois disso, mesmo se ele não tivesse o valor suficiente pra pagar meu serviço, poderia me oferecer recompensa no segundo trabalho (que haveria de surgir após o primeiro). Mesmo não significando que deve ser aceito, é o tipo de proposta que deve ser estudada, tratando de quem é o cliente.

O trabalho tem custo. Esse negócio de “trabalho moderno”, nada mais é do que “escravo moderno”. Não existe. Foi criado por pessoas interessadas em mão de obra gratuita; obter resultado pelas mãos dos outros, sem arcar com nada ou investir em nada pelo seu negócio.

Quando alguém promete recompensa, prêmio ou remuneração somente se o negócio der certo (ninguém sabe do futuro senão apenas estimar e apostar), ou propõe parceria nos lucros somente se o seu trabalho der resultado para ele, você tem 90% de chance de trabalhar de graça, e sair descontente e iludido.

Regra: acima de você ser recompensado se o negócio der certo, você tem que cobrar pelo serviço.

Quem aceita trabalhar de graça (para pessoas erradas), estará condenado em nunca evoluir ou conquistar respeito/valor algum.

Há quem sabe disso por já ter experimentado, e é vacinado. Há quem sabe disso, mas aposta que um dia aparecerá alguém que vai cumprir com as promessas (se até a bíblia não anda cumprindo com promessas)… Esse último, vai passar o resto da vida reclamando ou não podendo pagar as contas em dia.

Regra: o valor de um negócio baseado num produto que é palpável ou bem de consumo, tem mais valor e créditos pelo consumidor, do que o serviço de mão de obra. Portando, todo serviço deve ser encarado como um produto. É aquela velha estória: o custo do parafuso é de R$1,00 real, mas saber qual parafuso apertar  para resolver o problema de alguém, é de R$1.000,00.

O trabalho tem custo.

Bookmark e Compartilhe
Dez Sex 05

Filtre quem não te acresce

malas

Hoje acordei decidido a escrever sobre como ganhar tempo no trabalho, no familiar ou pra toda e qualquer situação do dia-a-dia.

Filtre quem não te acresce.

Pessoas que consomem demais: energia, trabalho, tempo e dinheiro. Pessoas que gostam de perder tempo com coisas subjetivas e supérfluas e glorificar muito o próprio ego (*), a besta interna que reside na mente de cada um.

Quando você passa a filtrar essas pessoas, você ganha mais tempo para trabalhar ou conviver com outras melhores. Se você tem um cliente assim, ou um patrão assim, ou um irmão assim, ou um amigo assim, filtre-os. Barra no seu firewall mental, físico e emocional, pra “perder” tempo com outras coisas, sem ter nenhuma culpa ou peso na consciência.

Você tem um cliente que consome 24h do seu dia, em todos os dias do mês, abarrotando-o de trabalho por causa do negócio mal feito dele, livre-se dele! Tem um patrão que só sabe mandar, mas não conhece a área motivo pelo qual te contratou, consumindo-te toda a energia e atrasando sua evolução natural, peça demissão! Tem um irmão ou irmã que não faz nada de útil e depende de você para resolver as coisas dele/dela, ignore! Tem um amigo que te aluga metade do dia com coisas que não te acrescenta em nada na vida, e fala mal de você para os outros quando ele não tem mais a sua atenção, livre-se!

* “Senhor, sei que por muitos anos ainda haverá homens que receberão com fé e entendimento. Serão livres da idéia de uma entidade-ego, livres da idéia de um ser individual ou existência separada. Que realização memorável essa liberdade será!” (autor? Fuça e descubra!)

Bookmark e Compartilhe
Dez Sex 05

Senado aprova projeto para formalizar microempreendedores e freelancers

O Senado aprovou nesta quarta-feira (03/12/2008) um projeto que cria a figura do microempreendedor individual no Supersimples, sistema que permite o pagamento unificado de tributos por micro e pequenas empresas.

Com a aprovação, donos de pequenos negócios, como ambulantes, cabeleireiros, costureiros, freelancers, entre outros, terão incentivos para formalizarem suas atividades. Para aderir, o faturamento anual tem de ser inferior a R$ 36 mil e, a empresa deve ter, no máximo, um empregado.

Autor do projeto, o senador Adelmir Santana (DEM-DF), argumenta que, com a formalização, o governo ganha com aumento de arrecadação e mais dignidade para os micro empreendedores que trabalham na informalidade.

Bookmark e Compartilhe
Dez Qui 04

Dia mundial da propaganda

Hoje, quinta-feira (04/12) é dia mundial da propaganda.

Bookmark e Compartilhe
Dez Seg 01

Email Marketing em período de festas

O período que precede as festas é bem avassalador: férias, viagens, presentes, confraternizações, amigos secretos, festas e festas, etc. Tudo isso remete a compras, OH! Mais do que nunca, é nesta época do ano que os consumidores procuram fazer os melhores negócios pela internet; busca por melhores preços, prazos e custos de entrega.

Campanhas de Email Marketing, neste período de festas (planejadas com antecedência) constituem um excelente modo de manter-se conectado com seus consumidores, clientes e prospects.

  • Idéias para presentes;
  • Promoções diferenciadas;
  • Compartilhe suas conquistas;
  • Cartões personalizados e/ou interativo;
  • Criar newsletters específicas;
  • Emails transacionais;
  • Flexibilidade de benefícios.
Bookmark e Compartilhe
Nov Dom 30

Novas regras para Call centers

As operadoras de telefonia dizem estar prontas a atender as novas regras dos atendimentos telefônicos, que entram em vigor na próxima segunda-feira. Elas dizem ter feito contratações de pessoal e adaptações em seus sistemas, mas algumas alertam que tais investimentos podem acabar sendo repassados para o consumidor, pois “não tem mágica, ninguém pode trabalhar no prejuízo”. É o que disse Sergio Assenço, diretor de regulamentação da Vivo. Batata!

As novas regras valem para empresas sujeitas à regulação por agências ou órgãos federais, como as de telefonia fixa, móvel, Internet, TV a cabo, bancos comerciais, água, energia, cartão de crédito e empresas aéreas.

Entre as mudanças de defesa dos consumidores, a opção cancelamento do serviço deverá fazer parte do menu eletrônico, na primeira opção e com contato direto com o atendente, em no máximo um minuto. A ligação deverá ser gratuita.  A chamada poderá ser transferida apenas uma vez.

Será que vai melhorar a situação de atendimento ao consumidor, sem custo adicional ao próprio bolso?

Bookmark e Compartilhe
Nov Sab 29

Internet chega a 1,5 bilhão usuários no mundo

O número de usuários de internet chegou à marca de 1,5 bilhão no mundo, entre usuários de redes fixas e móveis. Os dados foram divulgados pela União Internacional de Telecomunicaçõe, ITU.

Número de aparelhos celulares, cerca de 4 bilhões no mundo. O levantamento aponta estimativa de que 61% da população possui telefone móvel, superando o número de linhas do telefone fixo.

Acesso de internet móvel, 158 milhões de aparelhos celulares.

VoIP, voz por IP, também demonstra ser um dos maiores sucessos da internet, e deve chegar a 80 milhões de usuários até o fim de 2008.

Ricos e pobres

Também aponta para a expansão da conexão rápida em detrimento da conexão dial-up, em países desenvolvidos e em desenvolvimento. No caso de países como Turquia, Senegal e Chile, por exemplo, mantêm 90% das suas conexões em banda larga. Em todo o mundo, elas são 50% das conexões.

Bookmark e Compartilhe
Nov Sex 28

Investimento em publicidade online cresce 11% nos EUA

O 3º trimestre de 2008 sofreu pouco impacto da crise econômica internacional. A projeção é a de que o investimento online se mantenha estável no ano que vem.

Bookmark e Compartilhe