设计

Photoshop 制作像素化效果

1、创建图像图层，并将图层转换为智能对象 2、选择“滤镜” – “像素化” – “马赛克”，将参数调整到合适的数值 3、在图层上方创建调整图层，选择“阈值”，调整阈值色阶到合适的数值

Photoshop, 平面设计
设计

Blender 材质节点学习笔记

快捷键 CTRL + B 框选需要渲染的画面范围（仅CYCLES） CTRL + ALT + B 清除渲染视口的框选范围 SHIFT + S 可将一个节点切换为另一个类型的节点 着色器 光泽BSDF 参考 P04 漫射BSDF 参考 P04 混合着色器 参考 P05 相加着色器 参考 P05 透明BSDF 参考 P06 阻隔 参考 P06 可实现透明背景，需在渲染设置中的胶片中启用“透明”（仅Cy…

设计

Blender 材质基础

计算机渲染类型 非真实渲染 NPR 不基于物理规则的，艺术化风格。如卡通、油画、像素化等。 基于物理的渲染 PBR Physically Based Rendering，用于表现写实的材质，使用多张不同功能的图片叠加一起进行计算。 PBR的两种工作流程 Metal / Roughness 金属/粗糙度工作流程（常用） Base Color，Roughness，Metallic作为基础纹理，同时也支…

前端技术, 开发

Shader 学习笔记

基本概念 Shader（着色器）是用来描述顶点和像素如何在 GPU 上处理的程序。每个着色器都包含了两个类型的着色器，分别是顶点着色器 Vertex Shader 和 片段着色器 Fragment Shader.顶点着色器定位几何体的每个顶点坐标。片段着色器用于为几何体的每个可见像素着色。 Attributes 顶点特有的数据，只在顶点着色器中使用。 属性是每个顶点独有的数据，例如顶点的位置、法线…

JavaScript, three.js
前端技术, 开发

PIXI.js 学习笔记

安装 基础概念 基本使用 坐标 在 PIXI.js 中的坐标同 html 坐标一致，原点从页面左上方开始 图形 Graphics 将基本形状（如线条，圆形，矩形等）渲染到显示器，并为他们添加样式。页可以使用 Graphics 对象构建图形。 PIXI.js 官方文档：Graphics Bilibili 视频教程：02-Pixi图形Graphics具体应用 常用图形类型 属性与方法 文字 Text …

JavaScript, 动效
设计

工作常用网站

素材 图片、视频 音频 3D 资源 字体 工具 在线生成clipPath https://bennettfeely.com/clippy/ 参考 杂志 https://www.dezeen.com/ https://designboom.com/ 网站与UI 平面 动画

素材
AI, 设计

MidJourney 学习笔记

指令 常用指令 /settings 基本设置 /imagine 生成图像 /blend 将两张图片混合进行生成 /describe 将图片转换为提示词信息 /prefer suffix 在每次的提示词后自动添加后缀 /prefer option set /prefer option list 列出已添加的所有自定义变量 /shorten 析您的提示，突出显示提示中一些最有影响力的单词，并建议您可以…

前端技术, 开发

JS 自定义深拷贝函数

在对数组或对象数据进行复制时，在编辑复制的数据时，使用深拷贝方法原有的数据不会受到影响。 以下代码可用于数组或对象的数据类型

前端技术

Axios 学习笔记

Axios 是一个基于 Promise 的 HTTP 客户端，用于浏览器和 Node.js。它是一个流行的 JavaScript 库，用于在客户端与服务器之间进行 HTTP 请求和响应。

Ajax, Axios, JavaScript

PUJI Design 朴及设计 (c) 2024. 沪ICP备17052229号