Design

O Escolhido ! (Fake Animada)

Wed, 10 Mar 2010 03:21:01 +0000

O Escolhido

Pessoal Como essa � minha primeira Fake
� claro que tem algums defeitos n�.
Alguns deles foi proposital pois ia gastar muitos frames como os passos dos personagens.

Eu ja resolvi criar Fakes em GIF por serem um desafio e serem mais legais que HQ.

Eu resolvi fazer sem usar nenhum tipo de tutorial a unica ferramenta que usei foi o
Fakerlab Desk o Fakerlab Wardrobe e o Fireworks.

Aceito todo tipo de comentarios principalpente elogios huehehuehue.
Ja vi muitas pessoas postando suas primeiras fakes.
E acho que a minha como a primeira ficou melhor que muitas, n�o querendo desvalorizar as outras � logico.
Pois s� gastei umas 5 Horas para terminala!
Claro que a pressa � a inimiga da perfei��o mais fiquei ansioso � claro :D

Postem elogios e critias ai por favor.

Creditos todo a min: Wilder ou seja MisterChaos

Vocabul�rio - Produ��o Gr�fica

Tue, 09 Mar 2010 20:03:50 +0000

Produ��o Gr�fica - Vocabul�rio

O que � ALINHAMENTO?
� a forma de organiza��o de colunas de texto, cujas linhas podem ser alinhadas � esquerda, � direita, centralizadas ou blocadas.

O que � BONECO?
� o projeto gr�fico de um produto, que apresenta os elementos (gramatura do papel, tipologia, imagens etc) da forma como se deseja utilizar em sua vers�o final. A elabora��o de um boneco � fase fundamental para o lan�amento de publica��es peri�dicas

O que � CAIXA-ALTA/CAIXA-BAIXA?
� a forma de designar a tipologia utilizada em letras min�sculas
(caixa-baixa) ou letras mai�sculas (caixa-alta).

O que s�o CORES ESPECIAIS ou PANTONE?
S�o tamb�m conhecidas como cores "s�lidas". O nome Pantone, na realidade, refere-se a uma marca de tinta, cuja variedade de cores institucionalizou em todo o mundo, e pode ser identificada por c�digos.� devido ao Pantone que uma multinacional consegue, por exemplo, manter, em qualquer gr�fica do mundo, a fidelidade da impress�o das cores de seu logotipo.

O que � CORPO?
Corpo � a medida de tamanho das fontes. Quanto maior o corpo, maior o tamanho da letra.

O que � DIAGRAMAR?
Diagramar consiste em determinar a disposi��o dos elementos em uma p�gina � legendas, ilustra��es, textos, t�tulos etc. Essa tarefa � executada pelo diagramador.

O que � EDITORA��O ELETR�NICA?
� a prepara��o t�cnica de originais para publica��o, que envolve forma e conte�do. Atualmente, esse servi�o � realizado totalmente por computador, desenvolvido pelo diagramador em programas paginadores como Page Maker Quark XPress e InDesign.

O que � ENTRELINHAMENTO?
� a dist�ncia, no sentido vertical, entre duas linhas de texto.

O que � ESCANEAMENTO?
Escaneamento � a forma "abrasileirada" de designar o processo de digitaliza��o da imagem. Vem da palavra inglesa scanner, nome do equipamento em que se realiza a digitaliza��o.

O que � FACA?
� uma l�mina cortante que permite ao artista gr�fico desenvolver uma grande diversidade de formatos para os produtos impressos.

O que � FOTOLITO?
� uma pel�cula transparente na qual se registra a imagem por meio de registro fotogr�fico. � o processo intermedi�rio entre a finaliza��o do arquivo em computador e a impress�o.

O que � GRAMATURA?
Gramatura � uma das caracter�sticas do papel, que designa a sua espessura. Essa medida � registrada em gramas por metro quadrado da folha de papel.

Fonte: Campus Online

Ads #12

Mon, 08 Mar 2010 14:08:51 +0000

Ol� Xtibianos,
Ent�o para quem n�o sabe sou o Kaonic e o atual respons�vel pela ADS qualquer duvida favor enviar uma MP (Mensagem Privada) para mim ou um E-Mail para graficos@xtibia.com. � isso ai, para mais informa��es voc� poder� visitar o HotSite da ADS, Clicando Aqui.

Tema Da Semana: Medieval, como podem ver estou fazendo temas amplos pois isso pode ser uma espada, um guerreiro, castelos, etc. Mais para a frente vou come�ar a fazer uns temas mais dif�ceis. Para sugerir um tema, clique aqui.

Regras:

Qualquer pessoa pode participar da ADS. (*)
A dimens�o m�xima para uma assinatura � 500x300.
� proibido reaproveitar trabalhos antigos.
Um post sem ser o seu trabalho (Exemplo: Duvida ou coment�rio de alguma sign) ser� excluido e se continuar voc� perdera 1 ponto de reputa��o.
Se o post for editado ap�s 5 minutos depois de ter postado, o post do membro ser� ignorado e o mesmo ser� desqualificado.
Em caso de comprova��o de RIP (C�pia total ou parcial de um trabalho) o membro ser� banido e desqualificado.
� necess�rio que desabilitem a assinatura.
Uma assinatura fora do tema ser� ignorada e o membro ser� desqualificado.
Pedidos entregues depois da data de t�rmino do concurso ser�o ignorados.

*Nota: Se algu�m da equipe participar o mesmo n�o poder� votar, lembrando que estagi�rios n�o s�o da equipe.

Calend�rio:
In�cio - 08/03/2010 (Segunda-Feira).
T�rmino - 12/03/2010 (Sexta-Feira, at� �s 23:59).
Inicio da vota��o - 13/03/2010 (Sabado).
T�rmino da vota��o - 14/03/2010 (at� �s 23:59).
Resultado do concurso - 15/03/2010 (Segunda-Feira).

At� mais e Boa Sorte a todos!

Resultado Ads #11

Mon, 08 Mar 2010 13:56:26 +0000

Olá Xtibianos,
Estamos aqui com o resultado da ADS #11, agora sim foi a ADS que eu conheço, com ótimos trabalhos e muitos participantes.

PLACAR:

Quote

1º Lugar - 4458638 - 14 pontos.
2º Lugar - Higormore - 11 pontos.
3º Lugar - Cosaki - 4 pontos.
4º Lugar - Reji - 3 pontos.
5º Lugar - Doidin Mapper, Henrique Moura & thiagohenriq - 1 ponto.
O restante não pontuou.

PRÊMIOS

Parabéns aos ganhadores

Conto com a presença de todos na próxima edição.
Até mais.

Gift To Look - Dragon

Thu, 04 Mar 2010 19:11:17 +0000

Ol� Designers,
Opa Look at� faria todas as posi��es s� que como sei que voc� vai falar que esta feio prefiro s� postar ele mesmo. 8D
Ent�o s� editei o da Cipsoft, mais quero saber o que acharam.

Abra�os, espero que tenha gostado.

Ads #11

Mon, 01 Mar 2010 18:53:11 +0000

Tema Da Semana: Guerra, isso inclui armas, jogos de guerra, etc.

Regras:

Qualquer pessoa pode participar da ADS. (*)
A dimens�o m�xima para uma assinatura � 500x300.
� proibido reaproveitar trabalhos antigos.
Um post sem ser o seu trabalho (Exemplo: Duvida ou coment�rio de alguma sign) ser� excluido e se continuar voc� perdera 1 ponto de reputa��o.
Se o post for editado ap�s 5 minutos depois de ter postado, o post do membro ser� ignorado e o mesmo ser� desqualificado.
Em caso de comprova��o de RIP (C�pia total ou parcial de um trabalho) o membro ser� banido e desqualificado.
� necess�rio que desabilitem a assinatura.
Uma assinatura fora do tema ser� ignorada e o membro ser� desqualificado.
Pedidos entregues depois da data de t�rmino do concurso ser�o ignorados.

*Nota: Se algu�m da equipe participar o mesmo n�o poder� votar, lembrando que estagi�rios n�o s�o da equipe.

Calend�rio:
In�cio - 01/03/2010 (Segunda-Feira).
T�rmino - 05/03/2010 (Sexta-Feira, at� �s 23:59).
Inicio da vota��o - 06/03/2010 (Sabado).
T�rmino da vota��o - 07/03/2010 (at� �s 23:59).
Resultado do concurso - 08/03/2010 (Segunda-Feira).

At� mais e Boa Sorte a todos!

Resultado Ads #10

Mon, 01 Mar 2010 18:30:02 +0000

Ol� Xtibianos,
Estamos aqui com o resultado da ADS #10, pena que foram poucos os participantes espero ver mais pessoas na pr�xima edi��o.

PLACAR:

Quote

1� Lugar - Reji - 18 pontos.
2� Lugar - babybss - 10 pontos.
3� Lugar - DoidinMapper - 6 pontos.
4� Lugar - ShadowDemon - 2 pontos.

PR�MIOS

Parab�ns aos ganhadores

Conto com a presen�a de todos na pr�xima edi��o.
At� mais.

Somnium Team

Sun, 28 Feb 2010 15:52:12 +0000

Olá Xtibianos,
Aqui vou postar os outfits que vamos utilizar no nosso servidor. Não são finais, ou seja, vamos melhorar eles de acordo com as criticas recebidas.

Abraços.

Sprites feitas por Xatsu

Design Pode Salvar Os Jornais?

Sun, 28 Feb 2010 12:39:48 +0000

Design pode salvar os jornais?
Confira a resposta junto com Bel�cio Haibara

Ol� Xtibianos,
Hoje voc�s v�o ver um v�deo sobre o que realmente � design e que isso n�o � s� saber manipular um programa. Lembre-se n�o fa�a as coisas sem pensar tudo deve ser estudado, investigado, planejado, criado e evaluado e depois sim voc� publica o seu trabalho e vai ter certeza que o mesmo ser� um sucesso. E isto n�o vale s� para designers e sim para tudo que voc� faz.

Ent�o compartilhe agora neste t�pico sua opini�o e alguma outra coisa que voc� saiba e que se relacione ao tema.
Abra�os, espero que tenham gostado.

Outfits ~ By: Natsu Mcdonald

Sun, 28 Feb 2010 01:59:16 +0000

Ola pessoal, como eu estou fazendo muitos outfits, andei postando todos , 1 em cada topico, e isso esta causando problemas no Forum, entao como o kaonic me aconselhou, vou reunir todos aqui.

- Creditos:
Eu

- Ferramentas:
Fakerlabe WarDrobe
Paint

~ OutFits:

1 - Fairy Tail:

Spoiler

2 - Kratos:

Spoiler

3 - Soldados:

Spoiler

4 - Vampira ~ X-Man:

Spoiler

5 - Leon ~ Resident Evil 4 ~ Presente para Thauzin ( Meu Amigo )

Spoiler

6 - Rock Lee ~ Presente pra DolfoWolf ( Meu Amigo )

Spoiler

7 - Lass ~ Grand Chase ~ Presente para Thauzin

Spoiler

8 - Mario ~ Super Mario

Spoiler

9 - Zorro ~ Presente para Matheus Souza

Spoiler

