ESTILISMO POR COMPUTADOR: SOFTWARES DE

MANIPULAO VISUAL PARA ESTUDANTES DE MODA

Styling by computer: visual manipulation software for fashion students
SANTOS, Gisele; Especialista; Universidade Comunitria da Regio de
Chapec, gibanes@gmail.com 1
QUADROS, Rachel Corra de; Mestre; Universidade Comunitria da Regio de
Chapec, rachelquadrosfashionway@gmail.com2

Resumo
O presente artigo apresenta parte do resultado de uma pesquisa aplicada, com
o objetivo de habilitar estudantes dos cursos superiores em Design de Moda a
desenvolver projetos criativos com softwares especializados de manipulao
visual, por meio da elaborao de um manual para aulas prticas no software
Photoshop.
Palavras chave: Softwares de manipulao visual, Estilismo, Photoshop
Abstract
This article presents results of applied research that aims to enable students from higher
education in fashion design to develop creative projects with specialized software visual
manipulation, through the development of a manual for practical classes in Photoshop.
Keywords: Visual manipulation software, Styling, Photoshop

Introduo
No contexto atual da educao de profissionais de moda, o uso de
tecnologias de desenho assistido por computador se faz necessria atravs da
sinergia de teoria e prtica. Jones (2005) afirma que saber lidar com programas
grficos para a elaborao de croquis, estampas e desenhos tcnicos de roupa
um requisito importante para a indstria do vesturio. Essas ferramentas
digitais agilizam o processo de criao, alm de possibilitar a elaborao de
novos estilos, trabalho que seria exaustivo em meios manuais.
1

Graduada em Artes Plsticas, licenciatura plena, especialista em Publicidade e Propaganda, nfase em varejo, e
especialista em Criatividade: arte e tecnologia, pela UNOCHAPEC (Universidade Comunitria da Regio de
Chapec).
2
Mestre do Programa de Ps-Graduao em Design - Mtodos para Fatores Humanos PPG DESIGN na UDESC Universidade do Estado de Santa Catarina, com enfoque nos estudos da ergonomia e design. Bacharel na rea de
Design, com nfase em Moda, pela Univali (Universidade do Vale do Itaja), Especialista em arquitetura e design de
interiores pela Unoesc, (Universidade do Oeste de Santa Catarina).

O software Adobe Photoshop3 CS6 foi escolhido em consequncia de

sua popularizao, da ampla gama de ferramentas para ajustes, manipulao e
da sua constante utilizao em ambientes de trabalho criativo como estdios,
agncias e setores de design em empresas de confeco. Outra razo foi a
percepo de que as empresas txteis e de confeco incluem o conhecimento
dessa ferramenta nos requisitos para contratao de profissionais.
A tcnica de representao do design de produtos, atravs do
Photoshop, um requisito no mercado de trabalho atual, de acordo com
Dabner (2014), Donavan (2010), Fernandes (2008) e Hopkins (2011). O
tratamento e a manipulao de fotos so exigncias mnimas para atingir um
nvel de qualidade no mercado editorial, enquanto a construo de ilustraes,
como croquis4 ou desenhos tcnicos5, so essenciais para a melhor
compreenso entre equipes de desenvolvimento do produto de moda. A rpida
troca de cores, estampas e a criao de temticas originais, que se diferenciem
da concorrncia, retratam a necessidade do estudante de moda ser preparado,
ainda na graduao, para atuar profissionalmente.
O presente artigo trata das aulas da disciplina Ilustrao I, estilismo por
computador, com o uso especfico do Photoshop, realizada com 16
acadmicos do 6 perodo de Design, nfase em Moda, da UNOCHAPEC, no
ano de 2014/2, e trata de alguns itens da ementa: Utilizao de softwares para
o desenvolvimento e tratamento de imagens, croquis, desenvolvimento de
catlogos, look-books, software Photoshop e suas aplicabilidades.
Para alcanar os objetivos deste estudo, a metodologia utilizada foi
implementada em quatro etapas. A primeira consistiu no levantamento de
referencial terico, delineado por meio da definio do problema, hiptese,
objetivos

gerais

especficos.

Esta

foi

uma

pesquisa

exploratria,

possibilitando conhecer conceitos e metodologias. Em seguida, foram criados

os tutoriais, ao todo 12, com fins didticos pedaggicos, organizados em ordem
3

