COMP

A REVISTA COMPLETA DE ARTE DIGITAL

CURSOS

Photoshop: De acabamento profissional aos seus projetos

3DS Max: aprenda tecnicas para renderizar paisa gens inc rive is

TUTORIAlS

Aquarela no Photoshop, patterns no illustrator, animacao abstrata no Cinema 4D e muito mais

EEM

Participe de coletivos de design e melhore sua criatividade e seu trabalho

21 arts BRASIL

EDITORIAL 1 ""

UMA REVISTA GLOBAL

a::D Diretores ~ Aydano Rorie I'l!!Cm AbWo P. Curiha

Edllor 8- Olretor Respons..Wel: Aydaoo Rcrtz Diretor Operaclonal: Abllia Cunha

Diretpr Exeeutivo: Lutz Siqueira

01retor Editorial e jomallsta responsavel:

RobertoAr.IIJ)O MTb.10.766e-ma1I.~tcom.br Dlretor AdJunto; Mario F,~,"""

Redator-chefe: Mario Frtlipaldl

Red.~; NaII><"le Fcico

Chefa de Ana: Welby Oamas

Edl~o de Arlo: Cristina Sa)1lll

Revido de Texto: Eve\I5e Pauffs

Colabotou nesta Edl'f1o: Bruno RamaIho

Inteme1;

Weblll3ster: CassklNarci50 Wllbd-E!\lillopment Roongo- MourOO

Propagiu'hd,,: LeircTa NUI18S, NatAlia A.z9l'edo

Publlcldad-a S~O Pilylo

E-mail: pubjkJdade@EiLlrqMt1iu:om.br Gerentes Comertials

Rod,go C,," (11)3038-5097 Maur'do 01 as 1111 3038-5093 ExeclltivOI de NegOclos;

Ana C8roIt!.a CM'~, AJessancif'O Donadio,

Angel. T_, Calla I:mz. ClaudlaAives, EbangefaXavier, Flavia Pinheiro, GuilhSmE Rebeto, Raphael GhemI1lI e RodIW Saco""".

C~ Pubicitiria: RodIW Barros e

Ronaklo Meodas 111) 3038-S103

Tnil,go: """"" Rcberto 111)3038-S21'

Publ~k!ode· Oulro. Eotad ..

are.illa: 161) m3-020S· NEIY/ Business Par,,;: (41)302~23i· GRP Mld~

RIo Gm,de do Sui: (61) 3132·3176· Somenla_ S.nl, Cotari,.; (46) 322J.3961)· Me R.p~

Publlcldad,· EUA. C,n.d;; .11&5IJ)3(J6.{]8M,

F.;<: +11650)3Q6.ll890· Gklb,l """,'

Circ:ulat;tlo EI Promoylo

Genm1e de produto: J~AJexandra

tzIo S. VIoont&, Marcelo Dlnlz. Eduardo Teixeira

DeserwoMmento de Pessoal:

TAnia lrA3rilia Ribelro Rariz Eo Sis Haruml

AtendlmsnlO ao /lJislnante, venda de edI¢es anterkres e atendlmento a pessca luridica:

Cooro""dora; Fabi3n,l.<Jpes·f~ron.br Atsndentn: Carla Oantas. Uliam Lemos, Anne Iris,

PaLfia HaMe, Tamr Biffi e MtIi Ehrentreich

gua M.M.D.C, n' 121 • sao Po"~, SP· CB'05S1().9OQ T,loI." Sio Paulo: 111) 3038-5050

Teletorle OuUoS estadl>S: OSOO-5S7667

Pella Internet: W'A"N,europcnatcom.br

E--m:all: atendirnento@Eu;rwal"letOOm.br

Admlnlotra,lo

Gerel1la: Cecm~ Tomazelll

RenBtEI Kurns<lio:l, LJ.llz Eduardo Soares. Gusta\lO 6albosa. Di3l"1r~ Rlbi;!iro, Carlos Ell, Ismae! Neto, Dellis Plr.helro, AnCBISOfI Ribeiro

A Computer Arts chega ao Brasil. Pouquissimas primeiras edicdes de revistas chegam tao maduras quanta esta. Nao, nao estou sendo pretensioso.E que, com 0 voce vai conferir, trata-se de uma revista consoli dada e sem tronteiras. Ela e concebida na Inglaterra pela Future Publishing, uma das maiores editoras

de revistas do Reino Unido, mas recebe a colaboracao de artistas do mundo inteiro. E ainda ganha cor local em muitos paises, entre eles a Franca, Potonia,

Coreia do Sul e ate a China, E uma revista cosmopolita, e que agora tenho

o prazer de apresentar a voce.

Gracas a essa concspcao globalizada, a Computer Arts oferece aos designers brasileiros a oportunidade de conferir 0 trabalho de profissionais de todo 0 mundo. De poder sentir, de perto, como as diferentes culturas forjam estilos e influenciam artistes. E de poder aprender tecnicas avancadas com eles. Mas 0 melhor e que voce tarnhern pode publicar seus trabalhos e influenciar outros artistas, participando de urn cfrculo virtuoso em que os ganhos sao constantes.

E justamente este intercambio global 0 maior compromisso da Computer Arts com voce, leiter. E, como tal, a primeira sdicao nao poderia estar tocada em outro tema que nao 0 trabalho em equipe. Coletivos, como os grupos de design sao chamados, pipocam pelo mundo, reunindo artistas dos quatro cantos do planeta. Voce vai saber por que trabalhar coletivamente pode ser uma forma de conseguir maior exposicao ao mercado e descobrir 0 quanto a troca de experiencias e de influencias pode ser um desafio importante para renovar seu repertorio e incentivar sua criatividade. Um bom exemplo de trabalho coletivo e a nossa capa, cuja ilustracao e do Spear Collective, escolhida entre quatro propostas apresentadas por outros coletivos e que viraram capas da edicao ing lesa - voce confere todas na revista e pode cementa-las no Blog da Computer Arts - www.comput.erarts.com.br.

A Computer Arts tarnbern e resultado do trabalho compartilhado de uma equipe de feras, que corneca la em Londres e que recebe a nossa cara 9 racas ao trabalho de outro coletivo de jornalistas e designers brasileiros, formado pelo LUIZ, que faz 0 meio de campo Sampa-Londres; 0 Roberto, que usa gravata e e, portanto, a luz nas horas diffceis; 0 Welby. senhor das capas; a Cris, designer responsavel pela adaptacso do projeto grMico; 0 Bruno, designer de muitas e muitas paqinas: e a Nathalie, redatora que mandou muito bem nos textos. Nosso coletivo esta quase completo. Para ser um sucesso, 56 falta voce, leiter. Participe!

SlJporteTknh;o Coordenador: Ivan Bastos Caros Roberto, Brune Panelm T~oIo'.: ('1) 3038-5070

E·mall: supO!1>@ eu ~ .cen. br

A Ravlsta Computer Arts Brasil i uma publlca~D da EdHora Europa Uda. (ISSN 1981--8750). AEdiiora Europa ... se respoosabo'liz.a p:;o ","leudo

dos ilf1undos de If;lfCelros.

Os ar!Igos e reportage ns Iacaizados do Coojloler Aril; sao propriedade dB Fuhlre PublIShing, uma errpresa do grlipa FlItlJm Network, ReIrto Unldo, 2006

Clstribuldor Ex"lu,~o p<lrR Q 8:1'3.5il

