Mostrando postagens com marcador Design. Mostrar todas as postagens
Mostrando postagens com marcador Design. Mostrar todas as postagens

segunda-feira, junho 1

Dream Skin



Bom dia pessoal!

Bom, eu vou postar uma arte que eu fiz seguindo um tutorial do "Photoshop Top Secret"
mto bom...e gostaria de dizer que o Tales, nosso querido blogueador teve apendicite ontem e foi operado ontem mesmo...mas ja esta bem ^^

Entao quero dizer que estamos todos torcendo para que vc volte para casa logo e possa comer um monte de coisa que engorda logo ^^
abaixo...minha photoshopada ^^

Passar bem galerinha

esse eh o antes e depois


e esse eh soh o depois

quinta-feira, março 26

Milagreiras do Photoshop

Hey! To aqui pra falar sobre nosso terceiro braço, o Photoshop.

Vocês sabiam que pelo menos 80% dos recursos do photoshop não são utilizados, ou ao menos de forma satisfatória? Por quê? Simplesmente porque as empresas não estão a fim de pagar pelo super mega treinamento da Adobe para seus funcionários.

Sabe qual uma péssima consequencia disso tudo? O trabalho da galera fica bastante limitado, acabam surgindo aqueles super tutoriais (nada contra), mas nessa, a galera que não entende nada de design, gestalt, conceito, se aventura pelo programa e acha que serve para a profissao de Design. Nisso, nossa area fica cada vez mais banalizada, nosso credito ja era.

Por isso, galera, vamos trabalhar bastante, explorar o programa, e exigir cada vez mais de nós mesmos por resultados melhores. Falando nisso, vou postar uns videos mto legais de gente que realmente SABE usar o photoshop...os famosos Milagreiros!

Passar Bem ^^



quarta-feira, março 25

Portfolio Online


Hey! Não sei se vcs ja conhecem, mas vou postar o link de um site mto bom, onde a gente pode fazer um portfolio online.


Eh de gratis, mas tem a versao paga tb. Fica super supimpa, e vale a pena conferir


CarbonMade

Passar bem Galera ^^

Bienal de Design


HEEEEEEEEEY! Estou de volta ^^


Galera, tah acontecendo a 9ª Bienal de Design Gráfico, cujo temo deste ano é "ANATOMIA DO DESIGN"


É bastante interessante, vale a pena conferir!



  • Realização: ADG Brasil – Associação dos Designers Gráficos do Brasil

  • Tema Central: Anatomia do DesignLocal: Centro Cultural São Paulo Av. Vergueiro, 1000 – São Paulo – SP

  • Duração: 8 de março a 17 de maio de 2009

  • Horário de visitação: De terça a sexta das 10 às 20 horas Sábados, domingos e feriados das 10 às 18 horas.
Para contato, e coisas mais bienal@adg.org.br
http://www.adg.org.br/

Passar Bem ^^

quarta-feira, janeiro 21

Photoshop Disasters

Tá bom que tem uma porrada de gente boa por aí no nosso universo paralelo do Design,
mas tem uma galera que mew...

Bom, o nome do post diz tudo...

PhotoshopDisasters é um site que mostra o que um designer NÃO deve fazer!
E não faz mal dar uma olhada pra não esquecer as pequenas lições da faculdade né?!

Passar Bem ^^

PhotoshopDisasters

ADEGRAF

Dica para os que sentem dificuldade em explicar o Design para Clientes "Cartilha da ADEGRAF", disponível para Down.

Enjoy it!

Design Sludge

Design Sludge


HEHEHE muito bom para ver quando está triste com seus trabalhos!!!
Um site feito contra o design do feio!!!
é ótimo para referência do que você está fazendo de errado... você vê os erros nitidamente!!!

terça-feira, janeiro 20

Designeando periodicamente

Ae galera, vou postar aqui algumas revistas de design e seus respectivos links, ou como bibliotecários chamam, periódicos. É sempre bom saber, ter uma fonte a mais, saber das fofocas e tudo mais ^^

Projeto Design
Arc Design
Emigre
Graphis (mto foda essa)
Design
Design Gráfico
Arcos
Web Design
OQ Design
Digital Designer
Dsign

tem mais um monte...mas essas já ajudam ^^

Fonts Download

Aí gente... esses sites ai são ótimos pra baixar fontes cara... eu sempre dou uma olhada neles quando quero fazer algumas criações de imagem com tipografia trabalhada... são o tipo de site que você nunca encontra quando procura XP... são muito bons!!!!

