INSTITUTO POLITÉCNICO DA GUARDA
ESCOLA SUPERIOR DE TECNOLOGIA E GESTÃO
R
ELATÓRIO
P
ARA A
O
BTENÇÃO DO
D
IPLOMA
DE
E
SPECIALIZAÇÃO
T
ECNOLÓGICA EM
D
ESENVOLVIMENTO DE
P
RODUTOS
M
ULTIMÉDIA
M
ARIAG
ORETIM
ARTINSP
EREIRAi
R
ELATÓRIO DE
E
STÁGIO
M
ARIAG
ORETIM
ARTINSP
EREIRAR
ELATÓRIO PARAO
BTENÇÃO DOD
IPLOMA DEE
SPECIALIZAÇÃOT
ECNOLÓGICA EMD
ESENVOLVIMENTO DEP
RODUTOSM
ULTIMÉDIADezembro | 2010
INSTITUTO POLITÉCNICO DA GUARDA
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
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
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
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
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.
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
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
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
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 “defez-senhar” com a pen tool, como se pode observar na figura 9.
Figura 8 - antigo logótipo do hotel
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.
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
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
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
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
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
15
Por fim colocaram-se as texturas em falta, como se pode ver na figura 22.
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.
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
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
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