Fe,"""", Chll"lia D'lribu_ S. A.

Rua Teoc!oro da SIlva, 901

cep 20563-900· C"I.u· RJ

Impreseao: ~ Ed~om GtElfica

~ AllER· seees FiIl.d", • ANER

ANER ~NadonaldosE~i1ori:sd.Rev1s1as

4iarts BRASIL

MARIO FITTIPALDI REDATOR-CHEFE mariofit0europanet.com.br

Em pe: Bruno Ramalho, Welby Dantas, Roberto Araujo, Luiz Siqueira.

Sentadas: Cristina Sayuri, Mario Fittipaldi e NathaLie FaLco

A REVISTA C,OMPLETA DE lIRTE DIGJTAL

40 ARTE EM EQUIPE

Como os coletivos podem melhorar sua criatividade e seu traba lho

48 ESPECIAL: A CAPA EM PAUTA

Quatro coletivos foram convidados para produzir opcces de capas desta sdicao. Veja como foi 0 processo criativo de cada um

SECOES

TUTORIAlS

80 PHOTOSHOP

Use Droplets e facilite sua vida

08 CARTAS

10 PORTFOLIO

64 PHOTOSHOP

Aprenda a cria r efeito aq uarela

24 ART.ENEWS

68 ILLUSTRATOR

Use pad roes criativos pa ra coLorir

28 .ENTREVISTA: B.ISHBO

72 CINEMA4D

M ovi mento Abstrato

30 GALE RIA WEB

32 OB·JETOS DE DESIGN

76 FLASH CS3

Importe arquivos do Photoshop

34 MURAL DE FONTES

78 PHOTOSHOP Crie Smart Filters

36 NOYOS PROJETOS

38 ARTIGO: JASON ARBER

791NDESIGN

Fa~a recortes taceis em imagens

90 PERfiL: SANNA AN.NUKKA

94 COMPUTER ARTS ONLI.N.E 98 DESIGN CLASSICO

61aftsBRASIL

DESTAQUES

52 RATATOUILLE

A receita de luz e renderizacao da Pixar que VaG deixar designers e animadores com aqua na boca

58 PHOTOSHOP CS3: 33 DICAS ES.SENCIAIS Aprenda a usar os melhores recursos da nova versao CS3 do programa da Adobe

CURSOS

82 CONCEITOS PARA WEB PARTE 1 DE 3

Como finaliza r p rojetos com aspecto profissional no Photoshop

86 PAISAGEM DINAMICA PARTE 1 DE 2 Crie paisagens incriveis no 3ds Max

AS fotoqrafos profissionais confiam na Kingston.

Confie voce tarnbern!

A conhecida fot6grafa Miriam Fichtner confia nos cartoes de memoria CompactFlash Ultimate da Kingston para Ihe garantir velocidades super-rapidas de 133x e capturar, para sempre, imagens como essa. Todos os produtos de nossa linha Ultimate sao projetados para satisfazer as necessidades dos profissionais. Alern disso, contam com 0 apoio de nossa garantia vitalicia e tern asslstencia tecnica gratuita. Admire seu trabalho e aprenda as tecnicas fotograficas de Mirian e outros fot6grafos de fama mundial acessando www.kingston.com/brasil/icones. Aproveite ao maximo as avancaoas aplicacoes de imagem utilizando mem6rias Flash da Kingston e veja por que nossa qualidade e confiabilidade sernpre deixam u ma i mpressao duradou ra.

o que importa e 0 que fica na memoria.

PARTICIPARAM DESTA EDICAO

•

Cartas

, A Computer Artsse orguLha da qualidade e criatividade d05 artistas, designers, ltustradores e folog rates que colaboram com a revista, Gostou do que viu? Entia de uma ollhada no traballho ontl ne dos caras •..

PAULWYATI l.ondres, Reino Unido

a usuarle assldue do Flash Paul Wyatt crio u algumas

i magens i nspiradas na cultura celtica para ,0 seu tutorial de Photnshop e Flash C53, na pagina 76. www.paulwyatt.eo.wk

TAO BOT

Mainz, Alemanha

Danny Franzreb e Holger Grunwald da ageneia Taobot most ram 0 melhor mododesep~n~arum site na paginaB2. www.taobot.com

DEREK LEA

Toronto, Canada

Derek Lea eric u uma aquarela na pag ina 64 e, sob multo rock psiccdelico, uma ilu stra~ao pOI ra a pagina 68 www.derekl.ea.cam

ALEXANDRE B.RAGA Sao Paulo, Brasil

a iluslrador brasileiro Alexandre .Braga fez a sua interpretacao graFica do artigo sabre atua lizaefies na pagina.3B. WVIW.abiurc.com

JUSTIN MALLER Melbourne. Australia

'0 designer freelancer responsavet pela parte criativa do coletivo depthC'ORE crlou essa com posi~iio abstrata com o Cinema 4'0 e I) Aller Effects para 0 tutorial da pagina 72. http://depthcare.com

DYLAN CHANNON Londres, Reina Unido

o desig ner ed itoria! Dylan Channon e especia lizado em design de impressao e tipogralia. Confira suas dlcas para 0 InOesig n na pagina 79.

RESEARCH STUDIOS l.ondres, Reina Unida

o Research Studios aplicou suas habilidades no design para visua lizar 0 conceito de cirnatica .. Confuso? Va para a pagina 98 para mals inforrnacoes. www.researchstudias.com

PETE DRAPER Bristol, Reina Unii=.lo Artista com 10 anos de experiencia em

com puta~ii 0 grall'a, Pete Draper e chefe de efeitos visuais da Lightworxe crtou uma paisagem dinarnica no 3ds Max, presente na pa gi na 86. www.xenomorphi.c.co .. uk

JONATHAN B.ARNBROOK

l.ondres, Reino Unido Jonathan Barn brook crteu essa ilustra~ao usando as fcntes do Mural de Fontes, na pagina 34. www.virus!onts.com

a/arts BRASIL

"Fico muito feliz em saber que a Computer Arts, que foi tao calorosa no inicio da Gringo, aterrissa no Brasil com forca, trazendo a bagagem colhida durantes anos, cobrindo 0 melhor que ha de web no mundo inteiro. Parabens a todos e muita sorte!"

Andre Matarazzo

socio diretor da agenda Gringo (www.grlngo.nu)

"Foi com grande satisfacao que recebi a notfcia da publicacao, na nossa lingua. desta que e uma das bfblias dos designers e daqueles que trabalham com arte digital. Que a revista venha oeupar as lacunas do setor e evidenciar os artistas que fazern do mercado nacional

urn dos mais completos do mundo, Longa

vida 3. Computer Arts!"

Ivan Mola,

Animador, vencedor do llremio Anima Mundi Web 2007

"Conheco a Computer Arts inglesa, de otima qualidade. Que born que voces a estao lancando no Brasil!

Parabens e vida longa a revista." Tomas Fischer

Zenzamericas Assessorla de Curmmicacao - Assessoria de Imprensa Apple Brasil

"Men nome e Jorge, sou artista plastico e assino meus trabalhos como Agaleron. Estou desenvolvendo irnagens feitas com efeitos digitais, que podem ser muito uteis para 0

artista plastico realizar telas rnuito diferenciadas, no campo da pintura abstrata, que, se bern

feita, tambem e bem aceita, Talvez pela

propria vida profissional de todos andar

abstrata tambem, Tenho percebido que hi!

uma carencia muito grande no mercado para esse tipo de pinrura. E par isso que acredito numa edicao com este terna."

Agaleron,

Artista plastico

Escreva!

A proposta da Computer Arts Brasil e, desde ja, eentar (om a sua valiosa participa~ao. Escreva, mande e-mails.enviesaustrabalhos.deixe comentarios no nosso blDg, participe do forum. Seu contato e fundamental.

Para falar com a redaC;ao.

e-mail: computerartslileuropanet.com.br site: www.computerarts.com.br enderec;o: Rua MMDC, 121 - 05510-900, Sao Paulo, SP

telefone: +55 (0)113038-5123

IJ~"" .,." "~MI.C! II:CiIJ lifo "'I: 1"1'1'.:1:, r .. ~r t"l"l1 -J.1~~'kn:olr I"'rrrJC n1i~Cl' S'n:r",H.,I STl~l'-jl:t.I'n:<'s .rm.C'" S:D::IIocI~ I'll ~" ~"'I'" Q~ ~-C'N5io'l'1~f.!.d1ll·'" ~ ... ~ /i!IP":IPto:(llJr ~~r rAi Sr.iC'~ 1. ... 1.ii.,I:I'[m.rNI1 "-I,i,"I' n"-dr n"'s 1.1(''''1).'1'', _lit J.I~,- qUitC ~N'''I'r-ti~L', oIl~ \II~"'.i'i ..,~~.c:' t~~~IIV lui"' , VI.f ,.I""D -t WI"ll'l' OF rae "rm.rrr,~. 5:r1oC"tl:lnt:!l 5

6307 Gabinete Guardian II

6941 Mouse 6tico Gamer

1024Joypad Turbo Vibration

1026 volante Vibration Universal para PC, PS2, Game Cube e XBox

0310 Headset Vibration

6021 Sistema 2.1 1000

6861 Mouse 6tico Survivor

6863 Mouse Laser Kobra

6740 Joypad Attacker

1029 F4 Scare Pad Skull Para PS2 e PC

6445/6446 Ventilador spider

6717/6718/6719 Fonte Gamer Wireless

6073 Scare Speaker

6770 Teclado Combat Strike

6730 Joystick Pilot Pro

6731 Joystick Commander

6443 reeler para Placa VGA

ArteNews

CONFIRA AS NOVIDADES, OS EVENTOS. AS PREMIACOES, AS PERFORMANCES, OS PROJETOS E TUDO 0 QUEE NoriclA NO MUNDO DA ARTE DIG.ITAL

Anima Mundi 2007

EVENTO VeJa 0 que roteu no maior festival de animac;ao das Americas

Em edil(uo que hornenageou 0 grande animador escoces Norman McLaren, rnorto em 1987, 0 Anima

Mundi 2007 exibiu 386 filmes de animacoes de 42 pafses durante 15 dias de evento, de 29 de junho a 8 de j ulho no Rio de Janeiro e de 11 a IS de julho em Sao Paulo. E prerniou varies trabalhos em categorias diversas, Neste ano, 0 Brasil foi 0 pais com mais trabalhos selecionados pan a mostra, com 68 filrnes,

Entre as vencedores, Maya Lyubov, do russo Alexandr Petrey, levou 0 prernlo do juri de Melhor Animacao, 0 mais importante do festival. Petrov, que e conhecido por animal' com tecnica que utiliza pintura sobre vidro, ja tern um Oscar de rnelhor curta animado na carreira, per 0 Velho e 0 Mar, em 2000.

Entre os prerniados por Juri Popular, os principals vencedores foram os pernarnbucanos Fernando Jorge e Leanndro Amorim, que ganharam os prernios Melhor Anirnacao Brasileira e Melhor Primeira Obra com a an.imac;:iio Ate 0 Sol Raid. as segundos lugares das duas categorias ficararn com Vida. Maria, de Marcie Ramos.

la. na premiacao Anima Mundi Web 2007, na qual as animadores concorriam com uma ou rnais animacoes em Flash, 0 primeiro colocado pelo juri profissional foi 0 servio Igor Corie, com The Shadow. E 0 paulistano Ivan Mola foi duplamente premiado na votagiio popular. LeVOLl 0 prirneiro lugar com

o longa 0 Garo.to Cosmico, do animador brasileiro Ale Abreu, foi exibldo em primeira mao durante 0 Anima Mundi .2007. A estreta n05 cinemas brasltetros esta prevista para outubro

A anima~iio Moya Lyubov, do 'russo Ale·xandr Petrov, que trabalha com plntura sobre vidro, venceu 0 premio rnais importante do An'ima Mundi 2.007

a animacao Paqueui e tarnbem 0 segundo Lugar com Marte e vida Stanley. "Eu ate esperava que Paquetd ficasse nas prirneiras posicoes, ja que estava hem cotada - fbi apresentada no prograrna Vitrine, da TV Cultura e no Animania, da TVE - mas foi uma grande emo~ao ouvir 0 amincio des dois trabalhos na sessao de prerniacao do festival", diz Mola.

a Anima 15, premiacao criada especialrnenre para comemorar 0 lSO aniversario do evento, deu um trcfeu especial para 0 animador Fabio Yamaji e seu Origanima. A categoria contava com curtas de quinze segundos que deviam expressar os sentimentos e recordacoes dos animadores durante os quinze anos de festival.

,PRE-ESTREI'A

Outro destaque do Anima Mundi foi a pre-estreia do primeiro Ionga de animacao Garoto Cosmico, de Ale Abreu, que tambem participou do Papo Animado. "Foram sere aDOS de trabalho duro", revela 0 animador, A estreia nos cinemas brasileiros esta prevista para 0 mes de outubro deste ano, "Participar do Anima Mundi deste ano foi urn memento muito especial para rnim; pude parar e rever a estrada, e perceber onde os filmes que fiz se cornunicam e se encontram." Para Ale, 0 Anima Mundi e a vitrine dos animadores independentes e tambem ajuda adar espago aos profissionais, "Ainda nos aDOS 1990 surgiu 0 cornputador em n08S0 trabalho, facilitando e, de certa forma, democratizando 0 acesso a

24[arts BRASIL

~ 0 site Favourite l7J Website Awards IFWAI, que hii sete anos destaca e premia os melhores em designs da web, inaugurou seu Han da Fama com a indlta~ao do site www.fantasyIntaractlve.corn.

Os indicados foram esco'lhidos de milhares de sites - previa mente reconhecidos pela FWA como $te Of The Day, ou site do dia - e a premio foi considerado 0 rnais desejado da internet, desbancando ate as premiacdes da Webby e do YouTubeem termos de respeitabilidade, Segundo a

FWA, 0 Hatl da Fama deve ser fonte de inspilra~ao e urn ponto de reconhecimento,

Ivan Mola taturou 0 primeiro premio pelo juri popular no Anima Web 2007 com Pequete, a anirnacao Marte e Vida Stanley, lnsplradc emcordel lacimal, tarnbem deLe, ficou em segundo

producao. Hoje temos leis e editais especfficos para animacao. Ternos ate urna associacao, a ABCA - Associacao Brasileira do Cinema de Anirnacao. Esperamos construir urn futuro brilhante aqui no Brasil."

PAPD ANIMADD

Alem das exibicoes das animacoes, 0 Anima Mundi 2007 promoveu varias palestras e workshops, alem de encontros mais informais, 0 Papo Animado. Entre eles, destaque para Mark Walsh, supervisor de animacao dos esnidios Pixar e que tarnbern ministrou 0 workshop "Criacao de Personagens Verossfrneis em Animacao", John Weldon, vencedor do Oscar de

Melhor Curta Animado com Special Delivery; Mikhail Aldashin, diretor da Pilot Films, 0 estiidio mills prestigiado da Russia, e 0 animador brasileiro Ale Abreu.

AINDA oA TEMPO

Para os cariocas, 0 .Anima Mundi disponibiliza, desde 0 mes passado, cursos basicos e avancados de anirnacao. Os interessados ainda podem se inscrever nos cursos de Stop Motion e Avancado Adulto, ambos com urn mss e meio de duracao (veja mais detalhes no site oficial do evento),

INFO www.animamundLcom.br

Hall da Fama da Internet

PREMIA9AO Site reune os melhores do Web Design

o Hall da Fama. do Favourite Websites Awards: ha sete ancs destacando 0 meLhor da Web

jill que os criterios para a indlcacao sao rigidos .. ALguem quer tentat?

INFO www.thefwa.org

arts. BRASILi 2.5

Encontro de Web Design

EVENTO leva os maiores nomes da internet para oito cidades do Brasil

Projeto do designer Andre Matarano, que sera urn dos destaques do 12° Encontro de Web :Design

EVENTQ As novidades do maier festival de arte e tecnologia do Brasil

~ A 12· edicao do EWD, que cornecou l7J em 19 de maio, no Rio de Janeiro, chega a Curitiba, PR, no dia 15 de setembro, e a Salvador, BA, no dia 20 de outubro. Se depender do resultado dos eventos ja realizados, 0 sucesso e garantido. "No Rio de janeiro recebemos cerca de 800 pes so as, alern de lotarmos 0 Encontro em Recife e Bela Horizonte. Esperamos 0 mesmo presligio nas pr6ximas cidades", preve Cristiane Dalmati, organizadora do EWD. Em seis anos de encontros, 0 evento ja reuniu mais de vinte e cinco mil participantes.

Os eventos de Curitiba e Salvador contarao com a presenca do publicitario Michael Lent, diretor geral da Agencia

l O'Minutos, que ja realizou projetos para 0 Banco Real, Globo.com, General Motors e muitas outras grandes empresas. Outro nome de pe 0 e Andre Matarazzo, s6ciodiretor da agencia Gringo, que trabalhou em parses como Canada, Japao e Suecia. "A16n de poder passar urn pouco do conhecimento adquirido ao longo dos anos, o qu.e roms me da prazer e poder passar adiante a expectativa de rnudar a web", diz

File 2007

~ Entre os dias 14 de agosto e 9 de l7J setembro, no Centro Cultural Fiesp, em Sao Paulo, 0 FILE 2007- Festival lnternacicnat de I.inguagem El.etronica - contou com a presenca de 200 artistas, incluindo grupos e coletivos, de 30 paises diferentes. Entre os destaques, a animacao do espanhol Txuspo Poyo, Delay Glass [Vidro Atrasadol, que Ii! inspirada em Grande Vidro, de Marcel Duchamp, e a Reactable, uma mesa digital com tampo transhkido que reage produzindo sons quando objetos e botiies sobre ela sao tocados, idealizada por Martin Kaltenbrunner - a mesa e usada

pela cantora islandesa Bjork em sua turns, que passara pelo Brasil no TIM Festival, em outubro.

Mas a principal novidade faram

os grafites eletronicos da artista norte-americana Karolina Sobecka

e de Jiacong Van, da China. Com

seu Wildlife, Sobecka fez urn tigre passaarpalas fachadas de predios paulistanos, proj:etado a p"artir de urn carro em movimento.

INFO wwwifie.org.br

Andre." ada como receber urn e-mail de alguem que ficou tao inspirado com a que contei que acabou virando sua carreira", revela,

Vale lernbrar que cad a cidade-. ede do encontro ganha 3 dias da promocao EU VOU, com 50% de desconto no valor

das inscricoes. Quer ser 0 proximo a ouvir 0 que Andre e Michael tern a dizer? Ainda da tempo.

INFO www.arteccom.com.br/encontro

Reac!able, idealizada. por Martin Kaltenbrunner, reage com sons quando tccada e sera usada "3 turne da cantara islandesa Bjork

261arts BRASIL

Pixel Show 07

~I A terceira edicao do Pixel Show, l.7J prevista para acontecer nos dias 29 e 30 de setembro em Sao PauLo, SP, promete levar originalidade e ousadia ao Centro de Conven~oes Pompeia, na zona Oeste da capital paulista. 0 even to prornevera uma serie de palestras que abordarao design gratico, televlsao, ilustra~ao, fotografia, internet, moda, fiLme, grafite e anlrnacao,

Serao ao todo 18 palestrantes, para apresentar a urn publico esperado de 700 pessoas seus principais cases. Entre eLes, Cassio Leitae, diretor de criacac da Cassio Leitao Design, Adriana e Guto Lins, criadores do manifestodesign.com.br, 0 fotografo Flavio SameLo e 0 grafiteiro Tinho. A lnscr lcao para 0 even to custa R$324. Estudantes pagam R$276.

INFO www.pixelshow.com.hr

Ecobusca

~ E possfvel economizar energia durante l.7J uma busca na Internet? Para os designers do Heap Media, sim. Em conjunro com 0 Google, os designers da agencia desenvolveram uma versao com a tela totalmente negra. Batizado de Blackle (a juncao das palavras Black, preto em ingles, com Google), 0 novo site de buscas economiza baseado na premissa de que urn monitor de video gasta mais energia para exibir uma tela totalrnente branca com

letras pretas do que a mesma tela preta

com as letras brancas.

Assirn, ao fazer suas buscas no Blackle, voce estara nao so ajudando a econornizar energia, mas tambern contribuindo para urn planeta melhor. 0 site inclusive indica quanta ja foi economizado ate 0 morneuro em que a pagina foi aberta. No nosso caso, exatos 153.276.570 Warts/hera.

INFO www.hlackle.com

Para fot6grafos e imagemakers

LlVRO Marcos Kim da dicas de tratamento de imagem no Photos hop

~ 0. livro ImageMaker - Fotografia

l7J Digital sem Segredos, do

fot6grafo e jornalista Marcos Kim (Editora Europa. 148p., R$ 89,00), acaba de chegar em segunda edicao atualizada, Aborda aspectos essenciais da manipulacao digital de unagens, como perfis de cores, conversao para p&b, edi<,:1io em camadas, retoques e preparacao de arquivos para safda em diferentes suportes. E obrigatorio na prateleira de fot6grafos profissionais e amadores ou de quem precisa dar tratamento profissional as suasimagens.

Kim, 38 anos, e colaborador da revista Fotografe Melhor, tarnbem publicada peJa Editora Europa, e se enquadra em urna nova categoria de profissionais da fotografia, charnados de imagernakers, que se refere a quem conhece tanto fotografia quanta edicao digital de

imagens no cornputador.

INFO www.iiYt.arlaeuropa.com.br un 3038-5050

Capa e pagina

interna dQ uve

/magemaker - Fatografia Digital sem

Segredos,de

attsBRAs1LI2.7

Bis

o

Computer Arts entrevista a dupla que criou o design do jogo de realidade alternativa Perplex City. Conheca Olli e Jack, do estudio Bishbo

Bishbo

2slartssRASIL

Computer Arts: Quando e por que 0 Bishbo come~ou, e 0 que voces esperarn que ele se torne?

Bishbo. 0 Bishbo foi criado em outubro de 2006, como urn portf6lio feito para as

pe oas se divertirem ao olhar, em vez de urn projeto para uma ernpresa ou algo do tipo. N6s estavamos trabalhando no time de arte da Mind Candy, uma empresa londrina de jogos; entao, foi mais hobby 10 que trabalho. Deixamos a Mind Candy em maio, e tivemos mai tempo para nos focarmos

no Bishbo e divulga-lo. Esperamos que 0 publico continue tendo interesse e,

mai: importante ainda, queremos trazer inspiracao para a pessoas.

CA: Em qual pcojeto voces estao trabalhando nesse memento?

Bishbo. Estamos trabalhando em urn livro que sera lancado ainda neste ana. Vamos colocar informacoes obre data e coisas do tipo em nosso site assim que ficarmos sabendo de algo. Em breve sera inaugurada urna loja virtual em nosso site, com varias coisas legais como carnisetas, bichos de pehicia e bolsas. Nao esta muito organizado ainda, mas aguardern!

CA: Voces trabalharam juntos no desenho dos cartoes e do material de marketing do jogo Perplex City. Falem urn pouco sobre e se projeto.

Bishbc. 0 Perplex City cornecou com urna versao virtual, que era uma caca ao resouro mundial apoiado par uma historia de fic~1io. E oferecia urn verdadeiro premio em dinheiro no fim do jogo. As pessoa compravarn canoes reais de pistas para

~ jogar, Primeiro desenhamos as car-toes, que erarn vendidos em conjuntos de seis e ccntinham dicas sobre onde a premio de £100 mil (cerea de R$ 400 mil) poderia estar, As pistas poderiam ser qualquer coisa,

Oestilo de desenho 11 mao foi, u$lIdo no logo de realldade alternatlva Perplex City

Bishbo, 0 gat,inho que deu nome II dupla de cria~1io

desde urn recorte de mapa escondido no cartao, ou uma combinacao de nrimero que podiam ser decodificadas em coordenadas. Os quebra-cabecas eram rnuito lou cos e isso nos deu muita liberdade para fazer a arte. Depois foi lancado urn jogo de tabulciro, com urn estilo diferente dos cartoes.

CA: 0 que voces acham interessante criatlvamente em Perplex City?

Bishbo: Fomos contratados para reinventar a irnagem do jogo. Havia algumas regras que deverfamos seguir, como esquernas de cores e criacao do logotipo, mas estavamos livres para mudar a aparencia do jogo, Criar a versao de tabuleiro foi incnvel. Ainda e divertido ve-lo nas lojas no meio de varies jogos classlcos. Os canoes tambem foram divertidos de se fazer, apesar de tam bern representarem urn grande de afio. Tivemos que criar LIma enorrne quantidade de designs

Um dosprlnci pills. trablllhos de Jaek e Olli para oM ind Candy foi ,0 jogo de tabulelro Perplex City. Elas ai nda estranham vi-lo nas lojas

para os cart5es num pequeno espaco de tempo, entao fomos levados ao limite de nossa criatividade, Qucnamos transformar os quebra-cabecas em pequenas obras de arte que voce poderia guardar se quisesse. A embalagem dos cart5es tambem ficou muito legal.

CA: Cada urn de voces tern urn estilo ertativo diferente. Como voces descrevem esses estilos?

Ollu Minha arte sempre foi

desenhada ou pintada a mao, e eu nunca tinha considerado usar 0 Photoshop para fazer algo. Quando finalmente comecei a brincar com ele fiquei ernpolgada com as coisas incrfveis que podia fazer, Eu descreveria 0 men estilo atual como uma mistura de elementos organicos desenhados a mao, fotografias e graficos de computador.

Jack: N6s temos diferentes estilos sim, mas gostarnos das mesmas coisas, e esse e 0 motivo pelo qual trabalhamos tao bemjuntos. Olli faz mais desenhos do que eu. En sou urn idiota para fazer camadas e criar grandes texturas no Pbotoshop. Mas adoro manipulacao de imagens. entao sernpre prefiro partir de alga que ja

fOI cornecado,

CA Voces ja tinham trabalhado juntos no selo da gravadora de Jack, o Alaska Recordings, que aeabou virando Alaska Design. Como foi? Brshbo. 0 selo foi urn trabalho diffcil descle 0 primeiro dia, Depois de perceber que as pessoas se interessavam ern arte tanto quanto em musica, Jack decidiu deixar 0 selo e criar 0 Alaska Design como urn projeto diferente, Naturalmente, assim que as pessoas perceberam as rnudancas, os trabalhos chegaram de pessoas que ja conheciam e gostavam do selo. Durante 0 trabalho no Alaska, fizemos muitos encartes, coisas das quais sentimos falta, pra falar a verdade. 0 que mats gostamos de fazer e trabalhar com nnisicos de que gostamos .. E 6timo poder scrparte de urn projeto que significa algo pessoal para voce. Um de IlOSSOS ultimos trabalhos no Alaska foi para a banda inglesa Raging Speedhorn. 0 produto final ficou fantastico, especialmente a versao de edicao limitada comDVD. ~

"

INFO www.bishbo.com

OUi Ii inspirada pDr comida, eessa pec;a surreal foi 0 resultado de muita c:omilanc;a em Nova York

..

Dairy Free, da dupLa Bishbo., ganhou um Lugar no tamoso catalogo de arte Semi-Permanent

arts 8RASfLI29

Galeria Web

» VISITiE 0 NOSSO SITE

para acessar arquivcs de tutoriais, exposicao de trabalhos de artistas, bancos de imagens, recursos

e rnuito mais.

URL: www.computerarts.com.ilr

TRES BRILHANTES ... Sites de cores

Como assegurar que sua cor e a ideal, nao importa 0 progra.ma que 'Use

KULER

o Kuler, da Adobe, foi lencado em 2006 como uma amostra do CS3. Casando as regras de harmonia de cores (como complementos, acromaticos, nuances e temperaturasJ com um input e ambiente de naveqaceo simples, alem das prapriedades de salvar, baixar e compartilhar, 0 Kuter e otirno para designers graJicos e de web.

URL: http,//kuler,adobe.com

,. • I ~

_1",'II'ri_n eye P10!iSil'lQ Hermcraous COloCll"'5

GENOPAL

o dispositive Genopal ajuda na captacao de cores extras quando seu design parece sem gra~a. 0 captador da boas suqestces, mas voce precisa experimentar para abter resultados. E possivel salvar as harmonias criadas, mas nao doi para ver as dos outros usuar.cs. Mesma assim, e uma

boa referencia.

URL, www.genopal.comlonline.htm

COLOURMOD

o Colourmod oferece uma serie de captadores de cores - de plug-ins de DHTML Javascript a dispositivos OS X Dashboard. A melhor caracteristica dele e a absolute devocao as cores [veja a Konfabulatorl e explicacoes dos motivos pelos quais a harmonia de cores e tao importante quando se projeta um site. Confira.

URL: www .. colourmod.com

artsBRASJLI31

r,

I Obietos de Design

1"\ "

'( 'I

I !

» ELETRIC BABY

Laptops riscam facilmente quando transportados em mochilas. Compre uma capa decente para 0 seu e mantenha-o sem nenhum arranhao. liNFO www.eletricbaby .. com

» TOKYOCUBE

Bonecos de vinil existem aos montes no Japao, mas pode ser dificil conseguir adquiri-Ins se voce nao entende 0 idiorna. A TokyoCube gen!ilmente tern urna versao do site em Ingles.

INFO www . .to.kyocube.com

arts B'RASILI33

Mural de Fontes

»SE vOCE DESENHA

fontes e quer divulgar seus projetos, envie uma arnnstr a. Eles podem aparecer aqui!

co rnputerarts0e u ropan et. com. br

As fontes dessa edicao> Doublethink, Infidel, Sa.f .. c. astic e.Sta.te Machine - foram desenvolvidas par Jonathan Barnbrook e Marcus McCallion, do estridio Virus Fonts.

Disponivel em dais estilos, a Doublethink retorna 0 tema "comunismo" que 0 esnidio iniciou com a fonte Newspeak, inspirada em Stalin. Ela foi originalmente desenhada na Iugoslavia dos anos 60 como logotipo para a fachada de uma loja estatal de roupas ..

A Infidel, disponfvel em quatro e8ti108, e baseada em formas de letras vistas pela prirneira vel, em manuscritos e bfblias cristas da Idade Media. Ja 0 tipo Sarcastic e inspirado por letreiros de neon dos anos 1950. Finalrnente, State Machine e uma fonte de Ietras vistas nos vefculos russos e americanos durante a Guerra Fria, alem de banners politicos manuscritos dos a005 1970. Cad a fonte custa US$ 49 0 estilo,

iNFiDel

SP. SiD Paul'o; Fotokina 3107-1867 - Fotoplan 3293-7471 - Flash Cine II 3917-2786 - Flash Digital 3974-0695 - Foto G Comercial 5533-6593 - Fata Gilberta 3078-7555 - FotD Dtica Satisfoto 5611-0976 - Imagem Phota Color 3858-5897 - lsbortec 6192-9582/3873-9733 - Open Fato 5531-7088 • Guarulhos: Espaga Digital 6447-1191 - Planets Imagem 6425-0525 • Americana: Unimagem Digital119} 3405-3353 • Ara~atuba: Zoom Photo Digital 11 BI 3622-2004 • Anraquara: Fata Fuji Digital (16) 3322-3357 - Zoom Photo Digital [161 3331-1159 • Catanduva: Zoom Photo Digital (17) 3522-7400 • Ribeirio Preto: Tony Miyasaka 116) 3977 -7577 • S,J, do Rio Preta; Zoom Photo Digital (17) 3232-8777 • Porto ferreira: Intercolor/Fast Color (19) 3589-8500 • RJ· Ride Janeiro: Avaphoto 3138-8440 - Fotoplan 2242-3828 • Macae: Avaphoto (221 2762-144712772-4398 • MA . SiD luis: Foto Sombre 3213-1616 • MG· Belo lIuri'zunle: Centro Fotogr<iflco 2101-0898 - Hetes 0800-7273686 MT - Cuiab;i; Fcto Cui8ba CDlcr [65) 3617 -8600 • I'A - Belem: Fctofilmes (91 J 3230-5222 'PH -Ibiporii: Intercolor 1431 3158-7850 .' SC· SiinJnsii: Intercolor (48) 3346-8041.

. Est8S sao algumas Revenda s Autarizadas Extrallfe. Nem todas mantdm tudes us produtos em estoque Extralife e marea registrada de Memphis. Ind e ComerCIO Itda

*Valores aprexlmadas em formata SMV em maxima compactacac

Navas Projetos

Wallpaper

Perfil

seguintes regras: cada artista deveria usar a Ultima quarts parte usada por outro como referencia inicial e deixar urn quarto da sua arte em branco para 0 proximo artista,

"Todos nos chegamos de madrugada em casa e pegamos urn bloco; fomos adicionando urn pedaco nosso no design de cada urn antes de passar para 0 outro. Quando terminamos, tfnhamos feito algo unico."

Cicciu contatou varies designers.

Estabeleeeu nomes como Peax, Sam Gilbey e HelIoBard, mas foi 0 poster de Gilbey no Pixelsurgeon - juntarnente com 0 apoio da Computer Arts inglesa para 0 projeto - que aumentou 0 nivel de interesse de todos.

o plano inicial de usar 100 artistas em volta de uma tela de 100 pes teve de ser repensado.

a que cornecou como atividade para passar a tempo numa rnadrugada p6s-balada virou urn dos prajetos colaborativos mais ousados da internet Saiba mais sabre 0 Wallpaper

36!arts BRASIL

Voce so.' precisa olhar para os coletivos de design que estao surgindo - incluindo 0 Spear

Collective, que contribuiu para a capa desta edigao - para perceber como 0 trabalho colaborativo ja se transformou em tendencia do design.

Veja 0 projeto Wallpaper, do The Space Jockeys. Em seis rneses, a alianca online, que comecou modesta, se tornou urn dos projetos colaborativos virtuais que mais progrediram na internet.

Originalmente, era uma atividade para passar 0 tempo. 0 fundador Alex Cicciu e 0 grupo Sambuki Social decidiram convidar 100 artistas para criar uma tela de JOO pes (pouco mais de 30 metros) com as

WaUpaper

Colaboralivo, papelde parede sem fim

Canetas, papeL; scanners e lmpresscras, alern de Photoshop e Illustrator

The Space Jockeys

Tom Mulier, Rich T, Richard May, HelloBard, JamFactory, Andy Smith, Couk, CC19 ... www.thespacejockeys.com

» D'ES'lGN DEPAISAGEM

o livro Grandes Projetos dos Paisagistas Brasileiros, da Editora Europa, reune 17 projetos dos melhores profissionais do Brasil. Confira:

INFO www.revistanatl.lreza.com.br

Visit'e 0 site do The Space Jockeys para descobrir como voce po de colaborar com o projeto Wallpaper

COLABORE PARA ACUMULAR "N6s recebemos 6timos feedbacks de artistas de todo 0 mundo: qual seria a aproveitamento que terfamos se restringfssernos 0 projeto aos que morassem perto de nos, recusando muita genre que rnerecia divulgaeao?" explica Cicciu, "A ideia principal do Wallpaper e unir o maximo de artistas possrvel, dando a eles a exposicao merecida."

Gavin Strange, da JamFactory, entrou em contato com Cicciu atraves de Ana Mullins, outra colaboradora, A JamFactory e uma agencia de design bern estruturada, e Strange amou a ideia de misturar seu estilo com a de novos artistas.

bater em alguem, e sim ter uma ideja de como pegar umtrabalho e adicionar seu estilo nele."

HelloBard, rnais conhecido coma Bard Hole Standal, concorda, Figura popular no mundo das artes digitais, ele j:I colaborou em trabalhos como a colecao Two Faced da Wear it With Pride e a livro War of Monstars,

"Projetos comunitarios tern muitos pontos positives, Voce faz amizades enquanto trabalha com artistas de todo 0 rnundo", diz ele, "Adorei 0 fato de que Alex nao convidou muitos designers famosos."

Mas nomes como Jam Factory e HelloBard nao foram osiinicos que colaboraram no Wallpaper. Newbies como Richt e Lozzyboo tambem ganharam uma fatia do bolo,

"N6s recebfamos respostas diariamente e, mesmo sendo urna ou duas, tivemos que mandar de volta algumas sugestoes: mas nao houve

"Voce mio necessariamente precisa bater em alguern, e sim ter uma ideia de como pegar urn trabalho e adicionar seu proprio estilo nele." GAVIN STRANGE

"Quando voce olha para alguns dos trabalhos ja feitos, uma semente comeca a germinar na sua cabeca", des creve Strange. "Ha urna certa competicao entre os designers, mas voce nao necessariamente precisa

controle de qualidade," diz Cicciu. "No final do dia, voce ve que 0 Wallpaper expos e ajudou a desenvolver artistes novos." ~

INFO www.thespacejockeys.ccm/ wallpaper /mdex.html

Opiniao

»SOBRE JASON ARBER

Jason e designer e co-fundador da popular comunidade de design e site de noticias www.pixelsurgeon.com

HORA DA PERGUNTA

A reacao automatica e vender 0 que nao tem e torrar a grana na versao Extended. Ma voce realmente precisa dela? Quantas ferramentas do Photos hop voce realmente usa? Comprar a versao Extended para algumas pessoas e como quando eu decidi comprar urn aparelho de ginastica. Depois de algumas sessoes, coloquei-o de volta na caixa e a larguei na garagem, lugar em que ainda acumula poeira,

Claro, 0 faro de 0 Photoshop ser um programa Universal Binary (funciona em PC e Mac simultaneamente) -lidando com 0 arquivos do meu Mac sem deixar cair uma gota de suor, e ainda sentando e acenando para mim enquanto eu digo, 'alcanco-voceassim-que-pegar-folego' - e razao sufic.iente para eu fazer 0 upgrade.

Mas estou falando de atualizacoes em geral, e essa conversa podia facilrnente ser sobre 0 Final Cut da Adobe ou a ultima versao do Xtorrent, de David Watanabe. Antes de atualizar qualquer programa, faca a voce mesmo as seguintes quest5es:

- Minha maquina sobrevivera?

- As novas ferramentas serao iiteis?

- 1550 aurnentara minha produtividade?

Se a resposta a qualquer dessas questoes for nao, talvez voce devesse esperar para ver 0 que a nova versao oferece. Isso pode salvar 0 seu dinheiro a longo prazo, ~

Dilemas do Upgrade

Quando 0 assunto e atuatlzacao de softwares, voce e 0 primeiro da fila ou espera a poeira bai.xar? Jason Arber apeia a precaucao

Agora que a poeira sobre 0 lancamento do CS3 da Adobe baixou, rnuitos de igners estao con iderando a atualizacao, Para alguns, nao ha nada a ser considerado, Esses estavam preparados para correr assim que 0 pacote estivesse disponlvel para 3 compra, Os apressadinhos sao a

garantia das vendas iniciais de

softwares (e de bardwares tarnbem, cujas vendas recentemente adquinrarn essa tendencia), porque eles tern uma fe inabalavel de que vao conseguir fazer exaramente 0 que diz na caixa de tudo que compraranl.

o resto de n6s se apoia nos irnpacientes, ficando arras da Iinha de frente e evitando possfveis problemas causados pelo software A entrando em contlito com 0 sistema operacional B, ou descobrindo algum tipo de bug que conseguiu passar pelos usuaries de

ver 5es beta. Estudamos cautelosamente rumores e historias, esperando ate que seja seguro comprar o programa, felizes por saber que ele nao afetara nossos projetos.

Ha outros problemas tarnbem, POl' exemplo, 0 pre<;o. Navegando pelo site de compra da Adobe, uma coisa fica clara - e muito cam fazer uma

atualizacao. Se voce acabou de se fonnar ou abriu sua carteira e uma mosca saiu voando, 0 alto custo do novo Creative Suite pode ser suficiente para voce se apaixonar novarnente pelos seus velhos programas e, com nm sorriso amarelo, admitir que eles ainda dao conta do recado,

o Photoshop, definitivamente 0 carrochefe da Adobe, tem sido urn programa completo ate agora e, mesrno assirn, cada atualizaeao incluiu novos visuais e 6timos truques. A Adobe vem Iutando para adicionar ferramentas de efeito desde as carnadas, em 1994.

A empresa de software guiou 0 Photoshop para a direcao certa, evitando que 0 programa tivesse 0 mesmo destine do Microsoft Word. Ela esta ciente de que nao pode apenas colocar novas propriedades no editor de imagens e esperar que as pessoas paguem pOl' todas elas. A Adobe encarou corajosamente a situacao, adicionando ao programa uma serie de novas ferramentas 3D e de animacao. Ao perceber que alguns designers teriam um ataque cardfaco quando vissem de que tarnanho ficariam os prograrnas depois da 'turbinada', a Adobe dividiu 0 prograrna em CS3 e CS3 Extended, colocando os brinquedos mais atraentes no ultimo.

3slafts BRASIL

Edifier IF200 I Pod Alarm Clock

Um produto para todos os tipos de I Pod, exceto para 0 modele Shuffle.

Alern da calxa de som, pode ser usado

tarnbern como despertador com a func;ao snooze. Acorde com suas musicas favoritas e surpreenda-se.

EdifierlF200 para todas as personalidades.

, Repres. no Brasil: Agora Digital Informatica • Tel: (11) 3031-3632· www.edifier.com.br

E EM EQUIPE

IMAGI~E b:JMA VIDA SEM CHEFE. CADA VEZ MAIS DESIGNER~ ARTISTAS PENSAM: INA POSSIBILIDADE DE CRIA~ liU PROPRIO COLETIVO. MAS ANTES, E PRECISO SABE~ SE A ~AIOR EXPOSI~AO AO MERCADO E

o GANf-1Q EM CRIATIVIDADE PODEM COMPENSAR ~LARO E BATALHA DE EGOS

Urn e pouco, dais e bom e tres e melhor. Quando a grupo e afinado, 0 trabalho em equipe quase sempre traz melhores resultados. Em arte nao e diferente: 0 trabalho coletivo gera mais ideias para serem trabalhadas pelo grupo, mais caminhos de execucao e quase sempre leva a urn resultado melhor. Nao e a toa que coletivos de design, grupos de artistas que trabalham em conjunto, mas sem a rigida hierarquia de uma empresa tradicional, sao hoje responsaveis par quase toda a cultura iconografica modema.

Desde a contracultura dos anos ] 960 os coletivos vern multiplicando talentos e pregando a diversidade. Quase sempre foram sin6nimo de desorganizacao e trabalho sem foco, mas 0 mercado - em ultima analise, os clientes - acabou se rendendo it sua eficiencia e diversidade. Em ultima analise. vale dizer que a criatividade sobrepujou a austeridade.

Assim, coletivos series comecarn a aparecer em todo 0 mundo. 0 PSYOP, de Nova Iorque, recentemente produziu uma nova identidade para a fase de alta-definicao da MTV; 0 britanico Peepshow "invadiu" 0 escritorio da Saatchi & Saatchi em Londres (uma agencia publicitaria criada nos anos 70

por dois irmaos iraquianos) por urn mes, e 0 coletivo australiano Rinzen teve seus trabalhos expostos no Museu do Louvre.

DEFININDO COLETIVOS

Pergunte a dez coletivos 0 que essa palavra significa e voce obtera dez respostas diferentes. Coletivos podem ter de tres a

300 membros, colaboracoes esporadicas ou parcerias em tempo integral, urn unico endereco au atelies espalhados pelos cinco continentes, podem faturar pouco au ate ter estruturas administrativas altamente Iucrativas, Como tern mais profissionais criativos em perrnanente cantata. seus trabalhos tornarn -se tao di versificados quanto seus mernbros.

A diferenca mais obvia entre coletivos e empresas e a flexibilidade, Pessoas contratadas sao nonnalmente remuneradas todo rnes, mas coletivos trabalharn como freelancers. Seus membros sao pages par projeto. Uma ernpresa e fonte de salario, e coletivos focalizam mais a criatividade do que o setor financeiro. Sendo assim, grupos de designers podem se definir do jeito que

bern entenderem.

Coletivos como 0 Peepshow dao dinheiro, mas seus membros

»

artssRASILI41

> >.... tambem tern carreiras indivi?uais. Uma pequena porcentagem e paga para quem trabalha nos projetos coletivos, e eada membro tambem recebe uma parte dos lueros, independente do mirnero de dias em que trabalhou naquele ano. "Todos estao ocupados com seus trabalhos individuals, entao 0 Peepshow ocupa nossas noites e fins de semana", diz Miles Donovan, um dos integrantes do Peepshow.

E verdade que os grandes contratos of use am os ganhos de coletivos sem compromisso, mas a liberdade de poder rejeitar trabalhos e de se coneentrar em

vida profissional, permitindo que cads membro trabalhe onde goste. Alem disso, Q grupo ganha presenca global. "Nao importa onde estamos, 0 Rinzen n6s da a oportunidade de rrabalhar juntos ou individualrnente", completa Alexander.

Os membros do Rinzen estudaram na mesma Faculdade de Arte da Australia, mas s6 se eonheeeram depots de se fonnarem. 0 grupo se uniu pela primeira vez em 2000 para o projeto RMX, cuja ideia basica era promover a troca de arquivos digitais entre oito participantes, em varies eneontros. 0 sucesso acaboutransformando 0 RMX em urn

un IUUlIJ! muu nnuuuuumuru nnIJUUlU!H!! muumuu! IUJI:!!!! II uuuuuu muuunmnn I! IJ!I!WUHJJlIH uu umnunuuuuummu IUmIlUlIIH!lI! ImHI!

"E um processo completamente dernocratico. Se alguern nao esta feliz, nos achamos que temos algo a ver com isso.Todos pensam do mesmo modo" ~- ~ Miles Donovan, do Peepshow

1IlllIImlllllrllllllmlllllllllllllllllUlIIIIIIIIIIll~lllI.IlIlllllIImllllllllilllLlIII11IU,lllUllilllllllllllllllllillllllllHUillllllllllllillUIIIIIUlIIUIIUIIIUI.II1IllIIUUrlllllllri

projetos individuals e urn bonus .. "Trabalhamos coletivarnente e tambern individualmente; nosso estilo e ecletico e flexivel", conta Rilla Alexander, do Rinzen, "A divisao entre trabalhos pessoais e individuals nao e algo que seguimos com tanta rigidez."

Coletivos podem ter uma sede, mas tam bern podern set fragmentados. Os cinco membros do Rinzen morarn em Berlim, na Alemanha, Brisbane e Melbourne, na Australia, e Nova York, nos EVA. E umjeito de equilibrar a

projeto global, forrnado por 40 designers, que trocavarn arquivos vetoriais entre si. Os resultados foram publicados em urn livro de 216 paginas lancado pela DGV (http://www.die-gestalten.de). E 0 tipo de projeto que transforms 0 problema da distancia - difereates culturas e modos de trabalhar, dificuldades de comunicacao - em uma grande vantagem.

Mesmo assim, ha coletivos que preferem estar sempre no rnesmo lugar. "E muito dificil trabalhar em projetos coletivos se nao estamos

na mesma sal a todos os dias", acredita Donovan - a sede do Peepshow fica em Londres, "Todos nos sabemos da dificuldade que Ii: trabalhar cada urn no seu quarto e depois fazer reunioes ocasiouais em bares. Fizemos isso durante tres anos e, depois que montamos nosso estudio, nunca rnais sentimos falta dos quartos", garante.

Ja no caso do estudio :phunk, com sede em Cingapura, ter um unico endereco nao e tao importante. "Sempre nos reunimos no estudio para discutir novos projetos", conta urn dos co-fundadores do grupo, William Cban. "Mas nao irnporta onde estamos trabalhando, desde que facamos 0 trabalho." Segundo ele, 0 estudio POSSU! urn clima bern divertido para quatro designers graficos que moram em uma das cidades rnais limpas do mundo. Um dos marcos do coletivo no mundo do design foi uma nova versao de urn poster para os roqueiros do Kiss, que transformou os designers 110S deuses do glam-rock. Em outre projeto, colocaram uma modelo vestindo um terns que trazia estampado 0 rosto dos membros do grupo. Ii crucial existir afinidade entre os membros para

se chegar a 'esse nivel de humor", diverte-se Chan.

PENSAMENTO HORIZONTAL

Seja longe ou centralizado, esporadico au em tempo integral, muitos coletivos sao estruturados horizontal mente - em contraste com as ernpresas tradicionais, com hierarquia verticalizada no comando. Membros podem ter responsabilidades individuais nos negocios, como contabilidade e publici dade. 0 :phunk studio, par exernplo, trabalha regularmente para multinacionais que incluem Nike e Levi's, mas nao podiam ser estruturados de jeito mais distinto que 0 delas. "Nao temos hierarquia, Qualquer um de n6s pode lidar com as contas ou com a direcao de design", garante Chan.

Esse modo "anti-corporative" de ser de muitos coletivos e provavehnente a configuracao ideal para pessoas criativas. Alexander, do Rinzen, gosta dessa atitude:

"Sempre houve uma perspectiva, ja fora de moda, sobre como uma empresa de

design deve > >

•

» ldeia Forte

Coletivo de Sao Paulo, com estr utura descentralizada e participativa; e formado por cres estudios.Veja 0 blog do grupo. www.idaiaforte.com.br

» Lobo

o Brasil nao e comumente conhecido no exterior par anlmacao de primeira linha, mas 0 grupo

pauli sea ganhou descaque tnrernactonal depots de trabalhar para 0 Res Fest e 0 Sundance Film Festival. 0 portfolio tarnbern inclui MTV Brasil, Disney eVolkswagem. www.lobo.cx

» Colletivo

Grupo de Sao Paulo que ja trabalhou para a Nickelodeon, ESPN e Pepsi Co., alern de ter seu trabalho exposto em d iversos palses. www.colletlvo.corn.br

» Mol

Responsavel pela carnpanha impressa da Pepsi Twist, 0 coletivo de Sao Paulo POSSU! um portfolio extenso, que Inclui antmacao, lluscracao, folders, e muitos outros. www.estudromcl.cocn.br

» BijaRi

Grupo com dez anos de exisrencia, 0 BijaRI faz de tudo um pouco: identidade visual e corporativa, websites, videoclipes, alern de se envolver em lntervencces urbanas e ja participarern de exposkoes pelos quatro cantos do mundo. www.bijari.eom.br

» Pepperoni

Um eoletivo de Goiania, formado somente por mulheres experts em identidade visual. Conflra 0 design d iferen ciad 0 do site. www.pepperoni.com.br

» Modena Design Studio

o estudlo de Santa Catarina trabalha com identidade corporativa, design editorial e promocional, alern de midia eletrcnica. No site do grupo ha u m glossario de termos tecni cos do des ign grafico. wwwrnodenadesign.com.br

» Mr Guache

Estudio que ja trabalhou para a Nike, Coca-Cola. Motorola, e rnuitas outras empresas de nome no mercado. Buscam colaboradores.

www.m •. guache.rom.br

» Arte aos vivos

Crlado em 2000,0 coletivo multimidia paulista Arte Ao(s) Vivo(s) combina artes corporals e visuals. Participa de intervencoes urbanas, www.arteaosvivos.com.br

» estudio pv design

Grupo do Rio de Janeiro especlailzaco em identidade visual, eventos e ilustracao, www.estudiopv.com

» Lix Design

Estudio especializado em logomarcas, identidade visual e ilustracdo. Disponibilizam download gratis de descansos de tela. wwwlixdeslgn.com

» Spear Collective

Um grupo de 26 pessoas lideradas pelo blogueiro Josh Spear, responsaveis pela cap a dessa edicao, www.spearcollective.com

» Shynola

o coletivo proeminente de an-macae do Reino Unido. 0 grupo se eonheeeu enquanto estudavam lluscracac e cinema na Faculdade Maidstone, antes de dirigir gran des obras promocionais para Beck, Radiohead e Blur.

www.shynola.com

» Peepshow

Comoosro par nove animadores, ilustradores e diretores de arte de extensos portfolios, que trabalham com fotografias e imagens virtuais. Possuem um estilo descontraldo. www.peepshow.org.uk

» Monorex

Com sede principal em Londres, a Monorex desenvolve trabalhos para Nike e XBox, entre outras, Desenvolveram uma das quatro capas da edicao inglesa da Computer Arts. www.monorex.com

44iiffbiaRASIL ."

Mais coletivos na paglna 44 I

o londrino Peepshow foi a melhorno Village Fenival do Museu V&A ano pass ado (reunlao anual dos mel heres no design contem por!meo). Vegetal' e frutas foram transforrnados em celebridades britanicas

> >.' . trabalhar. Nos jogamos essa perspectiva para

I bem longe do nosso estudio", garante Rilla.

Considere a experiencia do grupo de designers de interacao londrino Antirom, urn coletivo que funciona M cinco anos sem umunico lider, "Nao temos ninguem no comando, e uma das coisas de que menos gostamos sao de empresas grandes e tradicionais", alfineta Nicolas Roope, um dos co-fundadores do ccletivo. "As vezes nosso colega Rob faz as vezes de diretor porque e ele que tern 0 cabelo mais curto e usa camisas", diverte-se Roope.

COLETIVOS FUNCIONAM

OS grupos de designers normalmente sao coord en ados por um time central. Esse tipo de acordo pode funcionar muito bem com coletivos cujos membros colaboram sem compromisso. De acordo com Sebastien Roux, criador do UNCHI, M tres diretores a frente do grupo. "Discutirnos as decisoes com todos os envolvidos, mas a decisao final e tomada pelos diretores", explica,

o exemplo mais extremo de grupo com hierarquia e 0 do Spear Collective, fundado pelo blogueiro Josh Spear como plataforma para designers desenvolverem to do 0 seu potencial. Spear nao tem papel criativo, mas administra os projetos e providencia novos negocios para os membros. "Ter urn time central pode dar orientacao a todos, e isso e otimo para clierrtes que ficam confusos ao lidar com varias pessoas ao mesmo tempo; porern, isso pode ser evitado quando se escolhe diferentes administradores de projetos para trabalhar em cada urn", garante.

Uma estrutura rnais informal e horizontal significa que coletivos podern ser compostos por membros bern diferentes, em contraste com empresas tradicionais,

de nurnero fixe de funcionarios. 0 coletivo pode crescer infinitamente, ou expandir-se e contrair-se com 0 vai-e-vem dos briefings. Muitos coletivos formam urn grupo nao muito definido cujos membros podern entrar e sair quando quiserem, sem prejudicarem a infra-estrutura do grupo. Alguns coletivos, como 0 PSYOP, tern membros permanentes, mas grupos nov os a cada projeto. "Nos construfmos urn time de talento OO1CO para cada projeto, E urn ambiente flexivel", diz Carol Collins, do PSYOP.

Coletivos que mantem urn grupo base criam laces entre os membros. Tambem e urn born jeito de tomar decis5es democraticas, urn dos principals pre-requisites de rnuitos coletivos. "No comeco de urn projeto, discutimos quem esta disponivel, interessado e melhor preparado para 0 trabalho", conta Donovan. No Peepshow, a maioria dos briefings fica com times de quatro ou cinco pessoas, sendo que o coletivo tern dez membros. hE urn processo completarnente democratico; se alguem nao esta feliz, nos achamos que temos alga a ver com isso. Todos pensam do rnesmo jeito", conelui.

A tom ada democratica de decisoes assegura que todos os membros do coletivo se sintam

o Scrawl Collective expos esses murals gtgancss num dep6sito em l.ondres. Eles demorararn urna semana para serern pintados. e a grupo g:astou dais dias arrurnando as pecas

o eoletl ... o brasileiro de arumacao grafica Lobo foi eriado em 1994 por tres designers. 0 estilo descontr.a.ldo do grupo ccnquistou gran des clierrtes como Toyota, Disney e Panasonic

valorizados, mas tambem pode bloquear a eficiencia, "Estruturas democraticas dificultam a conciliacao de 13 opinioes. Mesmo em estruturas flexiveis hi grupos dominantes que influenciam 0 jeito como as coisas andam", diz Roope, do Antirom. "Muitas vezes alguns ressentimentos rondaram as relacfies e, consequentemente, as colaboracoes. Todos pensaram que

tinham as respostas certas, mas, sem trabalharmos juntos, ficavamos sem resposta, E uma experiencia tipica de coletivos."

Ego pode ser urn problema em qualquer meio, e pessoas criativas tern tendencia a ser mais vaidosas com sen trabalho. Adicione a iSBO a informalidade de qualquer

relacionamento dentro >. ~. '> •. ~. c

de urn coletivo para ,

artsBRASILi45

CRIATIVIDADE GLOBAL

Coletlvos de sucesso de todo 0 mundo

EUROPA

» HappyPets

HappyPets tern fugido de sua heranca modernlsta sulca em favor de criacoes de born gosto mais dtverndas. www.happypecs.ch

» Experimental Jetset

Danny, Marieke e Erwin sao 0 Experimental [etset, urn dos coletivos mais intelectuais do design graflco, 0 portfolio dos caras e imenso, www.experimentahetset.con

» UNCHI

UNCHI cornecou ern 2003 como um coletivo de design. ilustracao e musica. Tern 15 membros permanentes na Franca e na Belgica. Destaque para a colecao stereotype. www.unchi.nct

» Fat Man Collective

o Fat Man, de Barcelona, rnostra os beneflcios de um nome atraente, Seu sistema de navegacao online e bem leve, tarnbern. www.fat-man-collective.com

EUA

» Wooster Collective

o respeitado coletivo de arte Wooster Collective e xara de uma rua do bairro nova-iorquino SoHo. www.woostercollective.com

» Dam"

o Doma representa a bandeira argentina do design coietivo, Seus brinquedos e graficos roubaram a atencao de todos no festival de animacao onedotzero de 2006, www.doma.tv

» Rinzen

Os rnernbros do Rinzen eram da Australia. mas se espalharam ao redor do mundo depois de terminarem a faculdade, Seu trabalho vai de quartos de hotel em Copenhagen ao design de urn shopping center ern T 6quio. www.rinzen.com

461_ts BRASIL

» SUIface2Air

Moda, design gn\fico. sites - parece que nada esta alern desse coletivo de Paris, Nova lorque e Estolcomo. http://surface2air.com

»Via GI'afik

o slogan "da parede para a tela. e para tude" do coletivo Via Grafik pode soar otimista dernais, mas decorou murais e instalacoes para cJientes por coda a Europa, www.vgdk.com

» Musa

o coletivo portugues Musa transforma projetos em dinheiro atraves de uma loja online. Tarnbern eem uma revista na web, a

N oth ingLastsForever. www.musacollective.com

» Vanskap

o Va ns kap esta d ivi d id 0 entre Helsinki e Berlim e trabalha para clientes como a Adldas. www.vanskap.fi

» PSYOP

Conhecido par sua habilidade em anirnacao graflca. Destaque para OS anuncios feitos para a Coca-Cola. www.psyop.tv

» Nest

Nest e urn coletivo online que quer divulgar designers graflcos mulheres e ilustradoras, 0 site e uma verdadeira comunidade, desenvolvida por membros dos cinco continentes. www.nestcollective.com

» :phunk studio

o :phunk de Cingapura sao os badboys do rock no design grafico, Recentemente participaram de uma exibicao no Museu de Arte Conternporanea de Taipei. Adoram colocar seus rostos na maioria de seus trabalhos. wwvv.phunkstudic.com

,:, "

o Orgasmik Design e urn projeto colaborativo internacional em que dez artistas graficos de paises diferentes sao convidados 3 falar sabre urn tema e responder perguntas correspondentes E mantido pOI' urn coletivo maior chamado UNCHI Leisure Center

> > entender por que alguns deles duram apenas

. alguns meses, Paradoxalmente, coletivos podem

ajudar a reduzir egos - ou pelo menos dirninuir 0 estrago que ele pode provocar, "E urn desafio, mas e mais facil nnrn coletivo. Urn grupo estsvel o.a.o permite abuso de poder", explica Carol Collins, do PSYOP, Claro, hi sempre a chance de alguem levar uma bronca: "Se algum ego C0l11e9a a rondar a equipe, simplesmente mandamos calar a boca", garante Donovan.

Enquanto ter muitos membros gera dificuldades, em

1111I11111U1I!11111II!lIlIlllLlllllllllllllllllllllrIIUIIIIIIIIILIUUIIIIIIIIIIIIIII Hli 111111111 ILiflllIlIlIlIlIIlI1I

"Equilibrar egos e um desafio, mas e mais facil num coletivo. Um grupo estavel nao permite abuso de poder" Carol Collins, do PSYOP

11i1 •• UlIlIlIllIlIlIlIlIlIlIIlIllIIIIIIIIIIUIIIIIIIIIUlllIlIIlIlIlllUIIII!!!UmmHItHIIlIIIIII111111111111111111

muitos casos isso e equilibrado num trabalho em grupo. Alern dos beneficios de compartilhar contatos e experiencias, urn coletivo maier resulta em mais ideias, "Quando-qualquer urn tem urn bloqueio criativo, os outros do grupo ajudam", conta Chan, A colaboracao tambern promove 0 desenvolvimento de habilidades diversificadas a urn grupo, algo essencial no mundo rnultidisciplinar do design, "Of ere cern os a forca de dez cerebros, 20 olhos e 100 dedos", diz Donovan. "A flexibilidade do Peepshow maximiza nossas chances de ganhar briefings porque 0 grupo nao se limita a urn s6 mediador",

o Yokoland fez 0 design de posteres, capas de discos e buttons para a gravadora norueguesa Metronomicon Audio, um dos clientes mais rsgulares do coletlvo

Poster anunciando um mini-festival patrocinado pel. Metronomicon Audio. Design e Dlrecao de Arte feitos por Aslak Gurholt Ronsen e Thomas Nordby, do Yokoland

arts BRASILi47

Endereco: Mundo

Prmc.pars mernbros.Adam Haynes,Andy Kehoe, Bri3l1 [aramillo, Christopher Cox, Dan Funderburgh, Grant Barnhart, 1- Manifest,lngi Erlingsson. jason Thielke. jef Lacson. Jens Sjobergh. jeremy Prasank, Jeremy Somers, Jesse Hora. josh Feldman, Joshua Gajownik. Leif Parsons. Matt Curry, Mauro Gatti. Motomichi. Nik Ainley, Rachel Domm. Ryder Robinson. Tom Judd, Undoboy e Zach Cordner

Clicntes: Confidencia 1

Areas: Design grafico. ilustracao e br a nding URL www.spearcollective.corn

02/1 Varlos colaboradores trouxeram elementoS que representavam 0 tema colabora~ao. 0 grupo tinha que usa-los de algum jeito na capa

05// A imagem final da

, , capa - 0 Spear

rernttoduzlu a pincelad

lados da '{ _ a, agora nos dois

r ustra~ao

04/1 Aqul foram adicionados mais elementoS para e1arear e preencher a composi~ao, A metade da direita foi espelhada para a. esquerda e mars elementos foram adicionados

4slarts BRASIL

Burgerman,Andy Potts, Neasden Control Cencre.Austin Cowdall, lee Ford. Mark Taplin,Adrian Johnson. Gary Neill.Tim Marrs Clientes: The Hayward/onedotzero, Jaguar Shoes. Southbank Centre. The Apartment New York, TAXI Design Network Singapore e The Illustrate Ape

Areas: Criacao de imagens, tlustracao, anirnacao e design; parricipacao em eventos

o I II Alguns dos rascunhos dos elementos. feitos por varies membros do Black Convoy. Todos eram candidates em potencial do design final da capa

- corne~ou a ficar

04/1 Aqui a ilustra~ao aleta

d rnarelo e uroa p

boa. Urn fun °fa I ceu a cornposi~ao mais brilhante orta e

05// A imagem acabada co .

de arte da Computer Arts ~ a/ustes sUgeridos pelo editor ocupou a capa e a contraca g ;5a, RO~dy UewellYll,

pa a edll;:ao illglesa

Endercco: M d

.,. un 0 todo: sede em l.ondres

Pnncipais membros Ter'ry G

fantastlcos uy e os 40

Cltentcs: Xb To

N' k . ox, os h iba, Silent Soundz, Ecko

j e, e outr-os •

Areas: Ilus'l::l~;l.c;ao> eventos de des."

branding criativo Ign e

URL. www.monorex.corn

o I II Os arti stas envolvidos crlararn as elementos que fariam parte da cornposicao final

0311 Alguns personagen 5 foram colocados ou ~etirados para que a I mage mtlvesse foco. Uma pincelada rosa al udou a dar tempero :l. capa

0211 Q. d

col uan a Koa, Casal e Sickboy

ocararn tad I

f . as as e eme ntos f .

e!ta uma c . " .• 01

usand . ompoSI~ao preliminar

. a a esquema inicial de cores

04//0 t"

Ime da C

queria. safie omputerA

e d . ntar a' rrs

elXar a. m . caveira de .

segundo lonstro verde cnlfres

s p.ano 0 M . em

ugestiio e crj~u OUtonorex ouvju a . ra Irnagem

~511 A, cornposicao final trouxe caVe.lra e a cobra para 0 pnrnerro plano. Mais ajustes

L- __ -----------------------------------------------------" preencheram a Capa

COLLABORATE!

Join a design collective and improve the way youwodc:

50lafts BRASIL

Desde: Corneccu como um coletivo em 1998 e se virou estud!o de design em 2002 Endercc o.vvesbaden, AI emanha

Pr-incipals membra'>: Leo volland.Andre Nossek. Raben Schwartz, Tim Bollinger.Ti!l H elm e Lars Herzig

Clientes: Nike, Nintendo,Adidas, MTY,VIVA, revistas Blond, Trust e Brett, Red Bull, KAUZ, Open Ohr Festival, Staatstheater Wiesbaden, Servornatic GmbH, Rheingold, MotN Music

e brake Records

Areas Design de logotipos, identidades corporauvas. ilustracao. design de fences. catalogos.fivros e de interiores. Web design, anim<l-e;:ao grafica e anmacao

URL www.vgrfc.com

0411 0 fundo foi co\ocado e agrupado a imagem pela mao que desenha os nscos do cenario. Alguns leones foram cnados para serem adicionados ao fundo

~:qf~~mVia dGrafik explorou varias al[ernativas para as ie cores e escolheu esta 0 d' d

arte da C ' e ttor e

. . omputer Arts britinica, ROddy Uewell

sugenu alguns toques finals yn,

Em Ratatouille, a Pixar ccntrapee dois inimigos ctasslcos, roedorese chefs de cozinha. Para tornar essa relac;30 ainda mai.stensa e muito divertlda, foi necessarle enfrentar muitos desafios, derrubando barreiras tecnicas de animacB'o, itummacao e renderizacao 3D

,I ,_ .,

POR RENEE DUNLOP EDlC;Ao: MARI.Q FITTIPALDI

ace provavelmente nunca parou para observar como os ratos caminham. Mas. para 0 time de animacao da Pixar que trabalhou no desenvolvimento de Ratatouille, esse detalhe significou meses de observacao e trabalho duro. Trabalho, alias. que foi para 0 lixo. E que Brad Bird, que dirigiu Os Incriveis, foi chamado as pressas das ferias pelo pr6prio Steve Jobs para assumir a direcao e nao gostou nadinha do que ja estava pronto. "Tudo bern, os ratos estao otimos, mas eles andam como n6s. Eu quero todos sobre quatro patas, como ratos rnesmo", sentenciou.

Numa tentativa de deixar os animais mais sirnpaticos, a equipe procurou toma-les mais "humanos", diminuindo suas caudas e transformando-os em bfpedes, Bird descarrou a ideia: ''Rerny val se mudar do mundo dos ratos para 0 mundo dos homens; portanto, e preciso criar uma separacao muito clara entre esses dois rnundos. Precisamos mostra-lo escolhendo andar em duas paras para se diferenciar dos outros rates".

Diante desta decisao, 0 stress na sala de animacao foi geral, E que 0 rigging (a"l'io que permite ao animador

selecionar e mover facilmente partes do carpo dos personagens, em vez de ter que seJecionar cada venice do membro desejado) teria de ser refeito, pais a animacao ficaria tosca se simplesrnente "deitassem" os ratos sobre as quatro pates. Desenvolver novos parametres para roedores quadnipedes significaria (rnuitol) rnais trabalho duro.

Mas Bird sabia Q que estava fazendo. De nada adianta utilizar efeitos fantasticos se nao ba urn cuidado em aplicar as recursos de animacao para caracterizar perfeitamente 0 personagem, garantindo a forca do roteiro. A simples decisao de marcar bern 0 territorio de ratos e humanos criou todas as condicoes para que Remy - e sc ele - decidisse andar sabre duas patas e conquistar o publico. Mas vale notar que ele so faz isso quando interage com os humanos, Pelto da sua farnflia, volta a andar como todos os outros, mesmo nao gostando de se. Iocornover com as rnesmas paras que usa para cozinhar, Mesmo lirnpinbo e fofinho, ele nunca deixa de ser rata. E causa repugnancia quando e visto na cozinha. Ponto para Bird: Mickey Mouse entre as panelas seria normal. Nao

e a toa que Ratatouille esta cotado para ser indicado ao Oscar, nao de animacao, mas de Melhor Filrne ...

A producao comecou em 2001 e, quatro anos depois, ludo parecia dar errado. Foi

Molhos sao espessos e muitas vezes tern alga boiando dentro. Anima-los foi urn grande desafio Michael Fong. supervisor de direc;ao tecnica

quando Bird foi chamado para assumir 0 projeto, Sell primeiro desafio foi manter 0 cronograma. "Nao foi facil, pois a auto-estima do grupo esrava em baixa. Entao, reduzi 0 roteiro e tentei foear a

~9ao para 0 relacionamento entre a rata e a cozinheiro", explica 0 direior,

Alern disso, Bird tornou a diffcil decisao de niio usar a cenas animadas ja desenvolvidas, as script. , ou 0 som que ja tinha side

gravado. Ele redefiniu alguns dos

per onagens e terrninou de escolher 0 resto dos papeis, tirando urn dos principals, 0 do chef Auguste Gusteau, e transformando-o em guia imaginario de Remy. 0 papel de Colette, lima das cozinheiras, ganhou importsncia, e Remy foi separado de sua familia. "Nessa reestruturacao, praticamente recriamos 0 filme em 18 meses", revela. "Eles precisavam de LIITI novo conjunto de cenas animadas e usaram somente duas tornadas da velha versao, alern de duas linhas de dialogo, Mas valeu a pena", avalia Bird.

~

A defiuicao do visual do filrne tam bern foi uma rnissao ardua. Era preciso recriar Paris, com toda a sua luz e encanto, Para iS50, 0 desenhista de producao Harley Jessup e sua equipe passaram mu.ito tempo produzindo fotos da cidade, internaram-se nas cozinhas de restaurantes famosos e ate visitararn os seculares esgotos da cidade-Iuz." 6s encostamos nossas cameras no chao para ter uma ideia da perspectiva e das texturas percebidas pelos ratos", explica.

Foram mais de 4500 fotos, que viraram referencia para a direrora de fotografia e ilurninacao Sharon Calahan, responsavel pelo resultado final de Ratatouille. "E1a 6 uma pintora, faz telas a oleo belfssimas", revela 0 supervisor de direcao tecnica Michael Fang. "Em Ratatouille, Calahan trabalhou com cores e luz, como se estivesse pintando. Quando sell objeto esta na sornbra, adicionou mais cores nele para obter mais saturacao, reduzlndo a intensidade em ceua iluminadas, Par isso, a imagem final tem aquele belo tom pastel."

Outro trunfo usado por Calahan foi rnelhorar a sistema de modeJagem de subsurface scattering (8SS). para evitar que os objetos parecessern feitos de cera. 0 recurso permite que a luz nao seja apenas refletida par urn objeto transhicido, mas que penetre nele e se disperse sob sua superffcie, eventualmente saindo por outro ponto. "Adicionamos mais controle artfstico simplesmente permitindo 0 controle da intensidade da luz em cada

cena, ou mesmo em varies pontos de lima rnesma cena",

Do conceito de arte ate a ilurninacac final

explica Calahan. "Assim podfamos deixar a luz viajar pela orelha de Remy ou enrubescer as bochechas quando os personagens ficavam envergonhados, ja que a luz podia tambem vir de dentro para fora. Mas 0 principal desafio que foi resolvido com esse metodo foi deixar a comida real mente apetitosa", conclui. Deu certo: todo rnundo sai do cinema com agua na boca.

OS I G EDIE TES CERTOS

Por falar em comida, um dos maiores desafios da equipe de animacao foi animar Hquidos. "Lidarnos bern com agua, mas nunca fizemos coisas como molhos e sopas. Eles sao densos, e as vezes ha substancias de texturas distintas boiando 110 meio deles. "Foi algo diffcil de fazer", garante Michael Fong.

o problema foi resolvido com urn sirnulador chamado Physlsam. (physics based modeling, ou modelagem baseada em ffsica), Desenvolvidona Universidade de Stanford e por muitos outros prograrnadores independentes, inclusive pela Pixar, e urn conjunto de algoritmos capaz de animar voxels - pixel de volume, a unidade basica de uma imagem tridimensional - em vez de partfculas e poligonos, como 0 simulador de liquidos usado anterionnente, desenvolvido para Procurando

Nemo. Por ser rnais preciso, garantiu splashes e borbulhas perfeitarnente irregulares e verossimeis.

Do ponto de vista da Pix ar, ate alga relativarnente simples como corrar vegetais pode virar algo bern complexo, Os auirnadores tiverarn liberdade para Iatiar do jeito que quisessem, Entao, 0 departamento de efeitos descobriu

artssRASILI55

Em foco

Mantendo os personagens no avental

561 arts BRASIL

Anton Ego, 0 poderoso cr ltico gastronomico que pode decretar 0 tim de um restaurante com um unlco artigo, eo grande desafio de Remy

matematicamente como vegetais eram cortados. "N6s transformamos a Iaca numa operacao booleana e fizernos varies cortes em lima ceboJa, separando algumas partes. Ativando urna dinamica rfgida no Maya ou no nosso simulador, fizemos com que a figura geometrica grudasse na faca, cafsse e, finalmente, se agrupasse com as outras ja cortadas na tabu a", ex plica Fong.

Mas a matematica nem sempre resolve tudo. A equipe descobriu que, dependendo da direcao em que e cortada, a cebola pode exibir seus aneis ou urna forma solida. Ha uma cena em que Linguini pica uma cebola a mao, com movirnentos diferentes. E, nesse case, para criar a textura eo sombreamento, o rnapeamento procedural (passagem das coordenadas da textura para uma fuocao maternatica) nao funcionou, "Assirn, nossos pintores de textures ti veram 0 tedioso trabalho de mapear manualmente varias partes da cebola. Eles nos amam, tenho certeza", sorri Fong.

PLUG-INS CAPILARES

Era importante que 0 publico acreditasse que Remy era capaz de rnanipular 0 chef em treinamento Linguin! puxando diferentes mechas de cabelo da cabeca do garoto. Parecia urna solucao boba, porem e elegantemente simples. No infcio, Bird achou tudo isso inverossfrnil, mas !laO teve uma ideia melhor que deixasse 0 rato escondido enquanto controlava 0 aprendiz de cozinheiro, Para vender a ideia, decidiu dedicar um pedaco do filme mostrando como a dupla chegou a essa solucao:

"Para dedicar 1.0 minutes de tun filme vendendo uma ideia, voce tern que engollr em seeo e acreditar que e disso que 0 filme precisa, pois sera necessario cortar boas ideias".

Esse foi 0 ponto central da comunicacao de Remy com 0

o diretor Brad Bird" de Ratatto.uiUe, loi ccrajosc ao caracterizar os rates como rates mesmo. E, 'com isso, ccnquistou 0 publico

rnuudo: todos os movirnentos tinharn de ser consisrerues, e um time especial se dedicou somente ao ratinho e suas a<;:6es sob a chapeu de Linguini, incluindo no grupo 0 chefe de preparacao David Baraff.

Para lidar com a constante movimento dos chapeus dos chefs e de seus cabelos, alem ele Remy na cabeca de Linguini, a Pixar precisava de urn programa apurado, que ia alem de seu guia para solucoes capilares (nao se trata de urn novo xampu revolucionario, mas de urn conjunto de ferramentas de anirnacao). Baraff desenvolveu urn simulador capaz de lida:r com tufas de cabelos e que pudesse gerenciar movimentos como colisao de fios. A tecnica foi baseada num algoritmo que nao precisa de hist6rico, all seja, nao precisa saber onde os cabelos estavarn para deterrninar para onde eles vao, Eles podem ate ficar grudados ternporariamente, significando que njio

pularao de frame para frame. "Ja que 0 algoritmo nilo precis a de historico, ele fica muito mais rapido, e par ser rapido, podemos usa-lo em cada fio de cabelo," ctiz Fang. "Milhoes de cabelos", comemora.

Em Monstros SA., somente urn personagem peludo pode ser renderizado por vez, e i880 levou sete horas. Ja em Ratatouille, os times de personagens e de preparacao aperfeicoaram a pelo, melhorando controles existentes para fazer os cabelos se separarem ou se juntarem em certas direcoes. Usaram Nfvel de Detalhe (ferrarnenta de ajuste de nitidez) para os ratos e colocaram todos em sornbras, especialmente quando havia varies juntos. Agora, 0 mesmo renderizador que dernorava urn dia inteiro para concluir sua tarefa podia ser em 20 minutes, e em algumas horas para 11m grupo de 100 personagens,

Remytem personalidadeartfstica e encontra ~i~,jculdades para exerc.er sua arte. mas sempre acha um Je.lto de reverter a situac;ao .. Acho que e um problema pelo qual a maioria dos artistas passa

Brad Bird, diretor

permitindo aos artistas a rnelhoria na preparacao e na iluminacao. Eles obtiverarn urn feedback mars rapido e lidaram com 0 pelo durante a renderizacao,

PARA A SOBREMESA

Como em todas as producoes da Pixar, as aspectos mais ~portantes do filme foram 0 roteiro e os personagens. E em funcao desses elementos que sao desenvolvidas as ferramentas e a animacao, Bird criou Remy com uma personalidade artistica, que encontra dificuldades aparentemente impossfveis de serem superadas. Porem, ele sempre acha urn jeito de reverter a situacao, "Acho que e urn problema pelo qual a maioria dos artistas

passa", analisa Bird. "Em muitos paises, principalrnente nos Estados Unidos, existe urn falso senso comum de que a arte nao e alga que voce faz para viver. E considerado um hobby privilegiado, e voce tern que nadar contra a corrente se quer trabalhar no ramo artfstico. Ell poderia ligar tudo com uma paixao de Linguini pela Colette; poderia relacionar isso com a confusao dela sabre

esse rapaz; e poderia ligar tarnbern com chefes rnalvados e com 0 mundo .. Mas acredito que 0 mais importante na historia e ressaltar que a maioria das pessoas que ten:tam viver num meio considerado diferente do seu tarnbem enfrentam obstaculos, mas, como Remy, podem ter seu valor reconhecido." ~

Ratatouille foi lancado nos EUA em 2.9 de

[unho de 2007 e no Br-astl em 2 de [ulho desse ano, INFO www.pixar.com/featurefilmes/ra:tI

arts BRASIL 157

filtros editaveis que podem ser aplicados em Smart Objects (veja tutorial nesta edicao), A vantagem emrelacao a aphcacao tradlcion al dos filtros e que a resultado pode ser editado sem afetar 0 objsto original, Ets outra , boa razao para voce abracar de vez Smart Objects no CS3.

'0---

Aproveite as propriedades dos Smart Filters. Para edita-los, de urn duplo clique sobre eles 11.a paleta Layers; habiltte au desahilite a vtsfbibdada de cada urn, e

Use a novo flltro Vanishing Point para "encapar" objetos em volta de planes multiples. A limitacao de acrescentar arts num unico plano do csz nao existe mats, deixando esse filtro perfeito para tarefas que envolvem design de embalagens au renderizacao espacial,

DICAS DO VANISHING POINT

Trabalhe em camadas separadas para aproveitar- a Vanishing Point evitando colar diretamente na sua arte. Retorne ao Vanishing Point quantas vezes prectsar para constt uir imagens diferentes em pianos existentes ou em cam ada s diferentes. 1880 permite qUB voce combine as melhores prapriedades de composicao de camadas com 0 Vanishing Point.

Ti!lLO'OoT
c_ • [Sf,-."
t\r..,;,J: .SiI"
KliJU • FiOlIt
Mit9'Crou~ .1'. 1·
rBTI"- -:;:Ol~ ~
!t .....
LSMUAll: l"1' COLORINDO EM PRETO .. E .. BRANCO

A nova ferramenta de ajuste Black and White 'Val acabar com a conversao na escala. de cmza, Mas nao ignore a propriedade Tint. que permite crtar efeitos de coloracao incriveis na sua imagem. Agora, as antigos efeitos duotone parecerao no mfnimo toscos

A nova ferramenta Black and White esra em Adjustment Layer, no fim da paleta Layers. Construa varias camadas de ajuste usando Blending Modes, Opacity e ferramentas diferentes. Edite as mascaras das camadas individualmente

MASKING METODICO

Alpha Channels sao recursos excelentes para edftar mascaras Tenha em mente que areas em branco revelarn e areas em preto escondem, e prepare sua imagem usando 0 ajuste Black and White para melhor controle e prevtsao de resultados. Agora a insira em urn canal, oarregue esse canal como uma selecao e preencha-o com proto para mascarar 0 conteudo da camada.

V;EJA AS SELECOES EM PREVIEW

Embora nao tenha sido cri~da para esta finalidade, a OP9aO Refine Edge e uma otima forramonta para exibir as selocoos que voce Cri01.1 com outras fer rarnentas. Clique no batao Refine Edge enquanto sua selecao esta attva e desabilite 0 Preview para esoonder qualquer refmarnento Agora escolha uma tecnica de preview no fim da caixa de dialogo para vel' sua area selecionada na [anela de imagem.

o metoda de ajuste Brightness/Contrast nunca ofereceu controle precise, resultando em. corte de luz e de detalhes de sombra. No CS3, esse risco nao existe rnais, e a Brightness/Contrast e uma propriedade u til para tarefas de ajuste de contraste em regi5es com escala em cmza, Layer Masks e Alpha Channels. Se voce quiser que 0 reccrte ocorra, habilite a 0P98.0 Use Legacy, mostrada a direita (Oil. As rnudancas do eS3 (021 fornecem melhores resultados.

IT.n ~ ~

r:;:7fl ~ l"revilCw

Agora voce pode trabalhar precisamente enquanto dona, habilitando a OP9ao Show Overlay da paleta Clone Source, ISBa mudara a modo cam que voce retoca usando a Clone Stamp A propriedade de alterar a opacidade

do overlay duranle 0 trabalho melhora a oonfianoa nos resultados.

EDITE SOMBRAS E LUZES

o ajuste Shadows/Highlights, r.ao disporuve! como Adjustment Layer, foi raramente usado por nao ser possivel editar seus efeitos. Mas, no CS3, experimente converter uma cam ada em Smart Object. Voce pode entao usar Shadows/Highlights do menu Image --7 Adjustments como Smart Filter, que pode ser editado e rnascarado a qualquer hera. Essa propriedade pode ser trabalhada de modo nao-linear, tornando-a uma opcao atraente.

o livro Creative Photos hop: Digital '1'llustration and Art Techniques, de Derek Lea [Focal Press, 368pJ foi lancado em agosto de 2007. E um guia completo de trabalhos de arte no Photcshc CS3. Pode ser encomendado na Amazon Iwww.amazon.comie em outras livrarias online por cerca de US$ 30.

As

i .. "\..1 If A ·nA .' ~TTLHAS DO MUNDO

GRAND ES iv U\JVl-V 1

I

Urn livro muito especial que reline 60 Maravilhas do Mundo .. Sao 28 construcoes realizadas pelo homem: 14 ambientes naturais do planeta; 11 belezas brasileiras e as 7 maravilhas do Mundo Antigo. Indispensavel em sua biblioteca, para ver, rever e sempre se eneantar

Garanta 0 seu livro! Venda exdusiva pelo telefone 0800 55 76 67 ou no site www.europanet.com.br

Arquivo: aquareta.zip Caminho:

Tutoriais-:'Edl~ao 1 -:'2D&Photoshop

J

tipo "viciado" no Photoshop. E autor de va rios livros sobre 0 programa, entre eles 0 recern-Iancado Creative Photoshop: Digital Illustration and Art Techniques, 368p., Focal Press. Saiba mais em www.dereklea.com.

o

o

d

o

o

TUTORIAL I [Jf;I

-+ PHOTOSHOP

E

ITO AQUARELA

Para reproduzir no computador as efeitos de sobreposicao de cores da aquarela, a melhor maneira ainda e apostar no papel, na agua enos pinceis. E depois, claro, tratar tudo no Photoshop. Derek Lea mostra como

n Agua e aquarela fundern-se no ... papel em transparencias que geram matizes quase magicas, Ao molhar a base em papel e misturar gotas de pigmento com 0 pincel, consegue-se urn efeito belo e unico. E, infelizmente para os artisras que desejam reproduzir esse efeito digitalmente, ainda nao existe urn programa ou ferramenta capazes de recriar, com fidelidade, toda a nuance e beleza de uma pintura com aquarela.

o Painter e, talvez, 0 software que

con egue 0 maior realismo nessa diffcil missao, mas a opiniao geral entre artistas e a de que 0 resultado e limitado.

Apesar de produzir urn bela efeito de transparencies e misturas de tonalidades, controlar 0 resultado e extremamente trabalhoso - tan ou mais do que 0 manejo do pincel. E, mesrno dando excelentes resultados, ainda falta a naturulidade de urn trabalho manual.

Se a ideia e incorporar um efeito rea.l no processo de producao digital, a decisao 6bvia ainda e u ar ilustracoes de papel feitas com aquarela de verdade.

Para este tutorial serao necessaries apenas alguns traces e pinturas em aquarela , Voee pode usar os arquivos de rcfcrencia disponfveis no site da Computer Arts, mas sinta-se a vontade para partir do zero.

Se este for 0 seu caso, prepare os originais e digitalize 0 material com a ajuda de urn scanner. Em seguida, retina tudo no Photoshop, Usando recursos como canais, camadas, mascaras e fusoes aliados as impressionantes ferramentas de pintura do programa da Adobe, voce conseguira um resultado muito proximo da beleza de uma aquarela real.

Tutorial e ilustracao por Derek lea www.dereklea.com

1 Faca a download do arquivo starter.psd e abra-o. Este arquivo foi preparada a partir de uma serie de pinturas escaneadas para prover a material necessaria para se trabalhar com este tutorial. 0 arquivo contern tambern todas as camadas e os Alpha Channels lcenais alfaJ necessaries para criar uma verdadeira abra-prima da pintura em aquarela.

3 Clique na imagem da aquarela com a ferramente Move e arraste-a para a arquivo starter.psd como uma nova camada. Posicione a plntura no topo da imagem e, na paleta Layers, arraste-a para baixo. ate que fique imediatamente acima da camada background. Em seguida. abra o arquivo yellow.jpg .

2 Aqui voce confere aLgumas pinturas em aquarela feitas para preparar as originais. Se voce preferir criar as suas pr6prias bases. tenha (erteza de que estejam completamente secas antes de subrnete-Ias ao processo de escaneamento. Abra 0 arquivo purple.jpg e selecione a ferramenta Move.

4 Seleciane tuda com 0 camanda CtrVCmd+A e. em seguida. copie a selecao rrCtrl/Cmd+C). Volte ao arquiva starter.psd e, na paleta Channels. de um CtrVCmd-clique no canal alfa background para carr eqaIo como selecao, Volte a paleta Layers e. no menu Edit. escolha Paste Into. A base em aquarela sera colada em uma nova camada. vinculada a mascara do canal selecionado.

arts BRASILI65

lEI) I TUTORJAL

I

i -_- PHOTOSHOP

5 Selecione 0 layer Behind na paleta Layers e habilite a opcao Lock Transparency. Na barra de ferramentas, clique no swatch foreground colour e, entso, usando 0 conta-gotas, escolha urn tom de rnarrorn, De a comando Alt/Option-deLete para preencher 0 layer com a nova cor. Mude 0 Bleding Mode da camada para Multiply.

6 SeLecione a ferramenta Magic Wand. Na barra de opcoes desta ferramenta. certifique-se de que a calxs Contiguous esta habilitada e a caixa Sample All Layers. nao. Em seguida. mantenha a teda Shift pressionada [para habilitar Add to Selection) e selecione, nas montanhas, as areas planas los platosl,

naves espaciais para seleciona-las tarnbern. Clique entao em New Adjustment Layer, na paleta l.aye rs, e es co lh a Hue/Saturation .. Ajuste Hue para +22 e dirninua a saturacao para -25 para esverdea r essas a reas.

66lartssRASIL

8 Arraste a cam ada Hue/Saturation Adjustment Layer para baixo da camada Behind. Volte para a paleta Channels e de urn Ctrl/Crnd-click no canal alfa figures para carreqa-lo como selecao. Volte para a paleta Layers eerie uma nova camada.

9 Ainda na paleta Layers, arraste a nova camada para a posicao imediatamente acima da camada Behind. Com a selecao ainda ativa, clique no botao Add Layer Mask. 1550 adiciona uma mascara a camada, assegurando que nada que seja adieionado a ela seja visivel aterr dos contornos das fiquras.

O Agora e possfvel adicionar cor as fiquras deste layer. Selecione a ferramenta. Na paleta Brushes, escolha urn pineel circular e duro [hard) e. no quadro Brushes Presets, desabilite todas as caixas, com exee~ao de Smoothing. Seleeione entao no Color Picker urn verde brilhante para Foreground Color e de um zoom na cabeca de uma das figuras.

11 Use a pincel para pintar a nova

. camada com a cor escolhida e com

opacidade de 100%. Desenhe primeiro 0 contorno interno das cabecas. Para urn service rnais caprichado, sem invadir outras regi6es da arte, e possivel alterar a diarnetro do pincel usando as teclas de colchetes do teclado.

12 Quando tiver pintado todo 0 contorno. criando uma area fechada. selecione a ferramenta Paint Bucket [0 baldir ho] e clique dentro das areas delimitadas para preenche-las. Repare que sobra um pequeno espac;:o sem cor entre 0 contorno feito com 0 pincel e 0 preenchimento teito com 0 baldinho.

1 3 Esse efeito e causado pelo

. encontro das bordas suavizadas [anti-aliased) do pincel e do baldinho de preenchimento. Para resolver esse problema desaqradavel, use novamente 0 baldinho dentro das areas que voce acabou de preencher. que assim receberao mais uma carga de cor. Faca isso ate que a etejto desapareca,

14 Use a mesma tecnica de pintar, com cores diversas, eada area das figuras desta camada. Em areas menores, pode ser mais rapido e lacil usar 0 pincel para preenche-las totalmente, dispensando 0 trabalho de criar um contorno para ser preenchido com 0 baldinho. Claro, voce

pode usar a cor que desejar.

1 5 Agora e hora de incorporar mais

, efeitos de aquarela na itustracao, Para preparar a base, foi usada uma mesa de luz, de maneira que 0 trace das figuras pode ser colocado sob a papel que recebeu a aquarela para ser usado como guia. Para esta arte foi usada apenas tinta preta em diferentes concentracoas, para criar nuances e tons de cinza.

16 A tecnica de usar a mesa de luz nesta etapa e fundamental porque, com 0 desenho guia aparecendo por baixo do papel, fica rnais tacit criar as sombras com a aquarela nos pontos certos. Este trabalho jc\ foi Ieito e esta no arquivo grey.psd, criado a partir de duas pinturas diferentes, jc\ no tamanho certa. Abra-o.

7 Clique sabre a camada Shading 1 na paleta Layers. Selecione a ferramenta Move e, com a tecla Shift pressionada, arraste a tigura para a jar-eta do arquivo de trabalho [a tecla Shift garante o exato posicionamento no novo arqulvol. Mova a nova camada para baixo da camada Figures, mude 0 Blending Mode para Linear Burn e deixe a opacidade em 40%.

18 Volte ao arquivo grey.psd e selecione a eamada Shading 2. Use 0 mesmo rnetodo de clicar e arrastar com a ferramenta Move para trazer esta camada para 0 seu arquivo de trabalho. Se necessaria, mova a nova camada para a posicao imediatamente acima da camada Shading 1 recern-copiada.

1 9 Ao empilhar as dua~ novas camadas - que contem as aquarelas em tons de cinza - e possivel adicianar efeitos de sombra as criaturas, controlando sua intensidade sem alterar a cor das camadas situadas abaixo. Muds o Blending delas para Overlay e reduza a opacidade para 50%. Voce podere trabalhar melhor este efeito mais tarde.

TUTORIAL I []I

aquarela. Para suaviza-los, selecione a camada Figures, habilite a opcao Lock Transparency e escolha um tom de roxo escuro no Color Picker

21 Depois de bloquear todas as camadas, erie uma nova sob todas as outras. Estilize formas s6lidas para 0 fundo do desenho. Use diferentes cores e contornos que combinem com a figura, erie rnais simbolos de flares e espalhe-os pelo desenho, taca nuvens ...

2 2 Crie uma nova camada usando 0 Blending Multiplye posicione-a abaixo da camada Figures. Use 0 novo pincel para adicionar sombreamenta, melhorando a qualidade do efeito. Varie 0 tamanho do pincel e a opacidade. Este procedimento tarnbern permite melhorar a colorido em algumas areas. ~

arts BRASILI67

Derek Lea e designer e avido fa de muslca psicocelica

oranea, Essa

cantemp . iada ao

- toi en ilustracao id Mothers

am de Ac!

s l The Heads,

Temp e, Fire e

Comets on Veia mais de

matus. eJ .

Mam balhos liserqicos

seus tra. dereklea.com emwww.

TUTORIAL I~

~ ILLUSTRATOR

PAD

-..

OES CRIATIVOS

Derek Lea explica as tecnicas para estilizar a obra-prima psicodelica ao Lado com a criacao de texturas de vetores, gerando varias formas em regi6es limitadas que ficarao disponiveis na paleta Symbols apos 0 tutorial

.. Voce pode erial' efeitos sofisticados .. no illustrator se aproveitar suas tuncoes de modo na.o-eonvencional. Urna das possibilidades e utilizar as ferramentas Symbol e Clipping Mask para deixar 0 seu trabalho repleto de lindas texturas,

]880 e posslvel porque, no Illustrator, quando se transforma LIm trace au urna figura em LIm simbolo, e possfvel adicioua-lo em qualquer camada (ate mesmo na carnada background) quantas vezes voce desejar, Uma das vantagens irnediatas disso e a economia de tempo de processamento do computador, ja que apenas uma figura sed. gerada - na paleta Symbols e feita a juncao de varies elementos em urn so objeto. Assim, acoes como irnprimir ou salvar 0 arquivo serao mais rapidas e eficientes,

A tecnica tarnbern traz vantagens no que diz respeito a evolucao do trabalho, ja que sunbolos nao podem ser editados, o que previae acidentes em arquivos ja bem eJaborados. Assim, voce nao podera usaf terramemas como Fill ou Stroke sobre os simbolos que criar, No entanto, njio se trata de 1lI11 recurso "engessado", j<l que modificacoes basicas como redirnensionar ou girar a Iigura e ate mesrno alteracoes na transparencia e no Blending Mode podern ser feitas.

Para aplicar as texturas criadas em regioes determinadas da sua arte, e preciso selecionar as areas desejadas, agrupa-Ias em lim unico objeto (se for 0 case) e converte-lo para LUna Clipping Mask. Assirn, os grupos que estiverem nas carnadas inferiores 56 ficarao visiveis dentro da area da mascara recem-criada.

Vale lembrar que e possivel editar urn grupo de figuras ou uma Clipping Mask em qualquer etapa do trabalho, mesmo depois de salvar e reabrir 0 arquivo: clique duas vezes no grupo de elementos para editar partes especfficas, ou mude a forma usando a ferramenta de selecao Direct (a flechinha branca),

Tutorial e ttustracac por Derek Lea www.aerekLea.com

..

Name. fLayer l~' -

Color: .-U;n~=m ..

C Tl!fI'Ipl;&te L locit ~ShQW SPr~nl

1 Abra 0 Illustrator eerie urn novo arquivo. Especifique a altura lheiqht] e a largura [width] em 280 mm. Va ao menu

File ~ Place. Localize a arquivo template.jpg !certifique-se de te-lo baixado no site da Computer Arts) e insira-o no arquivo. Clique duas vezes na unica camada existente na pa leta Layers.

2 Habilite a opcao Template. 0 programa automaticamente dimensiona a Figura para 50%, mas, se preferir, e possivel alterar esse valor. Clique em OK. Agora erie uma nova camada lvoce nao pode inserir objetos no template!. Com sua nova camada selecionada, use a ferramenta Retangle 10 primeiro retanqulo do menu a esquerda) para criar duas figuras como 8S mostradas acirna.

3 Selecione ambos os retanqulos, segure All/Option e arraste-os, criando capias que deverao ocupar toda a area da calca do personagem. Para deixar 0 template visivel enquanto trabalha, arraste-o para a tapa da paleta Layers, bloqueie-o e selecione todo a desenho, Mude 0 Blending Mode para MultipLy na paLeta Transparency.

",

.... "'''" tlIIfi;I~ "'" jaI' .... ' .,rl" _._

-/ c~lI\,-,,- "_I~ ~. - ~t.;"

4 Bloqueie novamente a camada template e selecione a Dutra camada. Selecione os retanqulos e aperte Ctrl/Cmd+G para aqrupa-Ios. Use a ferramenta Pen la caneta do menu) para desenhar cuidadosamente 0 contorno ao redor das calces estampadas com os retanqulcs, como na figura acima. Em sequida, desenhe uma Figura que contorne 0 esoaco entre as pernas.

Selecione as duas novas figuras na ..lI...

paLeta Layers. ""7

lIits BRASILI69

ru I TUTORIAL

-

ILLUSTRATOR

5 Na paleta Pathfinder, clique no leone Subtract From Shape Area para criar um Compound Path. Selecione-D na paleta Layers, junto com 0 grupo de retanqulos. Va ao menu Object e escolha Clipping Mask -7 Make. 1550 restringe seus retangulos na area definida pelo Compound Path e agrupa os itens selecionados.

~-. .

-~~ , .~

.m!'I'I

B ..........

8 Nomeie seu simbolo para adiciona-to a paleta Symbols. Agora delete todos os objetos da estampa na paleta Layers e arraste 0 slmbolo criado, posicionando-o de acordo com 0 desenho. Repita a operacao ate que a camisa seja preenchida com 0 modelo.

11 Em seguida, selecione todos as objetos que fazem parte da eamisa e agrupe-os. Bloqueie a grupo na paleta Layers para prevenir edicces acidenta.s. Agora que voce completou as estampas da figura, use a Pen para criar outras formas que darao mais cores ao desenho.

6 Bloqueie a nova camada. Para preencher a camisa do personagem, voce precisa fabricar uma estampa unica que sera repetida varias vezes a partir de urn modelo. Use a ferramenta Ellipse ldentro do retanqulo do menu] para criar varies circulos verdes.

7 Use as ferramentas Pen e Ellipse para criar varies figuras e formar um modele unico de estampa. Modifique apenas 0 tom da cor eseolhida para que a Figura nao fique muito cheia de detalhes. Selecione todas as Formas que voce criou e, na paleta Symbols, clique em New Symbol.

70lalts BRASIL

9 Selecione todas as estampas eolocadas e agrupe-as. Agora use a ferramenta Pen para desenhar a forma da camisa. Na paleta Layers, duplique a nova Figura arrastando-a ate 0 leone Create New Layer, no canto inferior direito da paleta. Agora arraste a Forma duplieada acima das duas outras figuras da mesma camada.

1 0 Selecioneo grupo da .estampa e a nova carrusa. que esta abaixo delas. CertiFique-se de que nao esta selecionando a camisa duplicada, que foi colocada acima das outras duas figuras. Com objeto e grupo selecionados, va ao menu Object e escolha Clipping lv\ask--7 Iv\ake. 1550 mascara 0 grupo, tazendo com que as estampas aparecam apenas acima da camisa, enquanto que a forma duplicada serve como fundo.

.----- .... -,--~-._ - ~_D_'.).II_ 4_ ... - ~Ir·"

-... .............

12 Depois de criar todas as formas que faltavam, concentre-se em decorar a figura. Adicione lin has com Strokes icontornoi e sem Fill lpreenchimentol. au inclua contornos em formas existentes. Voce tarnbern pode criar figuras menores e bem definidas para detalhes. Desabilite a visibilidade da camada template para acompanhar a seu progresso.

1 3 Duplique a camada da Figura middle e bloqueie a original. clicando no cadeada da paleta Layers. Expanda a grupo duplicado na paleta Layers e expanda tarnbern os dais grupos de Clipping Mask que estao dentro da camada. Em cada grupo de Clipping

Mask. selecione as objetos de textura e delete todos. Selecione tados os objetos da camada e clique no leone Add To Shape Area d a pa leta Pat hfi n d e r.

1 4 Aperte 0 botao Expand na mesma paleta. EspeciFique um tamanho de contorno preto para 0 lapis, sem preenchimento. Agora abra a paleta Stroke. Alinhe 0 contorna para fora e altere as opcces Round Gap e JOin do modo que preFerir. Isso completa 0 personagem do meio. Bloqueie a camada,

1 5 Crie uma nova camada para 0 personagem da esquerda e arraste-a para baixo de todas as outras camadas. Novamente. habilite a visibilidade da camada template, usando-a como guia. Desenhe um contorna para a chapeu, Preencha-a da mesma cor da camisa do personagem central. Agora insira os sirnbolos da camisa no chapeu,

16 Agrupe os slmbolos ins. eridos e duplique a forma do chapeu, exatamente como voce Fez com a personagem anterior: arraste a forma acima do grupo e use-a como Clipping Mask com a grupo de estampas. Agora crie uma Figura azul para formar 0 background da camisa do personagem. Em seguida, erie uma scrie de formas circulares para fazer uma nuvem e usa-Is como estarnpa para a camisa.

1 7 Selecione todos os circulus e adicione a nuvem a paleta Symbols. Delete os circulos selecionados e espalhe as nuvens pela camisa. Use 0 mesmo procedimento da outra camisa e do chapeu para transformar 0 grupo de simbolos numa Clipping Mask, duplicando a camisa cuja ccpia servira como lundo.

1 8 Adicione algumas texturas listradas na bateria e na gravata do personagem usando retanqulos e Clipping Masks, como voce fez com as calcas do personagem do meio. Crie um novo sfmbolo e coloque varias estampas nas calces do baterista, usando Clipping nos sfmbolos com um objeto. Adicior e conlornos e formas coloridas diferentes para criar

mais detalhes.

1 9 Quando a figura estiver

completa, duplique a camada. Bloqueie a original e desbloqueie

todos os elementos da copia. Repita 0 mesmo processo de deletar objetos dentra de Clipping Masks que pertencem a camada duplicada. Usando a opcao Add To Path Area, combine todas as formas. Adicior.e um terceiro contorno preto para o lade de lora e bloqueie a camada. Repita os metod os ensinados para criar duas novas liguras seguindo 0 template.

TUTORIAL I rn

eoloque texturas e use objetos como a Clipping Mask para limitar certas areas. Crie cada figura numa Iii:::D=!IJJ<.J-iI''''-~Ll.______:>~.......J eamada separada

e duplique essas camadas para criar os contornos externos dos personagens.

21 Depoisde bloquear todas as camadas, crie uma nova embaixo de tad as as outras. Estilize formas solidas para o lundo, use cores e contornos que combinem. Crie mais simbolos de flores. Voce tarnbern pode adicionar nuvens ao fundo, indicando 0 ceu,

2 2 Decore a imagem 0 quanta quiser. Lembre-se de que e possivel editar toda a sua ilustracao, incluindo objetos e grupos bloqueados na paleta Layers. Divirta-se alterando a transparsncia de alguns objetos e criando novos - como os cogumelos mostrados ao lado - numa nova camada. m~

attsBRASILI71

Arquivo: movimento.zip Carninho:

Tutcriais-e-Ediceo 1 -730&Animation

IW@,liAAifi.·HMr,Cj

2-3 horas

_0

Justin Maller, de Melbourne. Australia. e designer _...;JIj_~ free\ancer e

artista. Atualmente dirige a parte criativa do coletivo depthCORE. Para saber mais. va para superlover.com.au au depthcore.com.

TUTORIAL I OW

-+ CINEMA 40 • AFTER EFFECTS

MOVIMENTO ABSTRATO

Justin Maller mostra como adidonar efeitos finais nas anlrnacoes do Cinema 40 usando 0 After Effects, proporcionando resultados rapidos e avancados atraves do sistema de inteqracao dos programas

.. 0 Cinema 4D e uma 6tima

.. ferramenta para produzir renderizacoes que, posteriormente, podem ser usadas em outras composicoes digitais. Porem, ja que 0 prograrna foi feito para criar animacoes, e possfvel conseguir efcitos originais a partir de um modelo basico e abstrato de rnaneira rapida e indolor,

A unica coisa ruim no Cinema 4D e que ele nao ajuda na insercao e animacao de elementos 2D - um recurso como 0 de camadas do Photoshop vida Sl calhar aqui, 0 jeito, entao, e usar tambern 0 After Effects, que ainda e 0 melbor programa para esse tipo de tarefa, ja que facilita a animacao de camadas formadas por varies objetos.

o Cinema 4D possui urn sistema de intcgracao que permite a juncao de seus renderizadores a outros objetos e arquivos de lima composicao do After Effects. Usando esses sistemas, voce pode facilmente mascarar qualquer objeto que erial" no Cinema 4D, e ate criar renderizadores separados e mascaras para objetos individuals dentro cia. cena em 3D.

Urna vez renderizado, editar e compor no After Effects fica facil, Mascaras de objeros individuals facilitarn a aplicacao de rnudancas basicas - voce nunca mais precisara renderizar novamente! Este tutorial passa rapidarnente por rnodelacao e texturizacao de um objeto 3D basico e abstrato, a1611 de conferir a rnetodologia do processo que inclui animacao do modelo no Cinema 4D e transferencia do arquivo para 0 After Effects - isso tudo antes de misturar varies objetos dentro de uma pequena e rapida animacao.

Percorra os aj ustes que facilitarn mascarar movimentos e descubra. ainda como criar urn fundo detalhado e anirnado usando elementos basicos do Photoshop.

TutoriaL e llustracao par Justin MaLler www.superLover.com.au

0"'" ._~. t I;] ...... _[ .. - jlml·

Aditeu ...::Joe::''\Fr~;n~~~~~,~~~\p:~.s

I~ ~ .-- - ~~~

I:~:= -

8_(l\ll.lN(C:j

w...._ II\r'd"OvIl !!Iog~6"'Id:s«tl'1i; ".,. ......

W_Msda B~"'rJ9'M'I~

133 o ABC;: u~ D"-'

E!3b~sdt-~~ UJl,~ GA'!'!5'm';h2",'S 1Ii)-A'!'fl..:iI:k

EIlIQ~LI:I!'d: 1l)&n:Ioo.r I:1Q-BIJoI!;:Smvt

ClE:rMtIC-omG81..M1 ~Oill';'C~

IIII!J(~D _

E311Ul~~o

3 Ern seguida, erie um objeto Loft Nurbs e adicione cada uma de suas curvas a ele. A ordem na qual voce as adicionar ao Loft deterrninara a forma final, antao experirnente diferentes combinacoes de curvas.

1 Antes de corr ecar ° trabalho, capie 0 arquivo Cinema40AE.aex da pasta Exchange Plug-ins, que e parte dos seus arquivos de instalacao do Cinema 40. Cole-o na pasta de plug-ins do After Effects. Certifique-se de que nenhurn dos dois proqra nas esta aberto durante esta operacao.

2 Agora, abra 0 Cinema 40 e aperte F5 _ ... para visualizar atravss de multpla perspectiva. Selecione Freeform Spline e desenhe algumas curvas retorcidas prcxirnas umas das outras.

"

~: Splim t :: SI*"< ~: Spin!! lj: s ....

I Escolha um efeito de deforrnacao que Ai sera aplicado na anirnacao. Para 0 bam desenvolvimento deste tutorial, selecione 0 efeito Explosion e adicione-o 11 paleta

Object. Arraste 0 Loft para dentro do efeito e adicione urn objeto Null. Coloque tudo dsntro do Null.

arts BRASIL 173

llliJ I TUTORIAL

~~" CINEMA 40 • AFTER EFFECTS

5 Adicione um material para 0 objeto Loft, usanda a imagem clean.jpg (disponivel no site da Revista Computer Arts) como textura de cor. Gaste quanto tempo quiser customizando 0 material. 0 imporlante e que ele combine e se misture harmoniosamente com os objetos que serao colocados depois.

6 Agora voce esta pronto para preparar a anirnacao. Aperte Ctrl+9 para ligar 0 keyframing automatic» e mude a contagem de frames de 90 para 300. Coloque 0 slider da linha do tempo para perto de 25-30. Rotaclone sutilmente uma das curvas dentro do Loft Nurb para crier seu primeiro movimento.

tempo, aplicando rotacoas 5uaves e movimentos em multiples curvas a cada 20 frames. Altere todas elas para chegar a um objeta dinarnico.

741 arts BRASIL

8 E hera de introduzir 0 efeito de explosso que voce adicionou no corneco do tutorial. Mava a linha do tempo e selecione um ponto perto do 50° frame. Ajuste a torca do abjeta Explosion para 30%. Mava mais 40 frames e volte para 0 0 [zero], Repita 0 processo quantas vezes quiser enquanto percorre a linha do tempo.

9 Quando voce tiver terminado de

ani mar 0 objeto, adicione urns camera na cena. Avarice na linha do tempo e ajuste sua posicao e rotacao. Continue fazendo issc ate chegar no fim da cornposicao: isso 0 ajudara a dar mais movimento a renderizacao, enfatizando 0 aspecto 3~.

O Clique com 0 botao direlto no Null Object e adicione a tag Compositing. Va 11 tabela Object Bufler e clique em Enable que esta pr6ximo a Object Buffer 1. IS50 permitira a criacao de urn lurna matte perfeito que sera usado no After Effects, com a funcso de apagar 0 lunda preto desse objeto.

11 Abra Render Settings. Em Output, escolha a resolucao em que gostaria de renderizar (756x480 e uma boa escolha). Selecione All Frames na caixa drop down, va para Save e use 0 nome 'tut' para salvar o arquivo. Escolha 0 formata Quick Time Movie e habilite a caixa Compasiting Project File; After Effects.

SEJ'1IIbklIolIAi-PImA~ Ii ClbiBelEl'~!M'1 ~~GBAI_

SSove~~aulfll¥l " OShodQw~(~

1· 2 v« para a tabela Multi-Pass e

. habilite a caixa Enable Multi Pass Rendering. Clique na flecha de Channels e selecione as opcoes do menu Object Buffer e RGBA Image. Habilite 0 box Save Multi-Pass, selecione 0 formato JPEG e especifique uma nova pasta para as renderizadores de mascara.

PEG5G...ce 6.ZMI HG:5e . .u J6.INI

1 .3 Confira tres vezes todososajustes e aperte Shift-R para renderizar. Quando a Cinema 40 terminar, abra 0 After Effects. Aperte Ctrl- l para Importar, e escolha a arquivo tut.aec, 1550 carreqara as pastas Cinema 40 e Special Passes, que contsrn as sequencias em JPEGs da mascara e do objeto isolado.

11 Arraste a arquivo tut.mov, da pasta At do Cinema 40, e a rnaskscbject, da pasta Special Passes, para denlro da linha do tempo. Certifique-ss que 0 arquivo de formato MOV esta embaixo da sequencia de mascara na linha do tempo. Agora selecione Luma Matte Mask object 1 e escolha a opcao No Track Matte da

coluna TrkMat.

1 5 Para ilustrar 0 que foi feito, adicione uma nova camada solids [Ctrl+Y! Prsancha-a com azul e a deixe abaixo da camada .mov. Aperte Play na paleta Time Control e observe a rernocao precisa do lunda renderizado. Agora mova a camada azul para eima da composicao e copie a mascara de objeto para ela, observando a efeito de mascara numa camada salida.

1 7 POSIClone as arquivos de tut2 no final da paleta Layers. Para erial' profundidade, e possivel usar essa anlrnacao como renderlzacso de fundo. Clique com a botac direito na camada tut2.move selecione Effects -7 Blur&Sharpen -7 GaussianBlur. Agora voce pode adicionar um ernbacamento de 8px no objeto.

1 8 E hora de criar 0 fundo. 1m porte os quatro arquivos PSD disponiveis no site da Revista Computer Arts - 1.PSD. 2.PSD, 3.PSD e 4.PSD. Aperte Choose Layer em cada um deLes e selecione 0 nome da camada que aparecer. Arraste-os para 0 fim da pa leta Layers.

TUTORIAL I Ql]

II"'- ....... "".-~~B~~~~~ e abra transform.

~ Clique no

L- __ .....,~ __ ~ cron6metro ao

lado de Scale. ""-'--=--'--'------- ....... Mova dez frames e mude para 50 por cento. Faca 0 mesma a cada

15-30 frames e ajuste de 40 para 50 per cento.

21 Repita 0 processo nas camadas menares, ajustando escala e posicao pela linha do tempo. Cada vez que fizer uma alteracao, uma nova keyframe aparecera. Faca 0 mesmo nos objetos maiores e use um efeito ernbacado que apare«;:a e desapareca gradualmente, usanda a mesmo rnetodo.

16 Volte para 0 Cinema 40. Mova a linha do tempo e altere 05 movimentos das curvas em intervalos regulares. Delete a camera e adicione uma nova antes de criar outre caminho de movimento, que contrastara com 0 da primeira camera. Mude 0 nome do arquivo para 'tut2' e renderize novamente. importe no After. Effects e colaque a mascara Luma Matte como foi feito antes.

1 9 Crie capias de cada uma dessas camadas e arraste-as a frente das originais. Selecione-as com 0 Ctrl+clique em cada camada. Clique nos trianqulos ao lado do nome das camadas e abra transform. Mude a escala de cada uma para 40 pOl' cento, rem ova a setecao e posicione-as entre as outras camadas.

2 2 Quando terminar, aperte File -7 Export -7 . Quick Time e salve. Quando completar a renderizacao. reproduza a anirnacao, Eo melhor jeito de ver as transicoes que funcionarn e as que nao, Retorne para 0 After Effects e edite ateficar satisfeito com 0 resultado. ~

arts BRASILI75

~ PHOTOSHOP • FLASH CS3

Arquivo: fargorta.psd Caminho:

Tutoriais-j>Edi~ao 1 -j>Web&New Media

li#iHIi#3#iM"iC1

PHOTOSHOP PARAFLAS'H

45 minutos

o

Paul Wyatt ensina a transferir sua arte do Photoshop para 0 Flash CS3 com a ferramenta PSD Importer, mantendo camadas prontas para receber anirnacao e interatividade

o designer e escritor Pa ul Wyatt e especializado em design da internet e animacao. Ele prcduzlu sites e arte animada para clientes como Smirnoff.

2 entertain, Fox e Sony BMG. Saiba mais em www.paulwyatt.co.uk.

.. Para usar no Flash

.. arquivos criados no Photoshop era necessario exportar enorrnes arquivos PNG24 all lPEGs e depois reagrupar tudo no novo trabalho, Com a chegada do Flash CS3, essa longa e dolorosa tarefa agora e 56 historia.

A nova versao traz a

Ierramenta PSD Importer, urna verdadeira mao na roda que pcrmite trazer arquivos PSD gerados no Photoshop diretamente para 0 Flash, com a vantagem de manter a lnformacao das camadas, Elas sao inseridas na linha do tempo do programa, coincidindo corn os originais do Photoshop, E possfvel ainda otimizar cada elemento da camada e manter 0 textos

76larts BRASIL

editaveis, As camadas podem ser selecionadas e convertidas para movie clips e nomes explicativos podern ser adicionados - tudo na caixa de dialogo Importer.

A vantagem e que carnadas convertidas para movie clips podern ter todos as poderes criativcs do Flash aplicados a elas. Assirn, voce pode usaf 0 tempo que econornizou ]]0 que realmente interessa, que e a qualidade final do trabalho.

Neste tutorial voce vai aprender a aperfeicoar suas camadas, criar movie clips e adicionar mteratividade de vfdeo para um site do filme The Far Gorta. Acornpanhe.

Tutorial e ltustracao por Paul Wyatt www.paulwyatt.co.uk

1 Preparar as camadas da sua arte no Photoshop antes de qualquer coisa econornizara seu tempo depois. Assim, passe par cada camada Phot.oshop para decidir 0 que sera convertido em movie clips e tarnbern as nfveis de otirnizacao [Optimization Levelsl. De names significativos para cada camada, ja que eles serao mantidos na irnportecao para 0 Flash.

---_ ... __
r.'I ~ ..I w....
Jia -1iIIII_
'" ;'I_k_ ~
'" H'ilpIO'"
.~ of
~ I ... ~ ..
~-- ~
"
.. ......... iI~_

s:I ...... ~ ... .-.._t ...... _l

2 Crie um novo documento do Flash e selecione File--7lmpart --7 Fargorta.psd [dispanivel no site da Revista Computer Arts]. Na caixa de dialoqo PSD Importer, selecione Convert Layers to Flash Layers e tarnbern as caixas Place Layers at Original Position e Set Stage Size to Same Size as Photoshop Canvas. 0 documento do Flash sera combinado ao original do Photoshop,

!!!l T T ...

__ IHIItott! ...

,,1iIiilOi] 0--

c ......... __ ..

5 Selecione Layers Optimization levels na caixa de dialoqo Publish Settings. A opcao l.ossless nao aplicara cornpressao a camada. Voce pode ainda selecionar Custom para inserir 0 nivel de cornpressao desejado. Para saber 0 tamanho do arquivo de cada camada e s6 clicar em Calculate Bitmap Size.

TUTORIAL I rn

c:tJId:~~to~

11) ::] "", ~ ~

11) ~ "" iii

11) ~ )-::;;:-- --.!OI-

~far'~1 1iwo!.ttMn.c;;.WYII.i OMmlp..._ ......... w,- ~ ®FlIDwd~Noe

® OUTRAS POSSIBILIDADES

a \ ) liIoellhr..-tr OYWIIrf ~.'!II.

1i'I~'~1'·"'·"'"

0-kia:ob..o'OY.tey

0~"

10 t I 111.Wfduo.:~

a] .....

Ii'I J"'"
13 ~hb>d~"'"
1<1 1-'"
1'1 ""'" -"""·r"'~ .:I

