分类： 设计教程

透明毛玻璃效图标的制作教程

由ONing发布在Logo、设计、设计教程透明毛玻璃效图标的制作教程有 3 条评论

大家期待的透明毛玻璃效果的制作教程，今天它终于来了！

应大家的留言需求，今天给大家出个详细的教程，来教大家制作 “透明毛玻璃效果图标”。

相关文章：透明毛玻璃效果图标设计

透明毛玻璃效果图标

所用工具

由于我们制作的是「图标」，那我们就用矢量软件吧 。所用到的工具是 Adobe Illustrator。如果你是 macOS 用户，还可以使用 Sketch 这个软件，会更加的方便和简单。

今天我会把 Illustrator 和 Sketch 两种软件的操作都讲一讲。

几个要素

在开始动手前，我先说一些我自己觉得的几个要素：

  1. 图标：图标一定是要有前后可拆分的层次，一个在前作为毛玻璃层，一个在后作为颜色层，最好是 2～4 层效果较好。
  2. 颜色：你的图标颜色的选择最好是单一颜色，颜色多了我个人总觉的怪怪的，也不太好看。
  3. 高光：高光是点金之笔，加上后的感觉更好。
  4. 阴影：增加一些淡淡的阴影更有质感。

操作步骤

  1. 拆分层次并绘制基础图形；
  2. 填充颜色和叠放；
  3. 对浅色图形进行高斯模糊；
  4. 颜色补充；
  5. 高光；
  6. 阴影。

准备好了吗，我们开始发车了。我挑选了3个实例给大家讲解，这3个实例在一些地方的处理上还是有些不同的，所以挑选了这三个具有代表性的。其中实例一、实例二用 Illustrator 操作，实例三用 Sketch 操作，也兼顾了大家不同的学习需求。

继续阅读“透明毛玻璃效图标的制作教程”

XP3文件提取Galgame中内容

由ONing发布在工具、设计教程在 XP3文件提取Galgame中内容上留下评论

我们在学习绘画 CG 的时候，经常会借鉴并学习一些优秀 Galgame 的成品 CG、视频动画以及一些配音、音频文件等。部分 Galgame 会以 xp3 格式封存文件，这类的 Galgame 提取最方便！

XP3 工具

支持 XP3 文件的工具有很多，例如 FileView Pro, Extractor, XP3 Viewer。这次针对 XP3 文件的提取，推荐使用后两个。

Extractor 提取方法

Extractor 效果一般，对于一部分未加密的 XP3 文件支持良好，对于部分 XP3 文件也存在提取失败的结果，但是我仍然推荐首先使用 Extractor，因为它几乎支持大部分 XP3 文件。

我们以 《三色绘恋 Tricolour Lovestory》为例。

打开 Extractor 选择 XP3 以及设定保存路径即可，下方的文件格式、文件包格式，首次尝试可以不做修改。

设置完成后，我们点击 开始 开始解密和提取。

根据文件大小决定时间，喝完一杯咖啡后，提取完成。点击 解压 并 确定 就可以保存到你设置的路径处。

当你尝试打开有些提取后的文件时，可能会遇到一些错误，例如提取出的格式是 swf 格式，或者视频文件大小是 0字节，或者是只提取出了一个文件等。这些问题可能是由于 XP3 文件被加密了。

不用着急，下面再来试试 XP3 Viewer。

XP3 Viewer 提取方法

当 Extractor 解密出错，或者不支持的时候，我们再改用 XP3 Viewer 尝试。 XP3 Viewer 仅支持部分 Galgame。

XP3 Viewer 打开的方式比较特别，是将 游戏启动程序（exe文件） 拖动到 XP3Viewer.exe 上，你双击 XP3Viewer.exe 是打不开的哦。

如果支持此游戏，那么就会自动弹出 XP3 Viewer，并自动打开游戏（如果没有后续，那么就是不支持，你就要另寻他路了 ），而且会有提示框提示你：

然后，我们设定好保存目录，再将 XP3 文件拖动至里面即可：

如果你设定了保存路径，则文件保存在相应路径中。如果你忘了设定，就默认保存在与 游戏 exe 文件相同的目录。这样，我们需要的文件就提取出来了。

继续阅读“XP3文件提取Galgame中内容”

iPad Procreate 人物绘画

由ONing发布在iPad绘画、Procreate、设计教程在 iPad Procreate 人物绘画上留下评论

今年1月份因为画漫画和记笔记入手了新款 iPad Pro + Apple Pencil，并正式开启了我的 iPad 绘画之旅。下面来看看绘画人物的基本步骤吧~

Procreate for iPad

iPad 版 Procreate 的图标是黑色底色的，而 iPhone 版 Procreate 的图标是白色底色的，这两者的在使用上差别不大，但是当然是 iPad 版更为好用。

配合 Apple Pencil 或其他兼容的触控笔，都可以完成相当不错的画作。

Procreate for iPad

Procreate 上线了官方中文教程：点此阅读

当然这里不是强调必须 Procreate，譬如 Artstudio Pro 也相当优秀，而且最近还更新了简体中文，也安利一下。


