domingo, 14 de abril de 2013

O Desenho Industrial da década de 1950 / 50"s Design


Os anos 50 foram um período espetacular para o Design. Depois de duas grandes guerras, o século 20 parecia perdido, mas nesta década o mundio passa por incríveis transformações.

Bem pouco de contexto.
A televisão teve seu período de ouro nos EUA, e no Brasil chega a primeira emissora, a TV Tupi, trazida pelo gênio das Comunicações Assis Chateaubriand.
Marca da TV Tupi nos anos 1950
Neste mesmo ano, Getúlio Vargas é Eleito Presidente, democraticamente, após tocar uma "ditadura" de 15 anos, de 1930 a 1945. E em 51 Marlon Brando (o "pai" do Super-homem) torna-se ator no filme "Um Bonde Chamado Desejo".

O Brasil vence sua primeira copa do Mundo em 1958.
O grande Presidente Brasileiro da Dácada foi Juscelino Kubitschek, que propôs os "50 anos em 5" e construiu Brasilia, com o plano diretor do Arquiteto Lucio Costa (que venceu um concurso público com seu anteprojeto) e com as principais obras projetadas por Oscar Niemeyer.
Catedral de Brasília. Oscar Niemeyer  desenha as principais edificações.
Publicidade e Design Gráfico
O design gráfico nos anos 50 tem seu ápice na sociedade de consumo. Os anúncios veiculados nas Revistas tem uma característica peculiar. Utilizam-se de impressão em policromia, trazem "Pin-Ups" e pregam o chamado "American Way of Life". O "modo de vida Norte-Americano" vira padrão no Ocidente, que passa a consumir Coca-Cola e a cultura produzida por Holliwood. O estilo do ilustrador Normam Rockwell (1894-1978), que trabalhou fazendo capas para a revista "Saturday Evening Post" (1821-1969) e teve seu auge durante a segunda guerra, estava consolidado nos anos 50 e era referência em ilustração publicitária.
Capa de Norman Rockwell de 1953


Anuncio Italiano


Anuncio Norte Americano
papai-noel-cigarro2.jpg
Curiosidade: sem a ditadura do "Politicamente Correto", símbolos infantis e crianças eram utilizados em propagandas de cigarro. 

Anúncio do Sabão em pó Rinso. O sonho da dona  de casa era  ter eletrodomésticos modernos e melhor qualidade de vida. Só trabalham fora as mulheres muito pobres, nas indústrias, algumas de classe média, como secretárias, telefonistas e nos escritórios e as professoras.

Projeto de Produtos
O projeto de produtos teve finalmente sua retomada depois do styling, criado nos Estados Unidos no período interguerras.

Relógio Ômega


Ford 1955


Relógio com Bolas, de George Nelson

Anúncio da Porsche
Carrinho de bebê de Jean Prouve


Mobiliário
A tendência modernista iniciada pela Bauhauss e interrompida pela segunda guerra, finalmente consolida-se sobre os gostos do Art Nouveua e do Art Decó.

Sofá Eero Saarinen

Cadeiras do Italinao Guglielmo Ulrich Mahogany 

Cadeira de Pierre Quariche 


Willy Van Der Meeren, 1950
Aparador deVladimir Kagan para a Grosfeld House



Mobiliário de Jean Prouve (Nancy, França 1901 -1984)
Filho de um artista de uma pianista, que conviviam com artistas do Art Noveau como Majorelle e Galle, Prouve era Engenheiro e Arquiteto e foi um dos principais criadores de mobiliário da França nos Anos 50.  Seus móveis, que misturam madeira e metal são referência em design até os dias de hoje.

Cadeira de Metal e Madeira, de Jean Prouve


Cadeira de Escritório de Jean Prouve
Mesa de Escritório

Cadeira Antony, de Jean Prouve
Cadeira
Mesa de jantar

George Nelson (1908-1986)
Atuante a partir dos anos 40, O norte-americano George Nelson é um dos mais icônicos designers do anos 50. Seus principais projetos de móveis foram feitos para a empresa Herman Miller.
Curiosidade: Se for pesquisar o Arquiteto e Designer na Internet, lembre-se que ele tem o mesmo nome de um importante astronauta norte-americano.

