Tạo hiệu ứng 3D trong bản trình bày bằng Java

Tổng quan

Aspose.Slides for Java có thể tạo, chỉnh sửa, bảo tồn và hiển thị định dạng 3D dạng PowerPoint cho hình dạng và văn bản. Bài viết này đề cập đến các hiệu ứng 3D như quay, đùn, góc cạnh, ánh sáng, vật liệu, tô màu gradient hoặc hình ảnh, và văn bản 3D.

Bài viết này nói về các hiệu ứng định dạng 3D trên các hình dạng và văn bản trong PowerPoint. Nó không liên quan đến việc chèn hoặc chỉnh sửa các tệp mô hình 3D độc lập. Khi bạn xuất một slide thành hình ảnh, PDF hoặc HTML, Aspose.Slides sẽ hiển thị các hiệu ứng 3D đó trong đầu ra 2D đã xuất.

Khái niệm Định dạng 3D

Sử dụng IShape.getThreeDFormat() để áp dụng định dạng 3D cho một hình dạng. Đối tượng định dạng trả về điều khiển cảnh 3D cho hình dạng đó.

Đối với văn bản, sử dụng ITextFrameFormat.getThreeDFormat(). Điều này áp dụng định dạng 3D cho khung văn bản thay vì phần thân hình dạng.

Các thành viên API quan trọng nhất là:

Thành viên API	Điều mà nó điều khiển	Khi nào nên sử dụng
getCamera	Góc nhìn, loại camera được cài sẵn, quay, thu phóng và phối cảnh.	Quay đối tượng trong không gian 3D hoặc khớp với một cài đặt quay 3D của PowerPoint.
getLightRig	Cài đặt ánh sáng, hướng và quay ánh sáng.	Thay đổi cách các vùng sáng và bóng xuất hiện trên bề mặt 3D.
getMaterial và setMaterial	Vật liệu bề mặt, như phẳng, mờ, nhựa hoặc kim loại.	Làm cho cùng hình học trông phẳng hơn, mềm hơn, bóng hơn hoặc kim loại.
getExtrusionHeight và setExtrusionHeight	Độ kéo dài của hình dạng ra phía sau mặt trước.	Biến một hình dạng phẳng thành một đối tượng 3D dày rõ ràng.
getExtrusionColor	Màu của các mặt bên bị đùn.	Làm cho độ sâu hiển thị hoặc phối hợp màu mặt bên với màu nền mặt trước.
getDepth và setDepth	Độ sâu 3D bổ sung được PowerPoint sử dụng trong định dạng 3D.	Tinh chỉnh độ sâu cho hình dạng hoặc văn bản, đặc biệt khi kết hợp với cài đặt góc cạnh và vật liệu.
getBevelTop và getBevelBottom	Các cạnh nhô lên hoặc bo tròn trên mặt trước và mặt sau.	Thêm một cạnh mềm mại hoặc đúc thay vì một mặt phẳng sắc nét.
getContourColor, getContourWidth, và setContourWidth	Đường viền xung quanh đối tượng 3D.	Nhấn mạnh ranh giới đối tượng trong đầu ra được hiển thị.

Tạo một Hình 3D

Một hình dạng thường cần bốn loại cài đặt trước khi nó trông thực sự 3D:

Cài đặt camera, vì góc nhìn mặt trước mặc định có thể ẩn phần đùn.
Cài đặt ánh sáng, vì ánh sáng làm cho các mặt và các bên có thể nhìn rõ.
Cài đặt vật liệu, vì bề mặt ảnh hưởng đến cách ánh sáng được hiển thị.
Cài đặt đùn hoặc độ sâu, vì một hình dạng phẳng cần độ dày.

Ví dụ sau tạo một hình chữ nhật, thêm văn bản vào mặt trước, áp dụng định dạng 3D, lưu bản trình bày dưới dạng PPTX và hiển thị slide thành ảnh PNG.

final float imageScale = 2;