Artstudio Pro for iPad

那我们就以 Procreate 工具，展开 iPad + Apple Pencil 绘画系列吧，原理都一样，日后也慢慢地写写 Artstudio 的。

漫画人物绘画

我们先看看漫画人物绘画的步骤：

  1. 先需要绘出人物勾线，并作为最上图层。
  2. 一种颜色一个图层进行上色（复杂上色可根据部位再细分图层）。
  3. 选择同色系更深颜色进行阴影绘制。
  4. 补全细节、细化、调整即可。

即，勾线 – 上色 – 阴影 – 细化：

最后就是形成了这样子的图层：

Procreate 目前非英文名称的图层导出成 PSD 文件后会乱码，不过不影响使用，你可以将图层全部命名成英文名称即可解决。

那些年的校园与我们

最后，推广一下我和大师合作的院校校园漫画《那些年的校园与我们》

官网网站：cattalk.nousbuild.org

继续阅读“iPad Procreate 人物绘画”

Adobe Color随时随地取色

由ONing发布在工具、设计、设计教程在 Adobe Color随时随地取色上留下评论

Adobe Color 是一款 Adobe 开发的网页版取色工具，之前有 iOS / Android 版的 App，现在已经下架了，取而代之的是基于 Creative Cloud 的在线取色工具，以及 Capture CC App。取色能够很好的帮助设计师确定主题颜色。

使用 Adobe Color

直接访问 color.adobe.com 即可打开取色工具，上传图片或者拍照即可：

可以根据 Adobe Color 已设定主题，或者自定主题来调整整体色调，还可以查看比较热门的颜色搭配：

调整取色

以 macOS Mojave 的明、暗两张照片取色，确定白天、黑夜沙漠颜色主题：

Creative Cloud

如果你有 Adobe 账号，还可以将主题保存在云上，随时随地取用。

继续阅读“Adobe Color随时随地取色”

书籍扫描处理与识别

由ONing发布在工具、设计教程在 书籍扫描处理与识别上留下评论

很多人总是问我你是如何把要复印的书籍处理的很干净，就像打印的电子版一样？也有人总是问我是如何做到的？这其实并不是多难多新的技术，今天就写一篇详细的文章供大家参考学习吧~

下面先介绍几个好工具：

系统扫描处理后期处理识别处理
iOSScanner ProPhotoshopScanner Pro
AndroidCamScanner / Office LensPhotoshopOCR
Windows PhoneOffice LensPhotoshopOCR

看到了吗，iOS 平台的支持非常好，移动端只需 Scanner Pro 一款 App 即可，而安卓则需要多个 App 配合使用。

一、扫描处理

iOS方法：

在 App Store 中下载 Scanner Pro：

如果你不想为此软件付费，你可以下载 Readdle 推出的 Scanner Mini：

下载地址：点击下载

下载并安装好软件后，你只需扫描你要扫描的书本和文档即可。但是扫描也是有一定技巧的：

  1. 建议使用太阳光进行拍摄。太阳光有着良好的光谱和强度，使用太阳光拍摄出来的图片更容易处理。
  2. 如果是阴天或者晚上，建议使用较散的光，非常不建议使用手机闪光灯等这一类的强点光源，这样扫描出来的文字可见度不一，不利于处理。建议使用散光源，节能灯泡、白炽灯等都是很好的选择。
  3. 拍摄时注意姿势，对就是姿势 🙂 。拍摄时选择好方位，不要把手机和头挡住扫描文件上的光线造成阴影。
  4. 拍摄时注意平整和四个角。拍摄前先将资料铺平，拍摄时注意一定要留出四个角后期用于透视剪裁。
  5. 背景区分度尽量大。不要白纸还放在白桌子上拍照。
方法演示：

1. 背景颜色区分度过低，无法自动锁定，但是你可以拍照后自行选取边框。

2.背景颜色区分度大，即可自动锁定：

3.拍摄后直接可以进行初步调整：

效果选择黑白文档，如果有背面印的文字干扰，可以增加亮度，调整对比度进行调整，切记不要以为的为了干净而过大的调整导致文字不清晰。

Android 方法：

Android 很遗憾没有 Scanner Pro，但是可以使用 Office Lens 或 CamScanner 替代，以下是获取地址：

Office Lens 和 CamScanner 的使用方法与 Scanner Pro 都大同小异，在这里就不再演示了。

Windows Phone 方法：

直接使用 Office Lens，下载地址：

二、后期处理

如果你的第一手资料不太满意，就要使用后期处理。处理的方法也很简单，仅仅是利用 Photoshop 的橡皮擦工具，将扫描的脏点和污点擦出即可。

如果你的第一手资料是复印的资料，或是阴影不好去除，你再使用 Photoshop 的 复制 – 粘贴 图层，将好的英文字母替代不好的英文字母。同理，中文则需要将相应的汉字进行替换。

三、识别处理

iOS 的 Scanner Pro 自带ORC识别，Android 与 Windows Phone 可自行搜索 “OCR识别工具”，这里不再赘述。

继续阅读“书籍扫描处理与识别”