10 - Zina ~ Panico na TV ~ Presente para Donn

Spoiler

Em breve mais :D
Abra�os!

Vampira ~ Outfit

Sat, 27 Feb 2010 18:51:45 +0000

Eai Pessoal, sou eu de novo =D
Estou fazendo outfits em massa, me empolguei \o/
Dessa vez fiz da Vampira, do X-Man.

- Aplicativos usados:
FakerLab Wardrobe
Paint

- Criador:
Eu

- Imagem:

Soldados ~ Outfit

Sat, 27 Feb 2010 17:00:35 +0000

Eai Pessoal
Estou aqui de novo para postar outra outfit. Dessa vez de um soldado.

- Ferramentas:
Fakerlabe Wardrobe
Paint

- Personagem:
Soldado

- Cria��o
Eu
-- UPDATED --

Kratos ~ Outfit

Sat, 27 Feb 2010 15:42:28 +0000

Oii pessoal, sou eu de novo, estou tentando melhorar minhas tecnicas na criação de outfits, e agora eu resolvi tentar criar um Kratos, e irei posta-lo aqui para a avaliação de voces, aceito Criticas e Elogios, so nao pode chinga minha mae :S

- Personagem:
Kratos

- Ferramentas:
FakerLab Creature
Paint

- Criação:
Eu

- Imagem:

---- EDIT ----
Concertei a Luva.
Concertei o "Chinelo"
Concertei a sombra da espada.
Concertei o tamanho da cicatriz dele.
Mas não consigo fazer a armadura certa :S
Ajudem ae qual personagem eu tento agora?

[Outfit] Fairy Tail ~

Sat, 27 Feb 2010 14:21:38 +0000

Oiii pessoal tudo bom?
Eu sou novo no forum e gostaria que avaliassem minha primeira outfit, inspirada no anime Fairy Tail.
- Ferramentas usadas:
FakerLab Creature
Paint

- Feita por:
Natsu McDonald ( eu )

- Personagens:
Natsu
Lucy
Gray
Erza

- Imagem:

- Imagem Extra de uma Shaman Female de Massinha: ( Nao fui eu que fiz, achei no google )

Depress�o Tibiana

Thu, 25 Feb 2010 20:14:43 +0000

Bem gente, fiz essa fake a um tempo iii.... bem, melhor s� postar afinal n�o interessa :D

Ps: Essa fake � 100% minha, oks??

[Pixel Art] Iniciando.

Wed, 24 Feb 2010 02:11:45 +0000

Bom esse e meu primeiro pixel art.
gostaria que voc�s avaliassem.
s�o quadrados em perspectivas 3d, com medidas variadas,
ps: o que mais me chamou aten��o foi o sombreamento � o efeito no nome, para mim.. ficou show .

Meu Primeiro Sprite

Tue, 23 Feb 2010 14:44:42 +0000

Bom Galera,
vou postar aqui meu primero sprite pra vcs verem:

>>> http://img148.imageshack.us/img148/6122/secoundsword.png <<<

Se gostarem ou nao, comentem por favor!!

Flw Gnte!!!

2 Novas Sprites,apenas Come�ando..

Tue, 23 Feb 2010 14:08:36 +0000

Gente,ontem tive tempo e fiz 2 sprites,apenas para treinar,e resolvi postar aki para ver oque acham

Tá ae:

Sword: (Parece a sword do Zabuza (Naruto -.-))

Shield:

EDIT 1-

Nota de 1-10 pls :)

Assinatura Da Semana #10

Mon, 22 Feb 2010 17:23:58 +0000

Olá Xtibianos,
A partir de agora a ADS vai ser organizada por mim então qualquer duvida favor enviar uma MP (Mensagem Privada) para mim ou um E-Mail para graficos@xtibia.com. É isso para mais informações você poderá visitar o HotSite da ADS, Clicando Aqui.

Tema Da Semana: Futebol, isso inclui: Estádios, alguma caricatura ou algum personagem de desenho jogando futebol, jogadores e times.

Regras:

Qualquer pessoa pode participar da ADS. (*)
A dimensão máxima para uma assinatura é 500x300.
É proibido reaproveitar trabalhos antigos.
Um post sem ser o seu trabalho (Exemplo: Duvida ou comentário de alguma sign) será excluido e se continuar você perdera 1 ponto de reputação.
Se o post for editado após 5 minutos depois de ter postado, o post do membro será ignorado e o mesmo será desqualificado.
Em caso de comprovação de RIP (Cópia total ou parcial de um trabalho) o membro será banido e desqualificado.
É necessário que desabilitem a assinatura.
Uma assinatura fora do tema será ignorada e o membro será desqualificado.
Pedidos entregues depois da data de término do concurso serão ignorados.

*Nota: Se alguém da equipe participar o mesmo não poderá votar, lembrando que estagiários não são da equipe.

Calendário:
Início - 22/02/2010 (Segunda-Feira).
Término - 26/02/2010 (Sexta-Feira, até às 23:59).
Inicio da votação - 27/02/2010 (Sabado).
Término da votação - 28/12/2010 (até às 23:59).
Resultado do concurso - 1/03/2010 (Segunda-Feira).

Até mais e Boa Sorte a todos!

Tipografia

Thu, 18 Feb 2010 09:28:15 +0000

Tipografia
Eric Straub

Ol� Designers,
Achei uma �tima mat�ria sobre tipografia e acho que muitos aqui v�o gostar de ler ela. � algo diferente e voc� n�o vai aprender a "Melhorar sua tipografia (apar�ncia)" e sim aprender um pouco mais sobre a historia do que muitos aqui usam e estudam

Tipografia Romana

A autora Beatrice Warde, j� dizia que a tipografia � a voz da p�gina. Em um mundo onde a informa��o se torna cada vez mais preciosa, sabemos que a import�ncia da tipografia ultrapassa os limites de livros e materiais impressos. Talvez possamos dizer que hoje a tipografia � a voz de um mundo que fala por sinais, signos e palavras. Por�m, mais que apenas um elemento que materializa os significados, a tipografia, ou a arte e o processo de cria��o de caracteres, sempre esteve ligada � cultura e � identidade dos povos que tinham inscritas algumas de suas caracter�sticas em seus tipos espec�ficos de escrita.

Naturalmente, assim como na pr�pria ess�ncia do design de objetos, a escrita nasceu da necessidade do homem de poder se comunicar e transmitir informa��es e conhecimento. Quanto mais o homem se organizava em grupos sociais e evolu�a, mais necessitava de um sistema de escrita eficiente para poder registrar suas normas sociais, seus escambos e, no caso dos governos, seus impostos e taxas. No ano 3.400 a.C., os sum�rios criaram um sistema de escrita rudimentar chamado cuneiforme. Esse sistema era baseado na forma��o de conjuntos sil�bicos, compostos por mais de 600 signos, que representavam objetos. O modelo influenciou, principalmente, os ass�rios e babil�nios.Com o passar do tempo, esses povos simplificaram o sistema, acrescentando novos signos de acordo com a cultura local.

Com a expans�o comercial e as expedi��es militares, esse sistema de escrita foi levado a outras regi�es e povos do oriente. Por volta do ano 1.300 a.C., os fen�cios desenvolvem o primeiro sistema alfab�tico de escrita, composto por 22 letras que, de forma abstrata e simples, tinham equival�ncia fon�tica com os sinais. Segundo Tubaro (1994), o alfabeto fen�cio � a base de praticamente todos os alfabetos que deram origem � escrita da grande maioria dos povos. Sua influ�ncia vai desde os sem�ticos setentrionais como o hebreu, s�rio, �rabe, arm�nio e mongol, at� o et�ope, am�rico, coreano, birmano, javan�s, cingal�s, hindu e s�nscrito, chegando ao grego e ao latim.

Para os gregos, o idioma e a escrita tinham valor fundamental em sua cultura, representando sua principal forma de liga��o e unidade, o que superava, em import�ncia, at� mesmo o espa�o geogr�fico que a eles pertencia. Prova disso s�o os in�meros teatros e pra�as p�blicas onde expressavam suas id�ia. O grego antigo tinha como base o alfabeto fen�cio e come�ou a ser difundido por volta do ano 900 a.C. A partir da escrita grega � que foi introduzida a dire��o da esquerda para a direita como forma de gravar as letras. Estas, por sua vez, tamb�m possu�am uma forma geom�trica e regular, utilizando �ngulos retos em seus desenhos.

Neste sentido, a est�tica grega, demonstrada claramente na escultura e na arquitetura, era tamb�m aplicada na tipografia, definida por c�nones de harmonia e simetria. A disciplina grega facilitava a repeti��o e a multiplica��o seriada das imagens simb�lico-informativas. Essas imagens tomavam como modelo can�nico a rela��o de propor��o e simetria do corpo humano. Para Satu� (1988), toda a est�tica grega, representada por sua arquitetura, escultura e tipografia, trazia em sua ess�ncia uma rigorosa organiza��o em torno de um programa de comunica��o intencional.

Tipografia Sumerica

Apesar dos antecedentes do desenho tipogr�fico estarem ligados a Gr�cia, foram os romanos, sem d�vida, que deram um status de import�ncia e extraordin�ria beleza � tipografia. Deve-se lembrar que, em toda a Antig�idade, a tipografia esteve diretamente ligada � grava��o sobre pedras, suporte que existia em abund�ncia. Assim como ocorreu no mundo grego, a import�ncia e o status da tipografia romana se consolidaram a partir de necessidades pr�ticas do estado romano. Para que pudessem ser cumpridas, as leis editadas pelo Senado deviam ser rapidamente enviadas �s col�nias espalhadas pelo extenso imp�rio. Essas leis eram ent�o gravadas em grandes l�pides de pedra e colocadas em locais p�blicos em cada col�nia. Naturalmente, era necess�ria uma tipografia que pudesse ser escrita por meio de um modelo, proporcionando identidade ao imp�rio. Conta-se que J�lio C�sar, prestes a dar seu golpe de estado, decretou que os atos do senado seriam divulgados semanalmente, como forma de ridicularizar os senadores pouco afeitos ao trabalho (qualquer semelhan�a com fatos reais � mera coincid�ncia).

Sem desconsiderar a influ�ncia e a depend�ncia romana em rela��o aos modelos gregos, � preciso admitir que a tipografia evoluiu e se tornou uma das principais marcas do imp�rio. Para Satu� (1988), a frieza da escultura romana diante da emo��o da escultura grega favoreceu o tratamento dos signos de comunica��o e objetos simb�licos p�blicos, incluindo tamb�m a tipografia. Jan Tschichold definiu a coluna de Trajano, constru�da no ano 114, como o melhor cat�logo de letras existente, agregando harmonia, claridade e equil�brio com a composi��o espacial. Os elementos arquitet�nicos p�blicos, bem como a tipografia romana, tiveram um papel fundamental na determina��o de um tamb�m rigoroso programa de comunica��o intencional difundido por todo o imp�rio. Como j� tive a oportunidade de escrever no artigo a respeito de Marcas, publicado na edi��o N� 2 da ABCDesign, os objetos simb�licos romanos tinham a valiosa fun��o de demarcar uma regi�o, assim como os animais silvestres demarcam seu espa�o com a pr�pria urina, caracterizando sua marca mais pessoal e o dom�nio do territ�rio. Talvez isso explique o fato de alguns aquedutos e monumentos romanos estarem localizados, muitas vezes, em regi�es que n�o tinham import�ncia significativa para o imp�rio.

