Photoshop也爱国,爱国红心图案gif动画

本教程介绍使用photoshop制作跳动的中国心动画,主要运用了钢笔工具、多边形工具、图层混合模式、滤镜和图层帧动画来完成跳动效果。网友还可以把这个跳动的中国心用于论坛签名哦! 

  最近到处都可以看到代表爱国的中国心,是不是很想知道中国心是怎么做出来的呀,今天教大家使用Photoshop制作一颗跳动的中国心,希望大家喜欢。(Photoshop CS3打造帜热的爱国心)
  下面我们先来看看效果图:

Photoshop打造跳动中国心动画
跳动的中国心效果图

  1、新建一个photoshop文件,由于大家想加在论坛头像上,所以先建立为300*300像素。
  2、新建一个图层,本来想直接用形状的,后来想想,还是顺便练练钢笔吧,点快捷键P ,配合ctrl\ alt勾出心形状。

Photoshop打造跳动中国心动画教程
图1
  关于钢笔的教程请看路径专题教程,完成后按ctrl 回车载入选区,出现蚂蚁线,然后按ctrl shift d 羽化5像素。
  3、将前景色设置为红色,按alt 退格键填充如图:

Photoshop打造跳动中国心动画教程
图2
  4、新建图层2,用钢笔勾出高光部分,和做红心一样,羽化2像素,填充白色。

Photoshop打造跳动中国心动画教程
图3

  5、新建图层3,选择多边形工具,变数为5边,勾选星型,拉出五角星,并填充黄色,其他四个小五角星的做法是,按住alt 键拖动复制五角星,并用ctrl t 旋转缩放后摆好位置,五个五角星摆好位置完成后,把图层用ctrl e合并,命名为五角星层。

Photoshop打造跳动中国心动画教程
图4
  6、我把做好的图层重新命名了,图层少不命名也可以,不过养成命名图层习惯是好的,如图:

Photoshop打造跳动中国心动画教程
图5
  7、对红心图层双击,加混合模式——斜面浮雕 如图,自己调节也可以,我没怎么调好。

Photoshop打造跳动中国心动画教程
图6
  加外发光,也没怎么调,我就是换了个淡点的红色,自己调。

Photoshop打造跳动中国心动画教程
图7
  8、红心全部完成,不怎么好看啊,现在ctrl shift alt e盖印,我想把它放在论坛头像上跳动,哈哈。

   9、把自己的论坛头像拿出来,将红心缩小放在头像上,我放在右上角,嘻嘻…… 复制红心盖印层二次,将红心盖印副本层2 ,用快捷键ctrl t 放大,选择滤镜——高斯模糊2像素。

Photoshop打造跳动中国心动画教程
图8
  10、将红心盖印副本和红心盖印副本2   合并,注意:高斯模糊的层放在下面。
  11、选择菜单栏 窗口——动画,分别打开红星盖印和红心盖印副本的眼睛,相当于两个画面来回显示,并将间隔时间设置为0.2秒,也可以自己设定间隔时间,记得播放点一次换成永远。

Photoshop打造跳动中国心动画教程
图9
  12、按快捷键ctrl alt shift s 导出gif 格式动画。

Photoshop打造跳动中国心动画教程
图10
  再来看下效果:

Photoshop打造跳动中国心动画
效果图
  13、都是基础的操作,大家多指点,在你的头像上也加上跳动的爱国心吧,为奥运加油!

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至253000106@qq.com举报,一经查实,本站将立刻删除。

发布者:PHP中文网,转转请注明出处:https://www.chuangxiangniao.com/p/3205785.html

(0)
上一篇 2025年4月1日 10:52:36
下一篇 2025年4月1日 10:52:49

AD推荐 黄金广告位招租... 更多推荐