Programa de edio de imagens padro da indstria, produzido pela Adobe. (WESTON, 2011, p.186).
Croqui: [...] os esboos/croquis de moda abordam as roupas, pois mostram a silhueta, os detalhes, os tecidos, as
estampas, os ornamentos e as cores. So utilizados para descrever e mostrar o vesturio (como esse seria usado). Em
geral, tm proporo e so uma ferramenta visual para ajudar o modelista a fazer o molde da roupa. Os esboos
tambm so rpidos e podem apresentar espontaneidade. (SEIVEWRIGHT, 2009, p. 158).
5
Desenho Tcnico: Resumindo Hopkins (2011), o desenho Tcnico, ou desenho planificado, o desenho 2D de uma
ou uma srie de peas de roupas, feito para representar uma forma tridimensional, como se ela fosse estendida sobre
uma superfcie plana e vista de cima. O desenho feito de forma linear para transmitir informaes tcnicas
detalhadas, apresentado juntamente com uma ficha tcnica, documento que a empresa usa para fins de produo, que
4

crescente para o ensino da utilizao do software Photoshop, em nveis bsico,

intermedirio e avanado.
Na terceira etapa, foi realizada a pesquisa experimental com a efetiva
aplicao destes tutoriais durante 18 aulas prticas em sala de aula. Esta etapa
foi, subdividida em trs fases distintas de execuo: pesquisa de observao,
averiguando o processo de desenvolvimento individual de cada estudante,
atravs do andamento das aulas e entregas dos trabalhos propostos;
entrevista direta com perguntas objetivas, na qual se pode avaliar a aceitao e
dificuldade dos exerccios propostos e compreenso dos tutoriais, com
resultado de dados qualitativos; elaborao de questionrio: estruturado na
plataforma digital typeform.com e aplicado aos estudantes, que resultou em
dados quantitativos.
A quarta etapa consistiu na anlise de resultados de cada um dos
instrumentos de anlise (trs fases descritas acima), alm da avaliao dos
resultados, descrita aps a aplicao prtica de cada tutorial.

Photoshop na moda

O estilismo6 por computador trata da informatizao e da criao de

moda em confeco. composto pela digitalizao, arquivamento, organizao
e edio dos componentes de uma pesquisa ou coleo de moda. Alm disso,
contempla a transformao e criao de desenhos de moda para ampla
utilizao, culminando em um processo de evoluo do desenho estilizado e/ou
ilustrado na moda, primeiramente realizado mo e finalizado no computador.
O trabalho em sistemas informticos sofisticados provocou uma
revoluo no estilo e no trabalho final do designer (FERNANDEZ, 2008, p. 12),
popularizando e facilitando a criao de desenhos tcnicos e especificaes,
necessrios para o processo de produo, por estarem menos expostos a
dificuldades de interpretaes por parte do fabricante que uma ilustrao
manual. Para Donovan (2010, p.147):
contm informaes essenciais, dos processos de montagem, tecidos, acabamentos e detalhes de custo. (HOPKINS,
2011, p. 80).
6
De acordo com Sabino (2007, p. 254), estilismo a arte da criao de peas da indumentria. "Derivada de estilo, o
vocbulo destina-se a designar algum que consiga, a partir de uma matria prima qualquer, imaginar uma roupa, um
acessrio ou um par de sapatos, por exemplo."

Longe do controle dos materiais tradicionais, ilustradores, hoje,

tambm precisam de conhecimento avanado de Illustrator e/ou
Photoshop de modo a incorpor-los em seu trabalho. A ss, ou
combinados entre eles, esses programas digitais so to essenciais
como carvo ou um pincel cheio de tinta.

Nesta perspectiva, pode-se concluir que, na moda, o uso do Photoshop

se d principalmente para a representao de produto (looks7, catlogos,
revistas, blogs, websites, etc.), representao artstica de ilustraes e
colees, otimizao e criao de estampas, retoques e ajustes de desenhos
manuais, aplicao e troca de cores, tratamento e manipulao de fotos.

Introduo sobre computao grfica

Para auxiliar na prtica pedaggica, antes de iniciar uma aula sobre

