Paleta de Cores - Photoshop

Em algum momento você estava trabalhando com o Photoshop e se perguntou:"Certo...agora, que cor eu vou usar? Quais cores poderiam ser utilizadas justas mas que não ficassem destoantes entre si?". Assim como você, eu também questionava. A cor dá a vida, dá o charme do seu trabalho e é um fator importante, que não pode ser utilizado a esmo.
Então neste tutorial, vou ensinar um modo bem simples de você criar uma paleta de cores básica, mas que apresenta cores coerentes para o seu trabalho.

Tutorial - Criando uma paleta básica de cores

A Paleta de cores é uma ferramenta guia para você utilizar cores em seu trabalho, e caso queira
reutilizar alguma cor, você já possui uma referência. A foco deste tutorial é ajudar quem não conhece teoria das cores, mas tem ânsia de criar trabalhos. Porém, pesquise e aprenda sempre! Só assim você se tornará um artista completo!

Para este tutorial, estaremos criando uma paleta contendo 9 cores.

Passo 1 - Crie um novo documento.
Vamos criar um novo documento utilizando o atalho CTRL+N
Dê um nome para o documento (estarei utilizando o nome “Paleta de Cores – 1”).
A seguir, defina o tamanho do documento. (Estaremos utilizando 400x400)
Clique em OK para criar um novo documento.


Passo 2 – Crie uma área para cada cor
Agora vamos criar um pequeno quadrado para cada cor, estarei mostrando como
fazer um quadrado com cor, para os outros 8 quadrados, siga os mesmos passos.
Agora, utilizando a ferramenta seleção retangular, crie um pequeno quadrado
e digite o atalho CTRL+BACKSPACE para preencher o quadrado com uma cor.
Não se esqueça de colocar o parâmetro FEATHER em "0 px", para que o quadrado
não possua bordas suavizadas.
Faça estes passos até possuir 9 quadrados. Pode preencher com a mesma cor todos
os quadrados, a seguir estarei mostrando como adicionar cores.



- 9 quadrados preenchidos.


Passo 3 - Colorindo os quadrados

Clique 2 vezes em cima da cor, na barra de ferramenta lateral esquerda, para abrir
o menu de Seleção de Cores (Color Picker). Selecione uma cor, e clique em OK.
A seguir, clique na ferramenta do "balde de tinta", e clique me um dos quadrados.
Repita esses passos até preencher os 9 quadrados criados com QUALQUER COR!
Sim! Escolha QUALQUER COR! Este passo é metade da mágica. No fim estarei explicando o porque deste passo.



Eu preenchi cada quadrado com as seguintes cores(escolhi sem pensar).

Provavelmente, cada vez que criou um quadrado, este foi adicionado em uma camada
diferente. Para unir todas as camadas em uma imagem só, clique com o botão direito em qualquer camada, e no menu que surgir, e selecione FLATTEN IMAGE. Assim, você terá
apenas uma camada.




Passo 4 - A MÁGICA!

Agora vamos transformar um conjunto de cores qualquer, em cores coerentes, harmônicas.

Crie um novo Layer, clicando no ícone indicado. Selecione uma cor, utilizando o Selecionador de Cores (2 cliques no indicador de cor da barra de ferramentas, assim como no passo 3)
Selecione a camada (Layer) e clique em CTRL+BACKSPACE, para preencher a camada inteira
com a cor desejada.


A tela está totalmente com a cor escolhida! E agora??
Agora vamos fazer a mágica! No menu de BLEND MODES
da aba LAYERS (Camadas), selecione o modo SCREEN, e
PRONTO!


Aqui estão as cores! Caso queira alterar a cor, apenas altere a camada Layer 1, com a nova cor, e você terá as cores coerentes com a nova cor escolhida!

O que acontece? O modo SCREEN, pega cada cor, multiplica o valor de cada cor em cada quadrado, com o inverso da cor base que você escolheu (no caso do tutorial, a cor rosa). O resultado traz cores mais claras (a não ser que a cor seja preto). O modo SCREEN acaba deixando as imagem com densidade de cores mais leve.

Espero que este tutorial seja muito útil! COMENTEM!

SIGGRAPH 2008 - Curta Metragens Animados - Ganhadores

Voltando um pouquinho no tempo, gostaria de compartilhar uma notícia um tanto antiga, mas que vale muito a pena ser vista! Venho apresentar 3 curtas animados ganhadores de um dos maiores festival de animação do mundo, o SIGGRAPH ANIMATION FESTIVAL.

Sempre bom assistir essas referências com olhar crítico, para estudar como foi contada a estória, qual o impacto de cada sequência no espectador, como foi feito, por que foi feito desse jeito.
Se você ainda não faz idéia como fazer uma análise crítica de uma animação, mas se interessa
em saber mais, comece listando o que mais chamou a atenção no video, cores, expressões e personalidade dos personagens, ambientes... esta são apenas sugestões, não quero colocar algo como certo ou errado, mas com essas impressões escritas, você facilitará a análise dos primeiros passos para criar um curta animado, e por que não, inspirar o seu próprio curta!? ;)