Foto de George Nelson

Mesa George Nelson


Abajur George Nelson

Cômoda Gaveteiro George Nelson

A famosa CocoNut Chair, de George Nelson.

O Designer criaou vários relógios

Arquivo para escritório de George Nelson

Sofá Marshmallow, de 1956 - George nelson

George Nelson, Cadeira DAF  para a empresa  Herman Miller, de 1958

Um relógio de mesa, de George Nelson

Outra Poltrona de George Nelson, projetada para a Herman Miller

A maoir parte das imagens foram encontradas na rede social Pinterest http://pinterest.com/. Ao lado do Flickr, uma das minhas principais fontes de pesquisa de imagens.
Por hoje é isso!


segunda-feira, 10 de dezembro de 2012

ANIMANDO EM GIF

Por Débora Caroline da Silva





Para fazer esta animação do tipo “GIF” - quadro a quadro-  é simples, basta criar o desenho no programa inkscape em diferentes quadros.
1º:Ao abrir o programa certifique-se que esta no modo vídeo.
Você fará da seguinte forma:
Na barra de ferramenta “FILE (arquivo)” clique, desce o cursor até a palavra “NEW (novo)”, abrirá várias opções, escolha “VIDEO-PAL” e clique, logo aparecerá uma nova janela, o desenho será criado a partir daí.
2º:Desenhe o sapo da mesma forma que já fora ensinado, com exceção das pernas e braços que serão desenhados separadamente para que os movimentos sejam executados.
Exemplo: desenhar os membros separados para poder aproveitar o desenho para novos quadros.


Depois de desenhar, você tem que salvá-lo como foto.
Para essa função ,vamos usar “exportar”. Vamos até a barra de ferramenta “FILE(arquivo)”, desça com o cursor até a opção ”EXPORT BITMAP (exportar bitmap) ”. Clique. Abrirá uma janela, você usará a opção “PAGE (página)”, que é a página inteira, logo abaixo no “BROWSE (localizar)”...escolha uma pasta para onde deseja exportar, salve em “png” e exporte sucessivamente os outros quadros, assim que for finalizando os desenhos. Utilize um sistema de contagem para o nome do cada arquivo.
Exemplo:
Sapo1.png
Sapo2.png
Sapo3.png etc...
4º:Para fazer os outros quadros, use o primeiro desenho. A partir dele você irá criar os movimentos.

CRIANDO O GIF
Para montar o GIF utilize o software GIMP.
Abra o Gimp. Vá em Arquivo (ficheiro) > Abrir como camadas
Escolha todos os quadros.
Depois vá em arquivo (ficheiro) > exportar
Na caixa de diálogo escolha em “tipos de arquivos (ficheiros) por extensão” – na base da caixa de diálogo, clicando sobre o sinal de mais.
Escolha Imagem GIF e clique em exportar.
Vai surgir uma nova caixa, escolha salvar (guardar) como animação (as animation) e selecione “um quadro por camada” ou “um fotograma por camada” na disposição dos “frames”.
Você também pode escolher a duração do quadro. Se não sabe como vai ficar a velocidade, teste com o padrão de 100 milissegundos.
Quando terminar as escolhas exporte e pode ver o GIF animado pronto na pasta que escolheu.

Usando a mesma técnica e a criatividade é possível criar várias animações.


ESTUDO DE MOVIMENTO FEITO POR RAFAELA ROCHA.




segunda-feira, 22 de outubro de 2012

Um pouco sobre desenhos vetoriais


Por Mariel Adamek 
(informativo)