A partir da Idade M�dia, um novo universo simb�lico, determinado pela Igreja Cat�lica, assumia o poder. Para isso, foi criada tamb�m uma nova tipografia, a uncial, de acordo com as novas ideologias, rompendo totalmente com o passado pag�o romano expresso em seus templos e sua est�tica. A tipografia da Europa feudal se encaminhava para os principais centros de cultura da �poca: os mosteiros. Suportes como o pergaminho, utilizados na confec��o de b�blias, necessitavam de uma tipografia que facilitasse a confec��o a partir de tinta e penas cortadas em se��o. Mais uma vez a tipografia passou a integrar um importante programa de s�mbolos gr�ficos de um per�odo hist�rico. A prop�sito, Satu� (1988) afirma que as melhores realiza��es nos programas de identidade a servi�o do totalitarismo foram produzidas na Europa feudal e na Alemanha nazista.

O que se percebe � que, at� a inven��o da imprensa, os desenhos de tipos geralmente surgiam em fun��o de necessidades espec�ficas e, com o passar do tempo, passavam a fazer parte dos intensos programas de s�mbolos e identidade aplicados pelas diversas institui��es. No entanto, no s�culo VIII, Carlos Magno, o soberano franc�s que conseguiu estabelecer a unidade na Europa feudal - que se encontrava despeda�ada -, determinou que fosse desenhada uma tipografia �nica, visando demonstrar a impon�ncia e a magnitude de seu imp�rio. Surgiu, ent�o, a min�scula carol�ngia. Essa tipografia naturalmente continuou mantendo a est�tica da uncial com diferenciais pr�prios em sua forma.

Carlos Magno tamb�m desenhou seu pr�prio monograma com suas iniciais, em forma de anel, com o qual assinava os documentos reais. O fato � que Carlos Magno se tornou o mais importante soberano da Europa medieval, sendo o respons�vel pelo restabelecimento de uma nova ordem social e cultural que resgataria a for�a da Europa no cen�rio mundial. A Igreja, ent�o, apercebeu-se da import�ncia da tipografia como s�mbolo gr�fico e de identidade. Antes de Carlos Magno, por volta do s�culo VI, j� tinham surgido novas modalidades tipogr�ficas em mosteiros de diferentes regi�es da Europa, tais como a beneventiana, a merov�ngia e a irlandesa. Esses tipos tamb�m funcionavam como uma marca de cada institui��o, agregando aspectos culturais das regi�es onde estavam situados os mosteiros.

Tipografia Fen�cia

A partir do s�culo X, novas perspectivas se abriram para a Europa, alavancadas, principalmente, pelas cruzadas e pelo com�rcio com outras regi�es. A expans�o comercial e cultural testemunhou o nascimento de importantes cidades. Naquele per�odo, surgiram tamb�m as primeiras universidades. E, junto com elas, vinha a necessidade de uma maior produ��o de manuscritos. Num universo de mudan�as sociais e culturais, a forma da escrita tamb�m come�ava a se moldar para uma nova realidade. Influenciada pela carol�ngia e pela est�tica g�tica, ligada aos antigos povos b�rbaros que haviam se cristianizado - deixando sua heran�a est�tica materializada em imensas catedrais pontiagudas - , surgiu a tipografia g�tica.

Seguindo os mesmo conceitos est�ticos da arquitetura , a tipografia g�tica tinha uma disposi��o rigorosa: m�dulos repetitivos verticais, �ngulos acentuados programas de identidade a servi�o do totalitarismo foram produzidas na Europa feudal e na Alemanha nazista.

C que se percebe � que, at� a inven��o da imprensa, os desenhos de tipos geralmente surgiam em fun��o de necessidades espec�ficas e, com o passar do tempo, passavam a fazer parte dos intensos programas de s�mbolos e identidade aplicados pelas diversas institui��es. No entanto, no s�culo VIII, Carlos Magno, o soberano franc�s que conseguiu estabelecer a unidade na Europa feudal - que se encontrava despeda�ada -, determinou que fosse desenhada uma tipografia �nica, visando demonstrar a impon�ncia e a magnitude de seu imp�rio. Surgiu, ent�o, a min�scula carol�ngia. Essa tipografia naturalmente continuou mantendo a est�tica da uncial com diferenciais pr�prios em sua forma.

Carlos Magno tamb�m desenhou seu pr�prio monograma com suas iniciais, em forma de anel, com o qual assinava os documentos reais. O fato � que Carlos Magno se tornou o mais importante soberano da Europa medieval, sendo o respons�vel pelo restabelecimento de uma nova ordem social e cultural que resgataria a for�a da Europa no cen�rio mundial. A Igreja, ent�o, apercebeu-se da import�ncia da tipografia como s�mbolo gr�fico e de identidade. Antes de Carlos Magno, por volta do s�culo VI, j� tinham surgido novas modalidades tipogr�ficas em mosteiros de diferentes regi�es da Europa, tais como a beneventiana, a merov�ngia e a irlandesa. Esses tipos tamb�m funcionavam como uma marca de cada institui��o, agregando aspectos culturais das regi�es onde estavam situados os mosteiros.

A partir do s�culo X, novas perspectivas se abriram para a Europa, alavancadas, principalmente, pelas cruzadas e pelo com�rcio com outras regi�es. A expans�o comercial e cultural testemunhou o nascimento de importantes cidades. Naquele per�odo, surgiram tamb�m as primeiras universidades. E, junto com elas, vinha a necessidade de uma maior produ��o de manuscritos. Num universo de mudan�as sociais e culturais, a forma da escrita tamb�m come�ava a se moldar para uma nova realidade. Influenciada pela carol�ngia e pela est�tica g�tica, ligada aos antigos povos b�rbaros que haviam se cristianizado - deixando sua heran�a est�tica materializada em imensas catedrais pontiagudas - , surgiu a tipografia g�tica.

Tipografia Grega

Seguindo os mesmo conceitos est�ticos da arquitetura , a tipografia g�tica tinha uma disposi��o rigorosa: m�dulos repetitivos verticais, �ngulos acentuados e termina��es pontiagudas. Ela se difundiu na Alemanha, a partir do s�culo XV, dando origem a in�meros outros tipos com desenhos mais populares que facilitavam a reprodu��o r�pida. Sem d�vida, a tipografia g�tica merece uma aten��o especial quando se trata de liga��o com aspectos culturais. Afinal, ela talvez tenha sido um dos maiores s�mbolos gr�ficos da cultura germ�nica, ao longo de s�culos, expressando, em sua est�tica, muitas das caracter�sticas do povo germ�nico. Gutenberg usou tipos g�ticos para compor sua famosa B�blia de 42 linhas, impressa em 1450.

Ao inventar a imprensa com tipos m�veis, Gutenberg n�o tinha id�ia de que sua cria��o revolucionaria a humanidade. Afinal, n�o se tratava apenas de um novo m�todo de produ��o, mas come�ava a se desenhar a possibilidade da democratiza��o do conhecimento. Assim, a inven��o de Gutenberg viria a influenciar e ter fun��o ativa em todos os grandes eventos sociais, pol�ticos e culturais que aconteceram nos s�culos seguintes. Naturalmente, ap�s a inven��o da imprensa, a tipografia seguiu uma nova trajet�ria est�tica, ligada ao Renascimento e aos ideais cl�ssicos. Por�m, por sua import�ncia, profundidade e abrang�ncia, este assunto exige uma nova e ampla abordagem, tema que exigiria um espa�o muito maior do que aquele que dispomos para este artigo.

Alguns autores afirmam que o desenho tipogr�fico s� teve in�cio depois da inven��o da imprensa. Eu, particularmente, entendo que a partir da exist�ncia de m�todos de constru��o, come�ou tamb�m a existir o desenho tipogr�fico. Sendo assim, toda a trajet�ria hist�rica dos antecedentes do desenho tipogr�fico demonstra que a escrita e a tipografia sempre estiveram ligadas � necessidade do ser humano de se comunicar e de deixar registros de suas atividades. Por�m, a tipografia sempre demonstrou uma estreita rela��o com o universo cultural e regional no qual estava inserida, distinguindo e proporcionando caracter�sticas �nicas.

Segundo Villas Boas (2000), cada cultura possui uma singularidade intr�nseca. Ainda segundo o autor, ela possui uma autenticidade potencial que a distingue, justifica e legitima enquanto cultura. Mais do que isso, esta cultura est� vinculada a um sistema de representa��o �nico e singular em rela��o a outros. N�o se pode esquecer que, acima de tudo, o design possui fun��es bem definidas, estabelecidas pelas necessidades uma institui��o, povo ou na��o.

A tipografia n�o � somente algo que nos serve como elemento funcional para a transmiss�o de informa��es. Ao contr�rio, possui seu valor do mesmo modo que uma marca faz parte da identidade de uma institui��o. Al�m de seus valores funcionais, a tipografia tamb�m pode conter um universo simb�lico que reflete determinados per�odos, culturas ou mesmo personificar a informa��o.

Curiosidades:

Quote

BLACKWELL, Lewis - Tipografia del siglo XX. Gustavo Gilli - Barcelona, 1987.
FEBVRE, Lucien - O aparecimento do livro - Editora Unesp, 1992 - S�o Paulo.
FILLI, Louise e Steven Heller - Typology. Type design from the Victorian era to the digital age. Chronicle Books, S�o Francisco, 1999.
GOTTSCHALL, Edward M. - Typographic Communications Today. The MIT Press, Londres, 1989.
MAcLEAN, Ruari - Typography. Thames and Hudson. Londres, 1980.
TSCHICHOLD, Jan - The New Typography - University of California Press - Berlim/Londres, 1987.
TUBARO, Antonio e Ivana - Tipografia. Estudios e Investigaciones sobre la forma de la escritura y del estilo de impresi�n. Universidad de Palermo - 1994.
SATU�, Enric - El disen� gr�fico. Alianza Forma, Madri, 1988.

Abra�os.

Tv De Parede

Wed, 17 Feb 2010 04:12:13 +0000

Fiz mais uma e dessa vez eh uma televisao de parede :D
Não sei se existe alguma igual ou parecida, eu vi um item q me lembrou mto uma tv entao eu fiz, ai vai:

O item que usei como base:

Bom, espero que gostem..
Livre para quem quiser usar seja aonde quiser :]
Abraços

Primeira Sprite

Wed, 17 Feb 2010 02:17:51 +0000

Eae galera,
hoje eu resolvi fazer uma sprite, nao sou muito la essas coisas, pq eu nunca fiz uma sprite antes, entao olhem e avaliem:
Eu fiz uma rocha:
- Aqui ela normal:

Versao ICE:

Versao FIRE:

Versao POISON:

Eh issa ae, avaliem e digam oq acharam pra uma primeira sprite.
Abra�os

Site Thumbshot

Tue, 16 Feb 2010 10:06:39 +0000

