http://brun0smd.tumblr.com/

albumcharts: The Oatmeal post about stolen design content:...

Wed, 18 Jan 2012 20:12:43 -0500

The Oatmeal post about stolen design content: here.

Post made by my little friend (and sometimes colaborator of this blog), auren.

Muita gente gosta do To the Metal, mas eu também acho...

Tue, 20 Dec 2011 20:19:19 -0500

Muita gente gosta do To the Metal, mas eu também acho fraquinho…

Pra mim o The Time of the Oath é do mesmo nível do eterno Master...

Sun, 18 Dec 2011 11:38:00 -0500

Pra mim o The Time of the Oath é do mesmo nível do eterno Master of the Rings e o Gambling estaria quase no nível de um The Dark Ride, mas é provavelmente o album chart que mais concordo. (por que será? :D)

Springsteen mito.

Sun, 27 Nov 2011 11:28:53 -0500

Springsteen mito.

albumcharts: Thanks R.E.M. for everything.

Thu, 22 Sep 2011 01:00:48 -0400

albumcharts:

Thanks R.E.M. for everything.

Reflexão sobre MED - Trabalho Final

Fri, 10 Dec 2010 10:17:00 -0500

Link para o jogo: http://www.4shared.com/video/-IN4zg0F/Trabalho_Final_2_semestre__Tri.html

O desenvolvimento da história discorreu de maneira fluida e sem maiores percalços. É verdade que o tempo escasso influiu diretamente nas modificações do roteiro, mas desde o início eu e o Paulo colaboramos diretamente na criação da história, com as devidas intervenções nos momentos seguintes. Aprendemos que o tempo é um fator limitante que pode tornar as relações dentro da equipe bastante tumultuadas, mas que com trabalho duro, pode se atingir um resultado satisfatório.

A divisão entre os trabalhos de grupo aconteceu praticamente de uma maneira caoticamente organizada. Em vários momentos os integrantes da equipe se reuniam e faziam diferentes tarefas das propostas inicialmente, mas todos de maneira organizada para desenvolver o mais rapidamente possível. É normal acontecerem pequenos atritos ou discussões a respeito do rumo do trabalho, mas no nosso caso aconteceu sem maiores problemas, pois tivemos um planejamento prévio que nos permitiu evoluir seguindo um caminho pré-estabelecido.

Os princípios de linguagem visual podem ser vistos no decorrer de todo o MED, seja pela utilização de certas tonalidades de cor, o estilo de fonte, a maneira como os elementos se dispoem na tela. Nada é feito por acaso e, com ajuda de storyboards e uma roteirização que preza pelo detalhamento, observamos claramente como deveríamos utilizar o conteúdo visto nessa disciplina de maneira prática e segura.

Reflexão por Bruno Luiz.

Já que o assunto é fontes e tipografia, fica um desabafo...

Fri, 05 Nov 2010 22:51:49 -0400

Já que o assunto é fontes e tipografia, fica um desabafo bem-humorado. :D

Análises tipográficas

Wed, 27 Oct 2010 00:16:00 -0400

Exemplo 1: Verdana

Essa fonte não-serifada foi criada por Matthew Carter na Microsoft. É bastante conhecida por ser bastante legível e de agradável leitura. Foi bastante influenciada por antigas tipografias humanistas famosas. Pelo fato de ser de ter um corpo grande comparado com outras fontes, é fortemente criticada para o uso na Web. No entanto, é bastante recomendada para leituras corridas.

Exemplo 2: Fixedsys

Fixedsys é uma família de fontes monoespaçada para Windows. O nome é derivado de “fixed size” (tamanho fixo) e é a fonte mais antiga desse sistema operacional. Mesmo assim, desde o Windows 3.x mudou a fonte padrão para uma fonte bastante similar e não-serifada chamada System. Essa família de fontes é utilizada em diversas aplicações do sistema e foi durante muito tempo a fonte padrão do Notepad (Bloco de Notas do Windows), somente alterada pelo Lucida Console nas versões mais recentes. Por ser uma família de fontes antiga, não possui acesso a todos os códigos Unicode (que disponibilizam mais caracteres especiais). Mas devido ao seu sucesso por ser muito apreciada especialmente por programadores, uma nova fonte incluindo esses caracteres foi criada, o Fixedsys Excelsior.

Exemplo 3: Comic Sans

