做一个发光的人物logo头像

效果图:在这里插入图片描述
首先准备一张原图,如下,没错,就是邓伦了~~~~
在这里插入图片描述
将素材拖进PS里,Ctrl+J先复制一层,然后可以用魔棒工具将人物抠图出来,当然了,你还可以选择其他的抠图方式,这里我比较喜欢用魔棒工具多一点点
在这里插入图片描述
再新建一层,填充为纯白色,将人物图层移至顶层
在这里插入图片描述
由于是logo人物头像,所以我们用裁剪工具将其裁剪为正方形
在这里插入图片描述
再将人物图层与白色背景图层合并
在这里插入图片描述
在这里插入图片描述
接下来新建一个空白文档,然后添加一个径向渐变,其实就是给人物建立一个背景
在这里插入图片描述
再将之前处理好的人物拖进背景,自由变换,调到合适的位置
在这里插入图片描述
图像——调整——阈值
在这里插入图片描述
混合模式改为正片叠底
在这里插入图片描述
用多边形套索工具,在人物下方套住一个区域,再用橡皮擦工具在套索区域内清擦除,让人物下部形成几何斜角的感觉
在这里插入图片描述
用椭圆工具画一个圆,鼠标右键点击描边,黑色边框,边框厚度18左右
在这里插入图片描述
可以加上文字
在这里插入图片描述
再次新建一个径向渐变图层,选择一个自己喜欢的颜色,同时可以移动位置,让颜色尽量覆盖脸部
在这里插入图片描述
混合模式改为变亮
在这里插入图片描述
新建图层,用画笔工具选取颜色后在圆圈周围涂抹一下,然后将混合模式改为变亮
在这里插入图片描述
可以通过调节不透明度来进行调整
在这里插入图片描述
多余的颜色可以用橡皮擦工具擦去
在这里插入图片描述
新建图层,再选一个同色系深一点的颜色,在圆圈的周围再涂抹一次,再将混合模式改为变亮
在这里插入图片描述
同样,用橡皮擦工具擦去多余的部分
在这里插入图片描述
再新建一层,用纯白色在适当的位置上点上高光,调整不透明度,使其更加自然
在这里插入图片描述
调整人脸图层颜色的不透明度,使其更加自然
在这里插入图片描述
最后再新建一层,选一个深一点的颜色,在名字以及圆圈周围的部分处点一下
在这里插入图片描述
最后再将混合模式调整为浅色就OK啦
在这里插入图片描述
最后裁剪一下
在这里插入图片描述

  • 3
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
好的,我可以给你提供一个简单的实现方法。首先,我们需要创建一个 HTML 页面,并添加一些基本的样式。下面是一个示例代码: ```html <!DOCTYPE html> <html> <head> <title>发光的树</title> <style> body { background-color: #000; color: #fff; font-family: Arial, sans-serif; font-size: 16px; text-align: center; margin: 0; padding: 0; } canvas { display: block; margin: 0 auto; } </style> </head> <body> <canvas id="canvas"></canvas> <script src="tree.js"></script> </body> </html> ``` 在这个示例中,我们创建了一个黑色背景的页面,并在居中的 canvas 元素里面展示我们的树。接下来,我们需要编写 JavaScript 代码来创建树和发光效果。下面是一个示例代码: ```javascript // 创建画布 var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); // 设置画布大小 canvas.width = window.innerWidth; canvas.height = window.innerHeight; // 创建树 var tree = new Tree(canvas.width / 2, canvas.height, 100, -Math.PI / 2, 10); // 绘制树和发光效果 function draw() { // 清空画布 ctx.clearRect(0, 0, canvas.width, canvas.height); // 绘制树 tree.draw(ctx); // 绘制发光效果 ctx.shadowBlur = 50; ctx.shadowColor = "white"; ctx.fillStyle = "white"; ctx.fillRect(0, 0, canvas.width, canvas.height); // 更新树的状态 tree.update(); // 重复绘制 requestAnimationFrame(draw); } // 开始绘制 draw(); ``` 在这个示例中,我们创建了一个名为 Tree 的对象来代表我们的树,并在 draw 函数中循环绘制树和发光效果。具体的 Tree 对象实现可以参考下面的代码: ```javascript // 树的构造函数 function Tree(x, y, length, angle, branchWidth) { this.x = x; this.y = y; this.length = length; this.angle = angle; this.branchWidth = branchWidth; this.speed = Math.random() * 0.1 + 0.05; this.color = "hsl(" + Math.random() * 360 + ", 100%, 50%)"; this.generation = 0; } // 绘制树 Tree.prototype.draw = function(ctx) { ctx.beginPath(); ctx.save(); // 移动到树的位置 ctx.translate(this.x, this.y); // 旋转到树的角度 ctx.rotate(this.angle); // 绘制树干 ctx.fillStyle = this.color; ctx.fillRect(-this.branchWidth / 2, 0, this.branchWidth, -this.length); // 判断是否分支 if (this.length > 10) { // 创建左分支 ctx.save(); ctx.translate(0, -this.length); var leftAngle = Math.random() * Math.PI / 4 - Math.PI / 6; var leftLength = this.length * (0.7 + Math.random() * 0.3); var leftWidth = this.branchWidth * 0.7; var leftTree = new Tree(0, 0, leftLength, leftAngle, leftWidth); leftTree.generation = this.generation + 1; leftTree.color = this.color; leftTree.draw(ctx); ctx.restore(); // 创建右分支 ctx.save(); ctx.translate(0, -this.length); var rightAngle = Math.random() * Math.PI / 4 + Math.PI / 6; var rightLength = this.length * (0.7 + Math.random() * 0.3); var rightWidth = this.branchWidth * 0.7; var rightTree = new Tree(0, 0, rightLength, rightAngle, rightWidth); rightTree.generation = this.generation + 1; rightTree.color = this.color; rightTree.draw(ctx); ctx.restore(); } ctx.restore(); }; // 更新树的状态 Tree.prototype.update = function() { this.length -= this.speed; this.branchWidth -= this.speed / 5; if (this.length < 10) { this.length = 10; } if (this.branchWidth < 1) { this.branchWidth = 1; } if (this.length < 20) { this.color = "rgb(255, " + Math.floor(Math.random() * 256) + ", 0)"; } }; ``` 这个 Tree 对象实现了树的绘制、分支、颜色变化等功能。我们可以通过改变 Tree 对象的属性来控制树的形态和颜色。现在你已经可以在浏览器中看到一个发光的树了!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值