ilustrao digital no Photoshop, necessrio apresentar aos alunos de design
os conceitos da computao grfica: pixels, vetores, formatos, resolues e
tipos de cores. As informaes a seguir so uma compilao de informaes
adaptadas para as aulas das publicaes de Alves (2003), Damasceno (2004),
Del Vechio (2009), Cezar (2009), Bertolomeu (2002), Oliveira (2009) e Streeter
(2012). H dois tipos fundamentais de imagem digital. Uma do tipo de rastreio
(rastering, bitmap8) e outra do tipo vetorial9. As imagens vetoriais, geradas por
clculos matemticos, no dependem de resoluo10, e podem ser ampliadas
infinitamente. J as imagens bitmap, utilizadas no Photoshop, so constitudas
por pixels11, que carregam a informao de cor da imagem e dependem
diretamente da resoluo.
7

Palavra de origem inglesa que pode ser traduzida como visual. O look de uma pessoa refere-se sua aparncia natural
ou aparncia conquistada, atravs do uso de determinadas roupas, penteados e acessrios. Pessoas expressam-se
visualmente, atravs de seu look, e a moda costuma utilizar expresses como o novo look da estao ou a conquista de
um novo look. (SABINO, 2007, p. 407).
8
As imagens bitmap so formadas por uma grade de pequenos quadrados, denominados pixels. Para cada um dos
pixels de uma imagem bitmap atribudo um valor de cor. A imagem formada, como em um mosaico, por um
agrupamento de vrios pixels. (DAMASCENO, 2004, p. 155).
9
As imagens vetoriais so formadas por curvas e linhas calculadas atravs de objetos matemticos denominados
vetores [...] Uma imagem vetorial independe de resoluo, podendo ser redimensionada sem perder sua qualidade
original. (DAMASCENO, 2004, p. 156).
10
Blair (2011, p. 390) define resoluo como medida da habilidade de distinguir detalhes, no meio digital, medida em
pixels da quantidade de informao includa em uma imagem, que determina a clareza e a nitidez de uma fotografia
impressa, no contexto desta pesquisa, de uma imagem digital.
11
Pixels, de acordo com Del Vechio (2009, p. 22), so os pontos que compem uma grade de bitmaps. Quanto maior o
nmero de pixels em uma imagem, maior ser o detalhe e resoluo da imagem. Para Dabner (2014, p. 201), "o menor
elemento em uma tela de computador ou imagem impressa."

Quanto as diferenas das cores visualizadas em monitores, para as

cores impressas em suportes fsicos, a gama de cor luz RGB12 muito maior,
luminosa e vibrante que a gama impressa gerada pelo modo CMYK13. O envio
de arquivo no modo RGB para uma grfica pode resultar em erro cromtico,
causando uma impresso final muito diferente do que foi visto no monitor
(CEZAR, 2009).

A interface do software

So necessrias duas aulas para o entendimento dos comandos e

janelas do Photoshop. No menu de comandos, localizado no topo da interface
do programa, encontramos as aes responsveis pelo tratamento e ajustes de
imagens, configuraes de arquivo, seleo, visualizao e filtros. Essas
aes, em conjunto, geram o refinamento e tratamento de imagens e
ilustraes. J a caixa de ferramentas essencial para criar e modificar
imagens. Streeter (2012, p. 8), atesta que se trata da transposio de
ferramentas artsticas de trabalho do mundo real para o digital. Cada
ferramenta

selecionada

destaca

um

painel

diferente

no

topo,

onde

configuraes especficas para a ferramenta podem ser feitas. Por exemplo, ao

selecionar um pincel, o painel superior permite ajustar o tamanho, a opacidade,
a regulagem de presso e intensidade, o tipo de pincel, etc.
As camadas, fundamentais para montagem e manipulao de imagens,
so ordenadas uma acima da outra, as que esto atrs no arquivo, estaro
abaixo na ordem de encaixe. A ordem das camadas pode ser alterada
constantemente, bastando arrastar a mesma para cima ou para baixo de outras
camadas. Nesta etapa comum que alunos se atrapalhem na organizao e
seleo das mesmas, onde realizam pinturas e edies nos locais errados.

12

RGB: tambm chamado sntese aditiva das cores, pela unio do vermelho (R), verde (G) e azul (B), podemos
alcanar o branco. Suas variaes de intensidade conseguem os milhes de cores que um televisor capaz de
reproduzir. Esse modelo de cor utilizado por todos os equipamentos que trabalham com luz. Projetores, cmeras
fotogrficas, scanners ou mesmo o monitor trabalha com esse modelo. (DEL VECHIO, 2009, p. 24).
13
CMKY: em teoria, pigmentos puros de ciano (C), magenta (M) e amarelo (Y) seriam necessrios para formar o preto.
Mesclando esses pigmentos em diferentes intensidades, tambm poderamos alcanar uma infinidade de cores. [...]
Esse modelo de cor conhecido por sntese subtrativa. Impressoras ou qualquer equipamento de sada na grfica
utilizam esse modelo para reproduzir a arte colorida. (DEL VECHIO, 2009, p. 24).