DaFont.com

Site com MUITAS fontes de MUITAS formas... tudo de graça e rápido para baixar!!!
maravilhoso, sério...

FontStruct.com

Esse aqui é para aqueles que gostam dessa área de tipografia e querem esperimentar o gostinho da criação... ele tem sua própria ferramenta onde você mesmo cria sua tipografia trabalhada... do jeitinho que você quiser!!! E ainda MAIS... você compartilha essa fonte e ela fica disponível para download no site!!!
Muito bom né gente... gosto brincar nele vio!!!
Téééééééé

Cores, formas e otimizações de imagens

Bom dia pessoal

Estava aqui estudando o famoso CSS com o livro “250 HTML and Web Design Secrets” e depois de ver muitos conceitos legais de regas de css e HTML (alguns ultrapassados pelo livro ser antigo) encontrei uma área que é de muita ajuda quando se fala em imagens na web e um pouco depois sobre cores e formas... achei muito legal então além de anotar tudo aqui no meu precioso caderninho, eu também resolvi compartilhar isso... porque é de grande utilidade...

Começando com imagens para web

Todos vocês devem estar se perguntando qual raio de extensão é a melhor para salvar arquivos, qual o melhor raio de programa para criar e editar imagens, e (talvez) por que raio tantos...


A muito tempo atrás quando o computador não tinha ainda uma internet, apenas transferência de arquivos por uma rede extremamente lenta de computadores (sem plataforma web) um cidadão Eric Hamilton da empresa C-Cube Microsystems em 1983 criou o formato JPEG para transitação de imagens no computador e por conseqüência do momento, na internet. Logo depois em 1987 uma empresa chamada CompuServe resolveu implementar também sua própria otimização de arquivos de imagens na internet, então ela criou o arquivo .GIF (Graphic Interchange Format).


A diferença dos dois é a seguinte

(de forma bem simples)

O .GIF (Graphics Interchange Format) tem 256 cores em sua paleta (incluindo transparente), tornando seu arquivo dependente dessa gama (não que isso seja pouco) isso já reduzia muito o tamanho do arquivo, mas também tem outro fator... ela mapeava a imagem na hora da otimização, e criava “códigos” para a forma, por exemplo: tenho uma imagem que é um círculo preto num fundo cinza claro, como ela otimizaria isso, criaria um código (como uma função) falando onde são as fronteiras da parte branca, e também da parte preta, fazendo uma função só para o preto e outra para o branco, sem contar com a localização no tamanho da imagem e afins... mas no fim são apenas “funções” definindo de onde até onde vai certa cor.

O .JPEG (Joint Photographic Experts Group) já faz otimização diferente, a sua imagem é transformada numa grande matriz (campo quadriculado) com quadradinhos bem pequenos,(com capacidade em torno de milhões de cores) e dentro desses quadradinhos vem a informação da cor que está nele, e quanto menos quadradinhos, menor a quantidade de informação de cor dentro deles, e menor o tamanho (em Kb) do arquivo (diferente do .gif não exporta quadrados transparentes).

Mas nos dois casos, após a otimização, a imagem é transformada numa grande matriz, no caso do .GIF essa matriz é menos alterada quando redimensionada a imagem, mas o .jpg faz um estrago muito maior (criando mais quadrados, esticando os que existem multiplicando ou duplicando as cores dos quadrados adjacentes).


“Ah mas ainda tem o .PNG que você ainda não falou”

Opa... claro... o famoso...


O grande problema das extensões .jpg e .gif na época era que as empresas que os criaram cobravam para o desenvolvedor de software ou qualquer outra entidade que quisesse usar essa extensão, cobrava direito de exportação. Então surgiu publicamente o .PNG (Portable Network Graphics), que engloba as duas otimizações e ainda mantém o canal alfa (transparência) com definição muito mais aprimorada que o .GIF, fazendo valer a pena o seu uso nos projetos Web ,muito mais agora que os browsers estão se dedicando a compreender essa transparência da extensão, e também por sua alta taxa de otimização e qualidade.

Então aqui vão as dicas:

- Se você estiver com uma foto, uma imagem com troca de cores muito intensa e variada, use .JPG para melhor definição e otimização.

- Se está trabalhando com vetores, imagens com pouca transição de cor e linhas rígidas de objetos, tente o .GIF por sua otimização por funções numéricas para linhas e cores.

- Se você está com um projeto web, e também precisa de uma qualidade boa com transparência, por favor, use o .PNG... ele ainda é pouco utilizado mas parece que depois desse “upgrade” nos browsers ele chegou pra ficar!


