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.

Nesse arquivo existem 3 layers:

fundo_menu

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!