Para quem não sabe a ACM SIGGRAPH é uma organização dedicada a criação e disseminação de informações sobre Computação Gráfica é Técnicas de Interatividade, responsáveis pelo mais conhecida Conferência anual na área de Computação Gráfica e por um dos mais respeitados festivais de animação do mundo.
Para quem quiser saber maiores informações sobre a SIGGRAPH acesse: http://www.siggraph.org (em inglês)

E vamos aos ganhadores do ano de 2008:

Ganhador - Melhor do Show

OKTAPODI
Link: http://www.youtube.com/watch?v=qreOELd35Ig

Criado por um grupo de estudantes na França, este curta animado conta a comica
fuga de um casal de polvos contra um cozinheiro de um restaurante de frutos do mar.
Cores alegres, muito criativo e engraçado!


Ganhador - Prêmio do Juri

MAUVALS RÔLE (Má atuação, em português)
Link: http://www.youtube.com/watch?v=biX5iSBaCKo

Isso que é criatividade! Um video sensacional, conta a busca de um “Chefão de fase
de um jogo medieval de videogame” que pede demissão do jogo, e procura um novo
emprego tentando a sorte em jogos de outro gênero. Muito bom!


Ganhador - Fábula Melhor Contada

OUR WONDERFUL NATURE (Nossa Natureza Maravilhosa)
Link: http://www.youtube.com/watch?v=0aFKSvw4bjU

Um pequeno documentário sobre dois machos da especie musaranho-lontra (Water Shrew em inglês) lutando para conquistar a fêmea. Musaranho-lontra é uma espécie mamífera que habita algumas regiões da África. Vale a pena ver! Muito cômico!

Espero que tenham se divertido com os vídeos e até o próximo post!

Comentem!

Finalmente está surgindo um padrão 3D na web...Será?

Começa a surgir uma luz no fim do túnel para acabar com a "mesmice" da web atual.

Ryan Paul, editor da área relacionada a Códigos Abertos do site Ars Technica (arstechnica.com)
nos apresenta que o grupo Kronos, a organização por trás da biblioteca gráfica OpenGL(1), está se aliando ao time do navegador MOZILLA para tentar criar um padrão aberto (sem royalties) para gráficos 3D a serem utilizados em navegadores de internet. Eles estão convidando outras empresas a participar neste esforço de definir uma especificação funcional para a web. A promessa é de que este padrão tenha seu lançamento daqui a um ano. Vamos esperar!

Avanços recentes na performance do JavaScript abriram portas para tarefas que antes não eram possíveis nos navegadores. "As novas capacidades desta nova performance do Java Script já vem sendo experimentada de modo muito impressionante para videos e gráficos 2D. Trazer um padrão 3D para a internet é o próximo passo lógico nesta evolução" diz o editor Ryan Paul

Porém um fato não muito agradável, é que OpenGL é uma bilbioteca gráfica que trabalha com códigos de baixo nível (nível de código de máquina), portanto, para um desenvolvedor essencialmente 3D o trabalho com este padrão pode ser muito penoso por demandar um bom conhecimento de programação. Mas acredita-se que muitos desenvolvedores terceiros irão criar interfaces de alto nível para facilitar a criação de conteúdo, e tenho fé que muitas dessas interfaces serão também de código aberto.

Em primeira vista pode parecer que irá demorar um bom tempo até surgir programas que facilitam a criação de conteúdo 3D na web, mas por que não acreditar neste esforço muito
importante?
Será um grande avanço na área de interação na internet, e um grande campo a ser explorado pelos artistas digitais.
E já que estão começando a desenvolver 3D para a web, por que não começar a pensar em quais tipos de novidades poderemos criar com esta nova tecnologia? Assim, quando o padrão realmente for factível, seremos os primeiros a apresentar nossas idéias ao mundo!

Espero que tenham gostado! Abraço a todos!

O Artigo pode ser encontrado na íntegra, no site abaixo (em inglês):
http://arstechnica.com/web/news/2009/03/mozilla-and-khronos-to-bring-standards-based-3d-to-the-web.ars

(1) Para quem não sabe: OpenGl é uma API livre utilizada na computação gráfica, para desenvolvimento de aplicativos gráficos, ambientes 3D, jogos, entre outros.
Quem quiser conhecer mais sobre o OpenGL acesse a página oficial www.opengl.org (em inglês)
Para quem não tem o inglês muito afiado, uma breve descrição em português pode ser encontrada na Wikipedia: pt.wikipedia.org/wiki/OpenGL (em português)

Recursos para o Artista Digital

Bom dia a todos,