相关推荐

  • PS快速打造像素风图案

    今天的教程是:用ps快速打造像素风图案。图案能让你的网页背景更加漂亮。本教程将展示如何在5-10分钟内快速打造像素风格图案。废话不多说,开始了!具体的制作步骤如下:步骤一:先来创建画布,画布大小可任意调整,但不能少于10×10 px,因为我…

    2025年4月5日 编程技术
    100
  • 浅析vue怎么实现动画效果

    vue怎么实现动画效果?下面本篇文章带大家简单了解一下vue封装的过度与动画,希望对大家有所帮助! Vue封装的过度与动画 1.作用 在插入,更新,移除DOM元素时,在合适的时候给元素添加样式类名。 2.写法 准备好样式:元素进入的样式  …

    2025年4月1日
    300
  • Vue中如何使用过渡类名实现动画过渡效果

    vue是一种流行的javascript框架,旨在简化web应用程序的开发。其中,过渡类名是个非常重要的特性,可以使得我们在dom元素的添加、移除以及其他行为中实现过渡动画效果。在本文中,我们将学习如何使用vue中的过渡类名,从而为我们的we…

    编程技术 2025年4月1日
    200
  • VUE3入门实例:构建一个简单的精灵图动画

    vue3是一个非常流行的前端框架,近年来越来越受到开发者们的喜爱。它具有易学易上手的特点,使得前端开发人员能够快速地构建出美观、高效的web应用程序。本文将为大家介绍如何使用vue3来构建一个简单的精灵图动画。 什么是精灵图动画? 精灵图动…

    编程技术 2025年4月1日
    100
  • VUE3基础教程:使用Vue.js过度和动画

    vue.js是一个构建用户界面的渐进式框架,其中过渡和动画的实现非常便利。在这篇文章中,我们将介绍如何使用vue.js过渡和动画,包括如何设置样式和触发过渡事件。 过渡 在Vue.js中,过渡(transition)是指在元素插入、更新或移…

    编程技术 2025年4月1日
    100
  • Photoshop制作逼真的豹纹花型图案教程

    豹纹图案充斥着自然的野性,在2013年频频出现在各大流行秀场间。纹样设计师们当然不会错过这个大好的设计元素,那么这些豹纹是如何被设计出来的呢豹纹图案充斥着自然的野性,在2013年频频出现在各大流行秀场间。纹样设计师们当然不会错过这个大好的设…

    2025年4月1日 编程技术
    100
  • photoshop CS5制作3D复合动作地球旋转动画

    这篇文章主要介绍了photoshop cs5制作3d复合动作地球旋转动画,步骤很简单。喜欢的朋友可以一起来学习  一、制作3d地球 。  二、文档设置:3秒,30。  三、载入世界地图,打开图层窗口里“纹理”的眼睛,用“3d对象旋转工具”将…

    2025年4月1日
    100
  • photoshop制作一个立体3D动画

    这篇文章主要介绍了photoshop制作一个立体3D动画,教程很简单,喜欢的朋友可以一起来学习先看ps cs5制作出的3D动画效果图:   一、用cs5的3d功能制作3d图,制作方法见 用photoshop cs5制作3d动画(一):制作3…

    2025年4月1日 编程技术
    100
  • Photoshop巧用滤镜制作滴墨成花动画效果图

    Photoshop巧用滤镜制作滴墨成花动画效果图,喜欢的朋友可以一起来学习动画图:   (便条纸,文字效果也不错.)  略记了一下步骤.   便条纸滤镜的连续变化,像雪花慢慢地退去…  凸现的数值取小了点.   除上两个滤镜,还…

    2025年4月1日 编程技术
    100
  • PS利用自定义形状快速打造精美图案

    在设计图案时,有时候我们会对繁琐复杂的图案束手无策,今天我教大家如何利用像素点来打造图案,难度3颗星,用基本的矢量形状来打造图案。大家来学习下吧~~~~   步骤1:创建新文件   步骤2:复制背景图层  将使用该图层设置参考线,以便后面裁…

    2025年4月1日 编程技术
    200

发表回复

登录后才能评论