HTML5教程

【十月打卡】第4天——切图基础教程-前端工程师版2-4——2

本文主要是介绍【十月打卡】第4天——切图基础教程-前端工程师版2-4——2,对大家解决编程问题具有一定的参考价值,需要的程序猿们随着小编来一起学习吧!

修图篇

◆修图常用的工具演示

◆吸管工具、橡皮擦工具,修补工具,画笔工具、仿制图章工具,历史画笔工具、渐变工具、涂抹工具、文字工具、矩形工具

😀第一个工具:吸管工具——

https://img2.sycdn.imooc.com/633af15e0001d92406460481.jpg

写程序中需要知道颜色的设置,点中吸管工具,用鼠标左键点击对象,看工具栏中前景,点击前景,会弹出色框,前景色的色值就会出现,这里的正红色只是cc0000.


https://img4.sycdn.imooc.com/633af23300014dc103040202.jpg


😀第二个工具——修补工具,菜单里有五个,这里讲前三个。

👌污点修复画笔工具——人像美容里经常用到的工具,https://img3.sycdn.imooc.com/633af2db00017c2f06980578.jpg

选中该工具,鼠标变为圆圈了,就可以给美美女把豆子修掉了。

https://img3.sycdn.imooc.com/633af32e0001ff9d02170275.jpg

圆圈的大小可以根据属性的设置改动大小;快捷键是键盘上中括号左右符号,可以点一下松开鼠标左键,也可以不松左键,涂抹一个区域,它会自动计算所在区域的颜色变化的分布。

https://img4.sycdn.imooc.com/633af42b000108c103000281.jpg

👌修复画笔工具——功能与上类似,但操作是按住Alt键,鼠标样式变成准星的样子,为准别修复的区域画圆,可以在其它地方按住鼠标左键,以刚才设置的中心拖动,再现图象。

https://img1.sycdn.imooc.com/633af5370001d36302870293.jpg



👌修补工具——鼠标形式变成类似小方块,周边带着毛毛,这个工具的作用是选中区域,可以拖动到一个你认为可以作为修补原来选区的图象松手,那么被选中的选区就会成为你拖动后选中的区域形式。

https://img1.sycdn.imooc.com/633af58a00013a3405370339.jpg

https://img3.sycdn.imooc.com/633af6820001cc0402560156.jpg

画笔工具——毛笔工具,铅笔工具,属性栏中点开有硬度指标。

https://img3.sycdn.imooc.com/633af6b80001b7d404860331.jpg

https://img3.sycdn.imooc.com/633c55f50001afbe03290284.jpg

图章仿制工具——原样照搬,不进行色块调整。而前面的画笔修复工具就可以柔和所画图象。

图案仿制工具——把你选中的团画在目标地

https://img4.sycdn.imooc.com/633c56ff000104f405390224.jpg

https://img3.sycdn.imooc.com/633c571e00010c2701870098.jpg

历史记录画笔——

https://img2.sycdn.imooc.com/633c57d2000119b404420454.jpg

https://img3.sycdn.imooc.com/633c58010001df6e02730192.jpg

https://img4.sycdn.imooc.com/633c58200001d43c02510170.jpg

https://img4.sycdn.imooc.com/633c585a00019ccf06900465.jpg

https://img1.sycdn.imooc.com/633c58800001888d03390243.jpg

https://img1.sycdn.imooc.com/633c58b40001538405650392.jpg

https://img3.sycdn.imooc.com/633c58cb0001c41b04410417.jpg


https://img1.sycdn.imooc.com/633c59ca0001297a07150557.jpg

https://img1.sycdn.imooc.com/633c59ee0001cd2403210041.jpg


https://img1.sycdn.imooc.com/633c5a0200017ca805200225.jpg

https://img1.sycdn.imooc.com/633c5a180001a67d05820118.jpg

https://img2.sycdn.imooc.com/633c5a440001447e06760107.jpg

https://img1.sycdn.imooc.com/633c5a770001c3d606210131.jpg

https://img4.sycdn.imooc.com/633c5a9f00011de307500329.jpg

https://img2.sycdn.imooc.com/633c5abc0001abb208630174.jpg

https://img1.sycdn.imooc.com/633c5b00000107a802200167.jpghttps://img1.sycdn.imooc.com/633c5b28000199ed01350118.jpghttps://img1.sycdn.imooc.com/633c5b560001da4002190097.jpg

https://img1.sycdn.imooc.com/633c5b80000162f802350081.jpghttps://img1.sycdn.imooc.com/633c5bb900018a6501760118.jpghttps://img4.sycdn.imooc.com/633c5be40001a03203030139.jpg


Ctrl+回车,就可以把路径变成选区。

https://img3.sycdn.imooc.com/633c5c40000131c701120113.jpghttps://img2.sycdn.imooc.com/633c5c7a0001bb0702310099.jpg

https://img4.sycdn.imooc.com/633c5cb800013c1f02120324.jpghttps://img2.sycdn.imooc.com/633c5cfc000132bd02510110.jpg





这篇关于【十月打卡】第4天——切图基础教程-前端工程师版2-4——2的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!