Ol� Xtibianos,
Hoje descobri um site muito legal o Site Thumbshot. Enfim voc� entra no site digita o URL de um site e ele gera uma imagem miniatura dele igual a que foi utilizada no titulo do t�pico e tudo isso sem se registrar.
Mais � claro que quem se registra tem certos beneficios, voc� se registrando poder� criar imagens dinamicas ou at� imagens que atualizam conforme o seu site atualiza.
SiteThumbshot � gr�tis para at� 100.000 impress�es mensais. H� tamb�m planos de pagos que permitem maior tr�fego e s�o capaz de gerar imagens maiores (de at� 1024 x 768 px).
At� mais, espero que tenham gostado.

Fonte: Leopoldo Moreira

Fixpicture

Sun, 14 Feb 2010 10:06:16 +0000

Ol� Xtibianos,
Achei um site muito interessante o FixPicture. Ele � uma ferramenta online que deixa voc� redimensionar, aplicar efeitos em fotos e imagens em geral atrav�s de seu navegador sem a necessidade de instalar qualquer software ou Plugin.

Tudo isso pode ser feito tanto em Flash ou em HTML, e com uma interface gr�fica simples e intuitiva. FixPicture permite editar imagens de at� 3Mb. Sendo possivel por exemplo: Girar, Converter para outros formatos, aplicar efeitos de cores, como tons de cinza, s�pia, borr�o, negativa e muito mais.

No final da edi��o ainda temos 2 horas para baixar a imagem, caso contr�rio ele ser� automaticamente exclu�da do site ent�o assim que terminar seu trabalho salve o mesmo.
O FixPicture afirma que � capaz de reconhecer mais de 400 formatos.

O FixPicture esta dispon�vel em 8 l�nguas incluindo o portugu�s.

Quote

Enfim espero que tenham gostado da noticia.
At� mais.

Fonte: Leopoldo Moreira

Porque Design?

Sun, 14 Feb 2010 09:45:25 +0000

Palestra Philippe Starck - TED

Ol� Designers,
Vi uma palestra muito legal do famoso Philippe Starck no TED (Technology Entertainment Design) do ano passado. A palestra esta em Ingl�s com legenda em Portugu�s. Vale a pena ver a vis�o do Starck.
Ele aplica diferentes r�tulos "Designer c�nico" e "Designer Narcisista".
Enfim vale a pena ver o v�deo voc�s v�o amar.

At� mais.

Meu Segundo Quadrinho

Sat, 13 Feb 2010 13:52:40 +0000

se n�o der para ver direito click na imagem

e isso aew gennte e por favor
se alguem souber de algum tutorial de movimentos loucos tipo chamillian mais bem explicado
por favor mandem o do charmilliam eu n�o entendi

________________

Double Topic

Thu, 11 Feb 2010 17:09:35 +0000

Travou e mandou double topic.
Fechado

Pol�mica Photoshop

Thu, 11 Feb 2010 17:07:54 +0000

Pol�mica: Photoshop e a guerra contra o excesso de retoque

Ol� Xtibianos,
Achei uma noticia muito interessante e gostaria de ouvir a opini�o de cada um de voc�s do Xtibia sobre o assunto.
Enfim come�ando, o impacto cultural do Photoshop n�o pode ser avaliado superficialmente, j� que ele � usado para tratar absolutamente toda esp�cie de imagem, incluindo as que n�o t�m problemas �bvios. Manipula��es de imagem t�o perfeitas que somente especialistas podem detectar e denunciar geram pol�micas constantes, particularmente no campo da moda.

Os retoques come�aram a incomodar para valer nesta d�cada, a ponto de suscitar o surgimento de um lobby parlamentar na Europa. H� um projeto de lei na Fran�a que, caso seja aprovado, tornar� obrigat�rio colocar nas fotos de moda retocadas uma caixa de advert�ncia ao estilo da usada em embalagens de cigarros, sob pena de multa, contendo um texto nesta linha: "Fotografia retocada com o objetivo de alterar a apar�ncia f�sica da pessoa." No Reino Unido tamb�m existe gente se mobilizando para apoiar outra iniciativa na mesma linha.

O fato � que as fotomanipula��es s�o t�o generalizadas que n�o se pode esperar que o p�blico tenha consci�ncia delas a toda vez que contempla uma imagem na m�dia. Por isso, a ideia de regular o uso de Photoshop com legisla��o pode parecer extrema, mas tem sua raz�o de ser, do ponto de vista da sa�de p�blica.

A ideia dos franceses � promover o bem-estar mental de adolescentes e jovens mulheres que s�o diariamente bombardeadas por imagens excessivamente perfeitas de belezas imposs�veis, apontadas por psic�logos como deflagradoras de dist�rbios emocionais, distor��es na percep��o da pr�pria imagem, anorexia, bulimia e suic�dios.

Em resposta e apoio a esse cerco crescente contra a beleza artificial, uma nova tend�ncia de publicar fotos declaradamente sem retoque nenhum est� surgindo entre fot�grafos de moda e j� foi promovida por revistas de prest�gio como a Elle, que em abril de 2009 deu tr�s capas de modelos famosas sem retoque.

No fotojornalismo, fraudes puras e simples ainda aparecem de tempos em tempos. Um dos mais not�veis em tempos recentes foi a foto do lan�amento de m�sseis iranianos, adulterada pela imprensa estatal e denunciada em todo o mundo.

Num tom mais divertido, o blog Photoshop Disasters cataloga e comenta erros de retoques em imagens enviadas do mundo inteiro e conta com v�rios exemplos nossos, incluindo capas da Veja e da Playboy brasileira.

Fonte: Terra Tecnologia

Quatro Princ�pios B�sicos Do Design

Wed, 10 Feb 2010 20:21:43 +0000

Quatro Principios B�sicos do Design

No design, h� quatro princ�pios b�sicos. Est�o presentes em qualquer obra de design, � o mais b�sico dos b�sicos. Estes princ�pios s�o: proximidade, alinhamento, contraste e repeti��o. Vamos l� dar uma olhada mais a fundo neles.

Alinhamento

Aqui no ocidente, sempre come�amos a olhar algo come�ando do canto superior esquerdo descendo pela lateral. Se eu alinhasse apenas este par�grafo do centro pra direita da p�gina (deixando o resto do texto como est�), possivelmente seus olhos iriam ignorar este par�grafo e passar adiante.
Se come�ar a alinhar algo pela esquerda, alinhe tudo pela esquerda. Se for pra alinhar tudo a direita, alinhe tudo pela direita. Se alinhar a um, dois ou quatro centr�mentros da borda, alinhe tudo a um, dois ou quatro cent�metros da borda. Evite a todo custo alinhar text pelo centro: isto d� um ar de desordenado e a pessoa se perde facilmente quando vai de uma linha pra outra, j� que ela n�o t�m um ponto de refer�ncia f�cil (no caso, o in�cio da �ltima linha lida). E voc� n�o gosta de se sentir perdido ao ler um texto ou ver uma image n�? Ningu�m gosta.

Proximidade

Elementos similares devem estar pr�ximos. Por exemplo, acima deste de par�grafo existe o t�tulo �Proximidade�. Se eu colocasse o t�tulo tr�s linhas acima do in�cio deste par�grafo, isso poderia gerar certa confus�o pra voc� leitor; voc� estaria se perguntando �O que essa palavra t� fazendo a� no meio do texto? � uma palavra-chave? Qual a rela��o dele com o resto do texto?�.
A lei �: n�o fa�a a pessoa ter que pensar nisso. Se ela ficar se questionando o por que desta dist�ncia, ela n�o vai conseguir concentrar-se no conte�do. O mesmo vale para imagens: se uma imagem n�o t�m nexo nenhum com uma segunda, por que deix�-los pr�ximos? Vamos manter uma dist�ncia para n�o confundir a pessoa que est� visualizando a obra. Aproximando elementos similares, voc� diminui a confus�o, e deixa a informa��o mais clara e direta.

Contraste

N�o � incomum de ver gente usando fundo amarelo com letra branca. Pessoal, amarelo � muito pr�ximo do branco. Se voc� colocar aquilo no sol, o pessoal n�o vai conseguir ler nada. Contraste � algo important�ssimo, ainda mais quando existe uma figura e um fundo. Convenhamos, at� quando n�o existe um fundo, existe uma cor da m�dia (por exemplo, o papel ou a tela do PC). Claro, d� pra colocar um texto preto sobre um papel branco. � uma �tima forma de contraste. Mas se quiser destacar algo em amarelo, por que n�o colocar uma tarja preta no fundo desta palavra? � uma �tima forma de contraste; faz aparecer bem aquilo que voc� quis que se destacasse e n�o acabou sumindo no fundo.
E contraste n�o � s� de cor, mas de elementos tamb�m. Uma frase com tipografia diferente do restante do texto pode ser contrastante. At� uma palavra ou frase negritada pode dar o ar de contraste. Isso serve n�o s� para destacar algo, mas tamb�m para diferenciar dois elementos.

Repeti��o

Quando falo sobre repeti��o, estou falando sobre repeti��o de elementos visuais. Em um site, por exemplo, voc� deve repetir a estrutura dele em todas as p�ginas internas. Ou seja, nada de mudar a posi��o do menu nas p�ginas internas.
A repeti��o de elementos � importante especialmente para a pessoa saber que ainda est� no mesmo site. No caso do design de impressos, voc� pode repetir a cor, fontes, rela��es espaciais, etc. A repeti��o cria uma sensa��o de organiza��o.

� isso espero que tenham gostado.
At� mais.

Fonte: Design Blog

43 Fontes Mais Usadas

Wed, 10 Feb 2010 17:19:33 +0000

43 Fontes mais usadas

As fontes s�o uma das partes mais importantes de todo projeto gr�fico. O site InstantShift analisou centenas de sites para definir os tipos de letra mais utilizados pelos Web Designers profissionais e chegou numa lista de 21 fontes pagas e 22 gratuitas.

As fontes pagas n�o tem links para download, mas servem de refer�ncia para quem quiser procurar alternativas parecidas e gratuitas.

PAGAS:

1. Helvetica

2. Frutiger

3. Myriad Pro

4. Avenir Std

5. Trajan

6. Optima Std

7. ITC Franklin Gothic Std

8. Futura

9. Bickham Script

10. Univers

11. Eurostile

12. Interstate

13. Trade Gothic

14. Gill Sans

15. Warnock

16. Kepler

17. Bodoni

18. Bembo

19. Rockwell

20. Meta

21. Gotham

GRATUITAS:(com links de download!)

1. Delicious

2. Gentium

3. Tallys

4. Lido STF

5. Mg Open

6.Cardo

7. Day Roman

8. Yanone Kaffeesatz

9. Union

10. Fontin Family

11. Fertigo Pro

12. Droid Font Family

13. M+ Outline Family

14. Luxi Family

15.Ambrosia

16. Lacuna

17. Liberation Family

18. Advent Pro

19. ATF Antique

20. Mank Sans

21. Diavlo

22. Cicle

Quote

[center]POST ORIGINAL:AQUI

Site em que foi feito o Ranking: InstantShift

Pixel Art

Tue, 09 Feb 2010 16:09:53 +0000

Pixel Art

