Vídeo: Objetos Inteligentes e Organização - Curso Photoshop para Web Design - Aula 3 - Alan Mosko 2024
A capacidade de trabalhar com arquivos do Photoshop no Adobe Dreamweaver CS6 é útil para a maioria dos designers que dependem do 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 foi criado.
A imagem exibe um ícone que permite saber se o arquivo original foi atualizado e você pode aplicar as alterações no arquivo original à imagem com um clique.
Para colocar um arquivo do Photoshop na sua página, siga estas etapas:
-
Clique onde quiser colocar a nova imagem e, em seguida, clique no botão Imagem na categoria comum do painel Inserir.
-
Quando a caixa de diálogo Selecionar origem da imagem for exibida, navegue e selecione um arquivo do Photoshop PSD e clique em Selecionar / OK para selecionar a imagem.
Aparece a caixa de diálogo Otimização de imagem. Esta caixa de diálogo permite que você salve sua imagem nos formatos GIF, JPEG ou PNG compatíveis com a web.
-
Na lista suspensa Preset, selecione a opção JPEG High para Compatibilidade Máxima.
-
Clique em OK para salvar a imagem.
-
Quando a caixa de diálogo Salvar imagem da Web aparecer, navegue até a pasta raiz do seu site e clique em OK / Salvar para salvar a imagem na pasta apropriada (como sua pasta de imagens padrão).
-
Quando a caixa de diálogo Atributos de acessibilidade de tags de imagem aparecer, digite uma descrição concisa e breve para 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 está atualizada.
Selecione a imagem que você colocou na lista de etapas anterior e localize 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.