Comic Sans é uma família tipográfica baseada em fontes usadas em gibis americanos por décadas. Foi adicionada ao Windows 95 e desde lá é uma das classes de fontes mais conhecidas, especialmente utilizadas em situações informais. Mas o uso inadequado dessa fonte para assuntos sérios decorreu em várias críticas de designers e jornais, inclusive criando um movimento para o banimento de sua utilização. Apesar disso, ela é uma das fontes mais conhecidas pelos leitores, pelo fácil reconhecimento e grande uso na mídia de quadrinhos em geral. O uso dessa fonte na maioria dos websites é vista como uma falta de bom senso na criação de seu design.

Storyboard para o digital storytelling

Fri, 22 Oct 2010 21:15:00 -0400

Texto descritivo para trabalho de Composição Visual

Fri, 22 Oct 2010 21:06:24 -0400

Nesse vídeo, partimos do princípio de contar uma história que fosse baseada numa crônica, de linguagem leve e quase sempre simples, em especial apelando para recursos humorísticos. Fizemos uso do contraste, misturando uma música de fundo bastante séria, quase depressiva. Por problemas nos microfones dos integrantes da equipe, preferimos usar legendas em vez da narração por áudio, pois sabíamos que, apesar das perdas no sentido de causar um impacto dramático, o principal recurso utilizado era o visual. Concentramo-nos nas canções de ninar que possuíam letras de sentido duvidoso, mas por serem de grande conhecimento da população, quase nunca foram questionadas por um olhar mais ácido.

As fotos, pricipalmente por meio das cores e contraste, nos passam, de maneira bem direta, a real sensação que desejam passar. Por exemplo, quando queremos mostrar uma cena de tranquilidade (foto do bebê dormindo), usam-se cores leves como o branco e o rosa, e para mostrar uma cena de medo (foto preto e branco da Cuca), aumentamos o contraste e as cores ficam mais pesadas como o preto. No nosso trabalho usamos também, além de fotos, desenhos. Nos desenhos trabalhamos com a ideia de perspectiva e alto contaste.

Vídeo do trabalho final

Fri, 22 Oct 2010 19:01:00 -0400

Vídeo do trabalho final:

http://www.youtube.com/watch?v=cHmz_TKwYZk&feature=player_embedded

Vídeo para AP1 de Composição Visual.

Bruno de Melo

Bruno Luiz

Laerte Neto

Trabalho de 1 ponto

Fri, 08 Oct 2010 21:15:28 -0400

Vídeo: http://www.youtube.com/watch?v=AjcyoIgOHog&feature=player_embedded

Storyboard: http://www.4shared.com/document/RLwxP4Ne/modelo_storyboard.html

Bruno de Melo

Bruno Luiz

Laerte Mesquita

Comunicação Visual - Cor PRETA

Thu, 07 Oct 2010 23:55:42 -0400

Pratique hábitos saudáveis! Essa sequência de propagandas, do ponto de vista visual, é fantástica...

Thu, 07 Oct 2010 23:22:00 -0400

Pratique hábitos saudáveis!

Essa sequência de propagandas, do ponto de vista visual, é fantástica ao meu ver. Sendo a empresa responsável um motel, ela quis apelar para o erotismo quase pornográfico somente com a utilização de… frutas tropicais. O contraste e uso de cores quentes despertam ainda mais essa sensação, sempre fazendo o paralelo entre o quanto é saudável consumir frutas e… fazer sexo. Sem contar que um despercebido olhando isso vê tanta coisa onde não deveria…

Naturalmente, para quem não tem a cabeça assim tão pervertida, não verá nada de mais além das próprias frutas. Mas levando em conta o público-alvo dessa propaganda, ela vai em cheio e criou uma propaganda que se aproxima do erotismo sem explicitar nenhuma referência direta ao corpo humano.

Einstein ou Harry Potter? A diferença está basicamente entre um...

Wed, 25 Aug 2010 02:12:06 -0400

Einstein ou Harry Potter? A diferença está basicamente entre um olhar atento e um olhar desfocado, quase fechando.

Amiga minha possui uma camisa que usa essa...

Wed, 25 Aug 2010 02:11:07 -0400

Amiga minha possui uma camisa que usa essa “técnica”. Simples, mas genial para quem nunca viu algo assim antes.

Testei no Paint e… é verdade. Os olhos enganam.

Wed, 25 Aug 2010 02:09:56 -0400

Testei no Paint e… é verdade. Os olhos enganam.

[VP1] Resultado final

Sat, 01 May 2010 18:10:00 -0400

E o resultado está aqui:

Foi divertido!

[VP1] Making-of - Parte 2

Sat, 01 May 2010 17:05:00 -0400

