Storyboard da animação

Foi pensado em exemplificar o curso na animação, pelos formatos,programas e imagens que vimos durante o semestre ou que representasse a cadeira .
JPEG.MP3,BITMAP,Microfone - Introdução as Midias Digitais
Pincel e Tintas - Meios de Representação Gráfica
Photoshop(PSD), Flash(FLA) - Edição de Imagens Digitais
Monalisa - Historia da Arte e do Design Grafico
Scratch - Fundamentos da Programação(FDP)
Solar - Sociedade,Cultura e Tecnologia.
Os icone deslizam da borda para o centro em 1s cada, para q unidos formem Capitão Planeta o curso(pelo menos a logo dele) SMD.

Design do Site

O designer do site foi baseado na escola de Design Grafico Pós-Moderna, onde se aborda um estilo mais tecnologico, descontraido e versatil. O site segue a caracteristica de unir a qualidade comunicativa com a funcionalidade. Contem tambem uma das caracteristicas do Design Modernista, a Streamlining, que é o gosto por formas arredondadas devido às tecnologias, seguindo modelos aerodinamicos.
Eis a imagem do sedign do site:

Arquivos swf do site

Aqui estão os arquivos usados para montar o site. Cada um foi feito separadamente e depois montados.
Artigos: http://megaswf.com/serve/1132484
Creditos:http://megaswf.com/serve/1132505
Home:http://megaswf.com/serve/1132506
Jogos:http://megaswf.com/serve/1132507
Midias:http://megaswf.com/serve/1132509
Professores:http://megaswf.com/serve/1132510
Sistemas:http://megaswf.com/serve/1132511
Scketch do Site:http://megaswf.com/serve/1132513

Imagens das Páginas do Site

As paginas do Site possuem uma imagem especifica para cada uma. Na página HOME a imagem escolhida foi essa:

Ela foi retirada do endereço: www.canstockphoto.com.br
A imagem de midias, foi essa:

Retirada do endereço: http://tecwp.instantfreesite.com/
A imagem de Sistemas:

Essa foi um pouco obvia. Retirada do site: http://cadernosgaspar2.blogspot.com/
Agora a imagem mais massa, a de Jogos:

Hehehehehehe...Retirada honrosamente de: http://feeliipz.net76.net/?page_id=21&album=3&gallery=7
E para a pagina de artigos:

A mais simples, retirada de: http://ftp.mobianlegends.com/images/buttons/socialnetworking/Deleket_SleekXP/

Arquivos de Design do Site

As imagens obtidas aki foram com função de facilitar a navegação no site.
Cada pagina corresponde a uma imagem, que foram pegas nesses endereços:

http://www.iconfinder.com/

http://www.scriptbrasil.com.br/


http://www.templatemonster.com/

http://ftp.mobianlegends.com/images/buttons/socialnetworking/Deleket_SleekXP/

Palavras das Paginas

HOME,MIDIAS,SISTEMAS,JOGOS,ARTIGOS,PROFESSORES,CREDITOS. Essas palavras foram ceditadas no photoshop para nomearem as paginas. A tecnica usada foi a de espelhamento.
Rapidamente explicando: Duplica-se a camada da palavra e dá um Flip vertical nela, e então posiciona embaixo da primeira palavra. Logo após isso, você seleciona a opção da camada chamada Rasterize typ. Então usa-se a ferramenta Rectangular Tool e seleciona parte do texto(antes mude o Feather para 7) e então vá em Edite clique em Clear.
Mais detalhamento nesse endereço:
http://tecnodesign.wordpress.com/2007/09/09/letras-espelhadas-photoshop/

Caracterização ou Cartoons

Essa parte é legal, até por que eu que fiz os desenhos. Na pagina 'Professores' vão aparecer os desenhos(cartoons) dos professores, junto do seu nome e um pouco sobre cada um.O maior diferencial desses cartoons é porque são os originais(huahuahau), os primeiros cartoons dos professores feitos por mim, João Ramos, o desenhista original. Todas as outras imagens iguais a estas foram autorizadas.

A ordem das imagens é George, Henrique Pequeno,Ismael,Junqueira,Melo Jr.,Natal e Ney. =)
Agora, para os comentarios, foi idealizado um personagem, na verdade ele foi reaproveitado, o Biarfrendi. Este personagem estreou no cartoon Redes Sociais, trabalho final de Sociedade Cultura e Tecnologia, do professor Junqueira. Nesse trabalho ele vai ilustrar apenas os comentarios, que são as partes contendo humor e a visão de um aluno. No caso ele é mais de midias. Aki as versões desenhado,vetorizado e colorido:

Como falar das habilitações

Pensamos em como falar das habilitações e chegamos a conclusão de que não sabiamos por onde começar. De fato, ficamos perdidos, até por que ainda estamos no primeiro semestre. Então pesquisamos no site do SMD: http://smd.virtual.ufc.br, para termos alguma base do que seria cada habilitação. A partir desse momento nós tinhamos uma luz, faltava soh a lampada(entenda isso como: tinhamos a ideia, mas faltava como por em pratica).
Fomos então falar com as pessoas (leia: a familia de cada integrante) para saber do que eles achavam que eram o curso. Bem, não foi lá tão legal.
Por isso decidimos expor o conteudo(habilitação) de forma seria, mas com um toqe de humor, sendo baseado nos comentarios do Biarfrendi(proximo tópico).

Layout do site

Eu bolei um design focando em robotica, usando azul e verde como cores principais. Também foi algo simples, sem muitos detalhes para n complicar tanto. Esse é o esboço:

O Lissandro achou complexo. Então bolei algo mais simples e em vez dos nome usariamos simbolos. Aqui o segundo esboço:

Seguindo o mesmo estilo do anterior, as paginas teraum um texto e um comentario(exceto Home e Creditos), assim com uma imagem em cada pagina(exceto em Créditos). O design será unico para todas as paginas.
Concordamos em tudo, menos no layout. No fim decidimos assim:

Simples, mas legal.=)

Integrantes com suas funções

João Ramos: Responsável pelo layout do site, stroyboard,comentarios,postagens do blog e nas horas vagas desenho os cartoons a seem publicados no site.
Lissandro: Ficou responsavel pelo site em si, organização dos botões e páginas.Além da animação.
Robson: Ficou com a parte de fazer os textos a serem aplicados nas paginas e ajudou na composição do site.
Camilo: Responsavel por coletar os artigos sobre jogos,softwares,hardwares e mais.

Comentario sobre o trabalho

A equipe decidiu fazer um website que falasse sobre o curso, mostrando tanto uma visão formal quanto uma visão informal, sendo esta a visão do aluno. Dessa maneira mostramos como o curso é. Pelo tempo disponibilizado, o site não pode conter muitos detalhamentos. Mas vai ter música.