Ol� Xtibianos,
Achei uma mat�ria muito interessante hoje e resolvi compartilhar ela com voc�s.

Quem foi adolescente ou adulto aficionado por jogos nos anos 80 se lembra: n�o era f�cil decidir que criatura era Zelda afinal se a �nica refer�ncia fosse um console de game. Naquela �poca, e desde o Atari, todas as rodas de carros eram invariavelmente quadradas. E enquanto ao espa�o sideral de Galaga? Essas foram as ra�zes da pixelart tenha surgido nessa �poca, para dar forma �s id�ias de jogos que iam surgindo com cada vez maior volume desde o T�nis para dois criado pelo f�sico William Higinbotham em 1958.

A partir da�, as coisas evolu�ram rapidamente. Vieram outras esp�cies de ping pongs, jogos espaciais, o advento do Mr. Pac Man; em cada um desses novos jogos, os desenhos foram se tornando mais complexos e coloridos, acrescentando cen�rios e detalhes... sempre aquadradados, mas, ainda assim, alucinantes.

Com o aprimoramento das interfaces dos computadores e a democratiza��o gradual dos computadores, programas como o Paint se tornaram uma op��o bem acess�vel para quem queria criar alguns desenhos a partir da montagem de pequenas unidades coloridas a partir de um meio digital moderno.

O termo pixelArt foi usado pela primeira vez por Adele Goldberg e Robert Flegal, da XeroxPalo Alto, em 1982 numa compila��o de artigos editada pela ACM (a Associa��o para Maquinaria da Computa��o) embora dez anos antes Richard Shoup, tamb�m da Xerox, j� houvesse cavado o conceito para pensar seu software SuperPaint (MAC). Mas, independente da paternidade, fato � que a t�cnica j� estava consolidada: edi��o de imagens, sem aplica��o de filtros ou modos especiais de renderiza��o atrav�s da aloca��o cuidadosa de cada um pixel com o auxilio de uma ferramenta que se assemelhe a uma caneta de pontos at� que se obtenha o resultado necess�rio. A �nica �ferramenta extra� � qualquer um modo de amplia��o da imagem em quest�o. No final, tudo deve ser armazenado na mais baixa compress�o poss�vel, assim, ser� atribu�do � cada pixel preservar� sua cor mais exata.

Hoje, programas como o PhotoShop modificaram bastante a forma de se encarar essa arte digital; na realidade, ela ficou mais refinada, contando com novas t�cnicas e estilos al�m de novos usos como em anima��es, avatares, �cones para desktop e personagens de mundos virtuais e jogos para celulares. Os profissionais em atividade at� n�o s�o muitos comparados aos demais artistas digitais, mas a qualidade e paix�o com que pacientemente �montam� as figuras cativam at� os mais ferrenhos entusiastas das �ltimas novidades da �rea.

Nesse artigo, selecionei algumas pe�as do brit�nico Gary J. (que j� h� alguns anos chama minha aten��o por suas publica��es no DeviantArt), mas tamb�m n�o deixe de conhecer o projeto Mr. Wuong Sup�partments, que construiu em 2005 o maior edif�cio digital do mundo gra�as � colabora��o de pixelArtists de todo mundo (e de alguns curiosos tamb�m).

Fonte: Obvious Mag

O Tom Dos Tipos

Thu, 04 Feb 2010 21:59:28 +0000

O tom dos tipos

Ol� Xtibianos,
Achei algo muito legal e resolvi compartilhar com voc�s do Xtibia.

A hora de escolher a fam�lia tipogr�fica para compor o trabalho � a hora de se dedicar um certo tempo � pesquisa, al�m de ser uns dos momentos mais agrad�veis para grande parte dos designers, creio. Ficar �namorando� a fonte que ser� utilizada no trabalho pode ser uma tarefa �rdua e criteriosa, por�m, estar atento a alguns conceitos, pode tornar a tarefa um pouco mais simples.

� focado em alguns desses conceitos, que o designer gr�fico chileno Juan Pablo de Gregorio, em seu blog Letritas, elaborou uma interessante analogia entre os tipos com os tons de voz. Segundo Juan, n�o utilizamos o mesmo tom de voz o tempo todo. � bem poss�vel que voc� n�o tenha o mesmo tom ao falar com um cliente, e quando vai ao mercado comprar frutas, sem o n�vel de stress e mais relaxado. Ent�o, � poss�vel elaborar uma an�lise a partir dessas nuances de tons e criar formas visuais que os representem.

Claro que isso n�o � nenhuma novidade, muito menos uma descoberta para os profissionais da �rea, por�m, � sempre v�lido explicitar esses conceitos, assim como fez Juan Pablo.

Abaixo segue alguns exemplos com tradu��o livre de Alexandre Lucas.

Clareza

Imaginemos a voz de nossa professora prim�ria. Aquela que nos ensinou a ler. Possivelmente com uma voz simp�tica e entusiasmada. Sempre fazendo esfor�os gigantescos para que sua voz seja a mais clara poss�vel e priorizando ensinar palavras f�ceis com sons muito simples para que as crian�as n�o se confundam na hora de desenhar as letras.
Classe

Pense agora como seria a escrita da voz de um s�ndico de um edif�cio de alto padr�o. Ele � um senhor conservador e que da valor as coisas antigas. Nunca vacila com o idioma e usa a plenitude de seu vocabul�rio correto, seja com seu neto de 6 anos ou com um executivo amigo. � pontual e muito refinado. S� escuta m�sica cl�ssica e usa roupas bem alinhadas. Possivelmente usa um par de sapatos impecavelmente engraxados aos domingos pela manh� somente para ir a comprar o jornal.

Simpatia

Pense naquele figura que tenha sido um gordinho simp�tico toda sua vida. Tem por volta de 30 anos por�m esbanja infantilidade. Uma reuni�o do pessoal das antigas nunca seria o mesmo sem ele e todos se re�nem ao seu redor para ouvir suas divertidas hist�rias, sempre contadas com uma voz alta, alegre e de entusiasmo �nico.

Psicodelismo

A voz de um hippie � bem caracter�stica. � calma e quase cantada. Fala somente frases pr� fabricadas e defende ideais que talvez nem ele mesmo entenda. Adora o ar livre e o contato com a natureza, sempre com suas roupas largas e despojadas pontuadas por muitos adere�os artesanais esquisitos.

Vanguarda

� um jovem transgressor, por�m contido. Consome tecnologia como um louco e adora passar horas em frente ao seu computador. Adora experimentar vozes estranhas recheadas de express�es �nicas e em constante muta��o. Est� com a cabe�a mais no futuro do que no passado. N�o pensa duas vezes em sacar seu iPhone conectado a uma banda larga mega-r�pida para consultar sobre alguma coisa simples a decidir ou lembrar algum fato hist�rico que algu�m j� disse ter sido interessante antes da inven��o da internet.

Adolesc�ncia (feminina)

A voz da menina adolescente � ing�nua, t�mida por�m com um entusiasmo pr�prio da idade. Ela geralmente � segura de si dentro de seu universo de complica��es simples e quer transmitir a eleg�ncia e a distin��o das mulheres mais velhas.

Sofistica��o (feminina)

A irm� mais velha, um pouco mais madura e j� tem certeza do que quer. � solteira convicta e se considera uma artista pl�stica que gosta de estar antenada culturalmente. Adora cinema alternativo, � elegante e sabe, como nenhuma outra, andar de salto alto. Em um evento fashion sabe ser sofisticada e se distinguir das demais.

Formalidade

Um jornalista do notici�rio possui a voz clara e pausada. Ele l� as not�cias da maneira mais formal poss�vel, sem atropelos e demonstrando o m�nimo de emo��o. � jovem mas nem tanto, querendo sempre passar a impress�o de ser mais maduro do que �. Centrado, estudioso e bem comportado. Evita a todo custo constranger a si mesmo.

Dinamismo

O tom de voz de um esportista � mais r�stico e simples. Robusto, din�mico, forte e decidido tenta sempre transmitir suas habilidades em competir. O amor ao seu estilo de vida empresta um ar passional e quase religioso as suas falas.

Cr�ditos:

Quote

-Juan Pablo de Gregorio

Max's Life - Cap. 1

Thu, 04 Feb 2010 00:22:25 +0000

Aqui a minha primeira s�rie ainda n�o terminada...
Como est� fake � a PRIMEIRA da S�RIE, ela t� meia ruinzinha ( meia d+ )...
Mesmo assim t� valendo e_e'

Enjoy !! 8D

� isso... Comentem !! 8D
Daqui um tempo MaX's Life Cap. 2, BEM maior, mais humorada, com mais efeitos e batalhas !! Cya !! 8D

Max - Galeria De Sprites :d

Wed, 03 Feb 2010 23:15:31 +0000

Não conhecia esta parte do fórum, agora que conheço, gogogo se juntar á ela !! :D
Então, nada melhor que postar alguns de meus sprites ^^
Aqui estão:

Cipó Axe:

MaX's Sword:

Lapis:

Poke Bola:

Banco Publico (edit do original):

Nature Slayer:

Earth Nature Slayer ( enchanted ):
- Animated ( eskeci de fazer o 'musgo' se mecher '-' )

Celular ( tijolar, -re )

Notebook Fechado:

Notebook Desligado:

Notebook Ligado:

Demonstração:

Quadro Abaporu ( cultura pixel art :D ):

