Guia do Usuário Cancelar

Bibliotecas da Creative Cloud no Dreamweaver

 

 

Procure, gerencie e acesse ativos de criação em projetos do Dreamweaver com o Adobe Stock e outros aplicativos da Adobe.

As bibliotecas da Creative Cloud disponibilizam seus ativos favoritos em qualquer lugar. Você pode criar ou capturar imagens, cores, estilos de texto e muito mais em vários aplicativos para desktop e dispositivos móveis da Creative Cloud e acessá-los facilmente em outros aplicativos, formando um fluxo de trabalho de criação perfeito.

Você pode acessar as bibliotecas da CC diretamente do Dreamweaver para reutilizar cores e gráficos em suas páginas Web. Você também pode inserir os gráficos como ativos “vinculados” para garantir que eles fiquem atualizados de acordo com os da nuvem.

Leia para obter mais informações sobre como usar as bibliotecas da CC no Dreamweaver.

O painel Bibliotecas da CC

O painel Bibliotecas da CC (Janela > Bibliotecas da CC) é o ponto de acesso principal aos seus ativos salvos na Creative Cloud. O painel também permite procurar ativos no Adobe Stock.

Painel Bibliotecas da CC
Painel Bibliotecas da CC

Com esse painel, você pode:

  • Procurar uma biblioteca específica para os ativos armazenados na biblioteca
  • Criar uma biblioteca
  • Visualizar ativos na biblioteca selecionada
  • Arrastar ou copiar ativos a serem inseridos na sua página da Web
  • Inserir uma palavra-chave, como nome completo ou nome parcial de uma imagem a ser pesquisada no Adobe Stock

Introdução

Definir um site no Dreamweaver

Um site no Dreamweaver é uma pasta em que todos os vídeos, imagens, scripts, folhas de estilo e outros arquivos relacionados às suas páginas Web são armazenados. Definir um site com antecedência ajuda a salvar facilmente os ativos que você importa das Bibliotecas da CC no site. Certifique-se de que a página da Web na qual deseja importar os ativos das Bibliotecas da CC também seja salva na pasta do site.

Para obter informações sobre como criar sites, consulte Configurar uma versão local de seu site.

Adicionar ativos às Bibliotecas da CC

A garantia de que todos os ativos necessários estão disponíveis na Creative Cloud ajuda você a importar rapidamente os ativos em sua página da Web no Dreamweaver.

Se estiver procurando imagens de um banco de imagens, o Adobe Stock é um bom lugar para começar. Para obter informações detalhadas, consulte Obter ativos do Adobe Stock.

Os gráficos e cores que você captura ou cria em vários aplicativos para desktop ou dispositivos móveis da Adobe podem ser armazenados na Creative Cloud e importados em suas páginas Web. Por exemplo, um gráfico vetorial criado no Adobe Shape CC ou uma imagem processada no Photoshop. A Creative Cloud também permite que você e sua equipe colaborem e compartilhem ativos, logo, também é possível reutilizar ativos criados por outras pessoas.

Para obter mais informações sobre as Bibliotecas da Creative Cloud, consulte Bibliotecas da Creative Cloud.

Obter ativos do Adobe Stock

O Adobe Stock é altamente integrado com as bibliotecas da Creative Cloud. É possível procurar imagens e adicioná-las a qualquer uma das bibliotecas da CC de uma das seguintes formas:

  • Diretamente do site do Adobe Stock.
  • Usando o painel Bibliotecas da CC no Dreamweaver.
  • Usando os painéis Bibliotecas da CC em outros aplicativos da Adobe, como o Photoshop e o Illustrator.

Depois de adicionar imagens a uma Biblioteca da CC, siga as instruções no tópico Reusar gráficos salvos em bibliotecas da CC para usar essas imagens em suas páginas da Web.

Caso não tenha certeza quanto à compra de imagens do Stock no momento, você pode adicionar às bibliotecas apenas imagens do Stock com marca-d'água (visualizações) e usá-las como alocadores de espaço. Quando estiver pronto para comprar essas imagens, você pode fazê-lo no painel Bibliotecas da CC no Dreamweaver e em outros aplicativos, ou diretamente no site do Adobe Stock. 

Procurando imagens no Adobe Stock usando o painel Bibliotecas da CC
Procurando imagens no Adobe Stock usando o painel Bibliotecas da CC

Ao licenciar uma imagem, todas as instâncias do ativo com marca-d'água nos documentos abertos são atualizadas para a versão de alta resolução da imagem licenciada.

