解锁Adobe生产力:5个让资深设计师都赞不绝口的隐藏技巧

北京/设计爱好者/132天前/3浏览
解锁Adobe生产力:5个让资深设计师都赞不绝口的隐藏技巧
最近我还在深度体验那套奥地利Blueskyy National Academy of Arts的Adobe教育版全家桶。在研究的过程中,又挖掘出了一些新的心得,觉得非常有必要和大家再聊聊。
关于这套订阅,作为职业设计师,简单谈下感受:
  1. Firefly额度
    :每周1500点的积分,对于我们这种重度创意工作者来说,真的是慷慨的生产力补给。
  2. 设备授权
    :支持4台设备同时激活,非常适合拥有多台设备的工作室或个人。虽然我个人(因为预算)没能用满,但这个选项本身就很加分。
  3. 订阅管理
    :学校的ITPro Desk Service网站是个亮点,能实时查询订阅有效期,这种透明度带来的安全感,是其他渠道无法比拟的。
  4. 稳定性
    :这辆载着1900多人的“大车”,平稳行驶了近半年,零“翻车”记录。还提供了订阅修复方案,可以说是上了双重保险。
  5. 获取途径
    :很遗憾地再次通知大家,车门已锁死,目前已经无法加入了(笑)。
  6. 我的新观察
    :上次提到了英国的University of Marist,后来发现不少朋友都在关注。我深入研究了一下,这类受EU-IVY(欧洲常青藤联盟)认证的教育机构,所提供的学术资源和福利确实普遍更优质,值得大家在寻找类似机会时多加留意。
解锁Adobe生产力:5个让资深设计师都赞不绝口的隐藏技巧
Collect
好了,闲话少叙。上次分享了几个冷门软件的妙用,反响很不错。今天,我想把焦点放回我们最常用的几款核心软件上,分享5个即便是很多资深设计师也可能忽略,但一旦掌握就能极大提升工作流效率的“隐藏”技巧。准备好,我们开始深入探索。
一、 Photoshop“应用图像”:不为人知的高级人像磨皮精髓
场景
:处理商业人像或高级写真时,客户要求既要皮肤光滑无瑕,又要保留所有真实的皮肤纹理,听起来是不是很矛盾?传统的磨皮方法,如高斯模糊或第三方滤镜,很容易做得“假”,失去质感。而“高低频磨皮”虽然效果好,但步骤繁琐。这里,我将介绍一种利用“应用图像”命令配合通道混合器的高级技巧,它既能实现商业级的磨皮效果,又是非破坏性的,且效率远超传统高低频。
步骤详解
  1. 建立观察层
    :打开你的人像图片。首先,在图层面板顶部创建一个“通道混合器”调整图层。在属性面板中,勾选“单色”,然后将红色滑块拉到-70%,绿色滑块拉到+200%,蓝色滑块拉到-30%(这些参数是为了最大化皮肤瑕疵的对比度,可以微调)。这个图层我们只用作“观察”,在完成操作后会删除。
  2. 创建瑕疵修复层与纹理保留层
    :在背景图层之上,新建两个空白图层。将下面的命名为“瑕疵修复”,上面的命名为“纹理保留”。这是我们进行非破坏性操作的核心。
  3. 核心步骤:“应用图像”分离瑕疵
    :选中“瑕疵修复”图层。点击菜单栏的“图像” > “应用图像”。在弹出的对话框中,进行如下设置:
    图层
    :选择“合并图层”(或者你的背景图层)。
    通道
    :选择“RGB”。
    混合模式
    :选择“减去”。
    缩放
    :输入2。
    补偿值
    :输入128。 点击“确定”。此时,“瑕疵修复”图层会变成一个中灰色的图层,上面布满了亮暗不一的斑点,这些就是皮肤的瑕疵和大的光影不均。
  4. 反相与高斯模糊
    :对“瑕疵修复”图层执行“反相”操作(快捷键Ctrl+I或Cmd+I)。然后,将这个图层的混合模式改为“线性光”。你会发现图像恢复了正常,但看起来更锐利了。接下来,对该图层应用“高斯模糊”(滤镜 > 模糊 > 高斯模糊)。拖动半径滑块,仔细观察画面,你会看到随着模糊半径的增加,皮肤开始变得光滑。这个半径值的选择是关键,你需要找到一个恰到好处的点,既能消除痘印、色斑等瑕疵,又不会破坏大的面部结构。通常,这个值在3到15像素之间。
  5. 精细化修复与纹理恢复
    :现在,皮肤已经变得很光滑,但过于模糊。这就是“纹理保留”层发挥作用的时候了。为“瑕疵修复”图层添加一个黑色的图层蒙版,然后使用白色的软画笔,在蒙版上涂抹你需要磨皮的区域(避开眼睛、嘴唇、眉毛等需要保持锐利的地方)。你可以随时调整画笔的不透明度,实现精细控制。如果觉得某些区域的纹理丢失过多,可以在“纹理保留”图层上,使用“仿制图章工具”或“修复画笔工具”,从皮肤好的地方提取纹理,覆盖到过于平滑的区域。
