Yuri Santos Portfólio - jan 2014

Page 1

Designer


Olá, sou Yuri Santos, estudante de design do 5º ano (9º período) na Escola Superior de Desenho Industrial ESDI. Tenho interesse por design de interação, design gráfico, fotografia, design de produto e tecnologias. Adoro explorar minha criatividade e gosto de desafios, pois com eles aprendo a ir além do que sei e adquiro novas habilidades.


Currículo Curriculum Vitae

Nome completo: Yuri Pereira dos Santos Data de nascimento: 16/04/1991 Cidade: Rio de Janeiro/RJ Telefones: (21) 2655-1304 / (21) 99527-3835 Email: yurips.di@gmail.com

Formação: 2010 - Atual | Graduação em Desenho Industrial pela Escola Superior de Desenho Industrial - ESDI 2005 - 2008 | Ensino médio cursado no Colégio Pedro II unidade Centro 1999 - 2009 | Curso de inglês pelo CCAA 2013 | Curso de Web design na Timeline Softwares: Adobe Illustrator avançado Adobe InDesign avançado Adobe Photoshop avançado Adobe Dreamweaver intermediário Adobe After Effects básico Adobe Premiere básico Processing básico SolidWorks intermediário HTML intermediário Idiomas: Inglês avançado Estágios: Abril 2011 - Janeiro 2012 | Estágio interno na Oficina da ESDI - Supervisor Luiz Antonio de Saboya

3


Vambora Revista 2012 Criada para a disciplina Desenvolvimento de Programação Visual II da ESDI, a revista foi pensada para um público que gosta de viajar e conhecer novos lugares. Ela tem 66 páginas e possui cinco seções, que são: dicas, nacional, internacional e vida de viajante. Seu tamanho foi pensado para ser possível de carregar em pequenas bagagens como mochilas e sacolas, facilitando o manuseio pelo viajanete. Capa em papel couche brilho e miolo com couchie matte, encardenação com hot stamp.

4

Detalhe da seção “próxima edição” e capa da edição citada

Revista impressa e variações das capas - grid da capa se adequa às imagens


Demosntração de reportagem com início em uma página

Demosntração do jogo de imagens horizontais e verticais, dando um dinamismo na revista

Detalhe do jogo de tipografia e imagem na reportagem de capa

Diferentes maneiras de se apresentar o título de uma reportagem


Monster Draw Embalagem - 2013 Criada para a disciplina Materiais e Processos Gráficos II da ESDI. A peça foi desenvolvida para o público infantil, com o objetivo do usuário ter uma maior interação com a embalagem. Essa contém: dez folhas A5, um lápis, doze giz de ceras e uma borracha.

6

Frente da embalagem - Ilustração feita no Illustrator

Parte de trás da embalagem - Informações do kit

Interagindo com a embalagem a criança revela uma nova expressão do personagem


9 de Paus Carta de baralho personalizado - 2011 Desenvolvida para o Baralho Esdiano, um baralho coletivo dos alunos da ESDI. Ilustração à mão livre com ajustes digitais e símbolo do naipe customizado.

7

Caixa do bralho Esdiano

Carta de minha autoria - desenho feito a mão

Cartas feitas por diferentes alunos

3 noves ligados

Naipe customizado


Rock in Rio “2012” Identidade visual - 2012 Criada para a disciplina Desenvolvimento de Programação Visual II da ESDI. Duas peças foram desenhadas: as pulseiras “bate enrola” e um livro informativo. A pulseira foi pensada para facilitar a verificação da programação pelo usuário durante o evento. Além disso é um item decorativo.

Detalhe da capa do livro informativo

8

Layout das pulseiras

Simulação da pulseira em uso

Grid pensado para que o usuário consiga ver toda a programação sem tirar a pulseira

Para cada dia uma pulseira diferente


Lobo Técnica mista - 2010 Ilustração feita à mão para a disciplina Meios e Métodos de Representação I da ESDI, tendo como base a foto de um lobo. O objetivo foi trabalhar as técnicas aprendidas durante o ano, com: aquarela, lápis de cor e pastel seco.

9

Ilustração final feita em uma prancha de papel aquarela

Imagem usada como base