A construo dos tutoriais e suas principais etapas

A construo de exerccios de Photoshop, foram planejados e

executados previamente pela pesquisadora, atravs da realizao de prints das
telas de trabalho, de forma ordenada, complementadas com textos explicativos,
gerando assim tutoriais detalhados, onde o passo a passo do desenvolvimento
do trabalho mostrado, levando o estudante a experimentar cada ferramenta
do programa, conhecendo os comandos necessrios para colocar em prtica
uma ideia. Estes tutoriais tm o propsito de fixar o conhecimento de
ferramentas primrias do software: recorte, pintura, brilho e contraste; ajustes
de cor; equilbrio; modos de mesclagem; camadas e efeitos, em seus tpicos
bsicos, avanando para modos intermedirios e avanados do uso do
programa, voltados para a rea de moda, que incluem o tratamento e
manipulao de fotos, troca de cores de roupas e ilustraes, aplicao realista
de estampas, limpeza e ajustes de desenhos manuais, recorte e montagem de
elementos nos desenhos, pintura digital, transformao de esboos em croquis
finalizados, pintura digital a partir de fotos reais e montagem de looks e
editoriais para revistas e blogs e criao de portflio em forma de revista digital.

Resultado do questionrio sobre ensino/aprendizagem

Com a finalidade de averiguar, do ponto de vista discente, a pertinncia

do contedo da disciplina ministrada, e obter resultados quantitativos, um
questionrio semi-estruturado com 13 questes, elaborado dentro do site
typeform, foi enviado aos estudantes no final de novembro de 2014.
Questes diretas, com opo de resposta sim e no, referentes a
utilidade e compreenso dos tutoriais e a importncia da presena da
professora, como tutora, obtiveram 100% de respostas positivas, concluindo
que os tutoriais so efetivos e claros em sua usabilidade, e que a presena de
um tutor em sala de aula fundamental. Nesta mesma pesquisa, foi possvel
identificar que 56% dos estudantes no possuam, antes da disciplina, nenhum
conhecimento sobre o software, e aps a disciplina, de 0 a 10, o conhecimento
sobre o uso do software teve uma mdia de pontuao nota 8. Sobre o uso da
6

ferramenta em um teste de emprego, 75% dos estudantes se sentiam

confiantes aps a disciplina.

Figura 1: Resultado questo 10 da pesquisa <https://gibanes.typeform.com/to/Iq9as5>

A figura 1 apresenta o resultado da questo 10 da pesquisa,

averiguando a popularidade e aceitao dos tutoriais. Os trs mais votados
pertenciam aos mdulos avanados: aplicao de estampas realistas, e
montagem de looks, obtiveram 56% de escolha e pintura artstica da Paper
Doll, foi eleita por metade da turma como um dos tutoriais favoritos. Em
seguida, a apresentao, e alguns resultados, destes trs tutoriais.

Aplicao de estampas realistas

Aps o designer criar uma estampa, possvel avaliar como ela vai se
comportar e se adequar ao movimento do tecido e suas texturas. Quanto aos
projetos digitais, alguns clientes, antes da impresso ou fabricao do produto,
desejam ver uma amostra virtual, que simule o resultado final do trabalho de
estamparia, podendo avaliar a rea estampada e se h exageros ou no na
composio. Uma aplicao realista implica em fazer com que a estampa
acompanhe as ondulaes do tecido em uma pea pronta, facilitando a
7

visualizao do designer, que pode modificar a estampa para melhor se

adequar ao formato da roupa, e assegura maior possibilidade de aprovao por
parte do cliente. Para a realizao deste tutorial, os estudantes primeiro
criaram suas estampas, com as temticas infantil e floral. Geraram, atravs de
esboos, alternativas e as vetorizaram em aula. A partir da tcnica de cruz de
acerto prepararam mdulos de rapport e as exportaram para o formato bitmap,
passando ento para o tutorial de aplicao, como demostra a figura 2.
Figura 2: Resultado Tutorial de aplicao realista de estampa criado pela estudante Bruna Beatriz Lemes da Silva.

Montagem de looks

Saber recortar e montar looks no photoshop j meio caminho andado

