0

10 regras para uso de tipografia.

Posted by -any valette on 13:02 in , , , , , ,
o webitect, que se define como "um blog de pesquisa para webmasters" fez, há algum tempo, uma lista com as dez regras principais para uso de tipografia. Para quem não sabe inglês, uma tradução das "Headlines" das regras:


  1. 1-Use apenas um espaço entre as sentenças.
  2. 2-Use menos de três fontes numa mesma página.
  3. 3-Use um "hifenizador" em vez de justificar o texto (um "hifenizador" é, na verdade, uma ferramenta que propicia justificar o texto separando sílabas, como fazemos quando escrevemos à mão)
  4. 4-Balanceie o tamanho do conteúdo com a largura do texto ( quão maior o conteúdo, maior a largura)
  5. 5-Use a pontuação correta (nada de dois tracinhos em vez de um travessão, por exemplo)
  6. 6-Use ênfase corretamente (itálico e negrito são mais apropriados que sublinhado)
  7. 7-Serifa vs. Sem Serifa ( o que é melhor para a plataforma digital? O que facilita a leitura e adiciona espaço?)
  8. 8-Entenda o "ritmo vertical"
  9. 9-Use a escala tipográfica para conseguir a hierarquia apropriada.
  10. 10-Use a largura de linha correta.

Para saber especificamente do que se trata cada ponto, é uma boa dar uma checada na página do blog. Além disso, o blog oferece uma série de outras dicas relacionadas a blogging e desenvolvimento. Vale a pena adicionar ao Google Reader ;)


0

Manual de Identidade Visual

Posted by Adriana Carolinne on 15:55
A importância do Manual de Identidade Visual está no fato de ele ser um documento que contém informações e especificações de uso de uma marca, o que garante a preservação dos atributos originais desse marca.

Assim, o http://producaografica.wordpress.com/ nos ajuda a lembrar algumas informações essenciais para a produção de um bom Manual de Identidade Visual:

Cores utilizadas(CYMK, RGB, Pantone, Monocromático)
Tamanho mínimo da marca
Usos proibidos da marca
Grade de proporção da marca
Forma vertical e horizontal da marca
Lista das fontes utilizadas
Forma de aplicação da marca em diversas mídias

A importância de criar um bom Manual de Identidade Visual está no fato dele reger o uso da marca, que, por sua vez, representa a empresa e revela o seu conceito. O uso de um Manual reforça a seriedade e fortalece a relação da empresa com seu público alvo.

Exemplos de Manual de Identidade Visual de marcas de algumas empresas e órgãos podem ser conferidos no blog http://producaografica.wordpress.com/ no post " Manual de Identidade Visual", que inspirou esse post.



Até mais!

0

Transforme pessoas reais em desenhos

Posted by Lara G. Nunes on 04:12 in , ,
Quer dar uma inovada em suas fotos e montagens? Então aqui está uma boa dica.

O site Invisibilia reúne uma galeria de fotos manipuladas digitalmente para apagar o personagem ou um dos personagens da imagem. Em seguida, ele é substituído por uma versão desenho da mesma pessoa. E o efeito fica muito legal, como vocês podem ver nos exemplos abaixo:


Ou



E se você quiser aplicar o efeito, o site ainda inclui um tutorial, ensinando como fazer isso no Photoshop.

Tente também e divirta-se!

0

Efeito Polaroid no CorelDraw

Posted by Adriana Carolinne on 09:44
Olá blogueiros! Hoje vou postar aqui como se dá um efeito Polaroid no Corel Draw.
1- Dê um click duplo na ferramenta retângulo para criar um retângulo do tamanho da área da página. Para pintar o retângulo de preto, click na ferramenta preenchimento e selecione a cor preta.



2- Selecione a ferramenta retângulo e crie um retângulo do tamanho de uma foto. Faça duas cópias. Para isso arraste-o com o botão direito e ao soltar este botão selecione a opção “copiar aqui” na janela que parecerá.


Aí estão os três retângulos:


3- Click em um dos três retângulos para seleciona-lo e mova-o como quiser. Clique novamente e pelo canto gire-o como quiser. Faça isso com os três retângulos. Mova-os e gire-os para fazer parecer que as fotos estão jogadas.


4- Segurando shift selecione os retângulos um a um. Ao fim, os três retângulos estarão selecionados ao mesmo tempo. Agora aperte Ctrl + G para agrupá-los. Crie uma cópia desses três retângulos (já agrupados) e deixe-a de lado.




5- Importe a foto que você deseja utilizar (Arquivo- Importar). Redimensione a foto de maneira que ela fique maior que a área ocupada pelos retângulos. Click na foto e vá em Efeitos - Power Click – Colocar em Recipiente e clique na seleção de retângulos. O resultado será esse:



6- Click na seleção de retângulos que está com a foto e desagrupe-a (Organizar - Desagrupar). Pegue a cópia dos retângulos que esta de lado e arraste para cima dos retângulos que estão com foto. Aumente um pouco o tamanho da seleção de retângulos brancos (a cópia) de maneira que fique um pouco maior que os retângulos com a foto.



7- Click na seleção de retângulos brancos e desagrupe-a (Organizar - Desagrupar). Com eles ainda selecionados, aperte Ctrl + PageDown. Observe que a primeira foto irá sobrepor um dos retângulos brancos. Repita o procedimento mais duas vezes para que as outras duas fotos venham para a camada de cima.



8- Segurando shift click na foto do meio e no quadrado branco do meio. Assim, terá selecionado os dois de vez. Agora segure Shift + PageUp para jogá-los para a camada superior.



9- Por fim, selecione as fotos uma por uma e ajeite-as em cima dos retângulos brancos para criar um efeito de borda.


0

Logos famosas e seus designers.

Posted by -any valette on 14:58 in , , , ,
Esse é pra quem sabe inglês. Saiu no Creative Repository, blog sobre design gráfico, uma postagem sobre Logos famosas e seus criadores. Lá ele faz um breve histórico das logos e fala sobre o contexto de criação das marcas. Vale a pena checar. Juro que tento traduzir assim que a avalanche de coisas da faculdade passar.

http://www.ifd.com.br/barra.php?url=http://creativerepository.com/2009/11/14/famous-brands-logo-designs-and-designers/


(via twitter, dica de @marcelayres)

0

Tutorial - Como fazer um botão de play

Posted by Lara G. Nunes on 07:33 in
Gente, vou postar aqui como fazer um play no Corel Draw.
É só abrir o programa e ir seguindo as instruções abaixo:
(tem várias ilustrações para ajudar)

1° - Fazer uma elipse e pintar com preenchimento uniforme (Shift+F11), de acordo com o código C(100); M(0); Y(100); K(0) e retirar o contorno.

2° - Fazer outra elipse, menor e achatada, e posicioná-la na parte superior e dentro da primeira circunferência, como mostrado na figura. Pintar com preenchimento uniforme C(10); M(0); Y(10); K(0) e retirar o contorno.

3° - Aplicar a ferramenta mistura interativa (localizada na figura) e puxar do círculo menor para o centro do maior, como no exemplo.

4° - Fazer um polígono com ângulos iguais (segurando ctrl) e colocar 3 lados, fazendo um triângulo. Aplicar ângulo 30° e posicionar no centro da elipse maior.



5° - Fazer uma elipse e pintar de branco, sem contorno, um pouco menor que a principal e posicioná-la mais ou menos no centro.

6° - Aplicar transparência interativa e puxar a setinha de baixo para o centro, como na imagem abaixo.


E você terá um botão de Play! :D


Lara Nunes

1

Carro em Movimento

Posted by May Azevêdo on 13:36
Oi gente, tudo bom?
Bem, tive mil problemas pra testar esse tutorial para o photoshop, Mari bem sabe, mas tudo bem =P

Primeiro: Pressione Ctrl+O e abra a imagem de um carro qualquer, selecione apenas o carro usando a ferramenta de seleção que achar melhor (Lasso Tool, Pen Tool, Quick Mask etc), com o carro selecionado pressione Ctrl+C para copiar o carro, pressione Ctrl+N para criar um novo documento, defina o tamanho que desejar, 72 dpi's e modo de cor em RGB, pressione Ok, pressione Ctrl+V para colar a imagem do carro no documento.






Segundo: Pressione Ctrl+O e abra a imagem que você usará como Background para a composição, tente achar uma imagem que tenha o mesmo ângulo, pressione Ctrl+A para selecionar o conteúdo da imagem, Ctrl+C para copiar, volte ao documento que estamos trabalhando e pressione Ctrl+V para colar a imagem, deixe a layer abaixo da layer do carro. Pressione a letra R do teclado para selecionar a Blur Tool, escolha um brush de pontas suaves, Mode em Normal e Strength em 100%, passe a ferramenta na parte traseira do carro como na foto abaixo.

                                

Terceiro: Agora pressione Shift+R para alternar a ferramenta para a Smudge Tool, escolha um brush de pontas suaves, Mode em Normal e Strength em 30%, passe a ferramenta na parte traseira do carro arrastando para o fundo da imagem como na foto abaixo.

                            



Espero que tenham gostado. Eu morri pra fazer só isso ¬¬ não tenho vocação mas tudo bem.

Fonte: http://www.tutoriaisphotoshop.net/

Copyright © 2009 Criando com o Chefinho All rights reserved. Theme by Laptop Geek. | Bloggerized by FalconHive.