~tIOLlJ4l~Mtlno 0~ ~o ~dw..pcll ~~_ilUr.:

EJ"""."""«~~ 05-.t.-:~"-tG~",,~~(jD»:II6OfJ

7Quando as opcces para cada camada estiverem completas, clique em OK. A library ira mostrar seus novos movie clips. Agora cada camada do Photoshop pertence ao Flash, e esta completa com um key frame inicial. Voce pode entao aplicar Blending Modes do Flash, nuances au qualquer propriedade animada disponivel em 'seus movie clips. Crie uma camada de nome Video abaixo da Video Frame.

III
III J;=:]Ct~~~r;llpfot:tfol,"
1~IIr]I;,nnrfi':I= ",,---_1M
RIl_atklnl ~ig
.ill
:iI """""" ...
--, """ .:l
<iI ~i®LIM~ltltrIQ
11 0'''"'''''
.iI IC4IcUtlI~_1
I w 8APerte Ctrl+F7, trazendo para a tela a paleta Components; arraste a llustracao do

componente FLV Playback para dentro da nova camada com 0 nome explicativo Video. Em seguida, aperte Shitt-F? para selecionar 0 Component Inspector. Agora, no ContentPath, va ate 0 arquivo targorta.flv [disponivel na secao de tutoriais do site da Computer Artsl. selecione Match Source FLV Dimensions e posicione-o abaixo da imagem Video Frame.

-~......iiiiiiiii~,1 ~ ,:; .

1- ~ i.:.

Ls_-_-_·_··_- __ _.:==·=~:::-=I ~~ .• "

'~: ..

s " I!:::::-'JU I ...

-~.~ .. -

II play butt.on

'plll!ly_il1ov:l~_b'tn.onReleMe ., f'Unce:icm () {

video. pl5'V I) ;

);

9 Voce vera que um ActionScript foi adicionado, especialmente para selecionar seus botces explicativos. Aperte F9 para ver a c6digo completo no FLA finalizado, a

far _gorta_complete.fla. 0 c6digo mostrado acima especifica que, ao apertar 0 batao, uma tuncao video. play sera acionada. Essa mesma codificacac e utilizada em cada nome explicative de botao e numa acao diterente (play, pa use e stop], para controlar a reproducao.

e:J T 1II:u.n.o __ "" T

EJ f 1 .• n.I ....... CinuI.'_ T

Ii:] :r ~ ... , .. ~ ........... T

Ii:I T 'thor-

--

..

0.-1......,111 IWI'-'r "J

Ia~"""·"""'''''

EJIoI;"_. __ .~_~IODOAIOOI

3 Agora clique nas camadas e escolha os ajustes de irnportacao. Voce vai querer que seu texto continue editavel quando lrnporta-Io, entao Ctrl-clique em cada camada de texta para aplicar os ajustes em varies de uma vez so. Em seguida, escolha Editable Text no dialoqo Import These Text Layers as. Um leone [T] de texto aparecera a direita de cada camada.

Optb'aifllf1Ilgortehancl":
3!l A ~tHt:lIMgelllyeres:
~ Otllbroe!lm.l'I'lh~af.rt«1ltvIM
0FlattllnedblmapfrMge
iii
~ 00~6~"",~rf,Jl'INt~etr
r~"-';;:IINW1J1o:
j;< .. I!tI ReljHlretkn: ggg
ti.l
......" .......
""",,,,,,,,I .... , ';j
til ~0U>o_,,"""
.ill OClHtom: 4para adicionar urn efeito de filtro animado do Flash, assim como propriedades de cores e tons. e preciso converter as camadas do Photoshop em movie clips. Para tazer isso, simplesmente selecione uma camada e escolha Create MOVie Clip For This Layer. Voce tart-bern pode usar Ctrl-clique aqui.

6 Em seguida, adicione interatividade de video nas camadas onde estao os botiies. Coloque names em cada uma para que a Action Script possa seleciona-Ias. Escolha Create Movie Clip For This Layer e adicione os nomes play_movie_btn, pause_movie_btn e stop_movie_btn.

1 0 Agora voce deve OWQo~~IQ~' op.r.""."",,
ter um layout III -- " . ~IM:~""".'
III 1-- " O~ITIIQt"'lhtatail_"""
aperfelcoado com 0' .... ~~
9 .... "
elementos interativos 9,\ 1Iioo>jI~-Irjr""" " Oer...u ..... j ... lho ....
de video. Para '" In· l.o:.lI'lIoNl'ldl
terrninar, exporte seu .iJ~ ... ~ .J!
filme au veja 0 SWF OJ :....l~ "" .... _
·1--, ~-'-1
final no arquivo III .oJ ~t("LIIo~~
disponivel no site da ril .1 ..... G,.-o....., .e.
Ill""" " e.!.~L.I.u
Computer Arts,
fa r_g0 rta_
complete.swf. Voce ~ ......... """,t_. -1
pode adicionar mais 01'1D1oyoto .. --..I~
iJ ..... _· ..... __ -.._llllOClIjOj}
elementos interativos J::iD au colocar brilho e

tons animados extras nos movie clips do Photoshop. Fique a vontade, 0 PSD Importer do Photoshop CS3 tarnbern e util para pequenos elementos do Flash produzidos no programa de edicao de imagem da Adobe, que sao integrados numa paq.na HTML. ~

arts BRASIL 177

[it] I TUTORIAL

10 minutos

Toronto, no Canada, eja ganhou inurnercs prsrnlos de ilustracao, Seu ultimo livro lancado e Creative Photoshop: Digital Illustration and Art Techniques, 36Bp, Focal Press. Saiba rnais ern www.facalpress.cam

-+ PHOTOSHOP CS3

SMART FILTERS

Aplicar fiLtros a Smart Objects permite editar os efeitos em qualquer etapa do trabalho, sem alterar a imagem original em outra carnada, 0 designer Derek Lea mostra como

.. Voce dev~ sempre criar .. seus arquivos no

Photos hop do jeito mais flcxivcl possfvel, facil.itando modificacoes futuras, Para isso, use 0 maior ruimero de camadas, mascaras, Smart Objects e grupos que puder, Assim, voce pode editar cada componente com mais facilidade, sem afetar os demais,

A versao CS3 do Photoshop traz urna nova ferramenta para aurnentar ainda mais essa flexibilidade: as Smart Filters .. Eles permitern que voce coloque

fiitros em Smart Objects, tomando-os editaveis ern qualquer etapa do trabalho. Outra vantagem e que os Smart Filters podem ser facilmente rnascarados, possibilitando a revelacao do efeito em areas previamente selecionadas, alem de ajustar esses efeitos em areas diferentes da irnagem. Voce tambem pode mudar 0 Blending Mode e a opacidade de urn Smart Filter para compor diferentes efeitos na versao final da sua arte,

111 0 Photoshop ja permitia que filtros fossem aplicados a uma unica camada. Mas, se voce aplicar filtros ern Smart Objectos, as efeitas poderao ser sditadcs a qualquer momenta do trabalho. Selecione, no menu da paleta Layers, a camada desejada e antao escolha Convert To Smart Object

3 Para habilitari desabilitar a visibilidade do filtro aplicado, clique no leone do olho na coluna da asqusrda da paleta Layers - exatamente como numa camada normal. Com 0 Smart Object ainda selecionada, adicione Dutro efeito de filtro na ca mada. Voce pode apllcar varies filtrcs no mesmo Smart Object.

2 Quando voce converter a ca-nada,

... selecione 0 Smart Object na paleta Layers e escolha um filtro do menu Filter. Aqui foi utilizada 0 a Fittro Lens Correction para intensificar 0 efeito de vinheta em volta da imagem. Clique em OK para aplica-lo, Voce vera uma camada para 0 filtro na paleta Layers.

78!arts BRASIL

5 E passivel editar 0 conteudo do se. u Smart abject clicando duas vezes na paleta Layers, Voce tarnbern pode alterar qualquer filtro aplicada no seu Smart abject clicando duas vezes nele. Essa propriedade de editar eteitas de filtro a qualquer hora e muito util, Aqui, 0 efeito de fiLtro Glass foi aberto para edicoas tuturas. ~

4 Nesta etapa foi adicionado 0 iiltrc Glass. Novamente, quando aplicar a filtro, voce a vera na paleta Layers, ern baixo do Smart Object. CLique sabre 0 Smart Object para seteclor-a-.o na paleta. Em seguida, selecione tarnbern a mascara. Uma vez selecionada, a mascara pode ser editada para escander 0 eFeito do tiltro ern certas areas.

10 minutes

Dylan

Chan non foi designer

! editorial por quase 15 anos, e recentemente se envalveu no treinamento de designers para usar a InDesign. Seus artigos para a CA falam principalmente de design para irnpressao

e tipogralia

TUTORIAL I CJ.iI

~ INDESIGN

RECORTES SIMPLES

Esqueca as curvas Bezler, as canals alfa e as mascaras de corte. 0 designer qrafico Dylan Channon ensina como recortar imagens diretamente na pagina

.. Desde que 0 InDesign .. chegou ao mercado, os designers graficos passaram a depender cad a vez menos do Photoshop, e ainda menos do Illustrator. E, cada vez mais, novas ferramentas desses programas vern sendo incluidas a cada nova versao do InDesign. Agora, sempre penso duas vezes em abrir 0 illustrator se acho que as ferramentas de desenho do InDesign dao conta do service e me salvam de graficos com

links, ecouornizando tempo.

o Photoshop sofreu menos a canibalizacao do InDesign gra;;:as as novidades do Creative Suite, mas ainda hi algumas d:icas e truques no prograrna que farao com que 0 Photoshop fique cada vez

mais redundante,

Neste tutorial voce confere os segredos para criar, em segundos, recortes (clipping paths) de imagens diretamente nas paginas do InDesign em segundos, sern ter de encarar uma curva Bezier peJa frente,

1 A tecnica mostrada aqui e 6tima, mas inlelizmente nao lunciona com todas as imagens. Voce precisa de uma figura com um fundo de cores neutras e solidas. como branco au outra cor, porque a InDesign usa deteccao de limites de cores para cortar sua imagem. Se nao conseguir achar um limite claro, a recorte nao sera perfeito.

3 Ajustando a slider Threshold, voce po de escolher a cor que sera excluida do lunda, com 0 sendo branco puro e 255 preto. No exemplo, a ajuste em 30 laz 0 melhor trabalho para eliminar 0 lunda da imagem, mas ainda e possivel nota r algumas falhas. Mas nao se preocupe: ainda e possivel fazer um ajuste fino na area de corte, eliminando as irnperfeicoes.

Thtuhold; w-

Tolerance: 3.704

Inut Fram,,: a mm ~In ... e"

'= Im::Juce loslde Edges

2 Para ativar a deteccao de lirnites, selecione sua imagem e encha 0 lunda com uma cor brilhante. Escolha Object --;. Clipping Path do menu do InOesign. No menu Type, escolha Detect Edges e imediatamente voce vera as rnudancas, Pode nao parecer 6timo no corneco. mas voce pode ajustar as lerramentas para obter melhores resultados.

4 0 ajuste fino e leito com a a slider Tolerance. Um valor baixo deixara a corte mais perlo das bordas da imagem a ser cortada. Aqui foi usado 0 ajuste em O. Para resultados ainda melhores, experimente usar urn Inset Frame de 0.25mm, que re-novera espa~os brancos da ligura depois que voce fizer a corte.

5 E e isso, Voce criou um clipping path muito mais rapido do que se tivesse de usar a Photoshop. Salve 0 path e entao importe novamente a imagem. Voce pode sobrepor seu recorte num novo background, nesse case uma imagem de lolha. Alcrn disso , e passivel ajustar a imagem 0 quanto quiser. rnP

arts BRASILI79

1m] I TUTORIAL

,iiil:ig.Jli#3J.iHill.{C)

10 minutos.

Derek Lea mora em Toronto, no Canada, e ja ganhou in.imeros prernios de ilustrac;:ao. Seu ultimo livre escrito e 0 Creative Photoshop: Digital Illustration and Art Techniques, 368p, Focal Press. Saiba mais em www.focalpress.com.

~ PHOTOSHOP CS3

CRIANDO DROPLETS

Droplets sao rniniaplicativcs que executam funcoes repetitivas no photoshop, ajudando a economiz.ar tempo. 0 designer Derek Lea ensina a usar bem este recurso

.. Nao impo~ta, se voce quer .. converter inumeros arquivos de imagens de RGB para CMYK mudando tamanho de imagern, definicao, cor au ate mesmo exportando JPEGs da internet: lUI! droplet pode tornar a sua vida muito rnais simples.

Pense nele como uma aplicacao em miniatura, criada a partir de urn Action do Photoshop, E 56 arrastar urn grupo de arquivos para um droplet ja configurado, no desktop au. em qualquer ourra

1 Abra 0 Photoshop e aperte 0 botso Create New Action, localizado no canto inferior direito da paleta Actions. Nomeie a acao e escolha um set Igrupo de acoesl. Se a sua acao sera usada somente como droplet, nao e necessario especificar um atalho de teclado.

2 Aperte Record. 0 leone de qravacso na base da paleta Actions aparece habilitado. Em seguida, execute as operacoes que voce deseja repetir em outras imagens. Neste exemplo torarn ajustados as niveis de curvas, cor predominante IHue) e saturacao

80lafts BRA5~IL

pasta, para que as alfoes previamente gravadas sejam executadas em todos eles, Voce tambem pode criar droplets para fechar autornaticamente arquivos.

Eles podem ser criados

tanto em Mac quanto em PC, mas se estiver usando Mac, adicione .exe no final do nome de arquivo para que fund one tambem no PC. Se voce usa 0 Imagekeady, tarnbem e possivel criar droplets a partir da paleta Optimize.

3. Outra a~ao possivel e converter imagens de RGB para CMYK, para configurar as cores de irnpressao [essas operacoes estso sendo feitas apenas como exemplo, voce pode gravar 05 comandos que desejarl. Quando termi na r, clique no batao Stop na paleta Actions. Va ao menu File -7 Automate -7 Create Droplet.

, II

5 Clique em OK e feche 0 arquivo

_ existente no Photos hop. Va ate a pasta onde 0 droplet foi salvo e voce vera um leone parecido com 0 da itustracso acima. Para executar as acoes, e 56 arrastar um grupo de imagens ate esse leone e aguardar 0 trabalho ficar pronto. Facil e rapido.

4 Clique em Choose para nomear e especificar um caminho para seu droplet. No quadro de opcoes Play, selecione Set e Action. Se precisar, marque as caixas Override ou Suppress para que a sua a~ao seja executada adequadamente. S6 selecione a primeira se 0 comando incluir a acao de abrir imagens. Voce tarnbern pode especificar uma pasta de destino, mas aqui escolha Save and Close.

5Dnhar naD paga IPVA

Este livre, indispensavel para quem e apaixonado por carros, e recheado de historias que voce precisa conhecer para discutir a. fundo em uma conversa entre amigos. Escolha 0 seu e nso tenha medo de sonhar,

Pelo telefone 0800 55 76 67 ou no site www.livrariaeuropa.com.br

IU·Jii.

o

Arquivos: design_1.zip Caminho:

Tutoriais-e-Edicao 1 -72D&Photoshop

2 horas

gO

Danny Franzreb e Holger Grunwald sao designers do estudio ale mao Taobot, um dos maiores do pais. a estudio ja assinou trabalhos para Becks, EA, Jay-Z, Mercedes Benz e a Instituto de Tecnologia de Massachusetts IMITJ . Voce pode saber mais em www.taobot.corn

82!arts BRASil

~ DESIGN INTERATIVO PARTE 1 DE 3

CONCEITOS PARA A WEB

Na primeira parte deste curse sobre projetos de design,. Danny Franzreb e HoLger GrUnwaLd mostram como usar 0 Photoshop para dar forma aos seus esbo90s

.. Nesse primeiro curso de _. Photoshop, os designers Danny Franzreb e Holger Grunwald, do esnidio Taobot, da Alemanha, van guiar voce pelas principais etapas que devern ser consideradas quando se faz 0 projeto de interatividade de urn website visualrnente apelativo.

Para cumprir a tarefa, a dupla partiu da ideia inicial de criar urn projeto de interatividade para urn site de carros superesportivos. E acrescentou dois problemas que sao comuns na vida dos designers: 0 ponto de partida e 0 nada _ nao ha material disponivel para se cornecar 0 trabalho _ e 0 tempo e escasso.

Assirn, criar esbocos e rafes, usando lapis e papel, e muito util nessa situacao. Desenhar e uma

tecnica principalrnente usada pelos designers no storyboarding para design de animacao e impressao, mas tambem pode ser de grande ajuda na criacao de projetos i nterati vos,

Os rascunhos sao usados para mostrar os primeiros conceitos aos clientes, pois pode-se mostrar o layout e a interacao de certas areas e ajudar a passar 0 briefing com mais eficiencia em cada etapa para fotografos, produtores e prograrnadores.

Na primeira parte do curso, voce vat aprender a criar rascunhos a partir da ideia inicial e depois finaliza-los no Photoshop,

TutoriaL e ilustracae por Taobot www.taobot.com

1 Comece rabiscando sua ideia no papel. Nesse case, cornecarnos com 0 objeto prncipal, um cerro. Fazer varies desenhos com diferentes nivels de detalhes ajuda bastante. Experimente usar papel vegetal para sobrepor seus rascunhos e adicionar mais detalhes em camadas dlfcrcntes,

.J
_J
'" .,
,
.....
t L jL_
v 2AgOra trabalhe nos detalhes,-como as sombras nos far6is do carro e 0 fundo. Voce prscisara ter tres frames atras do carro. Cada um teve estar num cenario diferente. que 0 usuario devers escolher ao visiter 0 site. Nao use a mesmo nivel de detalhe nos palneis, senao voce tirara a atencao do carro,

( r ..
re
i'
r
r
r G~1l1
r 0.,.." 3 Se ja gostou dos seus H=t=D=,-"""_"_

