INSTITUTO POLITÉCNICO DA GUARDA
ESCOLA SUPERIOR DE TECNOLOGIA E GESTÃO
RELATÓRIO PARA A OBTENÇÃO DO DIPLOMA
DE ESPECIALIZAÇÃO TECNOLÓGICA EM
DESENVOLVIMENTO DE PRODUTOS
MULTIMÉDIA
MARIA GORETI MARTINS PEREIRA
DEZEMBRO | 2010
i
RELATÓRIO DE ESTÁGIO
MARIA GORETI MARTINS PEREIRA
RELATÓRIO PARA OBTENÇÃO DO DIPLOMA DE ESPECIALIZAÇÃO
TECNOLÓGICA EM DESENVOLVIMENTO DE PRODUTOS MULTIMÉDIA
Dezembro | 2010
INSTITUTO POLITÉCNICO DA GUARDA
ESCOLA SUPERIOR DE TECNOLOGIA E GESTÃO
ii
Ficha de Identificação
Discente: Maria Goreti Martins Pereira
Nº aluno: 1009447
Docente orientador de estágio: Eng.ª Beatriz de Jesus Rebelo
Instituição: Instituto Politécnico da Guarda
Estabelecimento de Ensino: Escola Superior de Tecnologia e Gestão
Morada: Avenida Dr. Francisco Sá Carneiro, n.º 50, 6301-559 Guarda
Telefone: 271220100 / Fax: 271220609
Local de Estágio: Beconnected Unipessoal Lda
Morada: Rua Cidade Wattrelos, n.º 16, Rch Esq, 6300 – 542 Guarda
Telefone: 271 210 624 / Fax: 271 085 135
Supervisor na Empresa: Dr.ª Otília Timóteo
Data de realização: 09 de Agosto a 04 de Outubro de 2010
iii
Resumo
Este trabalho tem por base o relato de aproximadamente dois meses de estágio
curricular na empresa Beconnected Unipessoal Lda, no período de 09 de Agosto a 04 de
Outubro de 2010.
O conceito de design de interiores abrange um universo amplo de espaços
construídos ou organizados que acolhem inúmeras actividades humanas. Cada ambiente
possui características de uso específicas que variam em função de diferentes contextos
culturais, sociais e económicos.
A criação de um espaço exige uma metodologia sistemática e coordenada por
um profissional que apresenta competências técnicas e artísticas. Utilizando conceitos
como harmonia, sensibilidade, humor ou beleza, começou-se a dar forma aos projectos
atribuídos para concretizar.
Neste estágio foram realizados três projectos em 3D, no programa 3D Studio
Max, modelação 3D de armazéns e respectivas vedações, modelação de um espaço
interior e concretização de uma caixa para um cliente.
Como a imagem de uma empresa é o que mais chama a atenção a um cliente e
esta necessita de algo que prevaleça na mente do público para que o seu negócio seja
reconhecido, foram também propostos dois trabalhos de realização de logótipos, sendo
estes concretizados no Fireworks 8.
Todos os projectos realizados no estágio permitiram colocar em prática os
conhecimentos adquiridos durante o curso, bem como, estimular a capacidade criativa
de forma a surgirem ideias originais à realização dos objectivos propostos.
iv
Agradecimentos
Agradeço, em primeiro lugar, à Dr.ª Otília Timóteo por me ter permitido estagiar
na empresa Beconnected Unipessoal Lda, onde é gerente.
Agradeço, também, à Eng.ª Beatriz Rebelo pelo acompanhamento
disponibilizado durante o meu estágio.
Agradeço ao Senhor Hugo Gomes, Programador e Designer da empresa
Beconnected Unipessoal Lda, pelos ensinamentos transmitidos e pela paciência que teve
para comigo ao longo do estágio.
Agradeço aos meus pais e irmãs pelo apoio incondicional.
Agradeço, finalmente, à Escola Superior de Tecnologia e Gestão da Guarda por
me ter acolhido durante a frequência do CET de Desenvolvimento de Produtos
Multimédia.
v
Índice Geral
Conteúdo Introdução ................................................................................................................................. 1
Objectivos do trabalho ......................................................................................................... 2
Caracterização Sumária da Instituição .......................................................................... 3
Ferramentas Utilizadas ......................................................................................................... 4
Trabalho Desenvolvido ......................................................................................................... 5
Modelação 3D dos armazéns Revestimentos Figueiredo ................................................. 5
Logótipo para o hotel Senhora do Castelo ....................................................................... 8
Novo logótipo para o Stand Ribeiro ............................................................................... 10
Modelação 3D do café-bar Ribeirinha ........................................................................... 13
Conclusões .............................................................................................................................. 19
Bibliografia .............................................................................................................................. 20
vi
Índice de Figuras
FIGURA 1 - LOGÓTIPO BECONNECTED ......................................................................................................... 3 FIGURA 2 - COLOCAÇÃO DAS 4 BOXES ......................................................................................................... 5 FIGURA 3 - COLOCAÇÃO DOS PRISMAS ........................................................................................................ 5 FIGURA 4 - ARMAZÉNS COM TEXTURA ........................................................................................................ 6 FIGURA 5 - IMAGEM FINAL DOS ARMAZÉNS ................................................................................................ 6 FIGURA 6 - VECTORIZAÇÃO DE UM DOS LOGÓTIPOS ................................................................................... 7 FIGURA 7 - MEDIDAS DAS LONAS ................................................................................................................. 7 FIGURA 8 - ANTIGO LOGÓTIPO DO HOTEL ................................................................................................... 8 FIGURA 9 - VECTORIZAÇÃO DA CAPELA ....................................................................................................... 8 FIGURA 10 - NOVO LOGÓTIPO A CORES ....................................................................................................... 9 FIGURA 11 - NOVO LOGÓTIPO PRETO E BRANCO ........................................................................................ 9 FIGURA 12 - DESENHO DO VOLANTE .......................................................................................................... 10 FIGURA 13 - VECTORIZAÇÃO DO CARRO .................................................................................................... 10 FIGURA 14 – PRIMEIRA PROPOSTA ............................................................................................................ 11 FIGURA 15 - VECTORIZAÇÃO DO VELOCÍMETRO ........................................................................................ 11 FIGURA 16 - JUNÇÃO DAS LETRAS DO LOGÓTIPO ...................................................................................... 12 FIGURA 17 - NOVO LOGÓTIPO DO STAND RIBEIRO .................................................................................... 12 FIGURA 18 - COLOCAÇÃO DA PORTA ......................................................................................................... 13 FIGURA 19 - MODELAÇÃO DA PRATELEIRA ................................................................................................ 13 FIGURA 20 - COLOCAÇÃO DAS LUZES ......................................................................................................... 14 FIGURA 21 - DESENHO DO ACRÍLICO .......................................................................................................... 14 FIGURA 22 - VISTA FINAL DO CAFÉ-BAR ..................................................................................................... 15 FIGURA 23 - MODELAÇÃO DA PRIMEIRA CAIXA ......................................................................................... 16 FIGURA 24 - REMOÇÃO DOS QUADROS ..................................................................................................... 17 FIGURA 25 - ALTERAÇÃO DA POSIÇÃO DOS VÉRTICES ............................................................................... 17 FIGURA 26 - MODELAÇÃO DO QUEIJO ....................................................................................................... 18 FIGURA 27 - CAIXA PARA O CLIENTE .......................................................................................................... 18
1
Introdução
O CET em Desenvolvimento de Produtos Multimédia apenas fica concluído
após frequentar um estágio de 420 horas numa organização e apresentar o respectivo
relatório.
A fim de dar cumprimento a esta fase final, o estágio foi realizado na empresa
Beconnected Unipessoal Lda, onde foi possível constatar o que é, realmente, trabalhar
numa empresa.
Após a aceitação de estágio por parte da gerente da empresa, deu-se então início
à prática dos projectos propostos, realizados com o máximo de empenho e dedicação.
2
Objectivos do trabalho
O estágio na Beconnected tinha como principal objectivo a conclusão do CET de
Desenvolvimento de Produtos Multimédia.
Como objectivos secundários, mas não menos importantes, tinha o
desenvolvimento das capacidades ao nível do 3D e da realização de logótipos, a
aplicação da matéria leccionada ao longo do curso na efectuação dos projectos
propostos, a integração numa equipa já formada e a agilização dos processos já usados.
Como é evidente, tinha também como objectivo a satisfação dos clientes como
reconhecimento do bom trabalho que foi efectuado ao longo do estágio.
3
Caracterização Sumária da Instituição
A Beconnected é uma empresa jovem e dinâmica que actua em diversos ramos
do Design, da Comunicação, do Marketing, da Publicidade Empresarial, e da
Organização e Gestão de Eventos, apostando na diversificação, inovação, criatividade e
qualidade de variados serviços.
A empresa assume-se como uma agência criativa, operando em áreas como o
design, comunicação, publicações, assessoria de imagem, marketing e publicidade,
media, artes gráficas, gestão e produção de eventos e formação profissional. Estes
serviços são adequados às necessidades de cada cliente, analisando todos os factores
que influenciam o mercado onde este se insere. Tem a melhor equipa, formada por
pessoas jovens, dinâmicas, proactivas e altamente qualificadas.
Tendo sempre em mente que a principal razão de existir é a total satisfação dos
seus clientes, garante um elevado nível de profissionalismo e rigor como meio de
alcançar a máxima qualidade do produto final.
A Beconnected assume o compromisso de promover as melhores soluções,
proporcionando as maiores vantagens aos seus clientes e nas parcerias desenvolvidas,
numa relação ganhar/ganhar.
Fonte: www.beconnected.com.pt
Figura 1 - Logótipo Beconnected
4
Ferramentas Utilizadas
Fireworks
O Fireworks é um editor de imagens desenvolvido pela Macromedia que foi
posteriormente adquirido pela Adobe. Suas funcionalidades focam a publicação gráfica
na Internet, por isso inclui suporte a GIF animado, PNG e imagens fatiadas.
Pen tool – ferramenta utilizada para desenhar através de "Paths" ou caminhos. É uma
ferramenta extremamente útil quando se deseja desenhar formas arredondadas no
Fireworks 8.
Magic Wand tool – ferramenta de selecção de pixéis de acordo com a cor, mais
conhecida como Varinha Mágica. Permite “agarrar” partes de uma imagem com a
mesma cor e transformar essa parte da imagem num vector.
Vector star – utilizada para criação de estrelas.
Punch – ferramenta que permite retirar a parte de um objecto com a forma de outro
objecto que intersecta o primeiro.
Union – ferramenta que permite fazer a união de objectos.
3D Studio Max
3ds Max (anteriormente conhecido como 3D Studio Max) é um programa de
modelagem tridimensional que permite a renderização de imagens e animações. Sendo
usado em produção de filmes de animação, criação de personagens de jogos em 3D,
vinhetas e comerciais para TV, maquetas electrónicas e na criação de qualquer mundo
virtual.
Door – ferramenta que permite desenhar portas.
PhotometricLight – ferramenta que permite a colocação de luzes fotométricas e a
edição da cor, tamanho…
Editable Poly – ferramenta que permite tornar um polígono editável.
Width Segs (segments) – segmentos da largura, permite-nos modificar o número de
segmentos que desejamos ter na largura
2
Height Segs – segmentos da altura, permite-nos alterar o número de segmentos que
desejamos ter em altura.
Cap Segments – segmentos do topo, permite-nos escolher o número de segmentos que
queremos ter no topo
Lenght Segs – segmentos do comprimento.
Side – lado, permite-nos escolher o número de lados que queremos que determinado
objecto tenha.
Lathe – ferramenta que actua através do desenho de uma linha e que faz o seu torno
5
Trabalho Desenvolvido
Modelação 3D dos armazéns Revestimentos Figueiredo Foi colocado o desafio de fazer a modelação em 3D dos armazéns
Revestimentos Figueiredo, para posterior colocação de lonas com os logótipos das
marcas de materiais que aí se vendem. Para tal, foi criado um ficheiro no 3D Studio
Max onde foram colocadas quatro boxes para servirem de armazéns, como se pode ver
na figura 2.
Depois de inseridas as quatro boxes colocaram-se quatro prismas em cima das boxes
para servirem de telhado aos armazéns, como se pode observar na figura 3.
Figura 2 - colocação das 4 boxes
Figura 3 - colocação dos prismas
6
Seguidamente, colocou-se um plano debaixo das boxes, ver figura 4, e colocou-se a
textura que é uma imagem dos armazéns retirada do Google Earth, para ter uma noção
de como deveriam estar os armazéns e as vedações dispostos.
Colocaram-se boxes com os tamanhos, em escala, das grades das vedações e os
respectivos pilares, constituídos por três boxes. A fim de dar um aspecto mais real
colocaram-se mais três planos, desta vez na vertical para servirem como fundo de
paisagem, como se pode ver na figura 5.
Depois de terminado este trabalho, fez-se a vectorização dos 20 logótipos das
marcas aí vendidas para que quando fossem impressos em lonas não ficassem
distorcidos, uma vez que os formatos retirados da internet não permitiam o aumento dos
Figura 4 - armazéns com textura
Figura 5 - imagem final dos armazéns
7
mesmos. Esse trabalho foi feito no Fireworks 8, através de ferramentas como a magic
wand tool, a pen tool e a text tool, ver figura 6.
Para concluir a modelação foram colocadas as texturas em falta e fez-se o render
para imagem e para vídeo, para uma melhor visualização por parte do cliente.
Por fim, visto que a proposta foi aceite pelo cliente, criou-se um novo ficheiro
PNG, no Fireworks, onde se colocaram todos os logótipos com as medidas das vedações
para que pudessem prosseguir para impressão em lonas, como se pode ver na figura 7.
Figura 6 - vectorização de um dos logótipos
Figura 7 - medidas das lonas
8
Logótipo para o hotel Senhora do Castelo
A fim de modificar o logótipo do hotel Senhora do Castelo em Mangualde
(figura 8), propuseram que pensasse em algo moderno e simples.
A identidade visual tem como função identificar a organização mas também
diferenciá-la das outras, deve ser simples, original, simbólica de modo a trazer
emotividade e deve existir harmonia entre os seus elementos de modo a que haja uma
fácil memorização do mesmo. Finalmente, deve conter uma função associativa, ou seja,
a identidade deve remeter imediatamente para a empresa em questão. Tendo em conta
estes valores, criou-se o novo logótipo.
Em termos de estrutura, optou-se pela ilustração da capela vizinha ao hotel,
devido ao facto de ser um ponto turístico. Assim sendo, através de uma fotografia, fez-
se a vectorização da capela através de linhas sobrepostas numa tentativa de a “desenhar”
com a pen tool, como se pode observar na figura 9.
Figura 8 - antigo logótipo do hotel
Figura 9 - vectorização da capela
9
Após este trabalho, por sinal bastante moroso, desenhou-se, mais uma vez com a
pen tool, a Serra. Seguidamente, fizeram-se as estrelas com o vector star (figura 10). No
final, fez-se a demonstração do logótipo a preto e branco (figura 11) e negativo.
Figura 10 - novo logótipo a cores Figura 11 - novo logótipo preto e branco
10
Novo logótipo para o Stand Ribeiro
O Stand Ribeiro é um stand de automóveis, motos, tractores agrícolas e reboques
localizado na Mêda, cujo logótipo era caracterizado por um carro antigo e ao lado os
dizeres “Stand Ribeiro”. Visto que o cliente queria uma renovação da imagem do stand,
foi proposto que fizesse um novo logótipo, assim sendo criou-se um novo ficheiro PNG,
no Fireworks, com as medidas 650x650 e colocaram-se duas elipses concêntricas uma
mais pequena que a outra e utilizou-se a ferramenta punch.
De seguida, colocou-se um rectângulo ao centro e utilizou-se a ferramenta union,
ficando assim uma espécie de volante, ver figura 12.
Seguidamente, vectorizou-se um carro moderno no Fireworks 8, como se pode
ver na figura 13, através das ferramentas pen tool e magic wand tool e colocou-se num
dos espaços vazios do dito volante.
Ilustração 1 - Novo logótipo Stand Ribeiro
Figura 12 - desenho do volante
Figura 13 - vectorização do carro
11
Como parecia ainda não dar a correcta imagem do stand, decidiu-se vectorizar
uma mota, também no fireworks com ferramentas pen tool e magic wand tool, ficando
com o logótipo que se pode ver na figura 14.
Chamado o designer da empresa, Hugo Gomes, para que verifica-se que
mudanças fazer, disse que deveria fazer um logótipo que não mostrasse apenas que
vende carros e motos, mas sim algo que englobasse todo o tipo de veículos vendidos
nesse stand, que se pudesse retirar as letras ou qualquer um dos outros elementos e se
ficasse na mesma com a ideia de que o logótipo representa o stand. Foi então que se
decidiu fazer a vectorização de um velocímetro também no Fireworks 8 com a pen tool,
como se pode ver na figura 15.
Figura 14 – primeira proposta
Figura 15 - vectorização do velocímetro
12
Depois de vectorizado o velocímetro prosseguiu-se para a elaboração das iniciais
do nome do stand, com o tipo de letra BankGothic lt BT a bold, escreveu-se o S e o R,
sobrepondo-os, como se pode constactar na figura 16. Com a pen tool desenharam-se as
bordas, para que não fosse apenas uma sobreposição de letras, mas uma junção quase
perfeita.
Por fim, escreveram-se os dizeres “Stand Ribeiro” com o tipo de letra Aharoni e
organizaram-se os elementos criados ficando com o logótipo que pode ver na figura 17.
Figura 16 - junção das letras do logótipo
Figura 17 - novo logótipo do Stand Ribeiro
13
Modelação 3D do café-bar Ribeirinha
Através das plantas 2D do café-bar Ribeirinha e de fotografias do espaço, foi pedido
que modelasse em 3D toda a estrutura interna do edifício com as medidas correctas,
indicadas nas plantas. Começou-se por colocar um plano para servir como chão do café-
bar, depois com boxes fizeram-se as paredes e telhados. Com a ferramenta door
colocou-se a porta da cabine do DJ, ver figura 18.
Depois da fase de modelação das estruturas já existentes, pediram que modelasse
um novo balcão e umas novas prateleiras para as bebidas, como se pode observar na
figura 19, que ficariam situadas atrás do balcão mas à vista dos clientes, em tons de rosa
e branco, uma vez que são essas as cores predominantes no café-bar.
Figura 18 - colocação da porta
Figura 19 - modelação da prateleira
14
Para dar um tom mais real ao café-bar colocaram-se luzes por cima do balcão, com
a ferramenta PhotometricLight, ver figura 20.
Ao fim deste trabalho pediram que idealizasse uma espécie de acrílico para que
o balcão tivesse um aspecto único e que dissesse respeito ao café-bar. Começando por
criar um novo ficheiro PNG, colocou-se um rectângulo de fundo, com um rectângulo
um pouco mais pequeno em cima e os dizeres a casa da Ribeirinha, café-bar. Depois
com a pen tool fizeram-se dois triângulos mais acima a fim de preencher espaço para
não ficar tudo muito cor-de-rosa, como se pode ver na figura 21.
Figura 20 - colocação das luzes
Figura 21 - desenho do acrílico
15
Por fim colocaram-se as texturas em falta, como se pode ver na figura 22.
Figura 22 - vista final do café-bar
16
Caixa
A pedido de um cliente tentou-se desenvolver uma caixa original para a
colocação de duas garrafas de vinho, um queijo pequeno (com cerca de 20 centímetros
de diâmetro) e um saquinho de café. Foi aconselhado pela supervisora que se fizesse em
3D porque assim, depois se tornaria mais fácil a visualização por parte do cortante e
para que o cliente verificasse se gostaria daquele tipo de caixa. Depois de várias
tentativas em papel decidiu-se, então, começar a modelação em 3D, como se pode ver
na figura 23.
Como a primeira proposta não pareceu viável à supervisora, pediu então que
fizesse a modelação de uma caixa já existente e que aplicasse apenas mais um corte, que
seria a secção onde ficaria o queijo. Começou-se por fazer uma box a qual se mudou o
valor do width segs para 11 e do height segs para 15. Seguidamente, converteu-se para
editable poly e foram-se apagando alguns dos quadros para dar a forma à caixa, ver
figura 24.
Figura 23 - modelação da primeira caixa
17
Depois disso, pegou-se em alguns vértices e mudaram-se de sítio para que a
caixa ficasse com o aspecto que lhe queria dar, ver figura 25.
Depois disso, modelou-se o queijo fazendo um cilindro alterando os valores do
height segments para 5, do cap segments para 10 e do side para 18. Converteu-se para
editable poly e puxando alguns vértices obteve-se a forma de queijo, como se pode ver
na figura 26.
Figura 24 - remoção dos quadros
Figura 25 - alteração da posição dos vértices
18
Para fazer as garrafas desenhou-se uma linha e usou-se o lathe para modificar
ficando com a forma de garrafa. O pacote de café foi feito com uma box em que se
modificaram os length segments para 2, o width segments para 3 e o height segments
para 2, convertendo-se seguidamente para editable poly. Pegando em alguns vértices
exteriores deu-se então um formato parecido com o de um pacote de café. Feitos todos
este passos, colocaram-se as garrafas o queijo e o pacote de café nos respectivos
orifícios e fez-se o render para imagem, como se pode observar na figura 27.
Figura 26 - modelação do queijo
Figura 27 - caixa para o cliente
19
Conclusões
A realização de um estágio no final de um CET, assim como do respectivo
relatório, pode afigurar-se como uma tarefa imponente e surgir como uma barreira a
transpor entre a escola e o mercado de trabalho.
Vencida a apreensão inicial, depressa nos familiarizamos com o novo ambiente
de trabalho. As pessoas com as quais tive a oportunidade de interagir tiveram, também,
um papel importante no meu estágio, pois sempre que as dúvidas surgiam lá estavam
elas para me elucidar.
Visto sob uma perspectiva prática, este estágio além de uma experiência
agradável também foi bastante proveitoso, pois permitiu-me um enriquecimento das
matérias leccionadas ao longo dos semestres, bem como um confronto com as
realidades da vida activa. Um estágio pode ser considerado como uma antevisão do
mundo do trabalho.
Creio que actualmente muitos dos insucessos inerentes à prosperidade de novas
empresas tem a ver com a imagem, tanto como os logótipos não serem chamativos,
como o design da empresa ser um pouco ultrapassado. Perante tal cenário, surge a
necessidade de criação de empresas, como a Beconnected, que tratem não só da imagem
mas também do aspecto interior e exterior da própria empresa. E como sem
trabalhadores as empresas não podem laborar, surge a necessidade de formar pessoas,
como eu, de maneira a conseguirem fazer esses trabalhos e a realizá-los de maneira que
os clientes gostem.
20
Bibliografia http://images.autodesk.com/adsk/files/3dsmax_2010_materials_mapping.pdf 09 Agosto 2010 http://www.beconnected.com.pt 19 Agosto 2010
http://images.autodesk.com/adsk/files/3dsmax_2010_lighting_rendering.pdf 11 Setembro 2010
http://www.wikipedia.org 22 Setembro 2010
http://images.autodesk.com/adsk/files/3dsmax_2010_modeling.pdf 24 Setembro 2010
Enciclopédia do conhecimento 10 Outubro 2010