Perspectiva

Detalhe dos pêlos feitos com pincéis


Díptico Cartaz “duplo“ - 2011 Criado para a disciplina Desenvolvimento do Projeto de Programação Visual I da ESDI a partir do tema “A cidade que não vemos, a cidade que não temos”. Utilizou-se uma fotografia tratada no Photoshop que posteriormente foi dividida para gerar o díptico, ou seja, dois cartazes que se completam, mas que também funcionam independentemente, tendo duas configurações diferentes.

10

Cartazes feitos a partir de uma foto montagem de um bueiro visto de fora e de seu interior

Os cartazes podem ser colocados em duas configurações diferentes


Pavão 2011 Identidade visual - 2011 Desenvolvida como sugestão para a divulgação do Pavão, festival cultural que acontece anualmente na ESDI. Incluiu a criação de um logo com suas variáveis e o desenvolvimento de suas aplicações: cartaz, convite, pulseira e camisas. 21º Festival de Cultura da Esdi Palestras, workshops, exposição e festa

INGRESSOS: Exposição + Festa: R$8,00 antecipado; R$12,00 na hora PASSAPORTES: 3 Workshops + Exposição + Festa R$15,00 2 Workshops + Exposição + Festa R$12,00

21º Festival de Cultura da Esd i

Estacionamento no local: R$8,00

11

PALESTRAS:

24/11 18h30 - Artista e professor Amador Perez 25/11 14h - Ilustradores Alessandro Alvim, Axel Sande e Ricardo Cunha Lima

21º Festival de Cultura da Esd i

WORKSHOPS: 24/11 13h - Faça um Pin no seu Hole 17h - Encadernação DIY 25/11 17h30 - Ilustração digital com tablete 18h - Dadá maravilha

EXPOSIÇÃO:

A partir das 19h

Trabalhos livres de alunos da Esdi e mostra de vídeos FESTA: A partir das 21h

11

11

DJ’s MC CMYK DJ-Serifa (Rockwell, Candy Party, Yellow) DJ-Welcome Nois Bebe (Designers @ Friday Night) Bandas Minha Helvetica tem Serifa Viúvas & orfãs Somewhere, Something Club

Esdi - Rua Evaristo da Veiga, 95 - Lapa Mais informações: www.pavaoesdi. com.br www.facebook.com/PavaoESDI

DESIGN DRINKING

Branding - desenvolvimento do logo

6/

2

24 e 2 5 /

21º Festival de Cultura da Esdi

Workshop: R$5,00

Cartaz

a F est2 1h a´ s 1 1 2 6/

95 iga, a Ve to d is r a aEv - Ru E sdi

Logo aplicado em diferente cores de camisas

pa - La

Convite

Pulseira


20.000 léguas Submarinas

Escola Superior de Desenho Industrial

Escola Superior de Desenho Industrial Nome: Pereirade dosDesenho Santos Industrial EscolaYuri Superior

Capa de livro Turma: 47 - 2011 Nome: Yuri Pereira dos Santos

12