Presentation presentation = new Presentation();
try {
    ISlide slide = presentation.getSlides().get_Item(0);
    IAutoShape shape = slide.getShapes().addAutoShape(ShapeType.Rectangle, 200, 150, 200, 200);
    shape.getTextFrame().setText("3D");
    shape.getTextFrame().getParagraphs().get_Item(0).getParagraphFormat().getDefaultPortionFormat().setFontHeight(64);

    shape.getFillFormat().setFillType(FillType.Solid);
    shape.getFillFormat().getSolidFillColor().setColor(Color.BLUE);

    shape.getThreeDFormat().getCamera().setCameraType(CameraPresetType.OrthographicFront);
    shape.getThreeDFormat().getCamera().setRotation(20, 30, 40);
    shape.getThreeDFormat().getLightRig().setLightType(LightRigPresetType.Flat);
    shape.getThreeDFormat().getLightRig().setDirection(LightingDirection.Top);
    shape.getThreeDFormat().setMaterial(MaterialPresetType.Flat);
    shape.getThreeDFormat().setExtrusionHeight(100);
    shape.getThreeDFormat().getExtrusionColor().setColor(Color.BLUE);

    IImage thumbnail = slide.getImage(imageScale, imageScale);
    try {
        thumbnail.save("shape_3d.png", ImageFormat.Png);
    } finally {
        thumbnail.dispose();
    }

    presentation.save("shape_3d.pptx", SaveFormat.Pptx);
} finally {
    presentation.dispose();
}

Hình ảnh slide được hiển thị cho thấy hình chữ nhật là một khối 3D dày.

Hình chữ nhật 3D màu xanh đậm được hiển thị với văn bản 3D màu trắng trên mặt trước

Xoay một Hình với Camera

Trong PowerPoint, việc quay 3D được cấu hình từ bảng 3-D Rotation. Các giá trị quay X, Y và Z tương ứng với việc quay bạn đặt thông qua API camera.

Bảng 3-D Rotation của PowerPoint với các giá trị quay X, Y và Z được tô sáng

Trong Aspose.Slides, đặt loại camera và quay thông qua định dạng 3D được trả về bởi shape.getThreeDFormat():

shape.getThreeDFormat().getCamera().setCameraType(CameraPresetType.OrthographicFront);
shape.getThreeDFormat().getCamera().setRotation(20, 30, 40);

Sử dụng camera khi bạn cần thay đổi cách người xem nhìn đối tượng. Nó không thay đổi hình học 2D của hình trên slide. Nó thay đổi góc nhìn 3D được PowerPoint và Aspose.Slides sử dụng khi hiển thị.

Thêm Đùn và Độ sâu

Đùn làm cho một hình dạng trông dày bằng cách mở rộng nó ra phía sau mặt trước. Trong PowerPoint, điều khiển độ sâu thiết lập độ dày hiển thị này, và điều khiển màu thiết lập màu của các mặt bên.

Các điều khiển độ sâu của PowerPoint được liên kết với các thuộc tính màu đùn và chiều cao đùn

Đặt chiều cao đùn để điều chỉnh độ dày và màu đùn để thiết lập màu mặt bên:

Color extrusionColor = new Color(128, 0, 128);

shape.getThreeDFormat().getCamera().setRotation(20, 30, 40);
shape.getThreeDFormat().setExtrusionHeight(100);
shape.getThreeDFormat().getExtrusionColor().setColor(extrusionColor);

Sử dụng cài đặt độ sâu khi bạn cần làm việc trực tiếp với giá trị độ sâu của PowerPoint hoặc kết hợp độ sâu với góc cạnh, vật liệu và hiệu ứng văn bản. Trong nhiều trường hợp hình dạng, chiều cao đùn là cài đặt rõ ràng hơn vì nó trực tiếp thể hiện độ đùn có thể nhìn thấy.

Sử dụng Tô gradient hoặc Hình ảnh với Hiệu ứng 3D

Định dạng 3D độc lập với việc tô hình dạng. Bạn có thể áp dụng màu nhận, gradient, mẫu hoặc hình ảnh lên mặt trước và vẫn sử dụng cùng các cài đặt camera, ánh sáng, vật liệu và đùn.

Ví dụ này áp dụng tô gradient cho hình và màu đùn tối hơn cho các mặt bên:

final float imageScale = 2;