para publicar um editorial de moda. O designer precisa conhecer os formatos
adequados e resolues especficas para que possa imprimir com qualidade
esses editoriais ou at mesmo para publicar dicas de looks na internet. O
cuidado com a composio dos elementos e os princpios de uma boa
diagramao so a garantia de resultado harmnico. Para isso, necessrio
esboar algumas ideias iniciais antes do trabalho ser realizado na tela do
computador. Outro fator a ser considerado o recorte e colagem de imagens.
Esses recursos podem ser mesclados com ilustraes, tarefa que otimizada e
facilitada pelo uso do computador, como demonstra um dos trabalhos entregues
na figura 3.
8

Figura 3: Exemplo do resultado de aplicao tutorial montagem de looks feita pelo estudante Bruno Gerhardt.

Paper Doll - pintura digital artstica

O objetivo da Paper Doll digital a utilizao uma mesma base

anatmica para demonstrar vrias peas de roupas. Para a prtica, os
estudantes desenvolveram dois arquivos com roupas diferentes, aprendendo a
usar a ferramenta caneta para desenhar, usando como base o corpo de uma
foto. Alm da prtica da pintura digital, com volumetriais, h o ensino de
organizao e uso de pastas com peas de vesturio ilustrados. Essas
camadas de roupas, combinadas, funcionam como uma brincadeira de troca
de roupas das bonecas de papel. Pincis digitais artsticos, como aquarela e
guache, foram dados aos estudantes, como premiao por entregas dos
exerccios no prazo. A figura 4 apresenta alguns dos resultados do exerccio.
Figura 4: resultado tutorial Paper Doll das estudantes Daiane Gohlke, Bruna Lemes e Larissa Lira Bolzan.

Consideraes finais

Os tutoriais foram essenciais para a boa continuao dos trabalhos fora

de sala de aula, guiando os alunos e sanando a maior parte das dvidas dos
9

mesmos. O interesse pela disciplina foi grande, pela mesma tratar do

aprendizado tcnico e criativo do Photoshop, envolvendo prticas reais do
mercado de trabalho. Esta pesquisa gerou novos contedos pertinentes para o
uso do software na rea de educao superior de design de moda. O resultado
deste estudo de 197 pginas, contem material terico e prtico, ilustrado, que
pode ser usado para fins didticos em sala de aula por professores da rea de
design de moda e em outros cursos, como design visual, publicidade,
jornalismo e artes. O trabalho final, realizado pelos estudantes, em forma de
revista/portflio digital, pode ser conferido em : <issuu.com/modaunochapeco>.

Referncias

ALVES, William Pereira. CorelDRAW 11: descobrindo e conquistando. So Paulo: rica, 2003.
BERTOLOMEU, Joo Vicente Cegato. Criao na propaganda impressa. So Paulo: Futura,
2002.
CEZAR, Newton. Os primeiros segredos da direo de arte. Braslia: Senac-DF, 2009.
DABNER, David. Curso de design grfico: princpios e prticas. So Paulo: Gustavo Gili,
2014.
DAMASCENO, Anielle. Adobe Photoshop CS: utilizando. Florianpolis: VisualBooks, 2004.
DEL VECHIO, Gustavo. Adobe Illustrator CS4: o design em suas mos. So Paulo: rica,
2009.
DONOVAN, Bil. Desenho de moda avanado: ilustrao de estilo. So Paulo: Senac So
Paulo, 2010.
FAERM, Steven. Curso de design de moda: princpios, prtica e tcnicas. So Paulo:
Gustavo Gili, 2012.
FERNANDEZ, Angel. Desenho para designers de moda. So Paulo: Estampa, 2008.
HOPKINS, John. Desenho de moda. Porto Alegre: Bookman 2011.
JONES, Sue Jenkyn. Fashion design: manual do estilista. So Paulo: Cosac; Naify, 2005.
OLIVEIRA, Ana Cristina Pedrozo. Crie projetos grficos com Photoshop CS4, CorelDRAW
X4 e InDesign CS4 em portugus. 1. ed. So Paulo: rica, 2009.
SABINO, Marco. Dicionrio da moda. Rio de Janeiro: Elsevier, 2007.
STREETER, Loreto Binvignat. Desenho de moda:arte digital passo a passo - elementos
bsicos da ilustrao digital. Vol.1. So Paulo: Escala, 2012.
WESTON, Chris. Dominando sua cmera digital: como obter o mximo da sua DSLR. Porto
Alegre: Bookman, 2011.

10