Matéria: Meios e Métodos de Representação 2 Nome: Yuri Pereira dos Santos Turma: 47 Professor: Turma: 47 Ricardo Cunha Lima Matéria: Meios e Métodos de Representação 2 Matéria: Meios e Métodos de Representação 2 Professor: Ricardo Cunha Lima Redesenho da capa livro Professor: Ricardo do Cunha Lima “20.000 A proposta do trabalho consiste no redesenho da capa de um léguas Submarinas” de Júlio Verne. livro seguindo um modelo da coleção Penguin feito pelo designer proposta do trabalho consiste noda redesenho da capa degráfica um é Germano Facetti. Com esse modelo a linguagem Segue oAgráfico modelo da coleção editora A proposta do trabalho consiste no redesenho da capa de um livro seguindo um modelo da coleção Penguin feito pelo designer determinada: as cores utilizadas (laranja ou verde, preto e livro seguindo um modelo da coleção Penguin feito pelo designer Penguingráfico feito pelo designer gráfico Germano Facetti. Com esse a linguagem branco), a tipografia (Helvetica) e a modelo diagramação da capa.gráfica é gráfico Germano Facetti. Com esse modelo a linguagem gráfica é determinada: as que cores utilizadas (laranja ou verde, preto ede Júlio O livro escolhido foi “20.000 léguas submarinas”, Germano Facetti, consiste em uma determinada: as cores utilizadas (laranja ou verde, preto e Verne. Esse livro é um clássico eque conta a história das aventuras branco), a tipografia (Helvetica) a diagramação da capa. branco), a tipografia (Helvetica) e a diagramação da capa. linguagem gráfica preestabelecida: cor submarinas deescolhido um capitão o primeiro submarino já O livro foi(Nemo) “20.000com léguas submarinas”, de Júlio O livro escolhido foi “20.000 léguas submarinas”, de Júlio criado. Verne. Esse livro é um clássico que conta a história das aventuras principal Verne. laranja utilização do das aventuras Esse ou livro éverde, um clássico que conta a história Depois decapitão uma rápida pesquisa o livrosubmarino e capas já submarinas de um (Nemo) com sobre o primeiro submarinas depassei umtipografia capitão (Nemo)etapa com do o primeiro submarino preto e do branco, Helvetica relacionadas, para primeira trabalho. Fiz rascun-já criado. criado. hos com diferentes idéias de pesquisa capas, chegando uma eidéia mais Depois de uma rápida sobre oalivro capas e diagramação específica. Depois deapelo uma gráfico rápida pesquisa sobre oselivro e capas simples, com um maior. Tal idéia consiste na relacionadas, passei para primeira etapa do trabalho. Fiz rascunrelacionadas, passei para primeira etapa do trabalho. Fiz rascuncriação de uma imagem de chegando dois elementos hos com diferentes idéiasatravés de capas, a uma(símbolos) idéia mais hos com diferentes idéias capas, chegando a uma idéia mais presentes livro, uma luladegigante, citado simples, comnoum apelo gráfico maior. monstro Tal idéia “clichê” se consiste na na simples, ecom apelo gráfico maior. Tal idéia se consiste na se história, um um radar/sonar, que de representa o submarino, onde criação dedeuma imagem através dois elementos (símbolos) criação uma imagem através de dois elementos (símbolos) passa a história. presentes nonolivro, uma gigante, monstro “clichê” na presentes umalula lula gigante, monstro “clichê”citado citado na Com alivro, ilustração pronta, através dao vetorização das história, e um radar/sonar, que representa submarino, onde se história, e um radar/sonar, que representa o submarino, onde imagens ao lado, determinei a cor e a posição da ilustração na se passa a história. passa Para a história. capa. a cor da capa,pronta, fiz testes com as duas cores laranja e Com através vetorização das Coma ailustração ilustração pronta, atravésadada vetorização dasde verde, optando pela verde para manter idéia de um radar imagens aoaolado, determinei a acor e ea aposição dadailustração na imagens lado,Com determinei posição ilustração um submarino. relação a cor imagem optei em fazer um na capa. Para a cor da capa, fiz testes com as duas cores laranja capa. Para a cor da capa, fiz que testes com ficaria as duas cores laranjaeee sangramento, assim percebi a capa mais integrada verde, optando pela verde para a aidéia de um radar de verde, pela verde paramanter mantervisível idéia umda radar de que nãooptando haveria maisrelação uma delimitação dade área imagem. um submarino. Com a imagem optei em fazer um um submarino. Com relação a imagem optei em fazer um Com assim a determinação desses elementos fiz variações no sangramento, percebi que a acapa ficaria mais integrada ee sangramento, assim percebi que capa ficaria mais integrada layout, como a colocação de faixas e linhas e a mudança de cor que não haveria mais uma delimitação visível da área da imagem. quefundo não haveria mais da uma delimitação da área dapor imagem. no e nas linhas ilustração. Na visível capa final duas Com a adeterminação desses elementos fizfizoptei variações no Com determinação desses elementos variações faixas verdes para a editora e o nome do autor e uma faixa no layout, como a colocação de faixas e linhas e a mudança de cor layout, para comochamar a colocação depara faixas linhas a mudança branca atenção o etítulo doe livro e para de tercor nonofundo e enas linhas dadailustração. Na capa final optei por duas fundo nas linhas ilustração. Na capa final optei por duas equilíbrio com a ilustração que possui o fundo preto e as linhas faixas verdes para a aeditora e eoonome do autor eeuma faixa faixas verdes para editora nome do autor uma faixa verdes e assim estabelecendo uma relação com a coleção da branca chamar brancapara para chamaratenção atençãopara paraootítulo títulodo dolivro livroeepara parater ter Editora Penguin. equilíbrio com a ilustração que possui o fundo preto e as linhas equilíbrio com a ilustração que possui o fundo preto e as linhas verdes verdese eassim assimestabelecendo estabelecendouma umarelação relaçãocom comaacoleção coleçãoda da Editora Penguin. Editora Penguin.

