展开

关键词

】PPT之折叠字

PPT虽然是平面形、文字的制作软件,但实际上在2003版就已经可以为插入的形、文字叠加立体了。不过在扁平化风格盛行的今天,过于立体的总让人觉得华而不实。 反倒是本例这样,通过一些文字变形小技巧以及背景明暗对比做出来的3D更加受人追捧。1、使用矩形和梯形绘制墙面。 为了表现出立体的转角,为矩形填充浅灰色(白色主题色系列中第二个),为梯形填充略深一些的灰色(白色主题色系列中第三个)。使用文本框工具插入文字内容,字号大小以适合左侧矩形排版为准。? 2、同时选中标题和副标题的文本,复制并粘贴为片格式(具体操作见荧光字中的相同步骤)。将片格式的文字复制一份,最后分别按下所示位置裁剪,一份保留左侧二分之一内容,一份保留右侧二分之一内容。 3、选中右侧二分之一片,在中设置三维变体-透视-右透视,进入片格式详细设置菜单,调整X旋转和透视角度的数值以符合墙面透视,适度缩小以拼合左侧二分之一片,作品便完成了。?

20320

】PPT之砖墙字

这一则三分钟或许不能你通关《坦克大战》的秘诀,但却可以会你轻轻松松的制作出《坦克大战》开始界面的砖墙字。如你善于动脑的话,这套方法还有很多不同的等待着你去发掘。? 将背景填充设置为黑色的纯色填充,使用笔划较粗的字体输入文字内容,如下所示。注意:如你希望砖墙的纹路密一些,文字的字号可以设置得大一些;如希望纹路稀疏一些,则需要设置小一点。本例设置为32号。? 3、在形状格式菜单中,从上到下依次选择下所示的文本填充轮廓、案填充,然后在案列表中选择横向砖形案。指定前景色为白色,背景色为砖红色(RGB值:175、26、25)。? 4、经过上一步的设置,我们可以得到下面左。复制文本框,将其粘贴为片格式,放大至合适尺寸(如输入文本时已经使用了合适大小的字号则可以跳过这一步骤),添加一些灰白色阴影以增加立体感。 最终如上面下所示。继续完成其它文本内容的输入,插入一个合适大小的坦克片,记忆中熟悉的《坦克大战》开始界面便完成了。?

