Dkcell Design Tendências, inspiração e novidades do design

Exatamente por este blog tratar de design, estou postando um trabalho dirigido recentemente por mim de Projeto Interdisciplinar, no curso de Design Digital da Faculdade Anhembi Morumbi.

Se trata apenas da parte impressa, com storyboards e pesquisa iconográfica. As peças finais serão 2 animações: 1 para web de 1 minuto e outra para celular de 30 segundos, que postarei assim que concluirmos. A imagem abaixo é a capa do projeto e vocês podem vê-lo na integra em PDF ou online usando o mini-livro abaixo (para visualizar em tela cheia basta clicar em Open Publication:

Clique na imagem para baixar o arquivo em PDF.




Baixado num total de 137 vezes

Vamos iniciar mais uma série de posts aqui no DK Design. Desta vez iremos publicar tutoriais básicos sobre o funcionamento do programa de edição de imagens mais conhecido no mundo todo: Adobe Photoshop.

Usaremos a versão Cs2 pois pouquissimas pessoas tem acesso a versão Cs3, inclusive cursos e faculdades.

Neste primeiro post faremos uma breve introdução do programa e suas principais ferramentas, e nos seguintes iniciaremos os tutoriais de uso.

A tela de Boas Vindas:

A primeira janela que se abre é a de Boas Vindas, a qual é uma ótima oportunidade para iniciantes conhecerem melhor o programa e suas funções. Porém caso deseje que a mesma não apareça mais, basta desmarcar a opção Show This Dialog at Startup. Sempre que quiser ver esta tela novamente mesmo depois de desabilitada, basta ir em Help > Welcome Screen.

Para começar a trabalhar, basta clicar em Close.

A Área de Trabalho:

Antes de trabalhar realmente vamos mostrar a área de trabalho do Photoshop, pois para muitos é assustadora.

• A. Barra de Menus: Área de menus organizada por tipo de tarefa a ser usada.
• B. Barra de Opções: Contém opções para a ferramenta selecionada.
• C. Barra de Ferramentas: Contém as principais ferramentas, além das opções de cor, zoom, etc.
• D. Janela do Documento: A janela que contém o documento a ser trabalhado.
• E. Área Ativa: A área onde iremos trabalhar.
• F. Navegador: Ferramenta usada para imagens grandes onde podemos navegar por uma miniatura da mesma.
• G. Paleta de Cores: Paleta usada para selecionar as cores a serem usadas para pintar/desenhar.
• H. Histórico: Acompanha todas as ações realizadas, muito útil para tutoriais e desfazer algum erro.
• I. Layers (camadas) : São camadas do trabalho, onde podemos trabalhar fundo , frente e objetos separadamente.

Criando um Novo Documento:

Para criar um novo documento basta ir em File>New na Barra de Menus.

Abrirá uma caixa de diálogo como a demonstrada abaixo:

• A. Nome do Arquivo: Onde escolhemos um nome para o arquivo (opcional).
• B. Presets: Escolha de uma lista de padrões já criados.
• C. Dimensões dos Documentos: Escolhemos altura e largura do documento.
• D. Unidades de Medida: Aqui escolhemos se iremos usar pixels (digital), cm (gráfico) ou outras.
• E. Resolução: Resolução significa o número de pixels por polegada. Para impressão normalmente usamos 300Dpi ou maior, o que também irá aumentar o tamanho do arquivo. Porém para trabalhos digitais ou web, o padrão é de 72Dpi.
• F. Modo de Cor: Escolhemos o padrão a ser usado, normalmente RGB, porém podemos usar CMYK (impressão) ou P&B.
• G. Conteúdo do Background: Escolha uma cor ou defina como transparente.

Na caixa demonstrada acima criamos um documento de 800×600px com fundo branco. O nome seria “Document Name” e a resolução seria a padrão para trabalhos digitais.

Salvando e Fechando um Documento:

Para salvar um documento criado no Photoshop, basta ir em File>Save na Barra de Menus. Ao salvar lembre de por um nome que irá lembrar e de manter a extensão *.PSD. Fazendo desta forma irá garantir que o arquivo irá manter os dados de camadas e atributos especiais do Photoshop para que possamos dar continuidade no trabalho posteriormente. Note que o arquivo gerado não é compativel com Browsers e outras aplicações, para isso teria que salvar com outra extensão que iremos explicar em próximos posts.

Para fechar um documento, basta ir em File>Close na Barra de Menus. Para fechar todos os documentos abertos, vá em File>Close All.

Criado pelo estúdio de animação Aardman, famoso pelo filme Wallace & Gromit e por diversos comerciais já produzidos, este vídeo (em inglês) mostra a entrevista dos diversos e simpáticos personagens da Creature Conforts.

Vejam mais vídeos em: Estúdio Aardman

Campanha criada pelo designer Chris Baker, onde cria wallpapers de como seriam os Jazigos de grandes diretores.

Belissimos wallpapers, e ainda nos dá a opção de baixar com ou sem o logo do projeto afirmando:

“We Know How Important Desktops Are”.

“.Sabemos o quão importante Desktops são”.

Página do Projeto.
Visitem também seu portfólio

Muitas das nossas imagens quando não postadas diretamente no servidor, postamos no Photobucket ou Flickr, porém sempre procuramos novas soluções que possam ser fácilmente integradas ao site e que seja feito o envio de forma rápida e estável.

Encontramos o serviço Photie, um incrivel sistema de hospedagem de imagens. Bastante simples em seu layout, sem praticamente anuncios, oferece espaço ilimitado para imagens e tamanhos de arquivo.

Sua principal vantagem é o detalhamento de onde e quando suas fotos foram visualizadas, sendo bastante util ao autor.

As desvantagens são que apesar de ter um sistema de diversos tamanhos para postagem em sites e fórums, o mesmo demora muito para mudar os tamanhos, e o sistema de tags só permite adicionar uma por fez, o que dificilmente tirará os usuários do Flickr para usar o Photie.

No mais acreditamos que o serviço ainda promete muito, pois ainda é novo, contando com apenas 662 usários até o momento. E esperamos que não suma com o aumento de visitas e usuários.

Photie.com

PS: a foto do post está hospedada no Photie para testes.