LOGIN:

iMasters | Por uma internet mais criativa e dinâmica

Feeds

Terça-feira, 20/03/2007 - 09:30 - Por Éder da Silva
Seções relacionadas:

Smart Objects - Facilitando o trabalho

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!

Todos os artigos de Éder da Silva

10 comentários publicados

  • 1. Muito boa

    Terça-feira, 20/03/2007, por Felipe Santana

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

    Valeww

    Responder comentário

  • 2. Excelente

    Terça-feira, 20/03/2007, por Luiz Henrique Lucena

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

    Responder comentário

  • 3. Excelente!

    Quarta-feira, 21/03/2007, por André Ravache

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

    Responder comentário

  • 4. Exelente mesmo!

    Quinta-feira, 22/03/2007, por Julio Coronel

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

    Responder comentário

  • 5. Fico feliz

    Quinta-feira, 22/03/2007, por Éder da Silva

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

    Responder comentário

  • 6. Eder

    Terça-feira, 10/04/2007, por Eder Prado

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

    Responder comentário

  • 7. Isso é que é Matéria

    Sexta-feira, 27/04/2007, por Alexsandro Rosa de Mello

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

    Responder comentário

  • 8.

    Terça-feira, 01/05/2007, por Wagner Kiste

    adorei!

    Responder comentário

  • 9. Ótima Matéria

    Sexta-feira, 25/05/2007, por Uarle Pereira

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

    Responder comentário

  • 10. Muito bem exclipado

    Domingo, 03/06/2007, por Tiago Correia

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

    Responder comentário

Poste um comentário


Os textos publicados neste espaço são de responsabilidade única de seus autores (colunistas e leitores) e podem não expressar necessariamente a opinião do iMasters.

Sobre o autor

Éder da Silva está cursando o 3º ano do curso de Desenho Industrial pela FATEA na cidade de Lorena. Trabalha como Web Designer pela Fundação João Paulo II, e é instrutor do curso de Web Design na escola Microcamp unidade de Cruzeiro.


Indique para um amigo

captcha

TI SHOP Produtos iMasters

  • Lançamento: CD-ROM Treinamento Aplicado de SQL - Lançamento! Treinamento Aplicado de SQL - Aprenda a trabalhar com SQL com bancos de dados Oracle e SQL Server. São mais de 100 tópicos explicados por Mauro Pichilliani, um articulistas mais lidos do iMasters. Aproveite! Apenas R$ 69,90 no TI SHOP.
  • Lançamento: Livro iMasters "O Encontro de 2 Mundos"- Este livro conta com 56 crônicas de profissionais mais admirados e influentes do mercado brasileiro de Internet. Aproveite o preço especial para leitores do iMasters. Apenas R$ 40,00 e envio imediato!
  • DVD Curso Completo de Photoshop - Do conceito à finalização Lançamento! Curso Completo de Photoshop, em DVD, com mais de 230 aulas dividas em 4 módulos: conceito, básico, avançado e finalização. Apenas R$ 69,50 no TI SHOP - Frete com 50% de desconto
  • DVD Javascript Starter - Curso Completo Com mais de 9 horas de vídeo-aulas, é um curso completo sobre Javascript. Ideal para quem deseja aprender a linguagem. Apenas R$ 64,90 no TI SHOP - Frete com 50% de desconto!

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