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 (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.
Com esse painel, você pode:
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.
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.
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:
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.
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.
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:
No painel Bibliotecas da CC, execute uma das seguintes ações:
Cole o valor de cor na Visualização de código ou no CSS Designer.
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.
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.
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:
Você também pode baixar ativos em lotes e salvá-los no computador para uso posterior.
Execute uma das seguintes ações:
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.
Clique com o botão direito no ativo desejado no painel Bibliotecas da CC e selecione:
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.
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.
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.
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.
Observação:
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.
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:
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.
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.