Os Programas


"Ei qual a diferença de usar um Photoshop e um Corel Draw (ou Illustrator) "


A diferença é a seguinte, o Photoshop é um programa MATRICIAL que trabalha com a imagem separa por minúculos quadrados (normalmente por pixeis) que contém uma cor específica que em grande escala vira um desenho,e ele atua em cima dessa matriz, podendo ser criada qualquer tipo de imagem e solução visual. Claro que têm seus poréns, por exemplo, sua definição de imagem é totalmente restrita ao tamanho (dimensões) de seu arquivo, se aumentar ele (diminuir nem tanto) ele perde considerávelmente a resolução, e também não é muito aconselhável para impressões e trabalhos minusciosamente precisos, e quando você for exportar sua imagem, otimizá-la, conta muito o tamanho do arquivo, se seu arquivo for muito grande (de dimensões) quer dizer que têm mais quadrados na matriz com definições de cores, então mais informações, logo ele é maior em kbytes.

O Corel ou Illustrator é VETORIAL ou seja ao invés de trabalhar com uma matriz de pixeis, ele cria funções e códigos para as coisas que estão aparecendo na sua frente, por exemplo, se você criar uma linha reta, ele cria um F(x) dentro de sua programação que determina o tamanho de sua linha, a grossura, a cor. Então essa linha é uma linha, se você alterar os lados dessa linha o código vetorial que vai mudar, é um número e não uma informação dentro de vários quadrados. Então se você aumenta essa imagem em dimensões ela não aumenta em peso, pois a única coisa que está fazendo é mudando um valor no número da função desse elemento ( o y para de ser x e começa a ser z), e não importa o Zoom que você dê nesse arquivo ele vai ter linhas totalmente precisas, pois é uma função, e não mais uma matriz. Também tem seus poréns, ele não te dá as mesmas liberdades que o photoshop, ele dá outras possibilidades, mas a parte mais liberta da imagem vai da sua experiência e criatividade com a ferramenta e com seu projeto. Ele é o mais indicado para criações de peças perfeitamente alinhadas e medidas, é o melhor recurso para impressões e afins pela sua perfeição de traço.


UFA!


Agora vêm as cores


No meu livro encontrei algumas tabelas que podem ser úteis na criação de projetos visuais no que diz respeito a cores, suas utilizações, impactos e principalmente "A Psicologia das Cores".









































Vermelho
Poder, energia, amor, calor, paixão, perigo, agressão, violência, sangue.
Azul
Confiança, conservadorismo, segurança, tecnologia, limpeza, clareza, calmaria, ordem
Verde
Natureza, terra e Terra, saúde, boa sorte, inveja, renovação, dinheiro
Amarelo
Otimismo, alegria, esperança, Filosofia, desonestidade, covardia, traição
Roxo
Espiritualidade, mistério, poder, mítico, transformação, crueldade, arrogância
Laranja
Energia, calor, destaque
Marrom
terra, confiança, conforto, resistência
Cinza
Inteligente, futurista, elegante, modesto, triste
Branco

Puro, limpo, precisão, inocência, morte


Preto
Poder, sexualidade, sofisticação, mistério, medo, infelicidade, morte

*Interessante:


De 2 a 3% das mulheres do mundotem um sentido para detectar cores muito mais avançadas que o normal do ser humano, elas tem um sentido de "cones" onde veêm mais cores (normalmente em aves raras) e são classificadas tetracromáticas.

Fonte:http://en.wikipedia.org/wiki/Tetrachromat

http://www.4colorvision.com/files/tetrachromat.htm


Dicas de cor

- Antes de tudoconheça seu público alvo, para melhor definir as cores mais adequadas.


- Como o azul é universalmente aceitável, ele vai ser útil em maioria dos casos.

- Lembre-se que ao inserir uma textura á sua imagem a cor de foco muda.

- O texto deve estar adequado com cores e fundo de acordo com o público alvo, mas é também universal ele estar destacado em contraste.


Link de um site bem legal sobre cores: http://www.colormatters.com


The simbolic meaning of Shapes













Retângulo
Autoridade, estabilidade, força, limpo, legível, claro
Triângulo
Ação, movimento, direção, masculino
Círculo
Comunidade, movimento fluído, flexibilidade, feminino


Tomara que tenha sido de grande proveito ^^.
Desculpa as falhas das tabelas, tá dando sozinho e não dá pra arrumar XC