Reusar cores e temas de cores salvos em bibliotecas da CC

Reusar cores e temas de cores na Visualização dinâmica

Você pode salvar cores e temas de cores nas bibliotecas da Creative Cloud de aplicativos como o Illustrator, o Photoshop ou o Adobe Color. É possível importar essas cores e temas de cores nas páginas da Web usando o painel Bibliotecas da CC no Dreamweaver seguindo estas etapas:

  1. No painel Bibliotecas da CC, execute uma das seguintes ações:

    • Clique na cor ou no tema de cor desejado. O valor HEX da cor ou do tema de cor é copiado na área de transferência.
    • Clique com o botão direito na cor ou no tema de cor desejado e clique em Copiar RGB ou Copiar HEX. 
  2. Cole o valor de cor na Visualização de código ou no CSS Designer.

Reutilizar cores na Visualização de código

Cores salvas na Creative Cloud estão disponíveis como dicas de código na Visualização de código. Você pode selecionar as cores de que precisa nas dicas de código enquanto programa na Visualização de código. O ícone da Creative Cloud próximo à cor nas dicas de código indica que essas cores estão armazenadas na Creative Cloud.

Cores na biblioteca da Creative Cloud exibidas em dicas de código
Cores na biblioteca da Creative Cloud exibidas em dicas de código

As dicas de código escolhem cores da biblioteca aberta atualmente no painel Bibliotecas da CC. Na imagem acima, as cores da biblioteca 'Minha biblioteca' são disponibilizadas como dicas de código. Para obter cores em outra biblioteca da Creative Cloud como dicas de código, abra a biblioteca necessária no painel Bibliotecas da CC e retome o trabalho na Visualização de código.

Reutilizar gráficos salvos em Bibliotecas da CC

 Em vigor desde 16 de novembro de 2021, o Dreamweaver desativou a funcionalidade de extrair SVG de um ativo do Illustrator. Recomendamos que você use esta solução alternativa para habilitar a opção de formatação de imagem e converter os ativos do Illustrator (.ai) nos formatos PNG 32/PNG 24/PNG 8/JPEG. Como alternativa, os usuários podem exportar ativos do Illustrator para o formato SVG diretamente do aplicativo Illustrator.

Você pode salvar os gráficos criados com aplicativos para desktop e dispositivos móveis da Adobe, como Photoshop, Illustrator, Adobe Shape CC ou Adobe Sketch CC, nas Bibliotecas da Creative Cloud. O painel Bibliotecas da CC ajuda a inserir gráficos na Visualização dinâmica e as dicas de código ajudam a inserir gráficos diretamente no código.

É possível inserir gráficos das Bibliotecas da CC como:

  • Ativos vinculados: quando gráficos são inseridos como ativos vinculados, um pequeno ícone de nuvem aparece no canto inferior direito do ativo na Visualização dinâmica. Esse ícone indica que o ativo está vinculado ao ativo original na nuvem. O ícone de nuvem também é exibido junto ao ativo no painel Ativos.
  • Ativos não vinculados: é possível inserir um ativo como uma cópia local nas páginas Web. Na Visualização dinâmica, clique com o botão direito no ativo desejado no painel Bibliotecas da CC e selecione “Inserir não vinculado”. Ao inserir a cópia de um gráfico, o ativo é copiado na máquina local e não é vinculado ao ativo original na nuvem. Isso significa que qualquer alteração ou atualização do ativo na nuvem não será refletida no Dreamweaver.

Você também pode baixar ativos em lotes e salvá-los no computador para uso posterior.

Reutilizar gráficos na Visualização dinâmica

  1. Execute uma das seguintes ações:

    1. Arraste o gráfico do painel Bibliotecas da CC para a página na Visualização dinâmica.

      Observação: ao arrastar gráficos do painel Bibliotecas da CC para a Visualização dinâmica, o gráfico é inserido como um gráfico “vinculado” (se você tiver definido um site).

      Os arquivos do Illustrator são inseridos como arquivos SVG otimizados para a Web por padrão. Se desejar personalizar as propriedades dos arquivos SVG, você pode editar as preferências no arquivo options.json. Para obter mais informações, consulte Extrair das Bibliotecas da CC arquivos SVG otimizados para a Web.

    2. Clique com o botão direito no ativo desejado no painel Bibliotecas da CC e selecione:

      • “Inserir vinculado” para inserir o gráfico como um ativo vinculado. Isso significa que o ativo manterá sua referência ao ativo correspondente na nuvem. Qualquer alteração no ativo na nuvem será refletida no ativo vinculado no Dreamweaver.
      • “Inserir não vinculado” para inserir o gráfico como um ativo não vinculado.
  2. Na caixa de diálogo Amostra que é exibida, especifique o nome do arquivo e as dimensões da imagem. Para obter informações detalhadas, consulte Especificar opções de amostra para gráficos.

