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

As ferramentas de seleção são usadas para facilitar o processo de selecionar formas, cores e objetos dentro do Photoshop, e posicioná-las dentro da área de trabalho.

No Photoshop podemos trabalhar áreas separadas sem alterar o restante ao seu redor.

Basicamente lhe permite pintar, editar ou deletar uma parte única de seu trabalho enquanto o restante permanece inalterado.

Ferramentas Marquee

As Marquee Tools são usadas para fazer seleções retangulares, elípticas, e em linhas horizontais e verticais.

Para criar uma seleção com as marquee tools simplesmente segure e arraste sobre a área a ser selecionada.

Seleções perfeitas

Quando usamos a ferramenta de seleção retangular ou a elíptica, podemos fazer um quadrado e um circulo perfeitos, bastando segurar shift enquanto arrastamos pela imagem.

Lasso Tools

As ferramentas de seleção Lasso permitem que façamos seleções de formatos irregulares.

Usando a Lasso Tool (padrão) basta ir “desenhando” o que deseja selecionar. Com a Ferramenta de Lasso Polygonal, clique para fazer diversos pontos que definirão a seleção, e para terminar basta clicar novamente no ponto inicial.

A Magnetic Lasso combina as 2 mencionadas anteriormente. Você clica uma vez e começa a acompanhar a mão livre o que deseja selecionar. A ferramenta tenta automaticamente acompanhar os cantos da imagem (pode definir os pontos se necessário com cliques). O resultado final será uma seleção muito mais precisa que as outras 2.

A varinha mágica seleciona áreas baseado nas cores. Para usar a ferramenta basta apontar e clicar na cor que deseja selecionar na área ativa.

Usando o diagrama abaixo poderão ter uma idéia da seleção por cores, iremos selecionar apenas a cor do interior.

Uma dica: Quando estiver usando a varinha mágica, é possível selecionar um maior ou menor número de cores, ajustando a opção Tolerance na barra de opções. Quanto maior o número, mais cores similares serão selecionadas.

Combinando seleções:

Às vezes é necessário combinar múltiplas seleções para selecionar uma área inteira. Nestas horas podemos usar um simples atalho de teclado.

Com uma seleção basta segurar shift e crie uma nova seleção, ela será adicionada a seleção existente.

Removendo seleções:

< p class=”info>Assim como é possivel adicionar seleções, podemos remover apenas segurando a tecla Alt e criando uma nova seleção. Podemos também criar seleções em interseção (segurando Shift e Alt ao criar a nova seleção).

Move tool

A ferramenta Move é usada para mover as áreas selecionadas de uma imagem, layer, forma ou outros objetos. Para mover a parte selecionada da imagem, basta selecionar a ferramenta Move , clicar e arrastar a seleção até o local desejado.Desta forma irá recortar a seleção de sua posição original e reposicionar onde escolher.

Essencialmente mover um objeto selecionado é como recortar uma parte de um desenho e fazendo uma colagem.

Crop Tool

A ferramenta Crop é usada para redimensionar o canvas e a área ativa. Para usar basta arrastar formando uma espécie de seleção em volta do que deseja.

Note que usar a ferramenta Crop não irá deletar os dados dos layers, todos os dados serão preservados e a imagem ficará em um tamanho menor. Alguns dados de layers podem não estar visíveis pois ficaram fora da área da imagem ativa.

As Paletas

Para ter uma idéia de como as paletas são importantes, aperte Tab e todas elas irão ser ocultas. Praticamente as paletas incluem tudo desde as Ferramentas, a Barra de Opções até os Layers e a aba de Cores.

Iremos demonstrar neste tutorial como:

• Organizar Paletas.
• Redimensionar, ocultar e mostrar paletas.
• Fechar, Abrir e Resetar Paletas.
• Usar Opções Internas das Paletas.

Organizando Paletas

É possivel organizar as paletas ao seu gosto. Fazendo isto pode aumentar sua produtividade, pois organizará as que mais usa para áreas mais acessíveis.

Para Mover uma Paleta para outro grupo ou dentro de seu próprio grupo, basta arrastar a mesma para a área desejada.

Para Mover um Grupo de Paletas, arraste a barra de título da mesma e solte quando estiver encaixada.

Você também pode Anexar Paletas uma a outra apenas encaixando a parte inferior de uma com a superior, ao fazer isso elas se encaixarão automáticamente.

Redimensionando, Ocultando e Mostrando Paletas

Talvez você trabalhe usando diversas Cores, Estilos de Camada ou Camadas, todas que deseja acessíveis ao mesmo tempo. Você pode redimensionar a maioria das paletas simplesmente arrastando o canto direito inferior da mesma até atingir o tamanho desejado.

Caso deseje minimizar a paleta que não está em uso, aumentando assim a área útil, basta clicar no sinal de menos ou clicar 2 vezes na aba onde está o nome da paleta. Para maximizar basta refazer o processo.

Fechando, Abrindo e Resetando Paletas

Se você possui diversas paletas abertas que não usa pode fechar simplesmente clicando no X no canto direito superior da paleta.

Caso necessite abrir uma nova paleta vá em Window na Barra de Menus e selecione a paleta que deseja reabrir.

Caso esteja com problemas para reabrir alguma paleta e deseja voltar ao padrão, basta ir em Window> Workspace> Reset Pallete Locations na Barra de Menus. Com isso voltará a quando abriu o Photoshop pela primeira vez.

Usando opções das Paletas

Dentro das paletas, você irá encontrar diversas opções, variando de cores, opacidade, efeitos e muitos outros. Mas iremos mostrar isso posteriormente. Agora iremos mostrar como operar as funções.

Menus Drop Down:

Para operar um menu Drop Down como este ao lado, basta clicar na seta.

Uma lista com as opções irá aparecer. Basta clicar em um dos valores para selecionar.

Sliders:

Para operar basta clicar na setinha e arrastar até obter o valor desejado.

Swatches e Styles

Para selecionar uma cor ou estilo basta passar o mouse sobre para ver a descrição e dar apenas um clique para selecionar.

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.

Quarta Feira fiquem ligados, pois estrearemos uma nova série de posts aqui no Dk Design.

A série conterá informações essenciais para um bom designer ou para quem deseja aprender a mais famosa ferramenta de edição de imagens do mundo.

Tentaremos manter a periodicidade de toda quarta-feira termos um post novo da série, porém estamos focando mais a qualidade dos posts do que a velocidade com que eles sairão.

Não se trata exatamente de um tutorial, porém serve como fonte de aprendizado em técnicas para desenhar algo bastante complexo como pes humanos.