Adobe Illustrator 文件分层无损导入 Photoshop 的最佳工作流
许多设计师习惯在 Illustrator 中绘制矢量图标与扁平插画,然后导入 Photoshop 中进行质感渲染、光影合成与调色。然而直接把 AI 内容复制到 PS,通常会被合并成单一栅格图层或单个智能对象,导致在 PS 中无法分层调色。本文介绍一种完整保留图层结构与编辑性的无损导入工作流。 一、 AI 端的图层准备工作 Photoshop 识别图层的前提是元素在 AI 中拥有独立的顶级图层(Top-…
许多设计师习惯在 Illustrator 中绘制矢量图标与扁平插画,然后导入 Photoshop 中进行质感渲染、光影合成与调色。然而直接把 AI 内容复制到 PS,通常会被合并成单一栅格图层或单个智能对象,导致在 PS 中无法分层调色。本文介绍一种完整保留图层结构与编辑性的无损导入工作流。 一、 AI 端的图层准备工作 Photoshop 识别图层的前提是元素在 AI 中拥有独立的顶级图层(Top-…
在移动 Web 页面开发中,经常需要引导用户在微信内完成授权登录,或者提示用户“点击右上角在外部浏览器打开”。通过检查 HTTP 请求头中的 User-Agent 包含 MicroMessenger 即可精准识别微信环境。 一、 JavaScript 前端判断: function isWeChat() { const ua = navigator.userAgent.toLowerCase(…
在 Linux 终端中处理 .7z 格式的高压缩率文件时,系统默认自带的 tar 与 unzip 无法直接解析。在 CentOS 下通过安装 p7zip 软件包即可获得极速解压支持。 一、 安装 p7zip # 先配置 EPEL 扩展源 sudo yum install…
在前端适配弹窗居中、滚动懒加载与响应式组件时,开发者经常混淆 screen、window.innerWidth 与 clientHeight 的区别。本文梳理各类宽高 API 的物理含义。 一、 核心视口与屏幕尺寸 API 速查 // 1. 用户显示器屏幕物理分辨率 const screenW = window.screen.width; const…
在 Web 端模拟 iOS / Android 手机桌面长按进入编辑状态时图标轻微左右晃动的动画质感,仅需纯 CSS3 的 @keyframes 与 transform: rotate() 即可丝滑实现。 一、 核心 CSS 动效代码 @keyframes shake-icon { 0% { transform: rotate(…
熟练掌握 Photoshop 快捷键是提升设计生产力与修图效率的关键。本文为您整理了覆盖工具切换、图层管理、选区蒙版、色彩调节与视图导航的全套核心快捷键对照表(同时兼容 Windows 与 macOS 系统)。 一、 核心工具箱快捷键(单键秒切) 工具名称 快捷键 工具名称 快捷键 移动工具 V 矩形/椭圆选框 M…
在响应式网页设计中,背景图片的处理直接决定了首屏视觉质感。background-size 彻底解决了以往背景图被裁切或拉伸变形的痛点。本文解析其各个取值的核心表现。 一、 常用取值与表现行为 * background-size: cover;(全屏铺满):等比例缩放图片,直至完全覆盖容器的所有区域,超出部分会被裁剪,确保绝不留白; * background-size: contain;(完整容纳):等比例缩放图片,直至完整显示在容器内,适合展示 Logo…
在前端制作气泡提示(Tooltip)箭头、下拉菜单指示角标或角标徽章时,无需加载任何图片或图标字体,利用 CSS 盒模型中边框相交的斜切机制即可纯代码实现极速渲染。 一、 核心原理:宽高为 0 + 透明边框 .triangle-up { width: 0; height: 0; /* 左右边框透明,底边有颜色即可形成向上三角形 */ border-left: 10px…
在 CentOS 服务器中执行 yum install 时,经常提示:“Existing lock /var/run/yum.pid: another copy is running as pid 12345. Another app is currently…
在 Linux 服务器安全巡检与权限审计中,查看系统当前存在哪些活跃用户、具有登录权限的账号是关键操作。本文总结常用的用户查询命令。 一、 查看所有系统账户(/etc/passwd) # 查看所有用户的用户名 cut -d: -f1 /etc/passwd # 筛选具有 /bin/bash 登录 Shell 权限的真实活跃用户(排除系统伪用户) grep…