Imageready蝶恋花动画制作教程-PS Tutorial-php.cn

Home

Web Front-end

PS Tutorial

Imageready蝶恋花动画制作教程

PHP中文网

Jun 01, 2016 pm 02:38 PM

ctrlcopybuttonEffectTutorialtitleButterflyselectedchoose

今天让我们用Imageready来做一个蝴蝶飞过鲜花的动态图，先看下效果吧：制作步骤： 1、打开一张荷花图片做背景。副标题 2、打开一张蝴蝶图片，用魔棒工具在白色区域点一下选中背景，Ctrl Shift I反选，就选出了蝴蝶。 # 今天让我们用Imageready来做一个蝴蝶飞过鲜花的动态图，先看下效果吧：

Imageready蝶恋花动画制作教程_脚本之家jb51.net整理
制作步骤：
1、打开一张荷花图片做背景。

Imageready蝶恋花动画制作教程_脚本之家jb51.net整理
2、打开一张蝴蝶图片，用魔棒工具在白色区域点一下选中背景，Ctrl Shift I反选，就选出了蝴蝶。

Imageready蝶恋花动画制作教程_脚本之家jb51.net整理
3、用移动工具将蝴蝶拖入荷花图片中，Ctrl T调整大小和角度到如下位置。

Imageready蝶恋花动画制作教程_脚本之家jb51.net整理
4、按shift ctrl M导入Imageready做动态。在动画窗口中选择第一帧，将蝴蝶拖到右下角，显示时间设为0.1秒。点红圈内复制按钮复制出另外3帧。

Imageready蝶恋花动画制作教程_脚本之家jb51.net整理
5、选择第2帧，将蝴蝶拖到花心上。

Imageready蝶恋花动画制作教程_脚本之家jb51.net整理
6、选择第3帧，将蝴蝶拖到左上角。

Imageready蝶恋花动画制作教程_脚本之家jb51.net整理
7、选择第4帧，将蝴蝶隐藏，方法为在图层面板关掉蝴蝶图层前的眼睛图标。

Imageready蝶恋花动画制作教程_脚本之家jb51.net整理
8、选择第2帧，复制出一帧，在图层面板选择蝴蝶图层，Ctrl J复制一层，命名为蝴蝶2。Ctrl T自由变换蝴蝶2，按住Shif Alt键将它等比例缩小一点，然后隐藏蝴蝶图层。

Imageready蝶恋花动画制作教程_脚本之家jb51.net整理
9、复制第2帧，拖到第3帧之后成为第4帧，此时的2、3、4帧用来模拟蝴蝶振翅的效果。

Imageready蝶恋花动画制作教程_脚本之家jb51.net整理
10、我想让它振翅2次，所以按住shift键同时选中2、3、4帧，点复制按钮再复制出三帧。

Imageready蝶恋花动画制作教程_脚本之家jb51.net整理
11、同时选中前2帧，点红圈内过渡按钮设置如下过渡，这样能使蝴蝶飞得更平稳。

Imageready蝶恋花动画制作教程_脚本之家jb51.net整理
12、同时选中7、8帧，设置同样过渡。

Imageready蝶恋花动画制作教程_脚本之家jb51.net整理
13、设第7帧显示时间为1秒，让蝴蝶振翅之后在花上停留一会儿，设最后一帧显示时间设为2秒，执行菜单/文件/将优化结果存储为，保存，完工!

Imageready蝶恋花动画制作教程_脚本之家jb51.net整理
最终效果：

Imageready蝶恋花动画制作教程_脚本之家jb51.net整理

Statement

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Photoshop Applications: From Photo Editing to Digital ArtApr 30, 2025 am 12:10 AM

Photoshop is widely used in the fields of image processing and digital art, and is suitable for photo editing and digital art creation. 1. Photo editing: Adjust brightness and contrast Use the "Brightness/Contrast" tool. 2. Digital art: Use brush tools to create paintings. 3. Basic usage: Use the "Red Eye Tool" to remove red eyes. 4. Advanced usage: Use layers and masks for image synthesis. 5. Debug: Recover the lost layers by checking the layer panel. 6. Performance optimization: Adjust memory usage to improve running speed.

Photoshop's Core Function: Image Editing and ManipulationApr 29, 2025 am 12:17 AM

Photoshop's core functions are image editing and operation, including adjusting the color, brightness, contrast of images, applying filter effects, cropping and adjusting image size, performing image synthesis, etc. 1. Adjust brightness and contrast: Open the image, select the "Adjust" option in the "Image" menu, select "Brightness/Contrast", and adjust the slider. 2. Use the color level adjustment layer and layer mask: Click the "Create a new fill or adjust layer" button, select "Scale", adjust the color level, add a layer mask, and use the brush tool to control the adjustment effect.

Photoshop: The Power of Raster Graphics EditingApr 28, 2025 am 12:13 AM

Photoshop is a powerful tool for handling raster graphics, and its core functions include layers and masks, filters and adjustments. 1. Layers and masks allow independent editing and non-destructive modifications. 2. Filters and adjustments can quickly change the appearance of the image, but they should be used with caution to avoid affecting the image quality. By mastering these functions and advanced skills, you can greatly improve your image editing and creative abilities.

Photoshop: A Versatile Tool for Image ManipulationApr 27, 2025 am 12:13 AM

Photoshop is so powerful in the field of image processing because of its versatility and intuitive operating interface. 1) It can handle various tasks from basic adjustment to complex synthesis, such as adjusting brightness and contrast. 2) Working based on layers and masks allows non-destructive editing. 3) Examples of usage include adjusting color balance and creating layer masks. 4) Common errors such as excessive editing can be avoided through the History panel. 5) Performance optimization suggestions include the use of smart objects and shortcut keys.

Photoshop Trials and Alternatives: Exploring Free AccessApr 26, 2025 am 12:23 AM

Photoshop offers a free 7-day trial period. To maximize the use of the trial period, 1) sign up for multiple Adobe accounts, 2) use the student or education version, and 3) subscribe to Adobe CreativeCloud. Free alternatives include: 1) GIMP, 2) Photopea, 3) Krita, these software can meet daily image editing needs.

Photoshop for Photographers: Enhancing and Retouching ImagesApr 25, 2025 am 12:01 AM

Enhance and retouching photos in Photoshop can be achieved by adjusting brightness and contrast, using the Repair Brush Tool. 1) Adjust brightness and contrast: Increase brightness and contrast to improve underexposed photos through the Image->Adjustments->Brightness/Contrast menu. 2) Use the Repair Brush Tool: Select HealingBrushTool in the toolbar and apply to remove miscellaneous points or scars in the image.

Accessing Photoshop: Methods and AvailabilityApr 24, 2025 am 12:07 AM

Photoshop can be obtained by purchasing a permanent license or subscribing to CreativeCloud. 1. Purchase a permanent license for long-term use, no monthly payment, but no latest updates are available. 2. Subscribe to CreativeCloud to access the latest version and other Adobe software, and you need to pay a monthly or annual fee. The choice should be based on frequency of use and requirements.

What Photoshop Does Best: Common Tasks and ProjectsApr 23, 2025 am 12:06 AM

Photoshop is specialized in image editing, layering and masking, digital painting and a variety of design applications. 1) Image editing and repair: remove defects and adjust color and brightness. 2) Layers and masks: non-destructive editing and creation. 3) Digital paintings and illustrations: create art works. 4) Practical applications: graphic design, web design and digital art creation.

See all articles