Neste artigo, vou-vos mostrar como fazer uma imagem a simular texto “partido” – tal como a da imagem acima – para colocar num wallpaper ou t-shirt..

Material Necessário:

- Illustrator

- 3ds Max

Vamos lá começar..

Passo 1

O primeiro programa que vamos usar vai ser o Illustrator da Adobe, por isso vão lá abri-lo e criem um novo documento com a dimensão que vos apetecer.. Qualquer uma serve.. Agora, com a Type Tool (pressionar T), escrevam a frase ou texto que vos apetecer..

Vou fazer como se a imagem fosse para uma t-shirt, por isso vou escrever “I MAKE THIS T-SHIRT LOOK GOOD”.. Eu quero o texto num formato quadrado (para a t-shirt), por isso escrevi cada parte do texto em layers diferentes para poder alterar á vontade..

Escolham qualquer fonte que queiram, de preferência uma forte.. Eu, como de costume usei a Century Gothic em Bold..

Passo 2

Bem, já temos o texto, mas acho o meu texto muito estreito e frágil, por isso vou aumentar um pouco a largura do traço das letras..

Com todas as layers de texto seleccionadas pressionem Ctrl+Shift+O (este atalho serve para transformar o texto em path’s vectoriais que podemos editar melhor).. Agora para alterar a largura do texto, vamos ao menu Object e lá dentro Path e depois Offset Path.. Nas opções, activem o Preview para verem as alterações á medida que as fazem e depois alterem o valor Offset até estarem contentes com o aspecto das letras.. Eu escolhi 3px.. Mas depende do tamanho de letra que vocês tenham..

Tenham cuidado para não perder detalhes nas letras devido á largura da linha… Pressionem Ok.. Fazer isto, criou duplicados das letras mas com a nova largura de linha.. Podem confirmar isso com a Direct Selection Tool (A) se arrastarem um dos interiores das letras.. Vão logo ver que são dois objectos separados de cada layer.. Pressionem Ctrl+Z para anular e vamos já tratar desses “clones”.. =D

Passo 3

Vou aproximar as minhas palavras umas das outras.. Simplesmente arrastem as layers (e os clones) para perto umas das outras.. Vamos agora seleccioná-las a todas  com a Selection Tool (V) e pressionar o botão Horizontal Align Center na barra acima da imagem..

Se olharmos para a imagem, vamos ver que parece demasiado simples e que lhe falta estilo, por isso, vamos mudar o tamanho que algumas das linhas de texto para lhe dar alguma dinâmica.. Diminuí o tamanho da linha “THIS T-SHIRT” e aumentei as linhas “I MAKE” e “GOOD”.. Mantenham pressionadas as teclas Shift e Alt enquanto redimensionam para manter as proporções do objecto e para o manter no mesmo lugar..

Depois para mover as linhas de um lado para o outro pressionem a tecla Shift, para que o objecto se mova em linha recta.. Vejam na imagem como eu dispus o meu texto.. No passo seguinte vamos juntar todo o texto numa só layer, por isso se quiserem alterar alguma coisa, alterem agora =D

Passo 4

Para juntar todos os paths em um único, primeiro temos que juntar todas as layers.. Para isso, seleccionem todas as layers e pressionem o botão que mostro na imagem aqui em cima e seleccionem Merge Selected..

Agora temos que juntar todos os paths, por isso, com a Selection Tool (V) seleccionem todos os paths e pressionem Ctrl-Shift-F9 para mostrar a janela Pathfinder e lá cliquem no botão Add to Shape Area e depois o botão Expand..

Passo 5

Agora vamos criar todas as partes “partidas” no texto.. Para fazer isto, vamos primeiro posicionar o objecto do texto no centro da imagem para ser manipulado mais facilmente depois.. Para isso, seleccionem o texto com a Selection Tool (V) e pressionem Ctrl+X e depois Ctrl+V para cortar a layer e para depois colar o objecto de novo mas no centro da imagem..

Agora a parte complicada.. Abram a Pen Tool (P) e desenhem um triângulo como na minha imagem em cima.. Depois seleccionem tanto o triângulo como o texto e copiem-nos (Ctrl+C) e colem-nos (Ctrl-V) para ficarmos com um duplicado.. Ainda com ambos seleccionados, vão á janela Pathfinder e cliquem no botão Intersect Shape Areas e depois o botão Expand.. Isto vai criar um objecto que é apenas a intesecção do texto com o triângulo..

Agora seleccionem os dois outros objectos, o texto e o triângulo e na janela Pathfinder, pressionem o botão Subtract form Shape Area e depois Expand.. Ok, isto “tirou” o triângulo ao texto.. Agora seleccionem o objecto que é a intersecção e diminuam-lhe um pouco o tamanho e redem-no e tal para parecer um bocado do texto que se partiu..

Depois de estarem satisfeitos com o aspecto da imagem, seleccionem os dois objectos e na janela Pathfinder cliquem no botão Add to Shape Area para que se tornem num único objecto novamente..

Ok.. Agora que sabem fazer isto, é só repetir várias vezes com triângulos sempre novos de forma a parecer que o texto explodiu ou qualquer coisa do género.. =D

Resumindo: Criar o Triângulo, Seleccionar Ambos, Duplicar, Intersectar, Seleccionar os outros dois, Subtrair, Redimensionar e Rodar e Mover a Intersecção, Seleccionar Ambos e Juntá-los..

Passo 6