Presentation presentation = new Presentation();
try {
    ISlide slide = presentation.getSlides().get_Item(0);
    IAutoShape shape = slide.getShapes().addAutoShape(ShapeType.Rectangle, 200, 150, 250, 250);
    shape.getTextFrame().setText("3D Gradient");
    shape.getTextFrame().getParagraphs().get_Item(0).getParagraphFormat().getDefaultPortionFormat().setFontHeight(64);

    shape.getFillFormat().setFillType(FillType.Gradient);
    shape.getFillFormat().getGradientFormat().getGradientStops().add(0, Color.BLUE);
    shape.getFillFormat().getGradientFormat().getGradientStops().add(100, Color.ORANGE);

    shape.getThreeDFormat().getCamera().setCameraType(CameraPresetType.OrthographicFront);
    shape.getThreeDFormat().getCamera().setRotation(10, 20, 30);
    shape.getThreeDFormat().getLightRig().setLightType(LightRigPresetType.Flat);
    shape.getThreeDFormat().getLightRig().setDirection(LightingDirection.Top);
    shape.getThreeDFormat().setMaterial(MaterialPresetType.Flat);
    Color extrusionColor = new Color(255, 140, 0);
    shape.getThreeDFormat().setExtrusionHeight(150);
    shape.getThreeDFormat().getExtrusionColor().setColor(extrusionColor);

    IImage thumbnail = slide.getImage(imageScale, imageScale);
    try {
        thumbnail.save("gradient_3d.png", ImageFormat.Png);
    } finally {
        thumbnail.dispose();
    }
} finally {
    presentation.dispose();
}

Đầu ra hiển thị giữ gradient trên mặt trước và hiển thị phần đùn riêng biệt:

Hình chữ nhật 3D được hiển thị với tô gradient từ xanh đến cam và phần đùn màu cam

Để sử dụng tô hình ảnh thay thế, thêm ảnh vào bản trình bày và gán nó cho phần tô hình dạng:

java.nio.file.Path imagePath = java.nio.file.Paths.get("image.jpg");
byte[] imageData = java.nio.file.Files.readAllBytes(imagePath);
IPPImage image = presentation.getImages().addImage(imageData);

shape.getFillFormat().setFillType(FillType.Picture);
shape.getFillFormat().getPictureFillFormat().getPicture().setImage(image);
shape.getFillFormat().getPictureFillFormat().setPictureFillMode(PictureFillMode.Stretch);

Color extrusionColor = new Color(255, 140, 0);
shape.getThreeDFormat().getCamera().setRotation(10, 20, 30);
shape.getThreeDFormat().setExtrusionHeight(150);
shape.getThreeDFormat().getExtrusionColor().setColor(extrusionColor);

Hình ảnh được hiển thị trên mặt trước, trong khi phần đùn được hiển thị như bề mặt 3D bên.

Hình chữ nhật 3D được hiển thị với nền ảnh trên mặt trước và phần đùn màu cam

Áp dụng Định dạng 3D cho Văn bản

Định dạng 3D cho hình ảnh ảnh hưởng đến phần thân hình. Định dạng 3D cho văn bản ảnh hưởng đến khung văn bản. Điều này hữu ích cho các hiệu ứng kiểu WordArt, nơi các ký tự cần đùn, vật liệu, ánh sáng và cài đặt camera.

Ví dụ sau tạo văn bản với tô mẫu, áp dụng biến đổi WordArt và cấu hình cài đặt 3D trên ITextFrameFormat:

final float imageScale = 2;

Presentation presentation = new Presentation();
try {
    ISlide slide = presentation.getSlides().get_Item(0);
    IAutoShape shape = slide.getShapes().addAutoShape(ShapeType.Rectangle, 200, 150, 250, 250);
    shape.getFillFormat().setFillType(FillType.NoFill);
    shape.getLineFormat().getFillFormat().setFillType(FillType.NoFill);
    shape.getTextFrame().setText("3D Text");

    IPortion portion = shape.getTextFrame().getParagraphs().get_Item(0).getPortions().get_Item(0);
    portion.getPortionFormat().getFillFormat().setFillType(FillType.Pattern);
    Color patternColor = new Color(255, 140, 0);
    portion.getPortionFormat().getFillFormat().getPatternFormat().getForeColor().setColor(patternColor);
    portion.getPortionFormat().getFillFormat().getPatternFormat().getBackColor().setColor(Color.WHITE);
    portion.getPortionFormat().getFillFormat().getPatternFormat().setPatternStyle(PatternStyle.LargeGrid);

    shape.getTextFrame().getParagraphs().get_Item(0).getParagraphFormat().getDefaultPortionFormat().setFontHeight(128);

    ITextFrameFormat textFrameFormat = shape.getTextFrame().getTextFrameFormat();
    textFrameFormat.setTransform(TextShapeType.ArchUp);
    textFrameFormat.getThreeDFormat().setExtrusionHeight(3.5f);
    textFrameFormat.getThreeDFormat().setDepth(3);
    textFrameFormat.getThreeDFormat().setMaterial(MaterialPresetType.Plastic);
    textFrameFormat.getThreeDFormat().getLightRig().setDirection(LightingDirection.Top);
    textFrameFormat.getThreeDFormat().getLightRig().setLightType(LightRigPresetType.Balanced);
    textFrameFormat.getThreeDFormat().getLightRig().setRotation(0, 0, 40);
    textFrameFormat.getThreeDFormat().getCamera().setCameraType(CameraPresetType.PerspectiveContrastingRightFacing);

    IImage thumbnail = slide.getImage(imageScale, imageScale);
    try {
        thumbnail.save("text_3d.png", ImageFormat.Png);
    } finally {
        thumbnail.dispose();
    }

    presentation.save("text_3d.pptx", SaveFormat.Pptx);
} finally {
    presentation.dispose();
}

