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