desenhos. .• D -":::__ Q

escaneie-os, abra-os no

Pholoshop e traga tad os

para 0 mesmo arquivo. Se preferir. use 0 arquivo sketch_start.psd do site da Computer Arts. Essearquivo contern todos os scans posicionados corretamente.

CURsolDll

SCAN 12

SCAN u

_os_:"~

,. DETAll5

D SCAN 09

D SCANDa

o SCANO'7

... IiASICS

DSCAN06

4 Para posicionar todas as camadas perfeitamente. voce preeisa ajustar 0 Blending Mode de cada camada para Multiply. Desse modo voce podera ver os contornos pretos de tad as as camadas ao mesma tempo. Voce achara essa opcao selecionando Layer ~ LayerStyle ~ Blending Options.

L.iH~

® INSPIRACAO INSTANTANEA

5 Cr. ie um Adjustment Layer para os Levels e outra para Brightness/Contrast de cada camada escaneada. Faca isso com as Levels selecionando Layer ~ NewAdjustment Layer ~ Levels. e para 0 Brightness/Contrast seLecionando NewAdjustmentLayer ~ Brightness/Contrast. Marque as Adjustment Layers como Clipping Masks selecionando Layer ~ Create ClippingMask. para que s6 afete a camada de desenho que esta diretamente abaixo.