最后,删除顶部的“通道混合器”观察层。你会得到一个皮肤干净细腻,同时毛孔、纹理细节毕现的高级人像作品。这个流程的精髓在于,它将颜色/光影(在“瑕疵修复”层处理)与纹理(保留在原始图层和“纹理保留”层)分离开来,实现了真正意义上的“精修”。
二、 Illustrator“混合工具”:从平庸到惊艳的色彩魔法
场景
:在创作渐变背景、抽象艺术图形或复杂的矢量插画时,标准的渐变工具往往显得力不从心,过渡生硬,形态单一。而Illustrator的“混合工具”(Blend Tool)则是一个被严重低估的神器,它可以在两个或多个对象之间创建平滑的颜色和形状过渡,可能性无穷无尽。
步骤详解
  1. 基础混合
    :首先,画两个独立的形状,比如一个黄色的圆形和一个蓝色的星形,并将它们放置在画板的不同位置。选中这两个对象。然后双击工具栏中的“混合工具”图标,打开混合选项对话框。在这里,你可以设置“间距”模式,最常用的有三种:
    平滑颜色
    :AI会自动计算并创建足够多的中间步骤,以形成肉眼无法分辨的平滑渐变,这是最常用的选项。
    指定的步数
    :你可以精确控制在两个对象之间生成多少个过渡对象。
    指定的距离
    :控制每个过渡对象之间的间距。 选择“平滑颜色”,点击确定。然后,用混合工具分别点击黄色圆形和蓝色星形。瞬间,一条从圆形平滑过渡到星形的绚丽彩带就出现了。
  2. 替换混合轴
    :混合工具默认创建的是一条直线路径。但最强大的功能在于,我们可以让混合体沿着任意路径进行排列。用“钢笔工具”或“画笔工具”画一条你想要的曲线路径。同时选中你刚刚创建的混合体和这条曲线路径。然后点击菜单栏的“对象” > “混合” > “替换混合轴”。奇迹发生了,你的混合体现在会完全沿着你绘制的曲线进行分布,创造出极具动感和韵律的视觉效果。
  3. 动态编辑与调整
    :这个混合体是“活”的。你可以使用“直接选择工具”(白箭头)单独选中原始的黄色圆形或蓝色星形,然后改变它的颜色、大小、形状或位置。整个混合体都会实时地、动态地根据你的修改进行更新。你也可以用“直接选择工具”去编辑那条混合轴曲线,调整它的曲率和节点,混合体也会随之舞动。
  4. 高级应用:多对象与色彩控制
    :混合工具不仅限于两个对象。你可以创建多个对象,选中它们,然后通过“对象” > “混合” > “建立”来创建更复杂的颜色序列。此外,你还可以通过“对象” > “混合” > “反向混合轴”和“反向堆叠”来改变过渡的方向和对象的堆叠顺序,从而实现更丰富的色彩变化。
