Como colocar objetos inteligentes do Photoshop no Adobe Dreamweaver CS6

A capacidade de trabalhar com arquivos do Photoshop no Adobe Dreamweaver CS6 é útil para a maioria dos designers que dependem de Photoshop como parte de seu fluxo de trabalho. Quando você coloca arquivos do Photoshop em uma página, o Dreamweaver cria um Objeto Inteligente, uma imagem que mantém uma conexão com o arquivo original do Photoshop a partir do qual ele foi criado.

A imagem mostra um ícone que permite saber se o arquivo original foi atualizado, e você pode aplicar as alterações no arquivo original para a imagem em um clique.

Para colocar um arquivo de Photoshop em sua página, siga estes passos:

  1. Clique onde você deseja colocar a nova imagem e, em seguida, clique no botão Imagem na categoria Comum do painel Inserir.

  2. Quando a caixa de diálogo Select Image Source aparecer, procurar e selecionar um arquivo PSD Photoshop e clique em Escolher / OK para selecionar a imagem.

    A caixa de diálogo Otimização de imagem será exibida. Esta caixa de diálogo permite que você salve sua imagem no GIF web-friendly, JPEG ou PNG.

    image0.jpg
  3. Na lista drop-down Preset, selecione a alta JPEG opção de compatibilidade máxima para.

  4. Clique em OK para salvar a imagem.

  5. Quando a caixa de diálogo web Salvar imagem aparece, navegue para a pasta raiz do seu site e clique em OK / Save para salvar a imagem na pasta apropriada (como a pasta de imagens padrão).

  6. Quando a acessibilidade Tag os atributos de imagem caixa de diálogo aparecer, digite uma descrição concisa, breve descrição de sua imagem (como Man on Bike).

    A nova imagem é colocada e um pequeno ícone aparece no canto superior esquerdo. Este indicador Smart Object mostra duas setas verdes, indicando que a imagem é up-to-date.

Selecione a imagem que você colocou na lista etapa anterior e localizar o campo de texto Original no Inspetor de propriedades - este campo exibe a localização do arquivo original do Photoshop. Para editar a imagem, você pode simplesmente clicar no botão Editar no Photoshop no centro do Inspetor de propriedades para abrir o arquivo de origem no Photoshop.

menu