Lula gigante usada como símbolo representativo dos monstros das profundesas presente na história

Inspiração em radares e telas de computadores antigos remetem a época da história Editora Esdi

Editora Esdi

Editora Esdi

Você é o que você come

20 mil léguas Editora Esdi Submarinas Editora Esdi

20 mil léguas Editora Esdi submarinas Editora Esdi

Nome do autor Você Você éé oo que que você vocêcome come

Júlio Verne

Júlio Verne

Editora Esdi Editora Esdi

Nome Nomedo doautor autor

20 mil mil léguas léguas 20 Submarinas Submarinas Júlio Verne Verne Júlio

20mil milléguas léguas 20 submarinas submarinas JúlioVerne Verne Júlio

Autor: Júlio Verne Livro: 20.000 léguas Submarinas

Autor:Júlio JúlioVerne Verne Autor:

Capa final Livro:20.000 20.000léguas léguasSubmarinas Submarinas Livro:

2/2

Alternativas desenvolvidas - a combinação verde e preto foi escolhida para representas as profunzesas da vida marinha2/2 2/2


Pense antes de falar Estampa - 2013 Criada para o concurso de estampas sobre quadrinhos da loja virtual Camiseteria. Foram usados elementos típicos de quadrinhos, dando ênfase aos balões, que na estampa ganham vida própria. Foram feitas referências às retículas (presente em muitas obras do gênero) através da textura no fundo e aos “quadros dos quadrinhos” através da moldura.

13

Balões - elementos principais

Retículas - ajudam a compor o fundo

Rascunho inicial feito a mão

Forma dos quadrinhos - dinamismo

Aplicação da estampa - ilustração pensada para que seja possível a aplicação em outras cores


Objeto - Garrafa Fotografia - 2010 Conjunto de fotos tiradas para a matéria Fotografia I da ESDI, com o objetivo de registrar um objeto (uma garrafa) em diferentes situações de uso e em local controlado (estúdio fotográfico).

14

Álbum de apresentação das fotos feito a mão

Foto “Coquetel molotov“


15

Fotos no estĂşdio dos detalhes do objeto

Fotos do objeto sendo usado em situaçþes diferentes

Fotos do obejto com outros elementos


Esdi projetos Site | layout interativo - 2013 Projetado para a disciplina Desenvolvimento do Projeto de Programação Visual III da ESDI. O objetivo foi criar o layout de um site que armazenasse informações sobre os projetos dos alunos da ESDI. O diferencial desta proposta está em sua horizontalidade.

Busca geral ou com filtros

Login - alunos e professores

^

16 Menu de navegação do site

Site segue na horizontal

^

Thumbnail dos projetos

Rollover - informação básica

Simulação da página inicial do site “esdiprojetos“ em um notebook


Página da seção “sobre“ - informação sobre a faculade e idealizadores do site

A página de um projeto traz informações gerais e suas etapas - scroll horizontal

Página da seção “comunidade“, que direciona para os perfis de alunos e professores

Fórum - disposição horizontal das respostas sobre o tema questionado

17


Vogais Animais Processing | plataforma interativa - 2013 Projetado para a disciplina Desenvolvimento do Projeto de Programação Visual III da ESDI. O objetivo foi criar uma interação que envolvesse imagens e sons. Assim, se desenvolveu uma plataforma interativa educativa para crianças na qual o usuário interage com gifs animados de animais e aprende as vogais.

18