通过混合工具,你可以轻松创作出流体渐变、光线轨迹、抽象背景、3D管道效果等,这些在其他工具中需要耗费大量时间才能实现的效果。它是矢量艺术创作中,从“执行者”变为“指挥家”的关键。
三、 Premiere Pro“煎饼时间轴”:剪辑师的上帝视角
场景
:处理访谈、纪录片或任何包含大量A-Roll(主素材)和B-Roll(补充画面)的视频项目时,剪辑师最耗时的工作就是在素材箱和主时间线之间来回切换,寻找合适的镜头。而“煎饼时间轴”(Pancake Timeline)工作流,通过在同一个界面垂直堆叠两个时间线,彻底改变了这一局面。
步骤详解
  1. 创建素材序列(上层时间轴)
    :首先,将你所有的原始素材(比如一整段访谈、所有的B-Roll镜头)全部拖拽到一个新的序列中。这个序列我称之为“素材序列”或“源序列”。在这个序列里,你可以进行第一轮的筛选,用剃刀工具删掉明显不能用的部分,或者用标记(Marker)标出可用的片段。这个时间轴就是你的“食材库”。
  2. 创建主剪辑序列(下层时间轴)
    :再创建一个新的序列,这是你最终要输出成片的“主剪辑序列”。
  3. 解锁并堆叠时间轴
    :现在,关键的一步来了。在Premiere Pro的时间轴面板左上角,点击面板菜单(三条横线),确保“锁定到项目”这个选项没有被勾选。然后,将你的“素材序列”面板的标签页直接拖拽到“主剪辑序列”面板的上方区域,当出现一个紫色的高亮区域时松开鼠标。这样,你就得到了上下两个垂直堆叠的时间轴面板,像两张煎饼一样,这就是“煎饼时间轴”。
  4. 高效的“拖拽式”剪辑
    :现在,你的工作流变成了: 在上层的“素材序列”中播放和浏览素材。 看到一个你想要的片段,直接用鼠标框选它,或者设置好入点(I)和出点(O)。 直接从上层时间轴,将这个选好的片段拖拽到下层的“主剪辑序列”中,放置到你想要的位置。你甚至可以设置好源修补(Source Patching),只拖拽视频或只拖拽音频。
这个工作流的优势是压倒性的:你拥有了“上帝视角”,可以同时看到你的全部“食材”和正在“烹饪”的“菜品”。你无需再双击素材箱里的文件,在源监视器里预览,再插入到时间线。所有的筛选、选择和放置动作,都在一个连贯的拖拽操作中完成,剪辑效率至少提升一倍以上。
四、 After Effects & Premiere Pro:打造专属的动态图形模板(.mogrt)
场景
:作为视频团队的一员,你是否经常需要制作大量样式统一但内容不同的动态字幕条、片头或信息图表?每次都在AE里修改文字、替换logo,再重新渲染,效率极低。利用AE的“基本图形”面板,你可以将一个复杂的AE动画,打包成一个在Premiere Pro里可以自由修改参数的.mogrt模板。
步骤详解
  1. 在AE中创建动画
    :在After Effects中,像往常一样创建一个你想要的动画,比如一个带有入场、出场动画的字幕条。
  2. 打开“基本图形”面板
    :点击菜单栏“窗口” > “基本图形”。这个面板是连接AE和PR的桥梁。
  3. 指定可编辑属性
    :这是核心步骤。从你的动画合成的时间轴中,将所有你希望在Premiere Pro中能够被修改的属性,直接拖拽到“基本图形”面板中。例如:
    文本内容
    :展开文本图层的“源文本”属性,拖拽进来。你可以为它重命名,比如“主标题文本”。
    颜色控制
    :为一个形状图层添加“填充”效果,然后将它的“颜色”属性拖拽进来。这样,剪辑师在PR里就能自由更换字幕条的颜色。
    位置/缩放
    :拖拽图层的“位置”或“缩放”属性,可以允许剪辑师微调元素的位置。
    甚至可以添加复选框
    :比如,链接到一个图层的不透明度属性,创建一个“显示/隐藏Logo”的开关。
  4. 导出为.mogrt文件
    :当你把所有需要自定义的参数都添加到“基本图形”面板后,给你的模板起个名字,然后点击面板底部的“导出动态图形模板”按钮。你可以选择保存在本地,也可以直接保存到你的Creative Cloud库中。
  5. 在Premiere Pro中使用
    :切换到Premiere Pro。打开“基本图形”面板(窗口 > 基本图形)。在“浏览”选项卡中,你就能找到刚刚导出的那个.mogrt模板。直接将它拖拽到你的视频时间线上。选中这个模板片段后,在“编辑”选项卡中,你会看到你在AE里设置的所有可编辑参数,都变成了简单直观的输入框、滑块和颜色选择器。剪辑师无需了解任何AE知识,就能像填写表格一样,快速生成符合规范的动态图形。