17930
  • 广告
    关闭

    90+款云产品免费体验

    提供包括云服务器,云数据库在内的90+款云计算产品。打造一站式的云产品试用服务,助力开发者和企业零门槛上云。

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    Android片处理之全景查看实现

    前言在玩头条的时候,现在我们会发现有很多的全景的广告这样快看起来非常的酷。 今天就来说说这个小的实现PS:Android对于片处理这块资源还是挺多的,之前用OpenGL制作片的全景,耗时耗力,而且只能点击进去后看到,但是是非常的号,今天所写的是编写好的一个片控件 不是那么好,处理的之后就是一张片截取中间部分放大再显示在屏幕中间,通过摆动手机查看被遮挡部分如:一开始片是这样的?? 上面就是了实现方法如下1:添加依赖 全景片 compile com.gjiazhe:PanoramaImageView:1.02:使用控件

    14920

    jquery基础之动画

    jquery基础之动画一、显示隐藏 1、show(,]) 显示隐藏的匹配元素。 easing:(Optional) 用来指定切换,默认是swing,可用参数linear,需要使用插件 $(div).show(1000,function(){ console.log(完成) }) 2、hide(,]) 隐藏显示的元素 3、toggle(,,) 如元素是可见的,切换为隐藏的;如元素是隐藏的,切换为可见的 $(div).toggle(100);二、高度变化 1、slideDown slideUp(,]) 过高度变化(向上减小)来动态地隐藏所有匹配的元素 3、slideToggle(,,) 切换高度变化 $(p).slideToggle(slow);三、透明度 1、fadeIn(,,) 淡入 2、fadeOut(,,) 淡出 3、fadeToggle(,]) 淡入和淡出切换 $(p).fadeToggle(slow)四、animate animate(params,,,) 用于创建自定义动画的函数

    12720

    零基础VB059期:circle画模拟烟花

    视频讲解刘金玉的零基础VB059期:circle画模拟烟花在VB中,使用Circle函数可以画圆、环、弧、扇形我们从数学和美术的常规思路来考虑一下:如要画一个圆,要知道:圆心、半径可以给圆填充颜色如只画出圆的部分 Circle绘格式Circle (x,y),r ,决定圆还是弧-2pi~2pi]对应解释:Circle 圆心,半径,颜色,弧度 有思路如何画同心圆了吗? 填充颜色设置FillStyle = vbSolidFillColor = RGB(red, green, blue)如何模拟烟花? 烟花的爆炸就像一个个不同颜色的圆,那么我们从以下几个方面可以考虑: 1、给圆上色2、随机位置3、随机半径课堂总结1、学会画圆函数circle使用(格式)2、掌握画N个同心圆3、掌握烟花模拟? 序界面:?同心圆: ?

    44220

    OpenGL ES实践(三)镜子

    OpenGLES实践1-Demo01-AVPlayer OpenGL ES实践2-Demo02-摄像头采集数据和渲染 其他请移步OpenGL ES文集,这一篇介绍帧缓存、Eye坐标系、OpenGL 2、渲染mBaseEffect到自定义帧缓存,设置mMirrorEffect纹理为自定义帧缓存,渲染mMirrorEffect的镜子,再绘制mBaseEffect到屏幕的形。展示? OpenGL ES的坐标变换 如上,eye坐标系存在ModelViewTransform到ProjectionTransform过中,表现在代码就是self.mMirrorEffect.transform.modelviewMatrix 1、连上iPhone,在真机上运行demo;(注意,模拟器无) 2、点击这里 ? 3、出现OpenGL ES的调试画面 ? 思考:如何使用? 这里是个人的使用方式,不一定正确,有疑问可以看苹

    74140

    OpenGLES进阶7-天空盒

    OpenGLES入门1-Tutorial01-GLKit OpenGLES入门2-Tutorial02-shader入门 OpenGLES入门3-Tutorial03-三维变换 OpenGLES -粒子 OpenGLES进阶4-Tutorial08-帧缓存 OpenGLES进阶5-Tutorial09-碰碰车 OpenGLES进阶6-Tutorial10-平截体优化 这一次的内容是精心准备的天空盒特 概念准备天空盒特:OpenGL ES提供了一个立方体贴(cube mapping)的专门用于产生天空盒的纹理贴模式。 举例:一个人,站在立方体的中间,上下左右前后看到的都是立方体的片。 展示为节省流量,gif比较模糊,清晰可以看demo。?核心思路天空盒的核心就是通过方向来取样纹理,纹理坐标被当作方向向量,建立适合的正方体后,位置坐标就是纹理坐标。 总结demo实现过遇到最大的一个坑,如下:?bug.gif暂停的适合,天空盒的会消失! 然后开始寻找问题所在,最后发现问题代码出现在这里 增加角度 if (!

    59060

    Vue02(跑马灯案例)

    前面的文章我们介绍了v-on这个指令,可以用来实现事件的绑定,本文我们利用v-on来实现一个简单的跑马灯,就是如下这种? Vue跑马灯1.分析a.点击加油按钮绑定一个点击事件,使用v-on或者缩写:@b.在按钮的事件处理函数中,写相关的业务逻辑代码:拿到 msg 字符串,然后 调用 字符串的 substring 来进行字符串的截取操作 this.msg = end + start }, 400) 注意: VM实例,会监听自己身上 data 中所有数据的改变,只要数据一发生变化,就会自动把 最新的数据,从data 上同步到页面中去;【好处:序员只需要关心数据 this.msg = end + start }, 400) 注意: VM实例,会监听自己身上 data 中所有数据的改变,只要数据一发生变化,就会自动把 最新的数据,从data 上同步到页面中去;【好处:序员只需要关心数据 clearInterval(this.intervalId) 每当清除了定时器之后,需要重新把 intervalId 置为 null this.intervalId = null; } } }) 最终

    1.1K30

    】复古电影海报设计

    1、在ps里新建一个文件,将人像放入此文件,将人像抠出来,背景调整如下。???2、新建一个层命名cloud,用吸管工具吸取人像上最暗地方的颜色,选择滤镜—渲染—云彩,如下。? 5、在人像层上方添加渐变映射,如下。??6、添加可选择颜色,将黑色调到0,暗部细节会显现出来。??7、如觉得人像明暗不合适可以用曲线进行调整,如下。 ?? 8、ctrl/command+G将所选像建一个组,命名为women。?8、按住alt键,鼠标左击右下角(从左向右数第三个标)添加黑色蒙版,如下。? 11、添加一张复古风格的牛皮纸,如觉得颜色不够好,可以自行调整,养成建组的好习惯,选用正片叠底的混合模式,如下。?? 14、最后再对人物进行修正,用蒙版将不太合适的边缘调整完善,笔刷选用喷溅24号,如人物轮廓清晰完整就不用调整了(自己把握)。?小伙伴们还可以按照自己的喜好添加不同的文字,可以随意发挥

    19220

    片左右摆动

    先看,实现一个片左右摇动,在一般的H5宣传页,商家活动页面我们会看到这样的动画,小序的动画不同于css3动画,是通过js来完成的,其实步骤很简单,首先创建动画实例,再调用实例来描述动画, 先看如下:?

    52630

    背景

    1.添加Icon在标题前:假设要在站点的每个标题上添加一个icon,可以采用如下代码:h1{ padding-left:30px; background:url(你的片) no-repeat left center; }运行结如下:? 实现的原理即将内容添加padding属性,再将片放置在该位置。在使用背景像进行定位时,也可以用像素或者百分比,两者有所不同。像素为片的左上角距离元素的左上角的距离。 百分比则为使用对应点,假设设left:20%;则浏览器会在距离片左边20%,同时设为距离元素左边的20%;如:?

    18010

    微信小序左右滑动切换片酷炫(附

    开门见山,先上吧!感觉可以的用的上的再往下看。心动吗?那就继续往下看!  先上页面结构吧,也就是wxml文件,其实可以理解成微信自己封装过的html,这个不多说了,不懂也没必要往下看了。 1 2 3 4 5 6 {{item.proTitle}} 7 {{item.proDec}} 8 ¥{{item.proPrice}} 9 查看详情 >10 11 12 13 ```  做该样式就不多说了 (开发小序的时候,注意class的命名,尽量不要使用层级嵌套,所以class取名的时候要注意唯一性)View Code     js部分:该基于小序的组件 scroll-view 开发的,利用bindscroll true; that.setData({ proList: that.data.proList, giftNo: this.data.proListcurIndex.id }); },ps:有时候一些酷炫的其实实现起来非常简单

    2.5K60

    React 系列 1:实现 Animate.css 官网

    前言这是 React 系列的第一篇,我们将用 React 实现 Animate.css 官网的。 对于 Animate.css 官网是一个非常简单的例子,原代码使用 jQuery 编写,就是添加类与删除类的操作。 演示本以实现 Animate.css 官网为主,不会去调整样式细节,所以视觉上略显朴素。 以下是最终完成的:See the Pen react-animate-css by Zongbin (@nzbin) on CodePen.因为这个案例非常简单,对于已经熟悉 React 的新手来说 除了原创之外,我在之前也翻译过两篇非常优秀的实战,感兴趣的同学可以翻出来学习一下。

    52700

    React 系列 1:实现 Animate.css 官网

    前言这是 React 系列的第一篇,我们将用 React 实现 Animate.css 官网的。 对于 Animate.css 官网是一个非常简单的例子,原代码使用 jQuery 编写,就是添加类与删除类的操作。 演示本以实现 Animate.css 官网为主,不会去调整样式细节,所以视觉上略显朴素。 以下是最终完成的:See the Pen react-animate-css by Zongbin (@nzbin) on CodePen.因为这个案例非常简单,对于已经熟悉 React 的新手来说 除了原创之外,我在之前也翻译过两篇非常优秀的实战,感兴趣的同学可以翻出来学习一下。

    73620

    设置ElementUI表格只能单选

    table加上@selection-change="handleSelectionChange",ref设置个Table作为ref引用

    18140

    ElementUI实现表格列表分页

    ElementUI实现表格列表分页 Element UI 是一套采用 Vue 2.0 作为基础框架实现的组件库,一套为开发者、设计师和产品经理准备的基于 Vue 2.0 的组件库,提供了配套设计资源

    12020

    片选中 css

    一、片选中: image.png 二、CSS .pic_box{ width:900px;} .pic_box li{ width:204px; height:154px;list-style-type

    88231

    CSS实现

    CSS实现CSS实现正方形、长方形、圆形、半圆、椭圆、三角形、平行四边形、菱形、梯形、六角星、五角星、心形、消息框。 solid transparent; border-right: 26px solid #4C98F7; border-bottom: 13px solid transparent; } 示例 CSS实现

    18760

    uniapp片弹框

    需求:点击提交按钮,提交成功后会弹出一个弹框,提示成功,点击右上角的叉号或者我知道了,隐藏弹框。?

    1.4K10

    15个新鲜出炉的 Photoshop 文本

    文本可能是 Photoshop 形设计中最常用和最通用的技术之一。最重要的是你可以使用任何,风格或纹理来产生有趣的排版,越多人尝试过它并制作了一些精彩的。 所以这篇文章旨在为您提供全面的 Photoshop 文本

    20800

    扫码关注云+社区

    领取腾讯云代金券