Agora começa a parte de 3d.. Já podem abrir o 3ds Max e enquanto ele faz loading das suas coisas todas, voltem ao Illustrator e com o objecto prontinho e todas as partes juntas numa só, vâo ao menu File e Save As.. Seleccionem onde querem guardar o ficheiro e o nome que querem e escolham o tipo de ficheiro como .AI, agora uma nova janela abre-se e lá vâo escolher a versão Illustrator 8.. Pressionem Ok e aceitem todas as mensagens seguintes.. E vamos para o próximo passo =D

Passo 7

O 3d Max já deve ter aberto, por isso abram-no e no menu File, seleccionem Import, e na nova janela, seleccionem o tipo de ficheiro como .AI e abram o ficheiro que gravaram no Illustrator..

Pressionem Ok nas próximas janelas e já temos o nosso texto do Illustrator no 3ds Max.. Com a Rotate Tool, rodem o objecto de acordo com o eixo do X por 90º de forma a ficar perpendicular ao “chão”.. Agora cliquem com o botão direito do rato no objecto e seleccionem Convert To e depois Editable Poly..

Agora, no painel Modify, seleccionem Polygon (o quadrado vermelho) e pressionem Ctrl+A para seleccionar todos os polígonos do objecto.. Ainda no painel Modify, procurem a secção Edit Polygons e aí pressionem o quadrado preto ao lado do botão Extrude, e na caixa de diálogo, insiram 10 ou mais e pressionem Ok..

Passo 8

Agora vamos tornar o objecto mais suave adicionando-lhe um Modifier.. Pressionem Ctrl+A para seleccionar todos os polígonos, caso já não estejam seleccionados e na lista dos Modifiers, seleccionem Smooth, e nãos opções, activem o Auto Smooth e Prevent Indirect Smoothing..

Agora vamos alterar o material do objecto para um cinzento.. Abram a janela dos materiais (pressionar M) e lá seleccionem uma esfera qualquer e pressionem o botão que diz Assing Material to Selection e depois fechem a janela dos materiais..

Passo 9

Vamos agora configurar o rendering.. Pressionem F10 para abrir a janela Render Setup e no painel Common, vão ao Output Size e mudem o tamanho do render para um maior, tipo 1600 por 1200 (vejam na minha).. Podem fechar agora a esta janela..

Passo 10

Bem, a imagem não parece assim tão interessante, por isso, vamos alterar-lhe um pouco o ponto de vista.. Para isto, rodem a vista da cena para 3/4 da lateral (como na minha imagem)  e continuem para o próximo passo..

Passo 11

Agora vamos aumentar o Field of View.. Seleccionem a ferramenta Field of View e cliquem na janela, e com e botão do rato pressionado arrastem o rato um pouco para baixo até o objecto estar um pouco distante.. Podem exagerar um pouco.. Agora que o objecto está longe, vamos usar a ferramenta de Zoom para o aproximar novamente e irão ver o efeito do Field of View.. a perspectiva está um pouco distorcida..

Tentem colocar a câmara como na minha imagem de cima.

Passo 12

Agora temos que gravar a vista actual, para que possamos voltar a ela mais tarde.. por isso no menu Views, seleccionem Save Active Perspective View..

Agora pressionem F9 para começar o processo de rendering.. Quando acabar, gravem a imagem como ficheiro PNG.. e na janela que abrir, ecolham RGB 24bit e Alpha Channel.. Fechem a janela de rendering e vamos voltar ao nosso objecto 3d..

Passo 13

Queremos agora mostrar apenas as faces do nosso texto, sem a extrusão.. Para isso rodem a cena até estar de lado para nós e seleccionem a parte de trás do objecto e pressionem Del para a eliminar.. Agora devem ter apenas as faces do texto..

Vão ao menu Views outra vez e escolham Restore Active Perspective View e pressionem o F9 novamente para fazer o rendering da frente do nosso objecto.. Depois gravem a imagem com um nome diferente da primeira e com as mesmas características..

Já podem fechar o 3ds Max.. e vamos voltar ao Illustrator

Passo 14

No Illustrator, criem uma nova imagem de 2000x2000px e arrastem os dois renderings para a imagem.. Seleccionem O que mostra o objecto completo e vão ao menu Object e seleccionem Live Trace e depois Make e Expand (isto vai transformar a imagem do 3ds Max em vector).. Agora, com a Direct Selection Tool (A) cliquem no objecto preto na imagem vectorizada, copiem-no (Ctrl-C) e colem-no (Ctrl-V) e novamente com a Direct Selection Tool (V), seleccionem a imagem vectorizada e já a podem eliminar.

Agora quanto á outra imagem, façam tudo o que fizeram agora para esta, excepto a parte de copiar e colar, uma vez que esta imagem tem vários paths e não apenas um.. Por isso, com a Direct Selection Tool (A), seleccionem os pontos nos cantos da imagem e eliminem-nos..

Agora pressionem Shift+F6 para abrir a janela Appearance e lá, definam o Fill desta layer como branco e coloquem a layer mais ou menos no lugar relativamente à outra..

Agora seleccionem a shape preta e pressionem Ctrl+F10 para mostrar a janela dos Strokes e aumentem o stroke o que acharem que fica melhor..

Agora é só gravar a imagem e usá-la onde vos apentecer =D

O meu resultado foi este:

Se forem perfeccionistas, podem mudar o tamanho do rendering no 3ds Max para algo tipo 6000x6000px que vos irão dar uma imagem muito superior para o Live Trace do Illustrator interpretar.. Por isso os resultados serão muito melhores, embora todos os programas vão funcionar a velocidade caracol.. Aqui está uma imagem que eu tinha feito antes com resoluções enormes.. Notem todos os detalhes muito mais perfeitos..

Clicar na imagem para ver

Vejam como ficaria numa t-shirt:

Ok, espero que tenham aprendido algo e que comentem

Até á próxima