Quadro Monalisa ( u_u' ):

Beem, acho que por enquanto tá bom... se a galera gostar e 'aprovar', dps eu posto mais ^_^'
Até mais... :P

Um Dia De Aperto - Cap 1

Mon, 01 Feb 2010 13:56:03 +0000

hail fakers!

~~~~~~~~~~~~~

minha primeira fake...
eu queria fazer essa fake um cap. s� mas n aguentei e postei como cap�tulos
ser�o 3 cap�tulos cada um com uma quest
Essas s�rie se passa no mapa de rookgaard e � sobre um grupo fazendo quests cobi�adas de rook.

copper shield � o primeiro cap�tulo
katana o segundo e
Spike Sword(Sword Of Fury, Maze Of Fury) o terceiro

[QUOTE=Telespectador]Para de molenga e posta a fake logo!!![/QUOTE]

tabom, tabom, n precisa ficar estressado, aqui vai:

[QUOTE=Links]
Links:
http://img6.imageshack.us/img6/3632/umdiadeapertottulopng
http://img245.imageshack.us/img245/2263/umdiadeapertoparte1.png
http://img185.imageshack.us/img185/5290/umdiadeapertoparte2.png
http://img7.imageshack.us/img7/8092/umdiadeapertoparte3.png
http://img180.imageshack.us/img180/7716/umdiadeapertoparte4.png
http://img5.imageshack.us/img5/4468/umdiadeapertoparte5.png
http://img6.imageshack.us/img6/4715/umdiadeapertocrditos.png[/QUOTE]

elogie, critique, e comente, vc q sabe :yelrotflm
espero q costem do 1� cap.

GOSTOU DA FAKE??? ENT�O ADICIONE ESTA BAR:

GOGO CAP 2!!!

Dia Do Gibi

Sun, 31 Jan 2010 18:38:53 +0000

Ol� Xtibianos,
Venho aqui criar este t�pico para lhes informar que ontem dia 30/01/2010 foi o dia dos quadrinhos e nacionais, conhecidos tamb�m como gibi. Uma �tima forma de arte que possu� diversos formatos como cartoons, tiras, charge, revista em quadrinhos, webcomic, storyboard, fanzine.
Enfim criei este t�pico para voc� que curte ler historias de quadrinho postasse alguma conhecida. N�o importa se � Brasileira ou n�o s� para discutirmos e nos informar-nos um pouco mais sobre o assunto.

Ent�o para come�ar venho lhes falar sobre a Turma da Monica talvez o mais popular no Brasil.
Clique aqui e se informe mais.

(Mauricio Souza)

At� mais.

3D Max 2010

Sun, 31 Jan 2010 17:03:22 +0000

Ol� Designers,
Ent�o venho lhes informar sobre o lan�amento do 3D Max 2010 j� saiu faz um tempo mais n�o custa nada manter voc�s que n�o l�em algum blog ou algo do tipo.
Clique aqui e baixe o AutoDesk 3D Max 2010

O feedback da maioria dos usu�rios foi negativo, j� que muitos bugs ainda n�o foram corrigidos e pela falta de inova��es significativas.
� isso ai se algu�m entende de modelagem em 3D nos avise pois at� hoje s� vi o Looktovask no Xtibia que meche com isso.
At� mais.

[Spr] Perry, O Ornitorrinco

Sat, 30 Jan 2010 21:28:42 +0000

Ficou feio...

Mais � a primeira vez que eu fa�o um outfit.

Flw!

Ferramentas

Sat, 30 Jan 2010 08:48:27 +0000

Ol� Xtibianos,
Ent�o abaixo algo que se voc�s se aprofundarem no assunto e pensar nele v�o ver que � correto, talvez algu�m tire a mensagem de cara. Enfim saber manejar um software sem saber a teoria � furada.

Quote

Atualmente, as habilidades t�cnicas de um profissinal se sobressaem mais do que sua bagagem cultural. Manejar bem um software se tornou t�o ou mais importante quanto as teorias. Nos deparamos cada vez mais com an�ncios do tipo: �Precisa-se de designer� com dom�nio em Photoshop, Ilustrator, CorelDraw, Indesign e Quark. Conhecimentos em Flash, Dreamweaver e Fireworks, linguagem Java e PHP s�o necess�rios��

Para acompanhar o mercado, a cada dia abandonamos mais o l�pis e o papel, e nos aprofundamos mais nos softwares. Um corte de caminho que poder� se complicar no final. Feliz daquele que consegue conciliar todas essas coisas.

Cr�ditos:

Quote

Imagem-Karramaro
Texto-(N�o tenho certeza mais acho que foi Victor-Kun)

Twitter Do Kaonic

Fri, 29 Jan 2010 16:37:30 +0000

Ol� Xtibianos,
Hoje venho anunciar a cria��o do meu twitter nele vou manter atualizado todos os t�picos novos na �rea de design que eu achar que merece ser anunciado no twitter e tamb�m vou falar a todos o que esta por vir. Estou fazendo isto pois muitas pessoas n�o tem tempo as vezes de entrar no Xtibia e ver o que tem de novo por isso o Twitter vai ajudar muitos pois fica tudo em uma s� pagina.

Clique aqui e Visite

Conto com a colabora��o de todos.
Follow Me
At� mais.

Detoners Designers

Thu, 28 Jan 2010 20:46:53 +0000

Estou aqui para formar um novo time de feras em design do XTibia,este grupo é feito para pessoas iniciantes ou até mais antigos aqui no XT,para pedir seus avatares,signs,fan bars,banners e etc,também iremos fazer tutoriais e muitas outras coisas,a seguir algumas informações do grupo:

Nome: Detoners
Logos:
Fundador:

Moderador:

Membro:

Fans:

Quem quiser entrar,não é assim,nós é voçês que escolhem se querem entrar ou não,nós escolhemos quem deve entrar,então é isso,até mais...

Design X Arte

Wed, 27 Jan 2010 19:53:09 +0000

Design X Arte

Ol� Xtibianos,
Hoje venho compartilhar com voc�s um tema que j� foi, e ainda �, bastante discutido. As opini�es s�o divergentes, h� quem diga que design n�o � arte, e designers n�o s�o artistas. E tem aqueles que consideram o design como arte, como uma forma de express�o, al�m dos designers que se consideram artistas.

Essas duas �reas t�m pontos em comuns, o que gera a maioria das discuss�es. Ambos trabalham na concep��o de algum elemento visual utilizando de seus conhecimentos, por�m, se focarmos no prop�sito dessa cria��o podemos notar as diferen�as entre eles, talvez, essa seja a mais fundamental diferen�a.

Boa arte inspira. Bom design motiva.

- Normalmente, o processo de cria��o de uma obra de arte come�a com nada, uma tela em branco. Uma obra de arte resulta de uma vis�o ou opini�o ou sentimento que o artista tem dentro de si. Eles criam a arte de compartilhar esse sentimento com os outros, para permitir que os telespectadores se relacionar com ela, aprender com ele ou ser inspirado por ela.

- Em contrapartida, quando um designer pretende criar uma nova pe�a, elas quase sempre t�m um ponto fixo de partida, uma mensagem, uma imagem, uma id�ia ou uma a��o. O trabalho do designer n�o � inventar algo novo, mas de comunicar algo que j� existe, para uma finalidade.

A boa arte � interpretada. O bom design � compreendido.

- Apesar do artista se propor a transmitir um ponto de vista ou a emo��o, n�o quer dizer que o ponto de vista ou a emo��o tem um significado �nico. A Arte conecta com pessoas de maneiras diferentes, porque � interpretada de forma diferente.

- Design � o oposto. Muitos dir�o que, se um projeto pode ser �interpretado� em tudo, ele falhou em seu prop�sito. O objetivo fundamental do projeto � o de comunicar uma mensagem e motivar o espectador a fazer alguma coisa.

Boa arte envia uma mensagem diferente para todos. Bom design envia a mesma mensagem para todos.

- Muitos designers consideram-se artistas por criar algo visualmente atraente, algo que seria orgulho para as pessoas pendurarem em uma parede e admirar. Mas uma composi��o visual destina-se a realizar uma tarefa espec�fica ou comunicar uma mensagem especial, n�o importa o qu�o bonito, n�o � arte. � uma forma de comunica��o, apenas uma janela para a mensagem que ele cont�m.

- Poucos artistas se autodenominam designers, porque eles parecem entender melhor a diferen�a. Artistas n�o criam os seus trabalhos para vender um produto ou promover um servi�o. Criam-lo unicamente como um meio de auto-express�o, de modo que possa ser visto e apreciado por outros. A mensagem, se � que podemos chamar assim, n�o � um fato, mas um sentimento.

Bem� essas considera��es est�o longe de ser verdades absolutas e tampouco esgota as possibilidades de discuss�o sobre o tema. Alguns podem concordar, outros nem tanto. Voc� tem alguma opini�o sobre o tema? � s� postar.

Retirado do blog Webdesigner Depot, cito alguns pontos de vista sobre as diferen�a entre design e art. Para leitura completa do post (em ingl�s) e download dos wallpapers acesse o blog.
Estou procurando quem fez a tradu��o mais j� posto os cr�ditos.

Nunca Mecha Com Quem Ta Con Sono!

Wed, 27 Jan 2010 13:23:40 +0000

Espero que gostem

Minha primeira tirinha

Critiquem por favor

Largee Sword

Tue, 26 Jan 2010 23:54:18 +0000

Por favor critiquem

By: Geedes

Minha Primeira Fake De Muito Tempo Atr�s

Tue, 26 Jan 2010 15:45:08 +0000

� essa fake tbm tem, o Tymaoes e o Neeco, pena que eles n�o est�o mais aqui para, rever.
Hoje, continuo minha saga para desentulhar meu photobucket.

Desenterrando Umas Sprites Very Old

Tue, 26 Jan 2010 01:54:00 +0000

Eu sei que elas t�o feias mais tava vendo meu pb e achei isso.
Sem xingar demais ^^

Diik ;D

The Pixel Art Tutorial

Fri, 22 Jan 2010 21:00:06 +0000

Ol� Xtibianos,
Ent�o estou me interessando em Pixel Art e vi um �timo tutorial por isso resolvi compartilhar com voc�s. Ent�o estudei um pouco sobre o assunto e com a ajuda de Mythorius agente fez umas mudan�as no texto atual do tutorial que achei (link final do t�pico). O tutorial atual � em Ingl�s ent�o eu traduzi tudo, qualquer erro que cometi favor me avisar. J� no final do tutorial vou unir os melhores tutoriais do Xtibia e colocar no t�pico e � claro vou explicar melhor os passos de cada coisa.

Parte #1 - Ferramentas

Introdu��o:

Uma das coisas legais sobre Pixel Art � que voc� n�o precisa de programas profissionais como o Photoshop. O MSPaint que se encontra no Windows� � o suficiente, porem muitos j� est�o acostumados com os atalhos e o layout do Photoshop, por isso preferem o mesmo. Mas h� muitos programas para pixel art. Por exemplo, usu�rios de Mac� tem o Pixen. N�o posso dizer muito sobre ele pois nunca o usei mais pesquisei um pouco e ouvi coisas boas sobre ele. O usado neste tutorial � o Photoshop mesmo j� que muitos est�o familiarizados com ele.

Desenvolvimento:

Quando voc� for usar o Photoshop, a sua ferramenta principal vai ser o pencil (B). O bom do Pencil Tool � que voc� tem controle total do que est� fazendo, ou seja, voc� n�o s� pega e pinta tudo rapido. Voc� vai fazendo coisa por coisa, e assim o resultado fica melhor. Dependendo, no come�o � bom usar o balde para pintar uma �rea toda de uma cor e separar as cores da sprite, mas ai � meio que perda de tempo, s� se for algo grande mesmo, o que n�o acho que seja o nosso caso, pois este tutorial � feito para iniciantes.

Duas outras ferramentas que voc� poder� usar v�o ser o Marquee Tool (atalho M) e o Magic Wand Tool (atalho W) para selecionar, mover, copiar ou colar algo. Lembrando que ao segurar Shift ou ALT quando voc� fizer a sele��o voc� pode adicionar ou retirar da sua sele��o atual, isto j� � usado quando voc� quer selecionar coisas que n�o s�o quadradas.
O Magic Wand Tool serve para selecionar coisas parecidas. A "Tolerance" no menu l� em cima define o qu�o parecida uma coisa tem que ser para a Magic Wand selecion�-la junto com o que voc� selecionou de primeira. Por exemplo, se voc� botar "0", ele s� vai selecionar coisas que s�o da cor exata. Se voc� botar "255", ele vai selecionar tudo sem exce��es.

Voc� tamb�m vai usar o Eyedropper(I) que lhe permite selecionar uma cor de seu desenho e ela automaticamente se torna a cor atual da sua palheta. Muitas pessoas preferem o Photoshop porque ele tem teclas de atalho para as ferramentas, e us�-las � mais r�pido que ter que ir l� no canto e clicar na ferramenta desejada.

Ent�o � isso a�. � bom voc� aprender as teclas de atalho (entre par�ntesis) depois do nome da ferramenta para salvar tempo. Outra muito importante e que muitas pessoas n�o sabem � o "X" que muda da cor prim�ria para a secund�ria.

Aqui temos uma lista de alguns programas que voc� tamb�m pode usar:
* Cosmigo ProMotion - Windows
* GraphicsGale - Free - Windows
* GIMP - Free - Windows Mac Unix
* Adobe Photoshop - Windows Mac
* Paint Shop Pro - Windows
* PD Pro Digital Painter - Free - Windows
* Ultimate Paint - Free - Windows
* PixelStudio - Free - Windows
* Paint.NET - Free - Windows
* Allegro Sprite Editor - Free - Windows
* Timanthes (c64) - Free - Windows
* GangEd (c64) - Free - Windows
* ProjectOne (c64) - Free - Windows
* GraFX 2 Win32 - Free - Windows
* Pixen - Free - Mac
* Iconographer - Mac
* JDraw - Free - Java
* Gpaint - Free - Unix
* XPaint - Free - Mac Unix
* KDE Icon Editor - Free - Unix
* mtPaint - Free - Windows Unix
* Rendera - Free � Windows
* Photobie - Free � Windows

Parte #2 - Linhas

Introdu��o:

Pixels s�o pequenos pontos de cor, e � com esses pixels que formamos linhas e pintamos coisas. � s� pensar assim: 1 pixel = 1 letra. Voc� usa eles para formar palavras que s�o partes do seu desenho, que no final acaba em um desenho inteiro, ou seja, o texto. Nesta parte do tutorial vamos discutir dois tipos basicos de linhas, retas e curvadas.

Desenvolvimento:

Linhas Retas:

Sei que muitos v�o achar que fazer uma linha reta � muito f�cil, maas at� linhas retas podem ser problem�ticas. O que temos que evitar s�o "Jaggies" - pequenos erros na linha que fazem ela parecer desigual. Os "Jaggies" s�o peda�os maiores ou menores do que os peda�os vizinhos. Caso voc� queira usar a Line Tool (U) seria uma boa segurar SHIFT para fazer uma linha totalmente reta.

Linhas curvadas:
Para linhas curvas, certifique-se que o decl�nio ou inclina��o � consistente durante todo o tempo. Neste pr�ximo exemplo, a linha suave vai � procura da curva 6> 3> 2> 1, enquanto a outra linha com o jaggy vai 3> 1 <3.

Conclus�o:
Este � o b�sico j� mais a frente vamos aprender AA (Anti-Aliasing) o que vai deixar suas linhas mais suaves e fazer com que elas n�o pare�am serrilhadas.

Qualquer sugest�o do que pode ser adicionado � s� postar.

Parte #3 - Conceitualizando

Introdu��o:
A primeira coisa que voc� precisa antes de come�ar a fazer algo � uma id�ia. Sempre � bom voc� planejar no papel o que voc� vai fazer. Depois se voc� � iniciante olhe outros exemplos do que voc� quer ver e tente saber um pouco sobre o assunto. Isso ir� lhe ajudar muito na hora de fazer seu desenho pois voc� j� vai ter as id�ias prontas e vai se concentrar mais ao trabalho. Porque sen�o voc� vai parar no meio do desenho s� para pensar que cor pintar e isso s� vai piorar o seu trabalho.

Desenvolvimento:

Aqui vou colocar algumas perguntas que podem te v�o te guiar no planejamento e na cria��o da sprite.

Para que voc� esta fazendo a sprite? Isso � somente por divers�o, algum jogo ou site? Vai ser algo parado ou algo animado? � bom voc� pensar antes o que vai fazer para n�o se desconcentrar durante o trabalho. Se vai para um jogo por exemplo o Tibia tente saber alguns conceitos b�sicos sobre as sprites do mesmo, algo bom seria voc� ler uns tutoriais sobre a perspectiva do mesmo e os tamanhos.

Ainda vou elaborar outras perguntas.

Parte #4 - O Formato

Introdu��o:
Um outline preto da uma boa e b�sica estrutura ao seu sprite e para os iniciantes � o mais recomend�vel. J� no capitulo 8 vamos aprender a usar outras t�cnicas de outline por exemplo usando outras cores sem ser o preto.

Desenvolvimento:
Cada um tem sua maneira de fazer o contorno do sprite. Eu vou ensinar um dos que eu conhe�o que acho que � o mais recomend�vel para os que est�o come�ando. Geralmente as t�cnicas mudam de acordo com o tipo de sprite que voc� esta fazendo e sua habilidade.

1ro passo: Outline � m�o livre
Use sua tablete ou o mouse mesmo e fa�a um layout meio que grosso n�o tanto mais fa�a algo sem calcular muito levando em considera��o parte por parte do corpo e que de para entender do que o seu desenho se trata. Como no exemplo abaixo.

2do passo: Clean Outline
O titulo j� diz tudo "CLEAN" do ingl�s significa limpo ou seja agora devemos limpar o nosso layout deixar o formato s� com um pixel nada muito gordo pois j� o sombreamento voc� faz na parte de colorir. Para este segundo passo o bom � voc� aumenta o zoom para 6x ou 8x e tirar os "jaggies" e as partes grossas. Abaixo uma imagem para voc� comparar e saber do que estou falando.

N�o tente fazer algo muito grande quando for fazer uma sprite elas geralmente n�o passam de 200x200. Acho que a frase "Fazendo mais, com menos" resume o que estou falando, ou seja, demonstre do que voc� � capaz em coisas pequenas e n�o fa�a coisas grandes s� para dizer que � bom. At� voc� descobrir que 1 pixel faz uma grande diferen�a. Deixe o outline simples tente se concentrar em fazer com que as partes estejam claras nada muito detalhado pois isso vem na parte de colorir por enquanto isto � s� o come�o.

Parte #5 - Cores

Introdu��o: Com o formato/outline (como voc� queira chamar) pronto agente milhares de cores que podemos usar para colorir o nosso sprite, do mesmo jeito isto n�o � t�o facil voc�s acham que � s� colocar cores random mais � algo que requer paciencia e voc� precisa saber um pouco da teoria antes de sair pintando qualquer coisa. Neste capitulo vamos encontrar alguns conceitos b�sicos que � bom voc� saber para spritear.

Desenvolvimento:

Modelo de cor HBS:
HBS significa Hue, Brightness e Saturation em portugu�s Matiz, Brilho e Satura��o. Enfim este � somente um de v�rios modelos de cores. Outros conhecidos s�o RGB e CMYK.

Hue: Cor por exemplo vermelho, azul, verde, amarelo, etc.

Saturation: Que intenso a cor �. 100% de satura��o da a cor com mais brilho e a medida que a satura��o abaixa a cor vai ficando mais cinzenta.

Brightness: Leveza de uma cor, ou seja, 0% � preto.

Escolhendo as cores:
A escolha das cores j� vai pro gosto de cada um mais abaixo vamos ter algumas dicas que pode te ajudar caso voc� n�o tenha id�ia do que escolher ou do tom que deve usar.

1. Cores com menos brilho e satura��o tendem a olhar mais "terras" e menos como "cartoony". Cartoony para quem n�o sabe pode ser tamb�m conhecido como fancy do portugu�s fantasia ou caricatura.

2. Da uma olhada no esquema des cores, nele voc� pode ver cores que combinam melhor. Outra alternativa seria visitar o t�pico que criei aqui mesmo no Xtibia, CLIQUE AQUI e veja o t�pico � algo similar a esta de abaixo.

3. Quanto menos cores voc� usar mais sua sprite vai se destacar tente escolher 3 cores principais e use tons diferentes para elas. � por isso que o mario n�o � t�o detalhado sempre foi usado poucas cores nele.

Aplicando cores no Photoshop:

A aplica��o de cores no photoshop � um pouco diferente do que a do paint. No paint voc� s� seleciona o balde e pinta a �rea j� no photoshop voc� tem que usar a magic wand tool ou qualquer ferramenta feita para selecionar por exemplo o marquee tool como dito no primeiro capitulo.
Assim que voc� selecionar a �rea � s� voc� usar ALT+F ou SHIFT+F. O que eles fazem?

ALT+F = Vai preencher a �rea selecionada com a cor primaria da sua palheta.

SHIFT+F = Vai preencher a �rea selecionada com a cor secundaria da sua palheta.

Abaixo temos a sprite colorida seguindo as dicas mencionadas acima. Da para ver que ela esta bonita tem gente que at� acha isso bonito s� que ainda falta sombreamento e muitas outras coisas nela.

Parte #6 - Sombreamento

Introdu��o:
Sombreamento � uma parte importante em spriting porque a sprite que voc� esta fazendo tem que parecer real, n�o pode ser algo com a mesma claridade no lado < e > da sprite pois vai ficar algo incoerente.

Desenvolvimento:
Escolhendo a fonte da luz:
Primeiramente ao come�ar a sombrear voc� tem que saber onde a luz do sol esta vindo, esta � uma das coisas que muitas pessoas esquecem ou acham que n�o � importante. Se voc� esta fazendo uma imagem grande e larga s� para mostrar o seu trabalho mesmo j� � algo mais dificil pois existem lamp�das, velas, luzes de janelas, etc. Mais j� que muitos aqui jogam tibia abaixo uma imagem de onde vem a luz no tibia.

Sombreamento:
Agora que a gente j� definiu uma fonte de luz podemos come�ar a sombrear. Pelo modelo mostrado acima posso indicar que os pontos que devemos sombrear s�o: Embaixo dos bra�os, cabe�a, pernas, sapatos e a parte de cima do papel pois a m�o esta fazendo sombra nele e outros pequenos detalhes.
Sombreamento tamb�m faz com que as coisas n�o pare�am lisas � o sombreamento que define musculatura, cabelo, etc. Se voc� n�o acredita pegue um papel, fa�a uma bola com ele e depois abre ele, voc� vai ver os pontos que pega sombra e vai entendo o que estou falando.

Sombras suaves:
Uma segunda sombra deve ser feita s� que com um tom mais claro do que a anterior para fazer sombras suaves. Esta sombra tamb�m � utilizada para fazer transi��es de uma parte escura at� a clara especialmente em lugares com curva.

Destaques:
Lugares que tomam luz direta do sol podem ter cores mais claras para fazer um destaque. Voc� s� tem que tomar cuidado para n�o abusar pois isto deve ser usado menos do que o sombreamento pois como j� disse � um destaque e a pessoa tem que se focar na sprite e n�o nessa �rea mais clara. Sempre fa�a o destaque depois do sombreamento pois ai voc� j� tem uma no��o do tamanho que tem que colocar e n�o acaba fazendo um destaque muito grande.

Nunca fa�a:
-Muitas sombras
-Use gradiente
-Pillow-shading
-Cores muitos similares ou seja com pouca diferen�a

Outros exemplos de sombreamento s� que com a fonte de luz vindo do lado direito encima.

Pillow-shading:
Aqui nesta primeira imagem vamos ver algo usando o pillow-shading, como podemos ver � totalmente sem no��o comparado com a fonte da luz.

Agora vamos ver o sombreamento correto para esse circulo.

Mais um exemplo

Gradiente:
Para quem n�o sabe o que � gradiente vou mostrar alguns exemplos.

Parte #7 - Dithering

Introdu��o:
Conserva��o de cores � algo muito importante em spriting. Este � um jeito diferente de ter mais sombras s� que usando menos cores. Para quem nunca ouviu falar pode conhecer tamb�m "cross-hatching" ou "Stippling", � s� voc� pegar duas cores e interligar essas duas cores.

Desenvolvimento:
Exemplo Simples:
Aqui temos um pequeno exemplo onde usamos duas cores para fazer quatro sombras usando dithering.

Exemplos Avan�ados:
Aqui nesta primeira imagem podemos ver um usando o gradient do photoshop e abaixo a t�cnica dithering. Viu como podemos fazer sombras com somente duas cores.

Outro exemplo:

Imagem original

Imagem usando web-safe color pallete, note as �reas grandes lisas e a perda de detalhes

Imagem anterior com dither, note que a mesma palheta foi usada s� que foi aplicado dither.

Aqui a imagem foi salva usando somente 256 cores e o dither

Aqui a imagem foi reduzida para somente 16 cores sem dither

E aqui a mesma imagem de cima s� que com o dither aplcado

Aplica��o:
Dithering � uma coisa que n�o muitos gostam ela � usada s� que poucas pessoas sabem usar da maneira correta. Se voc� se lembrar dithering era usado naqueles jogos velhos da SEGA. Voc� pode usar ou n�o ai j� fica sua escolha mais como estamos aprendendo resolvi mostrar a t�cnica para voc�s.

Parte #8 - Selective Outline

Introdu��o:
O selective outline ou "Selout" � um tipo de sombreamento do formato da sprite. Em vez de usar preto no outline todo muitos preferem usar tons parecidos com o da cor usada na �rea. Por exemplo se o cabelo � marrom usar um tom diferente de marrom no outline e n�o o preto.

Desenvolvimento:
Selout � usado para dar um pouco mais de realismo na sprite, n�o posso dizer que o preto � feio mais se voc� souber usar o selout da maneira correta o resultado � muito melhor.

Como podemos ver acima n�o s� usei o selout no outline, usei tamb�m dentro do corpo ou seja nos musculos para ficar separado melhor pois se n�o se lembram com o outline preto ficava feio a separa��o dos musculos. Abaixo a imagem de antes para voc� comparar melhor.

Parte #9 - AA (Anti-Aliasing)

Introdu��o:
Anti-Aliasing � uma t�cnica usada para deixar linhas mais suaves e n�o parecer t�o serrilhadas. Adicionar cores intermediarias em rela��o a cor da linha e do fundo para deixar a mesma mais suave. Por exemplo, uma linha preta em um fundo branco voc� adiciona diferentes tons de pixels cinzas para dar um efeito diferente. Quando voc� ler o desenvolvimento voc� vai entender melhor o que estou falando.

Desenvolvimento:
Primeira T�cnica - Curvas Suaves:

Geralmente voc� quer adicionar um tom mais claro para deixar a curva suave, se ainda continuar ruim adiciona mais pixels s� que s� usando mais um tom dessa vez mais claro ainda.
Acho que a maneira mais f�cil de voc� entender � olhando as fotos ent�o vou postar algumas.

Segunda T�cnica - Arredondando para fora:

Terceira T�cnica - Clareando, desaparecer gradualmente ou fazer um degrade:

Alguns exemplos:

Na esquerda o shape sem AA e na direita o mesmo shape com AA e a imagem ampliada dele.

Em uma linha.

E como podemos ver at� em fontes.

Aplicando no sprite:
Ent�o primeiramente se voc� quer que seu sprite fique bonito em um fundo branco n�o fa�a o AA fora s� dentro do sprite mesmo. Ent�o abaixo a imagem com o AA para voc� estudar melhor � bom voc� salvar a imagem e dar um zoom nela para voc� ver o que foi feito e como foi aplicado.

Parte #10 - Finalizando e adicionando detalhes finais

Introdu��o: A ultima parte a finaliza��o � a que declara se voc� � um iniciante ou um profissional. Espero que todos esses cap�tulos anteriores tenham te ensinado alguma coisa.

Desenvolvimento:
Agora � s� voc� adicionar os detalhes finais, o mais recomendavel para voc� que � iniciante e se preocupa em presentar a todos algo bonito � rever os 9 passos e ver se n�o faltou nada ou se tem alguma coisa que voc� pode fazer para melhorar. Abaixo a imagem da sprite pronta.

E aqui uma imagem animada mostrando passo por passo para voc� n�o se assustar tanto pensando que sua sprite ta p�ssima para voc� ver ela come�ou ruim e o trabalho final ficou �timo.

Dicas Finais:
1.Leia v�rios tutoriais pois cada pessoa tem seu estilo e � bom voc� aprender um pouco de todos para n�o sempre fazer a mesma coisa.

2.Comece com sprites pequenas tipo as de tibia 32x32 ou 64x64, mais n�o se esque�a que estes 10 capitulos s�o aplicados tamb�m em sprites de tibia. E s� um pequeno detalhe a fonte de luz vem do
3. Tente adicionar ou procurar pessoas que tenha tempo para te ajudar e avaliar seus sprites. Se voc� admira o trabalho de algu�m converse com essa pessoa n�o fique com medo ou vergonha pois se voc� tomar a s�rio voc� poder� ser um grande spriter igual ou melhor do que essa pessoa.

4. Muitas pessoas usam Tabletes eu nunca usei mais gostaria de ver como ela funciona. Quem sabe algum dia eu compro uma, se voc� n�o sabe se deve comprar ou n�o vai em alguma loja e fa�a um teste.

5.Todos os seus trabalhos publique eles em algum site por exemplo o Xtibia estamos aqui para te ajudar e dar dicas do que precisa melhorar. Quem sabe voc� at� n�o faz novos amigos neste imenso Design-World.

M�os na massa

Aqui uma colet�nea de alguns tutoriais do Xtibia que podem te ajudar.

Como criar uma lamina para espadas - Por Xgogeta, Layout por Kaonic:

Spoiler

Aulas de Sombreamento, Cria��o e Lineart - Por Nedson

Spoiler

T�cnica Utilizada para cria��o de sprites - Por Alessandro

Spoiler

Cr�ditos:

Quote

-Derek Yu (pelas imagens e a base do texto)
-Kaonic (tradu��o do texto e algumas adapta��es ao mesmo)
-Mythorius (Corre��o de alguns erros)
-Wayofthepixel (lista de programas)
-Wikipedia/dithering and AA (imagens do gato)
-Mark's Pixel Art tutorial (pillow-shading)

Entendendo + : Isometria

Thu, 21 Jan 2010 16:06:36 +0000

Um simples tutorial reformulado (O antigo foi perdido graças ao xs.to) para ter uma noção básica da isometria.

Aqui irei ensinar como são as linhas e as cores (Somente Sugestão), em um dos estilos mais usados do Pixel Art em 4 Partes

Parte 1: Formato

As linhas da isometria são mais simples do que imaginam, basta fazer 2 em 2 pixels em uma diagonal (Linhas Vermelhas e Pretas). Neste caso, que é um cubo, as linhas de Largura e Profundidade são iguais (2 dimensões) e a linha de Altura (Verde) é simplesmente reta e vertical.

Parte 2: Cores das Linhas

Nos meus trabalhos, eu utilizo este esquema de cores. As partes internas levam cores mais claras e suaves, enquanto as linhas externas tem cores mais escuras (Lembrando que nestes casos, as linhas internas devem ser mais claras que as cores do cubo, e as linhas externas mais escuras que as cores do cubo - Você pode ver mais claramente na imagem das Partes 3 e 4)

Parte 3: Cores do Cubo

Assim como nos sprites de tibia, há uma luz que define os tons utilizados. Eu geralmente utilizo este modelo, que é: Esquerda-Escuro, Direita-Médio, Top-Claro. Mas este critério fica à sua escolha

Parte 4: Todos os Tons

Este é o seletor de cores do Paint. Cada seta indica um tom utilizado no cubo (Os 5 são diferentes, e as linhas externas e internas são os tons mais escuros e mais claros, como eu disse na Parte 2)
Então, basicamente, se você abrir esta ferramenta para selecionar suas cores, basta definir qual será a cor mais clara e qual será a mais escura, e depois pegar 3 tons que estejam entre elas na barra de seleção.

Colet�nea De Tutoriais E Exemplos

Thu, 21 Jan 2010 15:09:58 +0000

Coletânea de Tutoriais e Exemplos: Pixel Art

Uma breve explicação ao tópico:

Quote

A coletânea é uma reunião de artigos, tutoriais e exemplos que lhe permitirão aprender mais sobre o Pixel Art em poucos passos.

Uma breve explicação ao Pixel Art (por Guilherme Souza):

[Artigo Oficial] Pixel Art

E outra por Alessandro:

Técnica Utilizada Para a Criação de Sprites

PS: Não são iguais, vale a pena ler as duas.

Para que entendam melhor, aqui no fórum, os estilos mais utilizados (talvez os únicos) são Isometria e modelo Tibiano.

Tibia:

Por Look_of_hell

Isometria:

A Diferença está no ângulo de visão do sprite.

Então,
Seguem alguns tutoriais (Infelizmente ainda não temos muitos de Isometria, mas providenciarei alguns)

Tibia:

Quote

Criando Sua Primeira Guarda-E-Cabo por Look_of_hell
"Um tutorial realmente simples para fazer sua primeira guarda e o cabo sem parecer que é feito de papel"

Quote

Aprenda a Criar Masks por pedrinhospf
Masks são ferramentas básicas quando você quer criar diferentes sprites com o mesmo modelo (mudanças de cores)[/i]

Isometria

Quote

Entendendo +: Isometria por Bernardo
"Um tutorial em 4 partes para entender melhor como funcionam linhas e cores na Isometria."

Outros Estilos de Pixel Art:

Quote

Aulas De Sombreamento, Criação E Lineart Do Ned! por Nedson

Quote

The Pixel Art Tutorial por Kaonic
Um tutorial completo e detalhado para se tornar um mestre em Free Art

AVISO!
Sem querer, enquanto digitando o fórum, fiz algum atalho que postou o tópico antes de estar pronto, portanto, ainda não está completo. Estarei fazendo alguns tutoriais de Pixel Art para completar o tópico. Previsão: 2 dias

Resultado Ads #9

Wed, 20 Jan 2010 21:11:08 +0000

Ol� Xtibianos,
Pe�o desculpas pela demora do resultado pois ouve um problema com alguns membros da equipe ent�o s� me restou criar o t�pico. Antes de tudo quero agradecer a todos os que participaram do concurso.

PLACAR:

Quote

1� Lugar - Snooz - 15 votos.
2� Lugar - Reji - 11 votos.
3� Lugar - ShadownDemon - 6 votos.
4� Lugar - Candy - 4 votos.

*O restante n�o pontuou.

PR�MIOS

Parab�ns aos ganhadores

Conto com a presen�a de todos na pr�xima edi��o.
At� mais.