A ideia para o meu projeto surgiu de uma insatisfação com o aspeto do ícone
” magic wand” do photoshop, por achar que o mesmo não estava bem representado para a
sua função, de seleção, e transformação, assim tentei recriá-lo recorrendo á metáfora
da magia e aos seus elementos, como: a cartola do mágico com a varinha,
o chapéu de mago e o chapéu de princesa com a varinha que a meu ver ilustra melhor o
conceito.
Bitmap / Raster
Pixel Art
Vectorial
Propus-me a desenhar um icon para representar o Finder. Para tal procurei explorar imagens que poderia associar à sua função e surgiu-me a ideia de usar uma personagem conhecida como metáfora.
Usei o Wally. E explorei algumas formas até chegar a uma icon simples, facilmente reconhecível.
Desenho Vectorial
Pixel Art
Alice Correia
Gonçalo Regalado
Mariana Romão
Carla Lima
Catarina Coroado
Filipa Brás
Sérgio Lamego
Carolona Cardoso
Ana Sofia Costa
Antim Batchev
Ricardo Oliveira
Margarida Morais
Eugénia Burnay
Sofia Espadinha
Ana Marta Moreira
Catarina Abrantes
Margarida Salvador
Tatiana Dias
Rita Corceiro
Mafalda Monteiro
Gustavo Sousa
Camila Barros
(Rita) Trindade
Gabriel Gonçalves
João de Goes
Mariana Azevedo
Cláudio Cruz
Lucas Esteves
Hugo Abreu
Diana Gomes
Isabel Lopes
Leonor Lopes
Maria Miguel
Beatriz Lourenço
Ana Ventura
Afonso Amaro
André Jesus
Carolina Mendonça
Carolina Barbosa
Marta Fernandes
Alice Coelho
Daniel Carvalho
Ana Aguiar
Maria Jordão
João Oom
(Ana) Filipa Paiva
Inês Branco
Francisca Roseiro
João Abreu
Olá, eu sou a Mariana.
Início: 24 Março | Apresentação do trabalho em curso na aula: 7 Abril | Publicação da versão final online no blog: 27 Abril
I. CONCEITO
Representar um paradoxo através da conjugação expressiva de texto (palavra/expressão/citação) com a imagem de um colega da fase anterior e mencionar os autores do texto e da imagem, com o objectivo de aferir as linhas estruturais das imagens e de aplicar conhecimentos elementares de tipografia em função da expressividade e hierarquização de conteúdos.
Paradoxo » 1. afirmação contraditória que desafia a lógica e o senso comum | 2. recurso estilístico em que uma afirmação aparentemente contraditória se revela como verdadeira | 3. situação que vai contra o senso comum e a lógica; absurdo | 4. coisa incrível | 5. opinião contrária ao sentir comum (Do grego parádoxon, «opinião ao lado de outra», pelo latim paradoxon, «paradoxo»)
II. METODOLOGIA
Trabalho: equipas constituídos por 3 elementos para discussão em grupo e trocas de imagens (seleccão de 1 imagem de um dos colegas e entrega das suas imagens para o outro colega seleccionar 1 para trabalhar) | Matérias: Tipografia, expressividade, estrutura da imagem, conjugação de imagem com texto, Hierarqui da informação | Ferramentas de software: Inkscape/Illustrator, GIMP/Photoshop (ou equivalentes).
III. A ENTREGAR
» 1 impressão em papel [18cm x 18cm]
» 4 ficheiros: documento de trabalho, imagem de captura do ecrã (screenshot) do processo em curso, imagem para impressão, e imagem optimizada para ecrã
—
O artigo no blog deve incluir a imagem optimizada para ecrã e uma breve descrição que inclui a menção dos tipos de letra utilizados (com link para as fontes caso tenham feito donwload de um site) – até 100 palavras. A categoria a seleccionar é “Exercício TEXTO”.
—
REFERÊNCIAS
Matéria e referências de Tipografia das aulas
+ Thinking with Type, Ellen Lupton “Typography is what language looks like”
+ Digital Foundations: “Type on the Grid”
& exemplos de Projectos pelos alunos de Meios Digitais de AM e de PMI de CAP do ano lectivo anterior.
Neste trabalho propus uma alternativa para o ícone de reiniciar. Com a urgência com que aparece a mensagem de reiniciar, quase que lutamos contra o tempo para abortamos esse processo nem que por mais duas ou quatro horas. Mas muitas vezes nem nos damos conta dessa mensagem e acabamos por ser surpreendidos quando nos deparamos com o ecrã preto e perdemos efectivamente o que estávamos a fazer. Portanto tal é transposto como uma verdadeira bomba relógio, que conta o tempo que temos como um aviso urgente e fatal!
Bitmap:
Vectorial:
Pixel:
Para este trabalho decidi criar uma alternativa para o ícone de guardar ficheiros, já que a disquete, que caiu praticamente em desuso, poderá ser considerada antiquada para os dias hoje.
Em inglês esta acção trata-se de Save, que se traduz literalmente para salvar em português, o que me levou a lembrar das bóias salva vidas, cujo proposito é, como o nome indica, salvar.
Representação da metáfora (Bitmap):
Vectorial:
Icon (Pixel Art):
O ícone que criei é para ser utilizado por exemplo no Word, junto da opção de “localizar no documento”.
Inicialmente o que apresentei na aula passada foram estes ícones:
ícone vectorial 
ícone em pixel art
No entanto, estas imagens foram realizadas um pouco à pressa por ter demorado muito tempo a decidir o que fazer, e por não ter computador.
Por essas razões, desde a última aula pedi a um amigo o seu computador e realizei um trabalho mais correcto, e mais apresentável.
ícone em pixel art 
ícone em vectorial
O meu projecto consiste na recriação do ícone de disco rígido do computador.
O disco rígido, conhecido também como memória de massa, é a parte onde são armazenados os dados do computador.
Sendo assim, faço uma analogia entre o cérebro ( órgão responsável pela nossa memória) e o disco rígido ( local de armazenamento de memória em massa do computador).
Referência Bitmap
Vectorial
Pixel Art
A internet é global, é o meio de comunicação que mais rapidamente nos liga uns aos outros. Um local onde partilhamos pensamentos e ideas, e liga as nossas mentes umas às outras. Esta rede conecta uma serie de ”crânios”, que porventura criam um ”cérebro global”. De tal maneira, recriei o mesmo no meu trabalho tentando criar um ícone que mostre a tal globalidade da internet e a sua maneira de ligar mentes.
Raster/Bitmap:
(Imagem de Inspiração)
Vectorial:
Vectorial (impressão):
Pixel Art:
Para este trabalho decidi criar e atribuir um ícone a uma funcionalidade do computador. Ao utilizarmos o browser Google Chrome, temos a opção de pudermos guardar os sites (páginas) que são do nosso maior interesse, ou mais importantes, para mais tarde consultá-los – indo ao menu principal (canto superior direito) e seleccionando a opcção “marcadores”.
Então decidi atribuir a essa funcionalidade um ícone inspirado no sentido literal da palavra. Marcadores servem (entre muitas coisas) para sublinhar, realçar o que é importante, assim como fazemos ao guardarmos as páginas (sites) que queremos. Fiz, assim, um ícone de um marcador.
Imagem de base (bitmap)
Imagem vectorial
Pixel Art
Camila Barros 7333
O meu trabalho consistiu na criação de um ícone que servisse de alternativa a um ícone já existente, que neste caso é o ícone da “Ajuda” do GIMP.
Inspirei-me na ideia de concretização de desejos por parte do génio da lâmpada mágica, e, nesse sentido, pesquisei possíveis referências visuais. De seguida, criei um ícone que representasse isso exactamente e toda a metáfora baseia-se, assim, nessa ideia de, quando uma pessoa necessita de ajuda, ou de pedir um desejo, tem a lâmpada mágica ao seu dispor para chamar o génio para que este a possa auxiliar.
Bitmap:
Vectorial:
Pixel Art:
Na primeira proposta de trabalho decidi recriar a ferramenta clone stamp do programa Adobe Photoshop. Devido à funcionalidade da ferramenta ( “clonar” objectos), lembrei-me de utilizar os tão famosos clones do Star wars como inspiração para o exercício.
Raster/Bitmap:
Vectorial:
Pixel art:
Para este primeiro exercício decidi criar a metáfora de poupança de energia/bateria através da comparação do desempenho do computador enquanto está nesse mesmo modo e as características da preguiça. Como sabemos ao definirmos o computador nesse modo, o desempenho diminui e a minha ideia seria que ao alterar-se o desempenho do computador, apareceria um ícone de uma bateria com a forma da face de uma preguiça no canto inferior direito da barra de tarefas para permitir ao usuário saber que o computador se encontra com o desempenho temporariamente reduzido.
Bitmap:
Vectorial:
Pixel Art:
A minha proposta baseia-se na recriação do ícone de guardar numa pasta protegida por palavra – passe. Esta metáfora pretende recriar/ir buscar a ideia de diário secreto protegido por chave/cadeado.
Apresento os resultados segundo a seguinte ordem: imagem bitmap, imagem vectorial e pixel art.
A metáfora « A Minha Galáxia » surge pela primeira vez como uma função que visa cruzar e associar todo o tipo de informações descritas nos mais diversos tipos de ficheiros existentes em cada um dos nossos computadores.
Disponível apenas para o sistema operativo do WINDOWS, junto ao botão do «menu iniciar», esta funcionalidade pretende criar redes de informação interna que nos ajude a construir e compreender novos ficheiros.
A ideia surge por inspiração dos desenhos de = Mark Lombardi =. E também pela máquina do tempo desenvolvida pelo SapoLab.
BITMAP
VECTOR
PIXEL ART
Como metáfora das mensagens que nos dão conta que esta ou aquela operação foi concluída, apresento o gesto da colheita: o computador termina com êxito o que lhe pedimos (uma cópia de segurança, uma renderizaçao dum vídeo, tantas coisas!), e a imagem que nos apresenta diz-nos que o fruto ficou disponível para ser colhido. Porque gosto de maçãs, é este o fruto representado; o gesto da colheita está reflectido na mão atenta que o envolve.
Aqui deixo as imagens pela ordem cronológica inversa: a imagem em pixel art (a última das três a ser feita, foi a que mais gozo deu fazer); a depurada imagem vectorial; e a imagem bitmap/raster inicial.
Pixel Art
Para responder ao primeiro exercício proposto na aula em que tínhamos de criar uma metáfora alternativa para um icon, já existente, à escolha decidi basear me no icon de segurança. Este é nos muita vezes apresentado como uma chave ou um cadeado, assim, de forma a dar lhe uma nova vida optei por escolher a ideia do “cão de guarda” como a minha metáfora alternativa já que ter um cão de guarda é muitas vezes por motivo de segurança de algo ou alguém.
IMAGEM BITMAP:
Um rápido esboço de um possível cão de guarda da minha própria autoria.
IMAGEM VECTORIAL:
Baseado na imagem Bitmap o mesmo perfil de um cão de guarda sobre um fundo amarelo.
PIXEL ART:
Por ultimo o Pixel Art apresenta o cão sobre um fundo que visa representar um céu estrelado.
O meu projecto é a recriação do ícone da lupa do mac (spotlight), no campo superior direito do computador.
Após várias ideias que tive, reparei que muitas das vezes me vejo aflita à procura das minhas coisas no computador… principalmente quando estou a fazer algum trabalho e esse mesmo trabalho desaparece (não totalmente). Achei que um ícone com uma cara espantada seria o ideal para o meu conceito, pois normalmente é a reacção mais comum que todos fazemos ao “perder” um trabalho ou algo pessoal que esteja no computador.
Fiz a imagem vectorial e pixel art apartir de uma imagem da internet que me serviu como inspiração.
Em baixo vai um exemplo de como ficaria no computador.
A clicar no ícone iria aparecer uma zona onde escrever tal como aparece com a lupa.
Imagens:
1- bitmap
2- vectorial
3- pixel
4 – exemplo de como fica no computador
A minha proposta deste trabalho, é a recriação de um ícone de anti-vírus. Parti da metáfora dos medicamentos, no sentido em que estes combatem virús, e quando o nosso computador está contaminado recorremos a ”esta” cura representada na forma de comprimido.
Bitmap:
Fonte: http://www.vladman.net/resources/comprimido%20novo.png
Pixel Art:
Vector:
Apresento uma nova versão do ícone dos “favoritos”, em que a estrela se altera para uma coroa de louros. A coroa de louros simboliza o escolhido, o vencedor, o que no fundo é o que acontece com os sites, só os melhores é que são escolhidos como favoritos.
vectorial
pixel art
inspiração/ bitmap
A minha proposta foi alterar o ícone da reciclagem.
Quis inovar e acrescentei uma utilidade à Reciclagem, a minha ideia é facilitar a procura de algo que já foi descartado e que o utilizador poderá querer recuperar, criando pastas dentro da reciclagem.
Pixel Art:
Vectorial:
Proposta para stencil:
Bitmap:
Outro exemplo:
Pixel Art:
Vectorial:
Bitmap:
Para este primeiro exercício de imagem, decidi transformar o ícone de espera (que, normalmente, aparece ao lado do cursor do rato em qualquer sistema operativo) numa cadeira de baloiço, de modo a dar a sensação de “passagem do tempo” ao utilizador do computador. A cadeira de baloiço tem um movimento constante, ritmado, e por isso chamei o meu projecto de “compasso de tempo”.
Ícone de espera no cursor do rato:
Caixas de espera:
Imagem bitmap:
Imagem vectorial (cores):
Imagem vectorial (preto e branco):
Imagem pixel art:
Imagem gif:
O seguinte trabalho apresenta um gramophone. Ele procurar representar um programa para reprodução de ficheiros de áudio, como o “Window Media Player”, por exemplo.
Bitmap
Vectorial
Pixel Art
Para este exercicio eu decidi mudar o botão que muda a intensidade da luz do ecrã, que é um sol, para uma lâmpada, pois a luz do ecrã é uma luz artificial e não natural.
Inspirei-me, obviamente, numa lâmpada comum para fazer o meu ícone
Bitmap
Vector
Stencil
Pixel Art
O meu ícone foi criado como alternativa aos que são utilizados para monitorizar o volume dos dispositivos de som associados ao computador.
Baseei-me no botão de volume da minha guitarra eléctrica e a partir disso procurei outras referências do mesmo tipo: botões dos rádios, amplificadores, colunas de som.
Fiz a imagem tentando juntar as características de cada um dos botões, que em conjunto ajudam a tornar o ícone facilmente reconhecido.
Inspiração para ícone
Pixel art
Vectorial
Toda a gente conhece o ícone para “salvar” como uma disquete mas como já ninguém as usa decidi alterá-lo para uma bóia de salvamento, aproveitando-me mais do sentido literal da palavra.
Imagem Bitmap:
Imagem Vectorial:
Imagem Pixel Art:
As imagens criadas vêm alterar o ícone Follow (seguir) de algumas redes sociais, como por exemplo o tumblr, o twitter ou mesmo o wordpress. Visto que as girafas são animais que se agrupam e se seguem umas às outras, criei uma analogia entre o seguir literal das girafas e o seguir virtual dos frequentadores das redes sociais.
Bitmap
Vectorial
Pixel Art
Follow
A funcionalidade Note-it serve para organizar uma pesquisa na internet criando notas on-demand em qualquer página. O ícone iria abrir no browser uma nota onde se poderia adicionar informação.
Esta função procura representar virtualmente post-its colados em livros com texto escrito (que diga respeito à página em questão). Logo, metaforicamente, no browser apareceriam também ‘post-its’ passíveis de serem escritos, sempre que o ícone fosse seleccionado.
Bitmap:
Vectorial:
Pixel Art:
Para o exercício de modificação das metáforas das funcionalidades decidi apropriar-me do ícone de bateria a carregar assim como aviso de bateria fraca do computador.
Criei assim um paralelo entre a bateria fraca do computador (e, por ventura, necessitar de energia) e um coração a bater lentamente por falta de potência. Tal como num ser humano a falecer o coração vai parando de bater, num computador, a bateria deixa de alimenta-lo até este eventualmente “morrer”. Por sua vez, assim que o coração recebe energia, começa a bater normalmente.
Produzi duas imagens em Pixel Art de modo a gerar as animações/gifs correspondentes à ideia original pretendida. As minhas metáforas de inspiração basearam-se em duas imagens em Bitmap: um coração humano realista, mais detalhado e um coração básico, mais simplificado. Utilizei a segunda imagem como base/suporte da forma dos corações em vectorial (realizados em Inkscape) e Pixel Art (realizados em Photoshop) e, posteriormente, a primeira imagem como referência para as cores e sombras mais apropriadas dos corações em Pixel Art.
Primeira imagem de inspiração em Bitmap Segunda imagem de inspiração em Bitmap
Imagem Vectorial Imagem Vectorial invertida
Imagem em Pixel Art (coração normal)
Imagem em Pixel Art (coração expandido)
Gif/Animação para bateria fraca Gif/Animação para bateria a carregar
A minha proposta é a alteração do ícone do volume para um gramofone.
Alterei o ícone do speaker do computador, e substituí-o por um gramofone pois foi dos primeiros mecanismos de projecção de som, sendo assim de fácil entendimento visual.
Bitmap
Vector
Pixel art
O meu conceito para a proposta da mudança de icon é baseado na mala da Mary Poppins.
Esta mala é pequena mas contém tudo, tal como o finder.
O finder deixa-nos visualizar e aceder a praticamente tudo o que o computador tem, e assim, pode ser comparado a esta pequena grande mala.
Bitmap
Vector
Pixel Art
NÍVEIS
Três modos de utilização para qualquer programa ou aplicação incluída num dispositivo informático.
Simples – Mais intuitivo, o programa faz sugestões, oferece alternativas.
Regular – Uso convencional da tecnologia contemporânea.
Evoluído – Novas possibilidades tecnológicas, a 3ª dimensão.
A máquina adapta-se ao homem e não o contrário.
Bitmap
Vectorial
Pixel Art
Para este exercício imaginei um aplicativo em que através da utilização do GPS de um dispositivo móvel fosse possível encontrar wi-fi grátis ou um hotspot perto do utilizador. Procurei representar a minha ideia através da representação esquematizada e simplificada de uns binóculos, associados à procura, em conjunto com a sinalética de wi-fi.
bitmap
Vectorial
pixel art
Como primeira proposta a este exercício criei uma alternativa ao ícone da funcionalidade Bluetooth.
Isto porque sempre foi um ícone que de certo modo me “irritou”, devido a o sentido literal do seu nome não ter qualquer relação com a imagem que até hoje conhecemos.
BITMAP/RASTER
VECTORIAL
PIXEL ART
Como segunda proposta por concordar com a professora que o anterior não funcionava bem como uma metáfora, criei uma alternativa ao ícone da bateria de modo a ser uma sensibilização constantemente presente ao apoio pelo uso de energias renováveis.
BITMAP/RASTER
VECTORIAL
PIXEL ART
Para este exercício de alternativas de funcionalidades escolhi substituir o ícone de disquete (que aparece nos documentos Word quando queremos guardar um ficheiro), por um baú.
Num baú guardamos os nossos bens (ouro, jóias…), este corresponde à pasta onde guardamos os ficheiros, que são os nossos bens.
bitmap-baú
vectorial-baú
stencil-baú
pixel-baú
Imagem Pixel Art
vectorial
metáfora
Criei um ícone novo que avisasse o utilizador do computador para parar e beber água. Por vezes, quando se está muitas horas em frente ao computador, esquece-se de se fazer uma pausa e beber água. Este símbolo aparecerá no computador quando passar 2 horas avisando o utilizador que deve parar e beber água.
Para o exercício de modificação das metáforas das funcionalidades optei por alterar o ícone da Resolução de Problemas. Para tal, fazendo uso dos temas da cultura pop muito utilizados em pixel art, optei por usar o Batsignal, holofote criado para pedir ajuda ao super herói Batman. Fazendo um paralelismo bastante directo entre a resolução de problemas no computador e a resolução de problemas na cidade de Gotham.
Imagem de referência bitmap
Ícone em desenho vectorial
Ícone em desenho vectorial (impressão)
Ícone em PixelArt
My main inspiration was a line from a hungarian song: “The problem with reality is that there is no background music for it…” So my goal was to create an app that takes you just one tap away from that. Of course it couldn’t work in real life but this class was about searching metaphors, so that fits the concept. Theoretically it would be an easy-to-use app with just one button which if you push, than you would turn on the music where ever you are. Obviously the app knows the best music for every occasion, happening, events in your life. It has the right music for going out, for walking on the streets, for the sunset etc. Would be really nice to have that. :)
Inspiration:
Ideas:
Vector:
Pixel:
O meu projecto é sobre um alerta de vírus que surge no computador. O ícone do anão Atchim (personagem da história da Branca de Neve e os Sete Anões) representa o vírus (constipação) no sistema operativo (metáfora).
fig.1 IMAGEM RASTER/ BITMAP
fig.2 IMAGEM VECTORIAL
fig.3 IMAGEM PIXEL ART
———————————————————————–
OUTROS OPÇÕES
opção 1 – BLUETOOTH (BLUE+TOOTH)
fig.1 IMAGEM RASTER/ BITMAP
fig.2 IMAGEM VECTORIAL
fig.3 IMAGEM PIXEL ART
opção 2 – ERRO DE INSTALAÇÃO DO PROGRAMA OU ERRO NA ABERTURA DE UMA WEBSITE.
fig.1 IMAGEM RASTER/BITMAP
fig.2 IMAGEM VECTORIAL
fig.3 IMAGEM PIXEL ART
Quando no nosso computador é detectado um vírus, aparece-nos uma imagem de alerta no ecrã, como esta:
A minha alternativa é a de aparecer a imagem de um cogumelo venenoso (vermelho e branco), um fungo, algo que contamina o sistema (metáfora).
Inspiração (RASTER/BITMAP)
Ícone (VECTORIAL)
Ícone (PIXEL ART)
Criei este icone como alternativo à barra de carregamento que aparece quando estamos a fazer um download de um torrent.
Apropriei-me de expressão “Água mole em pedra dura tanto bate até que fura”, fazendo uma ligação com a própria palavra “torrent” (torrente/ri0) e do facto de termos de esperar para que o download acabe (tal como temos que esperar que água fure a pedra).
A percentagem do download continuaria a aparecer e à medida que aumentava as pedras baixavam.
Bitmap (imagem de inspiração):
Vectorial:
Pixel Art
Neste exercício proponho uma nova metáfora para as funcionalidades ALT+CTRL+Z (Step Backward), SHIFT+CTRL+Z (Step Forward) e CTRL+Z (Undo) do Photoshop.
Estas funcionalidades são unicamente possíveis através destes atalhos ou do histórico e o que eu proponho é a criação de um ícone que contenha as três funcionalidades.
Imagem Bitmap
Imagem Vectorial
Pixel Art
Neste exercício escolhi como conceito a bateria. Com base neste tema criei três metáforas visuais diferentes, ambas associadas ao desgaste, falta de energia, desaparecimento, mas também as formas de a recarregar/reconstruir.
Imagem bitmap
Imagem vetorial
Imagem Pixel
O Ícon funciona tanto como informação de que um programa está a carregar ficheiros e por isso temos que aguardar, como instrumento com o qual carregamos ficheiros de uma pasta para outra pelo que, como metáfora, representei um homem literalmente a carregar um saco pesado às costas.
Desenho – Ideia Inicial – Base
Desenho Vectorial
Pixel Art
Recriação de um ícon da aplicação “iBooks” (leitura virtual).
A minha metáfora parte da relação entre um tsuru (origami) e a aplicação em estudo.
De acordo com o significado deste origami, tal como um livro, um tsuru está relacionado com histórias e lendas e é feito de papel.
Metáfora (desenho):
Desenho vectorial:
Pixel art:
Para este trabalho escolhi trabalhar o icon do ‘Help and support’ (ajuda e apoio) do Microsoft Windows, que é uma funcionalidade do software que oferece serviços de manual tanto online como offline e está incluido no windows desde o Windows ME (2000). O icon original parece apontar para uma dúvida, mas por outro lado não parece mostrar-se muito prestável pela sua aparência pouco apelativa.
Decidi focar-me na palavra “Help” como base e fiz uma pesquisa do significado das cores:
azul – simboliza confiança, estabilidade, inteligência e deve ser usado para promover produtos e serviços relacionados com limpeza e praticalidade, assim como associados a precisão e produtos de alta tecnologia.
vermelho – realça imagens e textos e estimula as pessoas a agir depressa. É a cor perfeita para titulos e sinais de “compre agora!” ou “clique aqui”
Pesquisei sobre os icones já existentes e a primeira ideia que surgiu foi a cruz vermelha do hospital. Entre algumas outras opções que arranjei continuei a virar-me para a ideia das urgências e surgiu-me a ideia de uma ambulância. Para a execução destre trabalho usei o Corel Draw X6, Axialis IconWorkshop Pro 6 e o Photoshop CS 6 e consultei este tutorial: Introduction to Pixel Art for Games
Para este trabalho decidi mudar o ícone “open files” do word, substituindo-o por um fecho eclair (zipper). Criei assim um paralelo entre abrir uma pasta e abrir um fecho de por exemplo uma mochila que é onde nós guardamos os nossos trabalhos.
Imagem Raster/Bitmap
Imagem Vectorial
Imagem Pixel
Maria Jordão
Decidi transformar o ícone Orientação (de página) do Word, metaforizando-o com uma rosa-dos-ventos. A rosa-dos-ventos foi dos primeiros instrumentos utilizados com a função de orientar e desempenhou um papel fundamental nos Descobrimentos Portugueses. A conjunção destes elementos resultou no meu bitmap, a junção de uma rosa-dos-ventos e da calçada à portuguesa. E mais. Este instrumento faz uma rotação de 360º pois pretende indicar todos os pontos cardeais, contrariamente à funcionalidade do meu ícone base que só permite colocar a página na vertical ou na horizontal. Isto levou-me a criar uma nova funcionalidade onde é possível colocar a página também na diagonal e, assim, permitir novas hipóteses de apresentação de texto e imagens.
Para consultar o storyboard clique AQUI.
Imagem Bitmap/ Raster
Imagem Vectorial
Pixel Art
MeiosDigitais'14 
