Terça-feira, 20 de março de 2007 às 09h30

Smart Objects - Facilitando o trabalho

Faltam -1 dias! Inscreva-se agora! O maior encontro de profissionais web da américa latina.

Gostaria primeiramente de agradecer ao iMasters por abrir esse espaço e podermos colaborar com tantas outras pessoas que também trabalham diariamente com Photoshop. Queria também agradecer ao Fabio Lody, pois é uma referência para todos nós.

Então vamos ao artigo.

Software ultilizado: Photoshop CS 2 em Inglês

Imaginem a seguinte situação:

Você desenvolve uma arte onde existem 10 ou mais itens idênticos no menu, ou o mesmo objeto se repete várias vezes no seu trabalho. Você, como designer, cria esse objeto aplicando um formato específico, tamanho, cores etc. Mais tarde, talvez, você queira alterá-lo com outra cor, tamanho, etc. Só que terá de fazer o mesmo procedimento a todos os outros objetos que foram duplicados.

O uso do Smart Objects permite a você criar um grupo de layers e, a partir de uma pequena alteração apenas em uma layer desse grupo, todas as outras layers serão automaticamente afetadas.

Primeiramente façam o download do arquivo smart_object.psd.

Depois que fizerem o download, abra o arquivo.

Nesse arquivo existem 3 layers:

textos_menu

fundo_menu

fundo

Passo 01: Criando o Smart Objects

Selecione a layer fundo_menu, vá até o menu Layer > Smart Objects e clique em Group into New Smart Objects. Notem que a aparência da layer se alterou.

Passo 02: Duplicando as layers

Agora iremos duplicar a layer fundo_menu. Para isso esteje com ela selecionada vá até o menu Layer e depois em Duplicate Layer.

Aplique o nome para a layer de fundo_menu2. Depois que você a duplicou, arraste-a para baixo da layer fundo_menu.

Selecione novamente a layer fundo_menu e duplique-a novamente. Salve com o nome fundo_menu3 e arraste para baixo da layer fundo_menu2. Faça isso até obter 5 layers de fundo_menu.

Obs: Você deve ter essas layers.

Posicionadas dessa forma:

Passo 03: Alterando o Smart Objects

Agora iremos fazer uma modificação na layer fundo_menu, para que todas as outras layers duplicadas recebam o mesmo efeito. Para isso, clique duas vezes na layer fundo_menu para entrar no modo de edição.

Quando clicar, irá aparecer essa mensagem dizendo que toda a alteração feita na camada do Smart Object deve ser salva.

Dê OK.

Veja que temos uma imagem justamente igual à layer fundo_menu.

Pegue a ferramenta Rectangular Marquee Tool na barra Tools.

Crie uma seleção retangular no canto esquerdo (imagem A). Feito essa seleção, segure a tecla SHIFT e faça uma outra seleção, agora no canto direito como mostra a imagem B.

A:

B:

Pressione a tecla Delete, vá até o menu Image e clique em Trim.

Verifique se todas as opções do Trim estão marcadas iguais as da imagem.

Pronto!

A alteração esta feita. Retiramos os cantos arredondados dos itens do menu, deixando-os quadrados. Vá até o menu File e clique em Save, e feche apenas a imagem editada. Veja que todos os outros objetos que foram duplicados usando o Smart Objects foram afetados.

Agora vamos personalizar mais um pouco. Iremos alterar a cor do menu. Clique duas vezes na layer fundo_menu para editá-la, e dê OK na mensagem que aparece. Na paleta das layers, vamos escolher a opção Add a layer style e a opção Color overlay.

Nas opções de cores, escolha uma cor a seu gosto e dê OK.

Vá até o menu File e clique em Save. Feche apenas a imagem e veja que todas as outras layers foram também alteradas com a cor que você escolheu.

Veja o resultado final:

É isso ai pessoal. Espero ter ajudado vocês com esse artigo. Abraços!

10 comentários

 Felipe Santana
20/03/2007 17h59

Muito boa

Opa, gostei muito da matéria Éder, continue assim, essa ferramenta é muito útil para vários tipos de efeitos e artes.

Valeww

 Luiz Henrique
20/03/2007 19h44

Excelente

Muito boa a matéria Éder, excelente dica, não conhecia esta etapa do smart objects.

 André Ravache
21/03/2007 09h22

Excelente!

Ótima matéria, dica prática para aumentar a produtividade excelente. Obrigado!!

 Julio Coronel
22/03/2007 12h09

Exelente mesmo!

Além de exelente, é muito útil para o designer, parabéns. Raríssimo ver matéria deste nível, só no imasters mesmo.

 Éder da Silva
22/03/2007 13h16

Fico feliz

É muito bom saber que com essa materia pude ajudar muita gente. Isso é um retorno muito bom.

 Eder Prado
10/04/2007 10h00

Eder

Excelente matéria! Artigos como esse fazem diferença aqui no Imasters! Parabéns ao autor!!!

 Alexsandro Rosa de Mello
27/04/2007 18h56

Isso é que é Matéria

É disso que precisamos, parabéns, show de bola.

 Wagner Kiste
01/05/2007 20h55

adorei!

 Uarle Pereira
25/05/2007 09h46

Ótima Matéria

Muito boa essas dicas, adianta muito o trabalho, tem muita gente que não conhece essas "manhas".
Nossa Parabéns.

 Tiago Correia
03/06/2007 23h32

Muito bem exclipado

Uma dica simples e rápido que é muito mas muito útil mesmo no trabalho diário no Photoshop... Parabéns

Cancelar resposta

Qual a sua opinião?

Faça login abaixo ou cadastre-se rapidamente.


2001 - iMasters FFPA Informática Ltda - Todos os direitos reservados.