Na computação gráfica o que pode classificar uma imagem é a sua origem e ela pode ser de duas formas: desenho vetorial, que se baseia em gráficos matemáticos e rasterização, que é a descrição da cor de cada pixel (bitmap).
A imagem vetorial é nada mais que um tipo de imagem gerada a partir de descrições geométricas de formas diferentes das imagens chamada do mapa de bits. Uma imagem vetorial normalmente é composta por curvas, elipses, polígonos, texto, entre outros elementos, isto é, utilizam vetores matemáticos para sua descrição, utiliza as "curvas de Bezier" para sua manipulação dos pontos de um desenho, cada linha descrita possui “nós” e cada nó possui alça para manipulação do segmento de reta ligado a ele. Isso associado a uma proporcionalidade de posição permite que mesmo que se estenda a área de imagem não irá perder qualquer definição da imagem diferente o que acontece com gráficos raster que utilizam métodos de interpolação na tentativa de preservar a qualidade. Também há a possibilidade de isolar objetos e zonas, tratando-as independentemente. Além de ter a vantagem adicional de ocupar menos espaço na memória.
Há um tipo especial de imagem, que mistura os dois conceitos (cálculos matemáticos e imagem rasterizada) que é chamado de imagens fractais.
Formatos comuns de imagem vetorial:
  • SVG Padrão para gráficos vetoriais recomendados pela W3C
    (formato nativo de programas como o Inkscape)
  • CDR Formato proprietário da Corel Corporation®
  • AI Formato Adobe ® gerado no Adobe Ilustrador
  • EPS (encapsuled post script)
  • CMX
  • WMF Windows Meta File (Meta- arquivo do Windows)
A maioria dos programs para desenho vetorial são chamados de programas para lay-out ou para ilustração e normalmente aceitam que se colem imagens bitmaps junto com os desenhos.

Alguns exemplos de desenhos vetoriais fáceis de executar, desenhados por Débora Caroline da Silva.
Os desenhos foram feitos utilizando o programa gratuito Inkscape.
Para aparecer aqui no blogue, foram exportadas imagens em png.




Aproveite para criar com os desenhos vetoriais :)


segunda-feira, 15 de outubro de 2012

Desenhando um sapinho com o Inkscape


Por Débora Caroline da Silva
(para iniciantes)



Através do programa inkscape, podemos executar desenhos gráficos utilizando o método de desenho vetorial, no qual o desenho é executado através de cálculos matemáticos e pode ser aumentado indefinidamente sem perder a resolução.

Vamos dar início com um desenho fácil,um “sapinho”,onde usaremos poucas ferramentas.



1°: Utilizaremos a ferramenta “ELIPSE”. Clicamos nela,levamos o cursor até o retângulo que fica no centro da página,clique e arraste,você determinará o tamanho do desenho.Para colorir clique no círculo,com as opções de cores na parte inferior da página,escolhe a cor e clique,automaticamente ela preencherá o círculo.

2°:Vamos utilizar a ferramenta “CANETA BÉZIER”-ela desenha tanto curva quanto linhas retas,basta clicar,soltar e puxar,assim fará a linha,é como se estivesse fazendo um contorno,através desta ferramenta desenharemos a perninha,pode desenhá-la separada.Depois de desenhar,clique em cima dela e arraste para perto do círculo,



Com a perninha selecionada, você irá com o cursor até a ferramenta “ENVIA A SELEÇÃO PARA TRÁS” automaticamente ela irá recuar a perna. (Para selecionar, utilize a primeira ferramenta do menu de desenho, que é uma seta).




 3°:Sucessivamente usará os mesmos comandos do 2° passo para fazer a outra perninha, Podemos também usar o comando copiar,colar e girar. Para girar é só selecionar a perninha e clicar em uma das setas e movimentar o mouse na direção desejada.

4°:Agora vamos fazer as mãozinhas,com a ferramenta “CANETA BÉZIER”, é a mesma forma de desenhar as perninhas,depois de desenhar uma das mãos,copie,cole e gire,fazendo assim a outra mão.



5°:Próximo passo,os olhinhos,estaremos usando a ferramenta“CÍRCULO”.Faça um círculo dentro do outro,um maior e outro menor,logo após copie e cole o outro olho.


6°:Para fazer o nariz,também estaremos usando a ferramenta “CÍRCULO”só que metade dela,para que isso aconteça é necessário desenhá-la,clique arraste e solte,aparecerão três figuras geométricas,dois quadrados e um círculo,clique e arraste na figura círculo,ao arrastar ela já ficará com a circunferência pela metade.Em seguida determine o tamanho,com a figura selecionada clique nas setas e movimente o mouse,copie e cole fazendo o outro nariz.



7°:Por fim,da mesma maneira que fez o nariz,você fará a boca.