- 博客(53)
- 收藏
- 关注
原创 Photoshop实现双重曝光效果教程(树木人脸)
效果如下:步骤如下:1、打开人物素材。2、用快速选择工具抠出这个女孩,去除背景并用调整边缘选项来处理他的头发。3、打开树枝素材,我们再来按照上一个步骤把背景去掉,后面将要用到的只是树枝。4、把抠出的树枝复制到新的图层,适当调整角度,然后复制一层,把两张图片拼接起来,如下图。5、现在把两...
2019-03-22 19:51:14 663
原创 Photoshop如何将照片打造成 素描 效果
效果如下:步骤如下:首先导入素材并且复制一层:2.Ctrl shift u执行去色,并且再复制一层:3.Ctrl I执行反相,图层模式用颜色减淡:4.滤镜---其他---最小值设置为2(如果是提取线稿(数值为1)做到这一步就能得到最终线稿):5.右键图层打开图层样式,按住alt键...
2019-03-22 19:36:47 488
原创 Photoshop利用通道及滤镜快速制作 点状 人像
效果如下:步骤如下:打开图片2.点击通道,选择RGB通道,选择一个颜色比较灰的通道右键复制3.点击通道载入选区按钮,选择人物,若选反了则 选择---反选(快捷键:Ctrl Shift i 反选选区)4.回到图层,点击添加图层蒙版按钮5.选择图层小窗口,点击菜单:滤镜 > 像...
2019-03-22 19:27:44 579
原创 Photoshop 制作人物编织艺术效果图片
步骤如下:在photoshop中打开我们需要处理的图片,Ctrl+J复制二次,得到图层1、图层1拷贝。2.解锁背景层,将前景色设为黑色,按Alt+Delete给背景层填充黑色,将图层1命名为“人像1”,图层1拷贝命名为“人像2”。3.打开编辑-首选项中的“参考线、网格和切片”快捷键ctrl k,网格一栏---网格线间隔设为40毫米,子网格为4...
2019-03-22 16:42:56 735
原创 Photoshop如何将照片打造成工笔画效果(人像精修之工笔画古风美女)
首先导入素材:2.新建一个图层上色,RGB数值选到的是 R:174 G:157 B:129;然后,正片叠底,我们会得出这样效果的片子:3.由于第二步整体上色因为用到的是正片叠底,让照片变得比较暗。复制上一层的正片叠底,然后改为滤色,把照片的明度提高,特别是把暗部区域层次提高,让照片暗部达到中性灰以下,这个图层的透明度为40%:4....
2019-03-22 15:43:51 1608
原创 XMind(思维导图)使用方法
新建分支(Insert):Tab。向下添加分支:Enter。添加注释:Alt+Enter换行:Alt+Enter(必须选中文字)。总结:全选后 Ctrl+ } 。
2019-03-15 15:03:59 811
原创 学习Photoshop的一些网站以及找素材的网站
一、网易云课堂(李涛Photoshop高手之路基础篇)二、PS家园网 PS家园网不仅有教程,还有笔刷,滤镜,素材等可以下载,在PS家园社区还可以下载各种版本的photoshop,十分实用。三、三人行PS学堂 它的教程按视频教程、基础教程、中级教程、高级教程以及实例教程分,可以根据自己的需要去学习。四、设计派。五、飞特网。六、doyoudo doyoud...
2019-03-15 14:59:59 3041 1
原创 Photoshop基本操作笔记
全称:Photoshop。PS从上至下,菜单栏,属性栏,工具栏(可见20个,加上隐藏的65个工具)。画布,浮动面板。改变界面颜色:编辑>首选项>界面。改变画布颜色:新建>选择颜色。改变前景色:Alt+del。改变背景色:Ctrl+del。点击吸管工具直接吸取前景色,按住Alt键可吸取到背景色。图片放大缩小:Ctrl+t。按住shift键可以等比...
2019-03-15 14:56:38 643
原创 利用Vue+bootstrap实现学生用户信息表
效果如下:学生用户信息表 代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>todolist加购物车</title> <link rel="stylesheet" hr
2019-01-09 10:42:01 2094
原创 利用Vue方法实现一个较完整的购物车结算(带复选框版)
效果如下:购物车结算 代码如下: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>todolist加购物车</title> <link rel="stylesheet" hre
2019-01-09 08:22:46 1606 1
原创 利用Vue方法实现一个简单的购物车
标题效果如上: 代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
2019-01-09 08:22:09 296
原创 利用Vue方法实现一个简单的TODOlist
效果如下: 代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="css/bootstrap.css"/>
2019-01-08 21:56:11 444
原创 Vue中 v-for的用法,获取
<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <script src="https://cdn.bootcss.com/vue/2.5.18-beta.0/vue.js"></script> <title&am
2019-01-08 21:50:06 3775
原创 使用promise异步请求,请求服务端中data文件,并返回结果
<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>4.异步请求</title> </head> <body> <script type="text/jav
2019-01-08 21:42:07 2534
原创 服务端返回 输出
假设服务端返回const data = [ {id:1,name:”男装”,hot:true}, {id:2,name:”女装”,hot:false},{id:3,name:”鞋包”,hot:true},{id:4,name:”饮料”,hot:false}]使用map(),在控制台中输出{id:1,name:”男装”,hot:true}, {id:2...
2019-01-08 21:36:48 331
原创 es6定义数组。
需求: 定义以下数组const bookArr=[ { id:1, bookName:"三国演义" },{ id:2, bookName:"水浒传" },{ id:3, bookName:"红楼梦" },{ id:4, bookName:"西游记" }]找出id为3的一项,并且在控制台上输出”红楼梦”. <!DOCTYPE html><ht...
2019-01-08 21:33:20 4225
原创 es6实现数组去重 。定义以下数组,let arr = [1, 2, 2, 3, 4, 5, 5, 6, 7, 7,8,8,0,8,6,3,4,56,2]。实现数组去重.结果为[1,2,3,4,5,6
get 方法:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>1.数组去重</title> </head> <body> <script>
2019-01-08 21:31:27 5354
原创 利用localStorage.getItem实现表单的数据存储,Vue方法操作实现
效果如下:代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Text4本地存储</title> <link rel="stylesheet" type="text/css&
2019-01-08 21:24:01 9616 2
原创 css3实现盒子运动,由上向下移动200px
效果如下:代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>Text3盒子运动</title> <style> *{ margin: 0; padding: 0;
2019-01-08 21:19:43 9204
原创 HTML5canvas画圆的实现
效果如下:代码如下:<!DOCTYPE html><htmls><head> <meta charset="UTF-8"> <title>Text2画圆</title></head><style></style&a
2019-01-08 21:16:50 2166
原创 用HTML5实现文件上传带进度条
效果如下: 代码如下: <!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>Text1文件上传</title> <style> *{ margin: 0;
2019-01-08 21:14:26 5236 3
原创 css定义的权重
什么是权重?以下是权重的规则:标签的权重为1,class的权重为10,id的权重为100,以下例子是演示各种定义的权重值: /*权重为1*/div{}/*权重为10*/.class1{}/*权重为100*/#id1{}/*权重为100+1=101*/#id1 div{}/*权重为10+1=11*/.c...
2019-01-07 11:30:28 480
原创 前端面试JS题目复习大纲
前端面试JS题目JS介绍js的基本数据类型。Undefined、Null、Boolean、Number、String、复杂数据类型:Object 介绍js有哪些内置对象?Object 是 JavaScript 中所有对象的父对象数据封装类对象:Object、Array、Boolean、Number 和 String其他对象:Function、Argumen...
2019-01-03 09:27:50 948
原创 前端面试CSS题目复习大纲
前端面试CSS题目CSS介绍一下标准的CSS的盒子模型?低版本IE的盒子模型有什么不同的?(1)有两种, IE 盒子模型、W3C 盒子模型;(2)盒模型: 内容(content)、填充(padding)、边界(margin)、 边框(border);(3)区 别: IE的content部分把 border 和 padding计算了进去; CSS选择符有哪些?哪些属性可...
2019-01-03 09:26:21 260
原创 HTML5中把一首古诗变大缩小和变颜色并用数据储存起来
效果图如下: 代码如下: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>放大缩小变颜色</title> <script type="text/javascript" src=
2018-09-28 16:10:46 1161
原创 时间函数的写法
代码如下://首先定义一个时间函数 function Times(){ //获取全部的时间 var oDate = new Date(); //获取年 var oYears = oDate.getFullYear(); //获取月 var oMonth=oDate.getMonth() //获取日 var oData=oD...
2018-09-22 11:56:02 542
原创 HTML5中file方法上传文件预览 示例
效果图如下: 代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> *{margin: 0;padding: 0;} ul li{
2018-09-21 15:04:58 1545
原创 HTML5中的canvas画圆饼 示例
效果如下: 代码如下:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <style> body{ background: black; } c
2018-09-21 14:46:32 521
原创 HTML5中canvas标签的几种基础用法的介绍以及一些案例
1.canvas的基础知识2.canvas绘制矩形3.canvas绘制圆形4.使用moveTo()和lineTo()绘制路径 一) canvas基础 canvas是HTML5中新增的一个元素,专门用来绘制图形。在页面放置一个canvas元素,就相当于放置了一个画布,可以在其中进行图形的绘制。 ...
2018-09-14 15:48:35 437
原创 关于利用HTML5的canvas方法在页面上实现绘制图形
随意绘制的效果图如下: 代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>paint</title> <script type="text/javascript" sr
2018-09-14 15:03:32 1778
原创 关于利用HTML5和CSS3实现文档的拖拽的
效果图如下: 代码如下: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>拖拽东西进来</title> <script type="text/javascript" src=
2018-09-12 15:02:47 289
原创 关于利用HTML5和CSS3实现盒子的拖拽移动到另一盒子发生颜色和标题的变化效果的实现原理
效果图如下: 代码如下: <!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>拖拽</title> <script type="text/javascript" src=&quo
2018-09-12 14:51:55 1827
原创 关于利用jQuery插件实现盒子的拖拽
首先,先写一个盒子。<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>拖拽盒子</title> <script type="text/javascript" src="js/jquery-1
2018-09-07 16:06:30 1011
原创 利用模态框弹出,jQuery实现table的增删改查。
代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> <script type="text/javascript" src="js/jquery-1.11.0.js&q
2018-06-28 11:45:14 5861 3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人