Reutilizar gráficos na Visualização de código

Gráficos salvos nas bibliotecas da Creative Cloud estão disponíveis como dicas de código na Visualização de código. Primeiramente, abra a biblioteca desejada selecionando-a no painel Bibliotecas da CC. Depois, alterne para a Visualização de código e selecione o gráfico desejado nas dicas de código enquanto programa. O ícone da Creative Cloud próximo ao gráfico nas dicas de código indica que o gráfico está armazenado na Creative Cloud.

Gráficos nas bibliotecas da CC exibidos como dicas de código
Gráficos nas bibliotecas da CC exibidos como dicas de código

Observação: ao inserir gráficos usando dicas de código, os gráficos são inseridos como gráficos “não vinculados”.

Para obter cores em outra biblioteca da Creative Cloud como dicas de código, abra a biblioteca necessária no painel Bibliotecas da CC e retome o trabalho na Visualização de código.

Especificar opções de amostragem para gráficos

As caixas Altura e Largura produzem outra amostra do ativo usando o mecanismo de otimização de imagens do Dreamweaver. É possível também selecionar o tipo de formato no qual deseja inserir o ativo. O ícone da nuvem ativada indica que o ativo será inserido como ativo vinculado. Após especificar o nome do arquivo e as opções de amostragem, pressione Enter para inserir o ativo.

Nova amostra de imagens
Nova amostra de imagens

 Observação:

  • A opção SVG está disponível apenas para os arquivos do Illustrator (.ai) e está definida como padrão para esses arquivos. É possível alterar o formato desses arquivos para JPEG usando a lista suspensa na caixa de diálogo de reamostragem.
  • Já que um arquivo JPEG só pode ser inserido como um arquivo JPEG, nenhuma outra opção de formato está disponível para esses arquivos.

Editar gráficos

Usando o painel Bibliotecas da CC, você pode rapidamente abrir e editar ativos do InDesign e do Illustrator em seus aplicativos nativos. Para fazer isso, clique com o botão direito no ativo no painel Bibliotecas da CC e clique em Editar.

Verifique se os aplicativos nativos, InDesign ou Illustrator, estão instalados no mesmo computador da instância do Dreamweaver que você está usando. Verifique também se as atualizações mais recentes desses aplicativos no Creative Cloud foram instaladas.

Desvincular, reamostrar e renomear gráficos vinculados

Você pode alterar o nome, o tamanho ou fazer uma nova amostra das imagens importadas para a página da Web das bibliotecas da CC usando uma das seguintes opções:

  • Clique no ativo na Visualização dinâmica e clique no ícone de nuvem. 
  • Clique com o botão direito no ativo e clique em Opções de ativos vinculados.
  • Clique com o botão direito no ícone de nuvem junto ao nome do ativo no painel Ativos.

A caixa de diálogo de reamostragem aparecerá, permitindo que você altere as propriedades necessárias. Para desvincular o ativo da origem nas bibliotecas da CC, clique no ícone de nuvem na caixa de diálogo de reamostragem.

Ao desvincular um ativo, qualquer alteração no arquivo de origem na Creative Cloud não será refletida na imagem da página da Web.

Baixar gráficos

Você pode baixar, em grande quantidade, os gráficos de que precisa como ativos vinculados das bibliotecas da CC e inseri-los no projeto posteriormente. Ao usar esses ativos nos projetos, eles ainda manterão o vínculo ao item de biblioteca correspondente. 

  • Vinculado: para baixar gráficos como ativos vinculados, clique com o botão direito no ativo no painel Bibliotecas da CC e selecione Baixar vinculado. O pop-up com opções de nome do arquivo e de nova amostra é exibido. Especifique o nome do arquivo e as opções de amostra e pressione Enter para salvar o ativo na pasta do seu site.
  • Não vinculado: para baixar gráficos como ativos não vinculados, clique com o botão direito no ativo desejado no painel Bibliotecas da CC e selecione Baixar cópia. O pop-up com opções de nome do arquivo e de nova amostra é exibido. Especifique o nome do arquivo e as opções de amostra e pressione Enter para salvar o ativo na pasta do seu site.

Receba ajuda com mais rapidez e facilidade

Novo usuário?