Para o início da segunda parte, começarei pelo mais fácil. Os acessórios.

As imagens que utilizarei são da Nintendo, o brasão da UFC e a bandeira da Federação Cearense de Futebol. Nas duas primeiras, utilizei a Magic Wand Tool para retirar as bordas brancas, redimensionei-as com a Move Tool e coloquei as duas primeiras no rodapé da capa. O símbolo da FCF foi posto no meio da imagem, pois fará parte do título do jogo. Ficou assim.

E, para fechar a parte de acessórios, resolvi criar um publisher fictício, a #schizo, que seria uma espécie de patrocinador. Para isso, criei uma nova imagem. Utilizei a fonte Fixedsys (em homenagem aos canais de IRC) com cor #000000. A primeira parte (#schizo) tem 58,9 pt de tamanho. A segunda (IRC ENTERTAINMENT) tem 24 pt. Ficou basicamente assim. Excluí o background branco e, utilizando a opção Blending Options, resolvi brincar um pouco para criar um efeito simples e bonito, isso sem utilizar qualquer tutorial. Utilizei somente 3 opções: “Inner Glow”, “Outer Glow” e “Bevel and Emboss”. Utilizando essas configurações, usando o “rasterize type” em cada uma das layers e as unindo, acabou ficando assim. Colocando juntamente com os outros acessórios, a capa ficou assim.

Agora uma parte fundamental: o texto-título do jogo. Sendo um jogo com características retrô, resolvi utilizar a fonte de um conhecido jogo de estratégia, Starcraft, nas primeira parte do título. Na segunda parte, utilizei a fonte Exito Free Hand. Usando como cor #FFFC00 e utilizando um leve stroke (de cor #1E00FF) em Blending Options e colando as configurações para todas as layers do título, o resultado ficou assim.

Uma coisa importante é a barra de identificação do console. Assim como os jogos em que me inspirei, esse jogo-fantasia será rodado no saudoso Super Nintendo. Para isso, criei uma nova layer e, com o auxílio do balde de tinta e da Rectangular Marquee Tool, fiz um retângulo preto na parte superior direita da capa. Em outra janela, eu retirei o fundo do logotipo do console com a Magic Wand Tool e, redimensionando de acordo com o tamanho da barra, coloquei o logotipo. Fiz o mesmo procedimento com o também sempre presente Official Nintendo Seal.

Para finalizar, os últimos ajustes. Verifiquei que a bola possuía uma iluminação de posição levemente diferentes, então utilizando as ferramentas de Burn e Dodge Tool, ajustei levemente a posição de iluminação. Como também achei a bandeira levemente “deslocada” na imagem, também utilizei o tutorial citado no post anterior, mas tendo cuidado em preservar as cores mais fiéis a original, já que se trata de uma bandeira. Por isso, selecionei com o conta-gotas a cor original e apliquei com o balde de tinta depois de utilizar o tutorial. O resultado final fica para o próximo post.

[VP1] Making-of - Parte 1

Sat, 01 May 2010 13:42:05 -0400

Inicialmente, cortei as fotos tiradas especialmente para essa capa. Flipei em 90° e usei a ferramenta de máscara rápida (Quick Mask Mode) para selecionar as imagens com maior destreza. Foi um pouco cansativo devido a alta resolução das duas imagens, mas creio que o resultado foi satisfatório. Os resultados estão aqui e aqui.

Em seguida, resolvi dar leves retoques no cabelo, pois foi a única parte onde a seleção não funcionou tão bem. Não foi necessário algo muito requintado, somente usar a borracha em certos momentos. Também aproveitei para usar a ferramenta de carimbo (Clone Stamp Tool) para diminuir um pouco o suor no rosto no caso da foto com a camisa do Ceará. O resultado está aqui e aqui.

Em seguida, ajustei um pouco a luminosidade (brightness) da foto do Ceará, pois essa estava ligeiramente mais escura que a do Fortaleza. Coloquei em +42. Resultado: aqui. Também adicionei uma bola de futebol para a capa. Depois de cortá-la usando a ferramenta de varinha mágica (Magic Wand Tool) com 5 de tolerância e fazer os ajustes com a borracha, reuni tudo na mesma tela. Redimensionei-os e girei um pouco a bola para torná-la mais realista. O resultado parcial está aqui.

Hora de tratar um pouco mais as imagens. Minha intenção era dar um caráter “pictórico” a capa, assim como a capa do ISSD original, então resolvi utilizar esse tutorial para todas as partes da imagem. Ficou assim. No próximo post, focarei no título e nos acessórios.