这个工作流实现了“一次设计,多次使用”,将动画师从重复的机械劳动中解放出来,同时保证了整个团队出品视觉风格的统一性,是专业视频工作流的基石。
五、 Adobe XD“组件状态”:轻松构建高保真交互原型
场景
:在UI/UX设计中,你需要向开发或客户展示一个按钮的多种状态(默认、悬停、点击)或一个复杂的交互组件(如下拉菜单、手风琴折叠面板)。传统做法是为每一种状态都画一个独立的画板,然后手动连接它们,画板数量会爆炸式增长,管理起来如同噩梦。Adobe XD的“组件状态”功能,让你可以在一个组件内部,封装它的所有变体和交互。
步骤详解
  1. 创建主组件
    :首先,设计你的UI元素,比如一个按钮。将构成按钮的所有元素(矩形、文本等)进行编组。右键点击该编组,选择“创建组件”(快捷键Ctrl+K或Cmd+K)。这个原始状态就是“默认状态”。
  2. 添加新状态
    :在右侧的属性检查器中,你会看到“组件”部分多出了一个“默认状态”。点击旁边的“+”号,选择“新建状态”。给它命名,比如“悬停状态”。
  3. 编辑不同状态下的样式
    :现在,你可以在这个“悬停状态”下,自由地修改组件的样式。比如,改变按钮的填充颜色、增加描边、让文字变粗。这些修改只对“悬停状态”生效,不会影响“默认状态”。用同样的方法,你还可以创建“点击状态”、“禁用状态”等。
  4. 设置自动交互
    :最神奇的部分来了。切换回组件的“默认状态”,然后进入XD的“原型”模式。你会看到组件上出现了一个蓝色的交互连线手柄。将这个手柄拖拽到它自身上。在右侧的交互设置中:
    触发器
    :选择“悬停”。
    类型
    :选择“自动动画”。
    目标
    :选择“悬停状态”。
    缓动
    :可以选择一个缓动效果,比如“缓出”。 用同样的方式,为“悬停状态”添加一个返回“默认状态”的“鼠标离开”触发器,并为“默认状态”添加一个通往“点击状态”的“点按”触发器。
  5. 实例化与测试
    :现在,从你的“资源”面板中,将这个组件的实例拖拽到你的设计稿中任意位置。你可以复制出任意多个实例。点击右上角的“预览”按钮。当你将鼠标悬停在任何一个按钮实例上时,它都会自动、平滑地过渡到你在“悬停状态”下设计的样子。点击它,它又会变为“点击状态”。你只设计了一次交互,但它在所有实例中都生效了。