Văn bản được hiển thị dưới dạng chữ 3D cong, đùn:

Văn bản 3D được hiển thị với biến đổi WordArt dạng vòm, tô mẫu màu cam và đùn màu tối

Hành vi Xuất và Hiển thị

Aspose.Slides bảo tồn định dạng 3D khi lưu dưới các định dạng PowerPoint như PPTX. Khi hiển thị hoặc xuất ra các định dạng bố cục cố định, cảnh 3D được raster hoá hoặc vẽ vào đầu ra dưới dạng kết quả 2D. Điều này áp dụng khi bạn hiển thị slide thành PNG, xuất ra PDF, xuất ra HTML, hoặc tạo khung cho video conversion.

Các hình ảnh và PDF được xuất không có tính tương tác. Đối tượng không thể được người xem quay sau khi xuất.
Giao diện cuối cùng phụ thuộc vào sự kết hợp của camera, hệ thống ánh sáng, vật liệu, đùn, tô màu và tỉ lệ slide.
Nếu bạn cần kiểm tra các giá trị định dạng kế thừa hoặc dựa trên chủ đề, đọc các thuộc tính hình dạng hiệu quả.
Một số định dạng đầu ra không thể lưu trữ định dạng 3D PowerPoint có thể chỉnh sửa. Trong các định dạng đó, kết quả hình ảnh được hiển thị thay vì được lưu giữ dưới dạng cài đặt 3D có thể chỉnh sửa.

FAQ

Aspose.Slides có thể tạo các bản trình bày 3D tương tác không?

Aspose.Slides tạo và hiển thị các hiệu ứng 3D của PowerPoint cho hình dạng và văn bản. Nó không làm cho các hình ảnh, PDF hoặc trang HTML xuất ra trở thành cảnh 3D tương tác mà người xem có thể quay. Trong PPTX, định dạng 3D vẫn có thể chỉnh sửa trong PowerPoint nếu định dạng hỗ trợ.

Sự khác biệt giữa mô hình 3D và hiệu ứng 3D là gì?

Mô hình 3D là một đối tượng 3D riêng được chèn vào bản trình bày. Hiệu ứng 3D là định dạng được áp dụng cho một hình dạng hoặc văn bản PowerPoint thông thường, như quay, đùn, góc cạnh, ánh sáng và vật liệu. Bài viết này đề cập đến các hiệu ứng 3D.

Cài đặt nào là bắt buộc cho một hình 3D có thể nhìn thấy?

Ít nhất, bạn cần đặt quay camera và một trong hai: đùn hoặc độ sâu. Trong thực tế, nên đồng thời đặt hệ thống ánh sáng và vật liệu để các mặt hiển thị có điểm sáng và bóng rõ ràng.

Tôi có thể áp dụng hiệu ứng 3D cho cả hình và văn bản không?

Có. Sử dụng IShape.getThreeDFormat() cho phần thân hình và ITextFrameFormat.getThreeDFormat() cho văn bản.

Các hiệu ứng 3D có xuất hiện khi xuất ra hình ảnh, PDF, HTML hoặc khung video không?

Có. Aspose.Slides hiển thị các hiệu ứng 3D khi tạo ảnh slide, xuất ra PDF, HTML và các khung được dùng cho chuyển đổi video. Đầu ra xuất chứa hình ảnh đã được render, không phải một đối tượng 3D có thể chỉnh sửa.

Tôi có thể đọc các giá trị 3D cuối cùng sau khi kế thừa và cài đặt chủ đề được áp dụng không?

Có. Sử dụng các API định dạng hiệu quả được mô tả trong Shape Effective Properties để đọc camera, hệ thống ánh sáng, góc cạnh và các giá trị 3D liên quan cuối cùng.

Nâng cao bài thuyết trình PowerPoint với hoạt ảnh trong Java Tăng cường xử lý ảnh với Modern API