Ao clicar a vogal “O“ a ovelha aparece em seu habitat natural - gif animado + som

Página inicial da plataforma interativa

Foi trabalhdo a linguagem de código no programa Processing. Quando o usuário acessa o projeto, ele se depara com a página inicial, que o induz a usar o teclado. Ao apertar as teclas, ele aciona a plataforma e pode navegar pelos diferentes cenários. Em cada um, o usuário pode interagir Ao clicar no mouse nota-se que a ovelha muda o estado da animação


com um animal diferente. Cada um deles foi programado para seguir o movimento do mouse e emitir um som. Ao clicar o mouse, o usuário descobre que pode alterar ao estado da animação do animal. Para resetar o programa, usa-se a tecla space.

19 Habitats cuidadosamente pensados para os diferentes animais presentes na plataforma interativa

ZZ

Z

Estado das animações dos animais sem clicar e ao clicar - feitos no Illustrator e “animados” no Photoshop


Super Slack Bros. Instalção interativa - 2013/14 Projetada para a disciplina Desenvolvimento do Projeto de Programação Visual III da ESDI. Instalação ao ar livre que utiliza Slackline e Makey-Makey com o objetivo de trazer o jogo Super Mario Bros. das telas para a realidade. A interação tem início quando alguém pisa no slackline ou toca em um dos objetos pendurados, ativando, assim, sons que remetem ao jogo. Slackline - “corda bamba”

Makey-Makey

Cena do vídeo de apresentação do projeto - para ver o vídeo no YouTube clique no botão play que aparece no meio da imagem

Fios no slackline que ativam os sons

20


21 Instalação completa com objetos pendurados

Pipe - compõe o cenário do jogo

Pipe - também serve para esconder o notebook

Sequência da abertura do vídeo de apresentação do projeto - After Effects


Taumatrópio Pingente - 2011 Inspirado no brinquedo óptico Taumatrópio, inventado por William Fitton em 1825, que consiste em um disco no qual as imagens de ambos os lados se completam quando este gira em torno de um eixo. No pingente desenvolvido, os caracteres do disco formam a frase “Origin of Love“, baseada na música The Orign of Love de uma banda fictícia do filme Hedwig And The Angry Inch.

22

Taumatrópio pingente - Renderização

Frente - letras de “Origen of love“ segmentadas

Atrás - Inscrições completam as da frente


Cine Tray Kit cinema - 2010 Projeto desenvolvido para a disciplina Metodologia Visual da ESDI, o objetivo foi criar um produto que comportasse itens que são comprados na hora de ir ao cinema, tornando melhor o manuseio e o transporte desses pelo usuário. Sendo produzido em plástico, é possível de ser reaproveitado.

23

Logo do produto

Renderização do produto

O produto comporta os itens geralmente vendidos nos cinemas e pode ser encaixado no porta copos da cadeira

Mockup final do produto

Facilita carregar todos as guloseimas até a sala do cinema


Mesa Bocejo Mesa de centro e colchão - 2011 Projetada para a disciplina Desenvolvimento de Projeto de Produto I da ESDI, é voltada para jovens estudantes que moram sozinhos em espaços pequenos e tem dificuldades de acomodar visitas. O produto possui três almofadas enquadradas em um envoltório de madeira, funcionando como mesa de centro e fornecendo um colchão improvisado para visitas quando necessário.

24 Envoltório de madeira que guarda as almofadas

Mesa bocejo - Modelo final

As almofadas são conectadas por imãs

Simulação do produto em uso


M- Pad Colchão massageador flexível - 2012 Projetado para a disciplina Desenvolvimento do Projeto de Produto II da ESDI. A partir do estudo da estrutura do abacaxi, se desenvolveu uma malha de pirâmides hexagonais que servem para amortecer impactos. O produto foi pensado com dois objetivos: ajudar as pessoas que necessitam de estímulo muscular e ajudar o usuário a relaxar. O colchão possui um controle remoto que faz cada pirâmide hexagonal vibrar através de motores internos, fazendo massageam em pontos precisos do corpo do usuário.

25

M-pad massageador - ajuda a estimular os músculos

+ Revista impressa e variações das capas - grid da capa se adequa às imagens