通过组件状态,你可以将复杂的交互逻辑封装在最小的单元里,极大地简化了原型制作的复杂性,让你的设计稿“活”起来,沟通效率倍增。
一种重要的设计师思维:拥抱“原子设计”系统
上次我们聊了非线性工作流,今天我想分享一个更具体的、关于构建设计体系的思维模型——
“原子设计”(Atomic Design)
这个概念由设计师Brad Frost提出,它将化学中的概念引入UI设计,主张像化学家组合分子一样来构建我们的用户界面。它将界面拆分为五个层次:
  1. 原子(Atoms)
    :这是最基础的、不可再分的UI元素。比如一个颜色值、一个字体样式、一个按钮、一个输入框、一个图标。它们是构成一切的基础。
  2. 分子(Molecules)
    :由多个“原子”组合而成的、具有特定功能的简单UI组件。比如,一个“标签原子”、一个“输入框原子”和一个“按钮原子”组合起来,就成了一个“搜索框分子”。
  3. 组织(Organisms)
    :由多个“分子”和/或“原子”组合成的、相对独立的、更复杂的界面区域。比如,一个网站的头部(Header)就是一个“组织”,它可能包含了一个“Logo原子”、一个“导航菜单分子”和一个“搜索框分子”。
  4. 模板(Templates)
    :这是页面的骨架,它将多个“组织”和“分子”布局在一起,定义了页面的整体结构,但还没有填充真实的内容。它关注的是内容的布局和层级关系。
  5. 页面(Pages)
    :这是“模板”的具象化实例。我们将真实的内容(如文字、图片)填充到模板中,就得到了最终用户会看到的页面。通过页面,我们可以测试设计系统在真实场景下的健壮性和有效性。
为什么要拥抱原子设计?
  • 一致性
    :因为它从最小的“原子”开始定义规范,所以能确保整个产品无论多复杂,其视觉和交互语言都是高度统一的。
  • 高效率
    :设计师和开发者可以复用已经定义好的“原子”和“分子”来快速搭建新页面,而无需重复造轮子。
  • 易于维护
    :当需要进行品牌升级或样式调整时,你可能只需要修改底层的“原子”(比如改变主题色),这种改变就会自动地、系统地应用到所有使用该原子的分子、组织、模板和页面上,维护成本极低。
  • 促进沟通
    :它为设计师和工程师提供了一套共同的语言,大家可以清晰地讨论是某个“原子”的样式问题,还是某个“分子”的交互逻辑问题。
上面我分享的XD“组件状态”技巧,其实就是实践“原子设计”中“原子”和“分子”层级的绝佳工具。构建一个组件,就相当于定义了一个可复用的“分子”。
从今天起,尝试用“原子设计”的视角去审视你的作品吧。不要只着眼于画一个“页面”,而是思考如何构建一个可持续、可扩展的“设计系统”。
好了,这次的深度分享就到这里。希望这些技巧和思维模型,能为你的创意工具箱增添几件利器。
持续学习,持续精进。一段时间后你会发现,提升的不仅仅是操作速度,更是你作为一名设计师,解决问题的深度和广度。我们下次再会。
0
Report
|
收藏
Share
相关推荐
评论
in to comment
Add emoji
喜欢TA的作品吗?喜欢就快来夸夸TA吧!
推荐素材
You may like
MOVA 扫地机器人-活水版
Homepage recommendation
AI可视化动效设计合集
Homepage recommendation
相关收藏夹
IP形象——动物类
IP形象——动物类
IP形象——动物类
IP形象——动物类
精选收藏夹
作品收藏夹
企业展厅
企业展厅
企业展厅
企业展厅
精选收藏夹
作品收藏夹
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
ip形象设计+表情包
精选收藏夹
作品收藏夹
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
企业展厅/文化墙 参考
精选收藏夹
作品收藏夹
小家电
小家电
小家电
小家电
精选收藏夹
作品收藏夹
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
IP形象及IP内容
精选收藏夹
作品收藏夹
大家都在看
Log in