quinta-feira, outubro 9

Design de Informação

Oi gentiiiii! Mas meu deus, nao tenho tempo nem de sorrir mais...por isso nao tenho postado nada...mas voltei ^^

Vim falar sobre design de informaçao, uma area de design bastante rica e importante. Mas quediabos é isso, tia Luthi? Definiçao wikipedia pra galera:

"Design de informaçao ou infordesign é uma area do design grafico que lida detalhadamente com o projeto de informaçao visual. Seu objetivo principal é melhorar a forma como o usuario adquire informaçoes em sistemas de comunicaçao analogicos e digitais."

OOOu seja:

essa area tenta estabelecer formas cada vez melhores de se passar a informaçao. Bulas de remedio, manuais de instruçao, sinalizaçao, ate mesmo a bandeira de um país, tudo isso eh design de informaçao. E caras geniais trabalham com isso, incluindo nossa queria Priscila Farias, do Senac ^^

O design de informaçao tem ate uma sociedade, a SBDI (Sociedade Brasileira de Design da Informação) que tem sua revista online: Infodesign.

Na infodesign tem varios artigos, trabalhos e etecétera, e vc tb pode postar artigos! Lembra aquele post de infograficos? Isso tb eh design de informaçao.

É bem legal estar ciente de tudo isso, e a infodesign da tudo de mao beijada, de graça...ali no pc, ou mac se vc for rico!

Aproveitem galera...e quem se interessar, pode se associar na SBDI. Estudante paga mais barato _o/

Passar bem ^^




quarta-feira, outubro 1

Rapidinhas I

Alguns links interessantes para os designers de plantão:

7 ferramentas incríveis para analisar um design web
42 sites de inspiração para designers e amantes do bom design
Logos perigosamente similares - Alguns logos que são tão parecidos que é difícil acreditar que seja pura coincidência.
35 capas de álbuns musicais lindas.
Arte clássica + Star Wars - O que aconteceria se Star Wars fosse uma fonte de inspiração para artistas?
Cores vistas por daltônicos - Veja como os daltônicos vêem as cores, com exemplos interessantes.
5 mitos da fotografia desmitificados - A Mulher Design desmistifica à la Mythbusters 5 dos mitos mais famosos no mundo da fotografia.
O que é semiótica? - Nesta “áudio-aula” / podcast, Frederick van Amstel tenta explicar de forma simplificada o que é semiótica.

beijos

Fonte: Digital Paper

sexta-feira, setembro 19

POPtogramas

Oi galera! Oh, que saudades dessa tela de postagem!

Bom, olha só que mto supimpa! Lembra do post de pictogramas q eu coloquei aki?
Pois entao, tem um cara, Daniel Motta, que lançou um livro que se chama Poptogramas, que sao esses pictogramas POP.



Cara, mto engraçado, tem do Ozzy, do Ramones, dos Beatles, Talking Heads...

mto divertido, e o cara eh divertido pra caramba tb!

Saca só

Poptogramas

Eh isso gente!

Cheiro!

Passar bem ^^

JWT Brasil

É gente... já que estou no emablo falando de grandes agências de Design...
não posso deixar para trás outra muito grande e também muito boa, com trabalhos ótimos...
a JWT Brasil

Eles também fazem trabalhos para grandes nomes!!!
Coca-cola (também muito grande)
Nokia
Bayer
HSBC
Gazeta Mercantil

Bom já deu pra entender né...
muito bom entrar e conferir o trabalho dos caras!!!!

Gringo

Se você é Designer, Web Designer (ou interesse)... e ainda não entrou no site da Gringo...
TENHA VERGONHA
(A não ser q não tenha entrado por raiva dos caras... aí passa XP)



Os caras são fodasss!!! São muito renomados no mundo do Design... todos queremos um lugar ali no minho!!! (principalmente Web Designers)... os caras são muito bons... só dar uma olhada no portfolio meu... foda!
(e o site tem uma proposta bem legal/interessante)
Tem como portfolio as melhores empresas de comunicação visual do MUNDO!
COCA-COLA (portfolio imenso)
Absolut
Motorola
Gatorade
HP

Bom... deu pra entender né... muito bom...
Eu aconsehlo a dar uma navegada SEMPRE nesse site dos caras e dar uma olhada nos portfolios!!!

sexta-feira, setembro 12

Hema

Meu muito legal... só entrando pra saber!!!