attsBRASILis3

lIiDlcURSO

,.: PHOTOSHOP I

~
Inpl,Il i.1I\!e~l: ~
[ 1 I ~
~
~
f'9l Jl.2il IlO9l ( Optltms ..• )
Out;,lur lJ!VlI~7 1,.1 ..... 1 ... 1
~Proi"Vrrw 6 Agora modifique todas as camadas com a ajuda dessas Adjustment Layers ate que a cor escura de todos os contornos esteja em sincronia, Tente fazer 05 contornos 0 mais escuro que puder, mas pare quando cornecar a perder detalhes importantes dentro deles, Nesta etapa do trabalho. quanto mais definido ficar 0 seu contorr o. melhor. Nao se preocupe cam eventuais manchas e pantinhos que possam aparecer. Eles serao removidos com facilidade mais adiante no processo.

Laver PfOpen:ll!!s ...
Layer Style ~
Sman FlIEer
New Fill Layer ~
New Adju5-tme.nt Laver •
Cha.ng~ Layer Content •
L1ytr Content O~M)ns., ..
VenoriMask ~ Hid. All
Create CUpping Mask ,KG gevea! gelecnon
Smart Objects • Hlde S.I.<fIOI\
Tvpe • Delete
Baatertze • Aj>plv
New Layer Based Sltce
Group Layers KG
Ungroup laYCII"S i}XG
Hide Layers
Arrange •
Align Laveif'!! ToO Selection •
Ds.wbu1e Lock. AI Layers In Group ... Unk Layers ~1112([ Unkl!:d layer.§:

Merge Clipping Mask ME

Merge Vi-slbfe >fr3eE

Flauen Image I ;::, __ ~;~~~'itliI!'

Malting .. t

"~~D"""""'--

.~ltD""'·

D.I.:A!LO>. '~~D""==.~IiD,""I'

D·~

·~[jD~

iii ~,,~,,~-

iii 0 """lIIl.

Iii '~IliD-'a....

L_ ~

iii .~IIID ", .. ,. Ii' 0 SI04tlAl.

I' ~ """<CANs

7APliqUe mascaras para todas as carnadas escaneadas

._ selecionando Layer -7 LayerMask -7 RevealAll, para que voce rernova qualquer detalhe indesejado, como ruidos e manchas. Agora selecione um pincelleve de cor preta e desenhe dentm das mascaras, ate licar satisfaito com a rssultado.

--

8 Se voce quer enfatizar ou adicionar mais detalhes para certas areas do seu desenho, desenhe-as agora e leve-as ao seu arquivo do Photoshop, repetindo as tecnicas dos passes 3 a 7, Na imagem aeima voce pode ver uma amostra de como os detathes podem Fazer a diterenca no seu projeto - mesmo que, par cnquanto, eles sejam apenas rascunhos a lapis escaneados para 0 Photoshop,

84[arts BRASil

'~ID-' D,......

'~IO::=:: 'IiiI'DD~-

,!!;lID·_ ;mID-' - Ol'.~

9selecione um pineel natural e va a paleta Brushes para rnodificar sua apa-sncia em detalhes. Fique de olho nas opcoes Shape Dynamics e Dual Brush. Voce pode usar um mouse, mas recomendamos um tablet e caneta, para que voce tenha todas as opcces de estilo de contorno e possa contralar possiveis opcoes com a pressao .. 1550 0 tevara a um resultado mais natural,

cURsolDI!l

D 'nR£F!tOllir

"I..::::l INTE~E'lJtI; OrtAlU

D IlACI!; STROW ------ ~

D SUoTS ANO GlOW

... o£tAIU

D !LACJ(STROKES ~----;, D FRONT AND LAM'

1 0 Quando voce tiver selecionado um estilo de contorno, crie uma nova camada e comece desenhando uma cor de superffcie que defina sutilmente um equillbrio entre branco e preto. Foque apenas 0 aspecto global do seu desenho. Tente nao pensar muito em detalhes complexos nessa etapa, pols eles sao desnecessarios. Em vez disso, concentre-se em criar uma direcao geral para a sua imagem no contexto desejado.

12 Voce pode notar que algumas partes enfatizam muito certas areas. Para corrigilas, simplesmente erie urna nova camada acima da que contern a parte que voce quer remover e desfaca contornos feitcs, desenhando acima da area com um pincel branco. Nesse esse, corrigimos aroda da frente.

11 Agora, comece a desenhar os detalhes que adicionarao caracteristicas especificas para a ilustracao final, usando quantas camadas novas farem necessaries. 0 que voce deve ter em mente nesta etapa e que detalhes diterentes psdirao tamanhos dilerentes de pincel e/ou de estilos, Lembre-se de que ainda nao e hora de sofisticar.

3 5inta-se livre para adicionar quantos elementos quiser ao seu desenha. mas lembre-se de que deve usar urn estilo menos detalhado e urn pineel mais grosso para colorir essas partes, para que voce nao perea a fa co do seu objeto principal. que e inserir a carro num contexto de anlrnacao que sera programado depois par um desenvolvedor web. Aqui. foi adlcor ado ao leiaute 0 lundo e frames com diterentes cenarios. com as quais voce vai trabalhar na proxima parte do curso. Voce achara a versao final. sketch_final.psd, completa com todas as camadas, no site. ~

alts BRASIL\S5

Arquivo: paisagem.zip Caminho:

Tutoriais-7Edi((aol-7 30& Anirnacso

Mais de 3 horas

Pete Draper, artista de CG com mais de 10 anos de experisncia na area, e chefe do time de efeitos visuais da Lightworx, um sstudio de producao e efeitos visuals de Bristol, Reina Unido. Para saber mars va para www.xenamorphic.co.uk

861arts BRASIL

~ 3DS MAX PARTE 1 DE2

A.

'PAISAGEM D:INAMICA

Na primeira metade deste curso, voce descobrira como criar um cenario repLeto de desfiLadeiros, vaLes e barrancos e preparar projetos animados e interativos

.. l-Ia varies programas

~ designados somente para criar efeitos naturais, Mesmo sendo de qualidade, muitos deles cos tum am ser metodicos demais

e nao of ere cern controle artfstico de elementos como fragmentos, erosao e arquitetura de terrenos. A primeira metade deste curso consiste na criacao de um modelo basico de paisagem dinamica atraves de modelagem procedural e refinamento automatizado da malha. Tudo isso sera feito antes da utilizacao da ferramenta Collapse e da piutura manual dos refinarnentos - feita com 0 kit de ferramentas de pintura de deforrnacao do 3ds Max.

Para adicionar refinamentos e detalhes extras, a malha sera refinada proceduralrnente,

dependendo do detalhe de deformacao, Normalmente isso nao e feito, mas com uma combinacao de modificadores adicionados ao conjunto, e possfvel usaf essa ferramenta para assegu.rar que 0 refinamento da malha so seja feito em areas que precisarn dele, 0 qne dirninui o tempo de renderizacao,

Na pr6xima edicao, os detalhes do cenario serao ajustados com simulacoes do Reactor, para distribuir rochas realfsticas e sistemas de partfculas por meio da insercao procedural de pedras menores sobre a superficie do

am biente. Tudo sent preparado antes de tcxturizacao, iluminacao e ajustes de qualquer efeito volumetrico, para sirnular profundidade de ambiente.

Este cursu e bern pesado em materia de polfgonos. Por isso, serao usadas as tecnicas de refinamento de rnalha j8. mencionad.as. Se voce possui

uma maqui na com pouca memoria, pode mudar ou remover o mirnero de rnodificadores Meshsmooth na pilha Modifier para prevenir quaisquer instabilidades. Mas lernbre-se de que, depois da fase de modelagem, sera usado Collapse na rnalha. A pintura em malha detalhada tarnbem pode ser muito devagar, dependendo da GPU e do driver: e recomendado 0 usa do DirectX ou de drivers de software, jii que, nesse caso, 0 OpenGL nao e uma boa escolha.

Tutorial e llustracao per Pete Draper www,xenomarphic,co,uk

cURsol[]1l

1

Ajuste initial de defDrma~ao

1 Para criar um cenario convincente, primeiro e precise estudar como a natureza forma as rochas. Usando seu sistema de busca favorito, procure par 'Monument NationaL Park': e um bom exemplo que serve de base para a desenho das rorrnecoes rochosas. Note as efeitos erosivos e as forrnacoes do tipo 'pilar', distribuidas entre Iorrnacoes menores.

_ _."r_.

li:""._ '':.:~~ ...... ~I.

""'ror-~r ..

;~r:=:~;:

~ ... --

4 Adicione 05 modificadores r_ ....

Volume Select, MeshSmooth. Mesh Select e Displace. No modificador Volume Select, ajuste a Stack Selection Level para Face, Selection Type para Crossing e 0 grupo Surface Features para Texture Map, No modificador MeshSmooth, desligue Apply to Whole Mesh. Em Displace, ajuste

a Displacement Strenght para 25 unidades.

7 Ajuste Color 1 para branco e Color 2

.. para preto, com Saturations do Calor 1 para 80. De volta ao mapa Output, abra a janela Output, habil.ite Enable Color Map e desenhe a curva Color Map como ilustrado acima, separar.do as areas brancas e pretas do mapa Perlin Marble, Isso cria a efeito de peqadas, Copie a mapa Output para 0 espaco Map no rnodificador Displace.

2 Depois de estudar a material de reterencia, carregue 0 cenario badlands_start.max, que voce encontrara na secao de tutoriais do site da revista Computer Arts. Nao se esque~a de aceitar todas as unidades de carregamento do cenario, e de usar unidades padrao do 3ds lv1ax na modelacao procedural: se voce ajustar de modo diferente as unidades de cenario, pode obter resultados diferentes.

5 0 modificador Volume Select direcionara 0 refinamento de malha utilizando um mapa de textura desenhado depois da textura Displacement lele utilizara 0 mapa Displacement em seu proprio mapal, selecionando as faces relevantes para que so as laterais do deslocamento sejam refinadas, a Mesh Select e adicionado para que 0 objeto Plane inteiro seja deslocado: aquela selecao de sub-objeto e ut.lizada apenas no refinamento da rnalha.

8 Num espaco de material adjacente, erie urn novo mapa Output e nomeie-o 'Wide Refine'. Copie 0 mapa Wide Displace dentro do novo espaco lv1ap do mapa Output. Abra a janela Output do mapa Wide Refine, ligue 0 Enable Color Map e desenhe a curva resultante como mostrado acima, transformando quaisquer areas escuras au elaras em preto e meios-tons em branco, Copie essa arvore de mapa para 0 espaco Texture Map no modificador Volume Select.

3 No cenario inicial hil urn plano prirnario IPlanei. localizado no meio da figura. Eo ponto de partida, que sera usado para deformar e depois refinar: Varies segmentos foram inseridos para permitir que isso sejafeito. Primeiro e preciso adicionar as bases para 0 refinamento autornatico de malha.

6 Abra a MateriaL Editor e adicione um mapa Output para a primeira espa~o de material. Denomine-o Wide Displace, Adicione um mapa Perlin Marble no espaco Map do mapa Output e nomeie-o Wide. Ajuste a Source para EXplicit Map Channel, Size para 2 e Levels para 10. Ajuste 0 U Offset para 0.5 e V para -0.6, reposicionando a mapa.

9 Em Modifier, selecione os modftcadores Volume Select, MeshSmooth, lv1esh Select e Displace; copie e cole-os, Assegurese de que os modificadores estao coladas no topo do modificador Displace e na mesma ordem original, assim como estso aeima. No lv1aterial. Editor, capie as dais rnapas Output. Renomeie-os 'Mid Displace' e 'Mid Refine', de acordo.

arts BRASILI B7

[5[] I CU,RSO

'-,305 MAX

10 Renomeie 0 submapa Perlin Marble para Mid, ajuste a Offset para -0.03, Color 1 Saturation para 60 e Color 2 Saturation para 1. Capie 0 mapa Mid Displace no espa~o Map do mapa Mid Refine. Copie 0 mapa Mid Reline no segundo modificador Volume Select eo mapa Mid Displace no segundo modificador Displace. Melhore a curva do mapa Output como ilustrado.

13 Renomeie 0 submapa copiado Perlin Marble para 'Inner'. Ajuste 0 Offset para -0.06 e 0 Color 1 Saturation para 40. Copie 0 mapa Inner Displace dentro do espa<;o Map do mapa Inner Refine. Capie 0 mapa Inner Refine para a terceiro modificador Volume Select e 0 mapa Inner Displace para 0 tcrcciro rnodficadcr Displace. Ajuste a curva Output do Inner Displace e a Strenght de Displace para 20.

16 Agora adicione um modificador Noise a pilha. Habilite Fractal e ajuste 0 valor Roughness para 0.4, com 10 de Iterations, Ajuste 0 Z Strenght para 5, adicionando derorrnacoes simples a geometris. Salve 0 cenario como um novo arquivo. Em seguida, clique com 0 botao direito no objeto e use Collapse para Editable Poly, 0 que facilita a rnodificacao.

11 Ajuste 0 Displacement Strenght para 50, criando uma face de rocha mais alta. Mexa na curva Output do mapa Mid Refine como ilustrado, refinando corretamente a geometria da lateral deslocada. Voce pode desabilitar 0 modificador MeshSmooth enquanto faz isso para acelerar quaisquer atuallzacoes, monitorando tudo no modificador Volume Select.

14 Copie a mapa Inner Displace,para

- um novo espaco e norneie-c Cap Displace'. Ajuste a curve Calor Map para criar um topo de superficie mais curvado. Renomeie 0 submapa Perlin Marble para 'Cap'. Ajuste 0 W Offset a -0.3, Size a 2 e Color 1 Saturation para 10. Adicione um novo modificador Displace, ajuste Strenght a 20 e copie 0 mapa Cap Displace para a espa~o Map do modificador Displace.

17 Se voce usar um modificador Edit Poly, podera manter a pilha. Porern. em qualquer refinamento de poligona, a pilha iria haquncar a malha [mas voce ainda teria controle sabre a deforrnacecl. Mas neste tutorial e para facilidade de usc, iS50 pode ser feito. Salve 0 cenar.o com um novo nome de arquivo para que voce nao substitua acidentalmente 0 originaL

12 to: hera de adicionar algumas detorrnacoes de superficie. Na pilha Modifier, selecione 05 ultirnos modificadores Volume Select, Mesh Smooth, Mesh Select e Displace. Copie ecole. Assegure-se de que os modificadores estao coladas acima do ultimo modificador Displace e na rnesrna ordem original. Em Material Editor, capie os dois mapas Output de 'Mid' -e renomeieas 'Inner Displace' e 'Inner Refine'.

88Iar.tsBRASIL

15 Em seguida, iremos adicionar Noise para separar qualquer uniformidade do terreno nao deslocado, restringindo-o a essas areas. Adicione um modificador Volume Select para a pilha e ajuste 0 nivel Stack Selection para Vertex. Habilite Soft Selection e ajuste 0 valor Falloff para 3~. Reposicione 0 modificador Gizmo na Left ou Front Viewport, como mostrado acirna.

18 Em seguida, abra a janela Editable

_ Polye navegue atE! a Paint

Deformation, Aqui estao 05 controles basicos de pintura de deforrnacao: outros controles podem ser encontrados clicando no botao Brush Optior s. Se voce tem uma mesa digitalizadora sensivel a pressao, e a hora ideal de dese-iterra-Ia e ajustar as opcoes de pintura manualmente.

CURsol~

2 2· Use urn pincel maior para juntar as

. forrnacoes exteriores e i nteriores

nas deforrnacoes centra is, estendendo as fissuras de aqua dentro das areas rnais planas e criando deforrnacnes alternadas - um lado Driginando de uma formacao de rocha que estica para dentro, depois uma de outra, e par ai vai. Para adicionar detalhes extras a face da rocha, use um pincel de tamanho medic e sutilmente puxe a geometria, trabalhando desde ° topo.

2 3 Termine utilizando a ferramenta Relax, removenda qualquer estreitamento: agora a ceria ja esta bem deformada. Mude a Push/Pull Direction para 0 ajuste Z e, com urn pincellargo, corra pelas areas de interesse nomeando forrnacoes de rocha, como pinturas de deforrnacac adicionais que voce colocou no topo dos penhascos. Confira a detorrnacao geral venda 0 cenario

de lange.

19- Agora adicione efeitas de erosao no topa da figura, simulando quedas d'aqua: pegue a caminho de menor resistencia e faca uma abertura lateral para fora do penhasco. Use urn pincel de tamanho e valor pequenas [aqui fai usada a prntura de deforrnacao Additive, do painel Brush Options), clique em Push/Pull e comece a pintar. Segure Alt, empurrando para a malha.

o. - ~ - .. :

,. -

2 0 Eo recomendado 0 usa de Deformed

. Normals como dire~ao do Push/Pull, mas escolha 0 que achar melhor. Comece com ccntornos suaves no tapa do penhasco para baixo, criando divisoss suaves enquanto aumenta gradualmente 0 tamanho do pincel e a pressao, Nao tente tazer issa usando urn contorno grosse demais, e tarnbern nao se preocupe em estreitar algumas areas curvadas da malha agora.

~_j

Iterations: rr--- _;J

21 Quando criar a corte dentro da face da rocha ate 0 chao, continue (orlando dentro da geometria. mas use urna deforrnacao rnais suave, espalhando gradualmente. Depois, use um pincel menor eerie linhas de divisoes nos pontes de passagem de agua que sumam gradualmente. Faca estreitamento de malha se quiser. Use as ferramentas Relax e Revert de modo suave nos estreitamentos.

2 4 irnportante usar referencias naturals se voce quer que sua paisagem parsca real. entao nao deixe de conferir seu material durante todo 0 processo. Para ajustar as fissuras e deixar a pintura mais realistica, adicione um modificador Push e ajuste 0 Push Value para 4. 1550 cria mais problemas de estreitamento, mas eles podem ser facilmente consertados com a adicao de urn modificador MeshSmooth, ajuste sua Iterations para 2 e o valor Smoothness para 0.95, funcionando somente em casas extremas. Finalizando, adicione urn modificador Relax, suavizando quaisquer problemas finais. Na proxima edicao. sera feita a texturizacao e a ilurnir-acao do ambiente, alern de adicionar rnais detalhes como flora e volurnetricos, coLocando profundidade e escala. ~

artsBRASILis9

Sanna nukka

Com trabalho essencialmente colorido e iconoqrafico, inspirado pelo folclore finlandes e pela vida selvagem, a artist a se destacou depois da criacao da arte do album Under the Iron Sea, da banda inglesa Keane

Par Nathalie Falco, com reportagem de Ed Ricketts

90lafts BRASIL

o trabalho de Sanna Annukka para 0 Keane: gosto por padriies multicolorido.s

ilustradora

britan ica/finlandcsa Sanna Annukka ainda nao bavia terminado sua graduacao no curso de ilustracao na Universidade de Brighton, na lnglaterra, quando seu trabalho extremamente colorido e iconografico chamou a atencao dos integrantes da banda Keane. Chamada para cri ar a arte do segundo album da banda, Under the Iron Sea, nao parou mais de emplacar trabalhos, E agradou tanto que acabou assinando com 0 estiidio de design Big Active, famoso pelos trabalhos na area Ionografica e responsa vel pela producao do album do Keane.

A artista de 24 anos nasceu em Brighton, mas gracas a sua ascendencia finlandesa, passou sua infancia entre os dais pafses, "Todos os anos visitava minha mae em Paltaniemi, uma cidadezinha proxima ao Cfrculo Polar ATtico", conta. Gracas a essas viagens constautes, desenvolveu grande paixao pelo folclore finlandes, "Uma das minhas maiores influencias sao as cancoes epicas conhecidas como Kalevala, Sao quase magicas", revela,

Recentemente, voltou a Finlandia, sern esquecer sell inseparavel caderno de desenho, e explorou bosques e

florestas na regiao onde passava as ferias quando crianca, "Desenhei cada fJor e folha diferentes que encontrei. Minha familia tern

o mesrno processo de criacao ate quando trabalha com ferramentas como o Photoshop ou 0 Illustrator, com cada car numa camada diferente,

----------------------------

"Faco esbocos desenhando, com tmta, muttos padrces em folhas de papel separadas, Depots, escaneto cada um deles em camadas distlntas. Cada cor fica separada, como na serigrafia. It 0 meu [eito favor-ito de trabalhar,"

----------------------------

aquelas casinhas de madeira adoraveis, era como viver em urn canto popular, poder audar sern destine par Ia foi maravilhoso porque reavivou minhas memorias de infancia, Decidi, entao, que esse universo tinha de ser incorporado ao men traba Iho" .

Esttlo pr6prio

Annukka terminou sua graduacao em Brighton em 2005. Durante a curse, desenvolveu uma paixao pela tecnica da serigrafia. Tanto que lisa

Foi justamente uma das irnpressoes de uma serie que chamou de Maiden. que reline personagens folcl6ricos, que chamou a a atencao do Keane, e que a levou ao trabalho de arte para 0 segundo album da banda (veja 0 quadro nesta pagina), 0 projeto teve a direcao de arte feita par Richard Andrews, da Big Active, que imediatamente assinou com a artista,

Mesmo depois de ficar em evidencia com 0 trabalho para a Keane, Annukka ainda pensa nela mesma COmO lima artista romantica e procura nao falar »

aftsBRASILi91

o trabalho de Sanna Annukka Ii fortemente influenciado pelo folclore finlandes. "Dei duro para desenvolver

o estilo."

92lafts BRASIL

» muito de trabalhos cornerciais. EJa tambem nao faz apologia ao seu olhar difereuciado. "Trabalhei duro para criar 0 meu estilo", afirma. "Nao tenho urn milhao de estilos diferentes para adicionar a projetos cornerciais, e espero que fiquem felizes com i880."

De fato, 0 que Annukka menos quer fazer e deixar de lado sua maneira tao particular de eriar. "Muita genre diz que adora 0 mel! trabalho, mas me pede para fazer erial' alguma eoisa de uma maneira diferente. Nao quero fazer iS80, ou bem seletiva com os trabalhos que eseolho. Nao ilustrarei nada, a nao ser que tenha a vel' com meus outros trabal hos," decreta.

Claro, muitos artistas novos tentararn tracar 0 rnesmo caminho ate descobrirern que e quase inevitavel render-se a filosofia

o trabalho publlcado na revlsta de design Dutch Discoverer

"adapte-se e sobreviva", Mesmo assim, Annukka acredita que seu modo de trabalhar pode er sustentado a longo prazo, "Precise ter certa liberdade durante os trabalhos, e nao ter que mudar 0 meu jeito de criar para conseguir trabalho", diz Annukka.

No entanto, isso nao quer dizer que a artista e inflexfvel, Ela mesma reconhece que outras opinioes podem ser de grande valia. "Isso me ensina como incluir novos

me chamarao para milhares de trabalhos e que gostarao de tudo 0 que eu fizer."

Urn exemplo disso foi urn grande projeto de design de produto criado para um produtor de leite, e que foi jogado no lixo pelo contratante, "Meses de trabalho arduo com a agencia de amincios com a qual estava trabalhando foram pelo ralo," conta, garantindo nao ter magoas,

Quando perguntada sobre como lida com a pressao, revela que nao fica a

"Amda quero que meu trabalho seja objeto de colecionadores. Fui contatada pela IKEA, uma empresa que masstftca objetos de design para decoracao, e pensei: de jeito nenhum!"

tenias e me adaptar a ideias diferentes. Para urna pes oa como eu, que praticamente vive dentro de uma bolha, e rnelhor ainda."

Annukka revela que nao possui um grande mimero de clientes fixos ainda, e acredila que 0 sucesso sent conquistado depois que obtiver credibilidade na area. Nern todos os seus projetos progrediram da maneira astronomica como 0 trabalho para 0 Keane. "Claro que nada dura para sempre; esse sucesso nao quer dizer que

vontade. "Sou rnuito critic a sobre minha arte, e posso passar bastante tempo pensando em como melhorar certas coisas, Tenbo que me lembrar de desencanar urn pouco e nao me sentir como se tivesse criando uma obra-prima a cada novo trabalho, mas a pressa me angustia."

Essas consideracoes, porem, parcem menos importantes quando Annukka fala de seus projetos pessoais, E 0 plano e montar urn estudio de serigrafia. "Precise fazer rninhas proprias coisinhas em vez de

ficar sempre no computador. Senao sinto minha minha ficar anestesiada."

Como toda artista em inicio de carreira, Annuka ainda pensa em sua arte como objeto de colecionadores. "Fui contatada pela lKEA, uma empresa de origem sueca que produz em grandes quantidades objetos de design para decoracao, e pensei, de jeito nenhum!"

o futuro

o primeiro projeto pessoal de Annukka e uma serie de 15 telas impress as baseadas nas miisicas e poesias do epico finlandes Kalevala. Enquanto isso, cola bora com 0 designer de j6ias Giles Reeve. "E uma colecao que inclui meus personagens folcl6ricos numa cornbinacao de varios metais." Annukka tarnbem pensa em fazer tres telas de edilfao lirnitada, urna especie de continuacao do trabalho do Keane, a venda na parte de impressoes da Big Active, Product of God.

Alem disso, um livro infantil de ilustracoes tarnbern est a nos planos, "Quero que agrade adultos e criancas", sonba. Algo mais? "Tenho mais urn bilhao de ideias, que VaG durar ate os meus oitenta anos." ~

URL www.sanna-annukka.com

artsBRASILI93

arts www.computerarts.com.br

No site da Computer Arts voce encontra as arquivos usados nos tutoriais da revista, confere trabalhos de artistes na secao Galeria e muito mais. Veja como acessar e participar

.. TUTORIAlS

.. GALERIA

Aqui voce encontra os arquivos para praticar todos os tutoriais publicados na revista impressa. Eles estao separados per edic;:ao e, dentro de cada edic;:ao, nas categorias 2D&Photoshop, 3D&Animation e Web&New Media. Veja 0 guia completo dos tutoriais nas pr6ximas pagi.nas.

Reune ilustracoes, imagens e videos dos artistas que enviaram os seus trabalhos para a Computer Arts. Participe voce tarnbern, Basta cticar em Mande 0 Seu Trabalho e seguir as instrucoes da paqina,

.. REPORTAGENS

.. RECURSOS

Leia, em primeira mao, uma reportagem da edic;:ao que esta nas bancas e consulte os destaques de edicoes anteriores.

Nestasec;:ao voce encontra bancos de imagens, fontes, ad-oris e plug-ins para melhorar ainda mais 0 seu trabalho .

ErlQUHE

.. FORUM

.. BLOG

.. CONTATO

As noticias que chegam a redacao e todes os acontecimentos do mundo do Design e ilustrac;:ao serso destaques no Blog. Entre e comente a vontade.

Entre em contato com a redacao da Computer Arts. Sua mensagem e muito bem-vinda.

"HOllE

~ rUTORIAIS

-------~

-+BLOG

--------

-+FIILE COUOSLO

.... F I)RLIM

-------

..... REF o I':T ".(. E tl":-

"lIUTR"'~ r·UE LI~Jl,t,.tiE~

Ratatouille - as receitas de renderizac~o a luz da Pi~ar para deixar designers com aQua na boca,

Tutoriais - scuarala no Photoshop, patterns no Illustrator, animacao abstrata no Cinama 40 a muito mais.

r N80

Um espac;:o para voce discutir tecnicas de ilustracao, softwares, hardwares e 0 que mais quiser. Use a vontade, este espac;:e e seu.

eusce no site: digit e e pal.v,.

I

---------_._--_._-_ ... __ .. _ ... _. __ ... _-_._. __ . __ .. _-_.-------~-·---·"-"···--···---·····---I

Vod! gostnu do site? r Sim

Conhec;:a as outras revistas da Editora Europa.

Arts em EQuipe - participe de coletivos de design e melhore sua criatividade e seu trabalho.

r M.is ou me no.

...

Yer resulted Q oardol

.. OUTRAS _ PUBLlCAC;OES

Photoshop - Efelto Aquarela i Aprende 0 trebelher com sobreposiceo de cores e rnisture de tonalidades, efeitos tfpicos de pintura II' em equarele, finelizendo tudo no Photoshop e obtendo urn resultado muito proximo dos artistes do !

pine.1. 'I

vela maL. programu

................. - _ ,,., ,. •......... " " ,. ,

94ll"fts BRASIL

Veja como baixar as arquivcs dos tutoriais desta edicao

CHAVE PARA DOWNLOAD: DESIGN

-

TUTORIAlS ~ EDICAO 1 ~ 20 & PHOTOSHOP

CONCEITDS PARA A WEB

Na primeira parte do curse sabre projetos de des.ign. Danny Franzrebe HoLger Grunwald falam sobre design interativo e as vantagens de se criar esboces com nada mais do que lapis e papel

EFEITD AaUARELA

Aprenda a trabalhar com sotrreposicao de cores e mistura de tonaUdades, efeitos tipicos da pintura em aquarela finalizando tudo no Phot.oshop e obtendo urn resultado muito proximo des artistas do pincel

PADROES CRIATIVOS

Derek lea ensina como ilustrar desenhos utilizando texturas de veto res no IUustrator, e armazenando figuras que ficarao disponiveis na paleta Symbols apos 0 tutorial

TUTORIAlS ~ EDICAO 1 ~ 3D & ANIMACAO

PAISAGEM DIN,A.MICA

Saibacomo transformar um cenario plano em uma paisagem dinamica utilizando modelagem procedural e refinamento automatizado de maLha, tudo com a ajuda de Pete Draper, chefe de efeitos visuais da lightworx

MDVIMENTD ABSTRATO

Adicione efeitos em animacdes do Cinema 40 com 0 After Effects aproveilando 0 sistema de integra~ao dos dois programas. Justin Maller explica como

TUTORIAlS ~ EDICAO 1 ~ WEB & NEW MEDIA

PHOTDSHDP PARA FLASH

Misture as tecnicas do Photoshop e do Flash CS3 usando a nova ferramenta PSD Importer, e acrescente anirnacao e interatividade a sua arte

Photoshop para Flash

Paisagem dinarnica

M.ovimento

artsBRASlli95

Aqui, mais trabalhos dos artistas que foram destaque nesta edicao

GALERIA ~ EDU:;:AO 1 ~ IMAGEM & ILUSTRACAO

Bishbo www.bishbo.com

A Bishbo e uma pequena empresa de design de Londres. Seus criadores, Jack e OLLi, adoramfazer arte para seus clientes ou somente per dlversao. Veja uma amostra do portfolio da dupla na galeria de imagens da Computer Arts.

GALERIA ~ EDI~AO 1 ~ ViDEO & ANI MACAO

Via Grafik www.vgrfk.com

o coletivo Via Grafik foi criado em 2003, na Alemanha. 0 grupofazquasetudo:de design de irnpressao a anirnaeao e design de interiores. Confira um video feito pelos caras para a MTV na secao Video & Anima~ao do site da revista Computer Arts.

Confira uma selscac de imagens vetoriais, um conjunto de pinceis para 0 Photoshop e o software Stitcher 5.6, para criacao de imagens panorarnicas

RECURSOS ~ EDICAO 1 ~ BANCO DE IMAGENS

ESTOOUE DE IMAGENS VETORIAIS MAC E PC

Veto res do Go Media

Adicione ousadia aos seus trabalhos com as imagens vetorizadas do Go Medi,a

Ouando se tem pouco tempo ou se precisa produzir um trabalho dificil para um cliente, e etlrnc ter algumas cartas na manga. Recomendamos que voce confira alguns pacotes do Go Media.

Na biblioteca do site ha uma infinidade de vetores, que van de passeres a orgaos do corpo humano, texturas, fontes a partir de US$9,99, pacotes de icones e muitos outros otimos recursos. Algumas amostras de vetores, brushes e texturas estao disponiveis para download gratis. Aproveite para experimentar!

URL. www.g.omedia.us

961 arts BRASIL

RECURSOS ~ EDICAO 1 ~ AD-ONS & PLUG-INS

RECURSO DO PHOTOSHOP MAC E PC

Brushes do Designfruit

Baixe 130 brushes de alta resolucao

A paleta Brush do Photoshop oferece uma vasta quantidade de brushes de todas as formas e tamanhos. Quase todas as imagens em bitmap podem ser transformadas num brush, 0 que significa que a paleta possibilita 0 armazenamento de enfeites e simbolos que podem ser adicionados a sua arte.

Os brushes do Designfruit fazem exatamente isso. Muitas das imagens sao enormes, 0 que permite a impressao dos trabalhos. Recomendamos Japanese Foliage, disponivel para download gratis no site.

URL: www.designfruit.com

RECURSOS -7 EDICAO 1 -7 AD-ONS & PLUG-INS •

RECURSOS -7 EDICAO 1 -7 SOFTWARES

Stitcher 5.6

Cole fotos e crie panodimicas incriveis

o Stitcher, provavelmente a ferramenta mais famosa para a criacao de imagens panoramicas. foi atualizado para a versao 5.6, com a adic;ao de suporte para imagens HDR (High Dynamic Range - uma tecnica fntografica na qual varias fotos do mesmo cenarle sao tiradas em diferentes expnslcdese misturadas, dando uma aparencta mais natural a imagem). A versao 5.6 Unlimited funciona em Mac e em PC.

Para criar imagens mais realisticas sera preciso fazer 0 ajuste de cores e itumlnecac das fotos num programa como 0 Photoshop, antes de lmpcrta-Ias para 0 Stitcher, ja que ele nolo e urn editor de imagem. Esta versao suporta .EXR (16 ou 32-bit) e .HDR, e usa 0 mesmo procedimento em ambos os formatos.

A interface principal nolo mudou em relacao a versao anterior; as imagens que serao coladas ainda ocupam bastante espaco na tela. Os icones do canto superior esquerdo realizam aedes simples como abrir arquivos, carregar imagens e renderizar. Se voce ainda nolo experimentou 0 programa, ele pode ser urn pouco confuso, mas, assim que pegar 0 jeito, vera que ha urn conjunto de ferramentas otimo para se trabalhar. A versao compLeta custa U5$130.

Phantasm CS2

Urn dos plug-ins favoritos do Illustrator ganha atuallzacao

o Phantasm CS2 traz as ferramentas de ajuste tipicas do Photoshop para 0 ILLustrator. 1550 significa que voce pode rapidamente modificar valores de Brightness e Hue e usar as caixas de diiHogo Levels e Curves para ajustar os vetores e os grilficos do programa.

Com a chegada da ferramenta de ccmbmacac de cores Live CoLor no Illustrator CS3, 0 Phantasm pode ser desprezado por aLguns designers mas, na verdade, 0 pLug-in acaba funcionando como compLemento da novidade do Creative Suite, ja que possibilita 0 ajuste dos esquemas de cor antes de mexer em LeveLs, Curves e afins.

A nova versao e otima para impressao, jii que ignora branco, preto rico e preto puro, removendo a relrnpressao quando branco e adicionando mais tinta ao preto pure, Tambem possui compatibilidade de filtros com a paleta Actions e com 0 CS, C52 e CS3. Sao ferramentas como essas que transformam 0 Phantasm num plug-in briLhante para profissionais do ILLustrator.

Stitcher 5.6: ferrame nta idea L para criar imagens pancrarnicas

FICHA TECNICA MAC ./

PC ./

PREr;:O $130

CONTATO ReaLVIZ www.reaLviz.com

PROS Ferramentas de coLagem de otirna quaLidade Suporte para HDR

CONTRAS

A interface pode ser confusa para novos usuarios

CONCLUSAO

o Stitcher continua sendo uma otima ferramenta para criacdes de panoramas. A adi~ao do suporte para HDR vai agradar os usuaries que procuram por cenarlos uttra-reelisticos

0110) I

FICHA TECNICA MAC,/'

PC ./

PREr;:O $37,50

CONTATO

Astute Graphics www.phantasm(s.com

...

PROS

LeveLs, Curves e outros ajustes Melhor desempenho de impressao

PhantasmCS2: conjunto de pLug-ins traz mais contrcte de imag em pa ra 0 'Illustrator

CONTRAS

Naoe tao util se voce ja tern a versao CS3

CONCLUSAO

Um dos melhores plug-ins do Illustrator, 0 Phantasm CS2 fornece otlrno desempenho por um bom preco. E uma cornpra essendaL para qualquer usuarto do, illustrator

artssRASILi97

.I )(j;~' ir~ n Classico

o estudo da cimattca

A maneira com que elementos da natureza criarn formas de acordo com tons e ritmos e uma insplracao para 0 designer Craig Swann

ASSUNTO: Ctmattca HIST6RIA: Primeiro estudo publicado em 11)6,7 FERRAMENTAS: Areta, p6, cr+stal e fotografia

CRIADORES, Hans Jenny/ Gyorgy Kepes

, , Cimatica e 0 estudo visual do impacto do sorn e das vibracoes na materia fIsica. Desenvolvido pelo cientista uico Hans Jenny, e 0 processo pelo qual massas formadas de fluidos, p6 e liquidos sao estimuladas por tons e frequencias sonoras,

Descobri a cimatica em 2001. Estava fazendo urna pesquisa sobre sons e me apaixonei pelo conceito. Para mim, isso conecta vario elementos importantes e proporciona urna nova visao de rnundo.

Esses estudos rnostram a correlacao direta entre as vibracoes e a construcao ffsica da materia. Foi surpreendente observar como tons sonoros tao simples podiarn criar forrnas tao bon i tas.

A cimatica se encaixa nas rninhas reflexoes sobre a realidade. Coisas fascinantes como linguas antigas, sanscrito ou hebraico, par exemplo, criariarn lindas formas organicas e geometricas, enquanto que as lfnguas modernas nao, E magico e matematico ao mesrno tempo. Foi 0 que me i.nspirou a olhar melhor para todas as coisas e a criar novas linhas de raciocinio.

Num mundo no qual eu prograrno visao, sam e movimento, esses insights me dao uma visao diferenciada para desenvolver minhas percepcoes , , do dia-a-dia,

Sabre Craig Swann

o hom.em por tras da agenda de entreteni mente i nterative CRASH!MEDI,A, Craig' Swann, acredita que qualquer coisa que podemos imaginar, seremos capazes de fazer. Ele esta sempre pensando em. ferram.entas interativas e concretlzand» suas ideias. Saiba mals em. www.crashmedia.com.

9Blarts BRASIL

A REVISTA COMPLETA DE ARTE DIGITAL

Confira abaixo aLgumas tecnicas que voce vai aprender nos tutoriais desta edi~ao

PHOTOSHOP

Piig 64 EFEITO AQUARELA:

CRIE BELAS NUANCES COLORIDAS

ILLUSTRATO:R

Pag 68 PINTURA COM PATIERNS:

FAf;A ILUSTRAf;OES PSICODELICAS

CURSO:3DS MAX

----------------

P,ag 86 PAISAGENS:. AS TECNICAS DE CRIA~AO E RENDERIZA~AO

E MAIS:

• Photoshop (53: 33 Dicasessenciais

• Flash (53: importe .. psd com camadas

• InDesign: Clipping Paths faceis

BAlXE lODOS 05 ARQUIVOs 00.5 TUTORIAlS NO SITE DA COMPUTER .ARTS www.computerarts.com.br