Aplicar efeitos de forma em apresentações usando JavaScript
Introdução
Embora os efeitos no PowerPoint possam ser usados para fazer uma forma se destacar, eles diferem de preenchimentos ou contornos. Usando os efeitos do PowerPoint, você pode criar reflexões convincentes em uma forma, espalhar o brilho de uma forma etc.
O PowerPoint fornece seis efeitos que podem ser aplicados a formas. Você pode aplicar um ou mais efeitos a uma forma.
Algumas combinações de efeitos ficam melhores que outras. Por esse motivo, o PowerPoint oferece opções em Preset. As opções de Preset são combinações de dois ou mais efeitos que são conhecidos por ter boa aparência. Dessa forma, ao selecionar um preset, você não precisará perder tempo testando ou combinando efeitos diferentes para encontrar uma boa combinação.
Aspose.Slides fornece propriedades e métodos na classe EffectFormat que permitem aplicar os mesmos efeitos a formas em apresentações do PowerPoint.
Aplicar um efeito de sombra
Aspose.Slides for Node.js via Java oferece suporte a sombras externas e internas para formas. Você pode personalizar sua cor, direção, distância e raio de desfoque para combinar com o design da sua apresentação.
Aplicar uma sombra externa
Use uma sombra externa para fazer um cartão ou painel se destacar em relação ao fundo do slide. A sombra se estende além das bordas da forma, criando a impressão de que a forma está elevada sobre o slide. Ajuste sua cor, direção, distância e raio de desfoque para combinar com a iluminação e o estilo do seu modelo.
Este código JavaScript mostra como aplicar o efeito de sombra externa a um retângulo:
const aspose = { slides: require("aspose.slides.via.java") };
const java = require("java");
const presentation = new aspose.slides.Presentation();
try {
const slide = presentation.getSlides().get_Item(0);
const shape = slide.getShapes().addAutoShape(aspose.slides.ShapeType.RoundCornerRectangle, 20, 20, 200, 100);
shape.getEffectFormat().enableOuterShadowEffect();
const color = java.newInstanceSync("java.awt.Color", 169, 169, 169);
shape.getEffectFormat().getOuterShadowEffect().getShadowColor().setColor(color);
shape.getEffectFormat().getOuterShadowEffect().setDistance(10);
shape.getEffectFormat().getOuterShadowEffect().setDirection(45);
presentation.save("shadow_effect.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
presentation.dispose();
}
Aplicar uma sombra interna
Ao reproduzir o estilo visual de um modelo, use uma sombra interna para dar a um cartão ou painel uma aparência rebaixada. Uma sombra externa se estende fora da forma e a faz parecer elevada, enquanto uma sombra interna sombreia o interior de suas bordas.
Chame enableInnerShadowEffect, então configure a sombra retornada por getInnerShadowEffect. Valores maiores de raio de desfoque produzem bordas mais suaves.
Este exemplo JavaScript cria um cartão azul claro com uma sombra interna cinza escura e o salva como um arquivo PPTX. A direção da sombra é 225 graus, sua distância é 7 pontos e seu raio de desfoque é 6 pontos:
const aspose = { slides: require("aspose.slides.via.java") };
const java = require("java");
const presentation = new aspose.slides.Presentation();
try {
const slide = presentation.getSlides().get_Item(0);
const shape = slide.getShapes().addAutoShape(aspose.slides.ShapeType.Rectangle, 20, 20, 200, 100);
shape.getFillFormat().setFillType(java.newByte(aspose.slides.FillType.Solid));
const fillColor = java.newInstanceSync("java.awt.Color", 173, 216, 230);
shape.getFillFormat().getSolidFillColor().setColor(fillColor);
shape.getLineFormat().getFillFormat().setFillType(java.newByte(aspose.slides.FillType.NoFill));
shape.getEffectFormat().enableInnerShadowEffect();
const shadow = shape.getEffectFormat().getInnerShadowEffect();
const color = java.newInstanceSync("java.awt.Color", 105, 105, 105);
shadow.getShadowColor().setColor(color);
shadow.setDirection(225);
shadow.setDistance(7);
shadow.setBlurRadius(6);
presentation.save("inner_shadow_effect.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
presentation.dispose();
}
Para remover a sombra interna, chame disableInnerShadowEffect no formato de efeito da forma.
Aplicar um efeito de reflexão
Para aplicar um efeito de reflexão no Aspose.Slides for Node.js via Java, você pode adicionar uma reflexão semelhante a um espelho nas formas, ajustando parâmetros como distância, transparência e tamanho. Esse efeito aprimora a estética de suas apresentações, conferindo às formas um aspecto mais polido e sofisticado. É fácil de implementar com código simples, permitindo a aplicação rápida em vários elementos para um design consistente.
Este código JavaScript mostra como aplicar o efeito de reflexão a uma forma:
const aspose = { slides: require("aspose.slides.via.java") };
const java = require("java");
const presentation = new aspose.slides.Presentation();
try {
const slide = presentation.getSlides().get_Item(0);
const shape = slide.getShapes().addAutoShape(aspose.slides.ShapeType.RoundCornerRectangle, 20, 20, 200, 100);
shape.getEffectFormat().enableReflectionEffect();
shape.getEffectFormat().getReflectionEffect().setRectangleAlign(java.newByte(aspose.slides.RectangleAlignment.Bottom));
shape.getEffectFormat().getReflectionEffect().setDirection(90);
shape.getEffectFormat().getReflectionEffect().setDistance(40);
shape.getEffectFormat().getReflectionEffect().setBlurRadius(2);
presentation.save("reflection_effect.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
presentation.dispose();
}
Aplicar um efeito de brilho
Para aplicar um efeito de brilho a uma forma no Aspose.Slides for Node.js via Java, você pode adicionar uma aura suave e luminosa ao redor das formas, ajustando propriedades como cor e tamanho. Esse efeito ajuda a fazer as formas se destacarem e adiciona um elemento visual atraente e chamativo à sua apresentação. É fácil de implementar com código mínimo, realçando a aparência geral dos seus slides.
Este código JavaScript mostra como aplicar o efeito de brilho a uma forma:
const aspose = { slides: require("aspose.slides.via.java") };
const java = require("java");
const presentation = new aspose.slides.Presentation();
try {
const slide = presentation.getSlides().get_Item(0);
const shape = slide.getShapes().addAutoShape(aspose.slides.ShapeType.RoundCornerRectangle, 20, 20, 200, 100);
shape.getEffectFormat().enableGlowEffect();
const color = java.getStaticFieldValue("java.awt.Color", "MAGENTA");
shape.getEffectFormat().getGlowEffect().getColor().setColor(color);
shape.getEffectFormat().getGlowEffect().setRadius(15);
presentation.save("glow_effect.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
presentation.dispose();
}
Aplicar um efeito de bordas suaves
Para aplicar um efeito de bordas suaves no Aspose.Slides for Node.js via Java, você pode criar uma transição lisa e desfocada ao redor das bordas de uma forma. Esse efeito adiciona um visual mais sutil e refinado, perfeito para designs que necessitam de uma aparência delicada. Você pode ajustar facilmente parâmetros como raio para alcançar o efeito desejado em várias formas da sua apresentação.
Este código JavaScript mostra como aplicar o efeito de bordas suaves a uma forma:
const aspose = { slides: require("aspose.slides.via.java") };
const presentation = new aspose.slides.Presentation();
try {
const slide = presentation.getSlides().get_Item(0);
const shape = slide.getShapes().addAutoShape(aspose.slides.ShapeType.RoundCornerRectangle, 20, 20, 200, 150);
shape.getEffectFormat().enableSoftEdgeEffect();
shape.getEffectFormat().getSoftEdgeEffect().setRadius(8);
presentation.save("soft_edges_effect.pptx", aspose.slides.SaveFormat.Pptx);
} finally {
presentation.dispose();
}
FAQ
Posso aplicar vários efeitos à mesma forma?
Sim, você pode combinar diferentes efeitos, como sombra, reflexão e brilho, em uma única forma para criar uma aparência mais dinâmica.
Quais formas posso aplicar efeitos?
Você pode aplicar efeitos a várias formas, incluindo autoshapes, gráficos, tabelas, imagens, objetos SmartArt, objetos OLE e mais.
Posso aplicar efeitos a formas agrupadas?
Sim, você pode aplicar efeitos a formas agrupadas. O efeito será aplicado a todo o grupo.