Todo artista, digital ou não, busca inspiração nos trabalhos de outros artistas, mídia, literatura especializada e por aí vai. E o Brasil é muito carente neste tipo de literatura e suporte ao artista,
apenas ultimamente que algumas publicações direcionadas ao mundo do artista digital é que estão começando a emergir, mesmo assim, não acessível tão facilmente, devido ao preço ou a não chegar a certas localidades do nosso país. Também vejo pela internet e em alguns fóruns os artistas digitais brasileiros reclamando de terem pouco acesso a informações da nossa amada arte. É com este contexto que fiz uma pesquisa e reunir alguns sites e publicações onde espero ajudar a encontrar mais informações especializadas e inspiração para criar, criar e criar.
Abaixo está uma lista com alguns sites que encontrei, muitos necessitam pagar pela edição, enquanto outros são grátis.


2D Artist Magazine - http://www.2dartistmag.com/
Uma revista em PDF voltada para arte 2D. Arte Conceitual, Arte digital e Matte Painting. (EM INGLÊS)
Publicação Internacional com custo de US$ 3,78 por edição.
E possui uma versão LITE cujo download pode ser feito na própria pagina da revista.

3DCreative Magazine - http://www.3dcreativemag.com/
Revista irmã da 2D Artist Magazine, voltada para o público 3D.
Focada em técnicas, tutoriais, entrevistas, artigos, e muito mais. (EM INGLÊS)
Publicação Internacional com custo de US$ 3,78 por edição.
E possui uma versão LITE cujo download pode ser feito na própria pagina da revista.

3D Attack - http://www.3dattack.us
Forum sobre o software CINEMA 4D. (EM INGLÊS)

3D World Magazine - http://www.3dworldmag.com
Novidades e analises dos últimos acontecimentos e tendências da indústria 3D,
Tutoriais detalhados passo a passo, Conselhos e Dicas de profissionais dos
maiores estúdios da atualidade e muito mais. Todas as edições acompanham
CD repleto de recursos. (EM INGLÊS).
Publicação Internacional com custo de US$ 15,99 + despesas de envio.

3D XTRACT.com E-zine for Carrara & Amapi - http://tigme.net/home/?dirname=html_docs/080003d_ezines_magazines
Revista eletrônica GRÁTIS em PDF para os programas pouco conhecidos, CARRARA e AMAPI. (EM INGLÊS)

Animation Magaizine - http://www.animationmagazine.net/
Página contendo informações e novidades sobre o mercado, tecnologia e arte da
animação. Vale a pena conferir! (EM INGLÊS).

Animation World Network - http://www.awn.com/
Pagina contendo novidades e informações úteis sobre todos aspectos de
animação. Uma ótima referência para quem gosta de animação. (EM INGLÊS)
Possui uma página contendo vários curtas animados! http://www.awntv.com/

CADalyst - http://www.cadalyst.com
Mais completa fonte de informações sobre CAD e tecnologias CAM/CAE/PLM.
Tutoriais, fóruns, galeria de video CAD, serviço de compartilhamento de
documentos. (EM INGLÊS)

CG CHOSEN - http://www.3dm3.com/mag/cgchosen/
Revista eletrônica em PDF com diversos temas. Vale a pena conferir.
Edições antigas com download GRÁTIS.

Highend Magazine - http://www.highendmag.com/
Publicação para profissionais de produção de 3D e 2D.
Artigos, estudos de caso, tutoriais, artigos, galerias dentre outros. (EM INGLÊS)
US$ 12,95 por edição

IT´S ART - http://www.itsartmag.com
Pagina contendo fórum, galerias, tutoriais, desafios, etc. (EM INGLÊS)


Espero ter ajudado e estarei enviando novos links nos próximos posts.

Tutorial - Texto Vazado

Boa tarde Pessoal!

Sejam bem vindos ao meu blog! Estarei colocando Tutoriais, Novidades do Mundo Digital e muito mais!

Para começar, vou colocar um tutorial simples de como fazer um texto vazado no Photoshop.

Tutorial - TEXTO VAZADO

Você estava passeando pelas fontes instaladas no seu computador, e derepente .... QUE FONTE LEGAL!!! E vem aquela idéia de usar no seu trabalho. MAS, você quer só o contorno do que você escreveu. Vamos lá, vou te ajudar!

1) Crie um projeto novo do tamanho que você desejar.

2) Crie uma camada (layer) e coloque o nome TEXTO, apenas para referência.



3) Com a ferramenta de texto, vamos digitar o texto desejado.



4) Com a ferramente "varinha mágica", selecione cada letra do texto. A seleção é um contorno
pontilhado em torno das letras.
(Deixe apertado a tecla SHIFT, e clique em cada letra para adicionar na seleção)

5) Agora crie uma nova camada com o nome TEXTO VAZADO


6) Agora, selecione a ferramenta de seleção, clique com o botão direito em cima da seleção em torno no texto, e surgirá um menu. Neste menú escolha STROKE, e no próximo menu, selecione quantos pixels você deseja utilizar para o contorno. (Eu sugeri 3 pixels) E clique em OK.


7) PRONTO! Agora é só apagar a camada de texto, e temos nosso TEXTO VAZADO!




Este é um tutorial simples para a estréia do meu Blog. Espero que tenham gostado e que seja útil!

Comentários sempre serão bem vindos!