Tem que ter muita criatividade pra fazer um negoço desse meu...
e claro... as ferramentas... mas hoje em dia as ferramentas são o de menos... aqui vai algo para você pensar...(sobre web!)
não seja micreiro, ou seja, aquele cara que só conhece a ferramenta, e faz tudo sem CRIATIVIDADE e apenas CÓPIAS... claro que muitas pessoas (como eu) iniciam a carreira mais com a idéia de micreiro do que de... sei la... artista/produtor/designer... também porque quando você é estagiário ou iniciante, a melhor coisa a fazer é mesmo tomar muitas referências até todas elas se fundirem na sua cabeça para você poder criar algo que seja de sua criatividade... mas você pode dar um toque seu aqui e ali...
não digo sempre, pois sempre há aquele fdp que quer mudar todo o seu trabalho... mas nesse caso... você não está sendo DESIGNER... você está sendo O CARINHA QUE FAZ SITE... pq o designer, é oc ara que PROJETA, logo se o cara vem com o projeto pronto... você vai apenas transformá-lo em gráfico... isso é a idéia de micreiro...
quando você começar a fazer tudo por conta própria... a pesquisa... (nem q seja interna), e linha visual, a criação, bla bla bla... ai voCê estará realmente sendo DESIGNER (web)

bom eh isso gente... aberto á comentários!!!

quarta-feira, setembro 10

FontStruct

Mew...esse site eh foda demais!
é um site no qual você pode fazer varias fontes, depois baixar a instalar no seu pc.
É super simples de se usar...basta ter criatividade!

o video abaixo explica como usar o site...tah em ingles



FontStruct

Divirtam-se!

Passar bem! ^^

sábado, setembro 6

Como diz o ditado...

Eu ouvi de pelo menos três profs meus que, pelo menos uma vez na vida, um designer tem q fazer uma cadeira. Então vo postar umas cadeiras bem divertidas...^^


Essa cadeira é beeeeeeeem antiga, na época em que tudo era cheio de frescura, e afrescos, e arcos e os livros cheios de iluminuras. Quanto mais pomposa a cadeira, maior a demonstraçao de poder. Óbvio neh?

Essa é antiga tb, mas é mais nova que a anterior. Esse modelo é pré-Bauhaus, mas a transiçao pro estilo moderno ainda foi demorada, por isso cadeiras desse tipo sao mais conhecidas, e podem ser vistas no porão de nossas vovós.

Esse modelo é Bauhaus. Moderno, simples, reto e limpo. Na verdade, esse modelo é até ousado por ser da Bauhaus, eles tinham cadeiras mais básicas tb.

Essa é a cadeira símbolo do Pós-Modernismo. Pra quem nao sabe, o movimento questionava a função do Design e da Arte. Sintetisando, essa cadeira é desconfortável, "para nao se sentar".Era a forma de critica que os designers da epoca encontravam.

Já esse modelo pode estar no grupo do Cambiante, que é um misto entre Modernismo e Pós-Modernismo. Ela não é toda regrada, canônica como as modernas, mas ainda cumpre sua função de cadeira, não é "inutil", apenas para ser olhada como as pós-modernas.


Há outras formas de se fazer uma cadeira. Como? Bom, todo ano, o Museu da Casa Brasileira realiza concursos de cartazes, e há dois exemplos nos quais existe a representação de uma cadeira. E os cartazes são realmente bons.

That's it, guys.

Passar bem

sexta-feira, setembro 5

Trabalhos

A pedidos...vou postar alguns trabalhos que fiz

Pierrot

Esquilo

Sherlock em Xilogravura

Gavião em Xilogravura

Bom, eh isso
para mais

Live Trace


segunda-feira, agosto 25

Super Propagandas

"Não é o que você diz...mas como diz..." (by Nike)

Altas propagandas geniais!

"Alimente a mente de sua criança"

"Te vejo a mesma hora amanha"
(Propaganda da Kellog's)

"Se você tem que forçar, é estupro"
(People Opposing Women Abuse - Pessoas Contrárias ao Abuso de Mulheres em que duas páginas de uma revista estão coladas)

"Hey, cidade que nunca dorme, acorde" (Em NY)

(Propaganda de uma escola de karatê na Índia)

"Não beba e dirija, chame um táxi"
(Propaganda de uma danceteria na Índia que, além de super consciente, simples e objetiva, aproveita e faz um up no marketing da companhia de táxi local...a idéia tá sendo aderida em várias partes da cidade)

Campanha "A Poluição atmosférica afeta qualquer um" do Cingapura. Amo propagandas conscientes ^^

Passar bem galera ^^