Analisando o abacaxi: malha modular e pirâmides hexagonais - amortecimento

Flexível - pode ser colocado em superfícies diferentes


Detona Pride Ilustração digital - 2013 Paródia que mistura as características de personagens do filme Detona Ralph, produzido pela Walt Disney Animation Studios, com as de amigos integrantes do projeto Mangá Pride, uma revista independente com foco em divulgar o mangá nacional.

26

Caracterização de um dos participantes e fundadores do grupo Mangá Pride

Easter egg - boneco do Woody

Autorretrato

Ilustração completa


Luisa Art Nouveau Ilustração digital - 2013 Criada para o aplicativo do facebook “Selfless Portraits“, no qual quem participa recebe uma foto de qualquer um dos outros participantes para ser desenhada. Após pesquisa sobre os gostos da dona da foto em seu perfil na rede social, optou-se por utilizar o estilo Art Nouveau como fonte de inspiração.

27

Foto enviada pela pessoa que foi usada como base

Luisa Art Nouveau - Resultado final da ilustração feita no Photoshop com tablet (mesa digitalizadora)


Desafio Pride Ilustrações digitais - 2013 Material produzido para um desafio de desenho realizado pelo grupo Mangá Pride, no qual os participantes deveriam publicar desenhos próprios no facebook durante 30 dias. Cada dia do desafio possuía um tema diferente para inspirar os participantes. Para este portfólio foram selecionados seis desenhos. Dia 12 - A vitória recente

28

Dia 23 - Algo de que você precisa

Dia 26 - Algo que você não gosta

Dia 14 - Conto de fadas favorito


29

Dia 19 - Algo novo - redesenho de uma personagem

Dia 16 - Qual a sua inspiração?


Detalhes Informação extra dos projetos

4

9 Vambora

Lobo

Pense antes de falar

Projeto orientado por Washington Lessa, realizado em parceria com Cláudia Samico e Ana Tarrisse.

Projeto orientado por Bruno Sérgio, realizado individualmente.

Projeto independente, realizado individualmente.

6 30

13

14

10 Monster Draw

Díptico

Objeto - Garrafa

Projeto orientado por Raquel Ponte Lessa, realizado em parceria com Victória Sá.

Projeto orientado por Silvia Steinberg, realizado em parceria com Wallace Januário.

Projeto orientado por Luiz Henrique, realizado em parceria Mariana Monteiro.

7

11

16

9 de Paus

Pavão 2011

Esdi projetos

Projeto independente, realizado individualmente.

Projeto independente, realizado individualmente.

Projeto orientado por Marcos Martins, realizado em parceria com Mariana Monteiro e Mainah Felipeto.

8

12

18

Rock in Rio “2012“

20.000 léguas Submarinas

Vogais Animais

Projeto orientado por Washington Lessa, realizado em parceria com Victória Sá.

Projeto orientado por Ricardo Cunha Lima, realizado individualmente.

Projeto orientado por Marcos Martins, realizado em parceria com Danielle Hirsch.


20

24

27

Super Slack Bros.

Mesa Bocejo

Luisa Art Nouveau

Projeto orientado por Marcos Martins, realizado individualmente.

Projeto orientado por Lucy Niemeyer e Sydney Fernandes, realizado em parceria com Heitor Varvaki Prazeres e Mila de Choch.

Projeto independente, realizado individualmente.

22

25

28

Taumatr贸pio

M-Pad

Desafio Pride

Projeto independente, realizado individualmente.

Projeto orientado por Roberto Verschleisser e Vicente Cerqueira, realizado em parceria com Cl谩udia Samico e Mariana Monteiro.

Projeto independente, realizado individualmente.

23

26 Cine Tray

Detona Pride

Projeto orientado por Luiz Antonio de Saboya e Roberto Verschleisser, realizado em parceria com Caio Logato, Luana Oliveira, Mila de Choch e Vict贸ria S谩.

Projeto independente, realizado individualmente.

31


Yuri Pereira dos Santos Janeiro | 2014


Turn static files into dynamic content formats.

Create a flipbook
Issuu converts static files into: digital portfolios, online yearbooks, online catalogs, digital photo albums and more. Sign up and create your flipbook.