优雅包装!给图片加水印有哪些高大上的方法? - 优设-UISDC

优雅包装!给图片加水印有哪些高大上的方法?

2015/11/03 21717评论区

adding-watermark-in-fabulous-ways-1

编者按:从没想过水印也可以如此漂亮!今天王凯老师给同学们说个不为人知的加水印技巧,瞬间提升图片格调,附上两种特别受欢迎的额水印制作教程,来收!

王凯:本文作为一种照片水印思路和设计风格的阐释,并非PS操作及技巧的具体教程。本文不会手把手的把所有步骤细节一一讲解,敬请大家理解。需要学习PS基础技巧的朋友请自行GOOGLE各类教程。

首先,尽量不要太大,不要让水印喧宾夺主影响了图片本身。

水印的位置尽量规整,可以考虑和某些画面元素对齐或者交互。

如果是摄影作品,尤其是风光类的,我的习惯是设计一个和被摄地点有关联的小icon,然后配上20xx Carl Armen Photography之类提高bigger(略装)的文字。

颜色方面,我习惯用画面中某种颜色直接取色。

总之,就是让水印成为一个个人专属logo,画面版面的一部分。

不多说,上图。

小图标设计+复古的英文字体+对齐居中排版。

这张是巴黎圣母院,花了点心思把水印做进了画面空间中,拥有透视、光影和景深虚焦效果

巴塞罗那的F1比赛,应用了富有动感气息的字体,配上了加泰罗尼亚赛道的场地图做成的logo。

神圣家族大教堂,则直接用该建筑的外立面照片矢量化转换为印章风格搭配文字:

参加戛纳广告节时的照片,个人信息的文字采用了广告节logo同样的字体,把logo融入到远山雾色中。

把水印做在杯子上,适配杯子曲面做变形。

附上圣母院水印的制作方法:

首先,我们在PS中打开这张照片以及制作好的基础水印。

把水印放到图片的适当位置,根据图片空间透视,用自由变换工具进行变形

复制一层,略作平移,并把下面的一层填充一个深色调(从照片中最暗的部分取色),营造出厚度感。

在顶层图层上方新建一个图层,创建剪贴蒙版。用画笔工具,根据烛光与文字的空间关系和光照效果上色,这方面没什么技巧,主要是对光影感觉了。

合并这三个图层

然后我们开始使用模糊工具

它可以对栅格化的图层进行局部模糊处理。我们根据应有的景深效果,利用模糊工具对水印进行局部处理:

空间层次感出现了!

再之后,利用一些图层效果(例如我使用的渐变叠加、内阴影)对它的色调、光影、亮度等进行进一步调整(颜色尽可能从原始照片中取色,保证画面色调的统一)。同时对水印的位置、形态再做一些微调:

于是乎我们就拥有了一个带空间纵深效果的立体水印。

当然,这个案例中其实还有不少瑕疵。例如,如果不用模糊工具,而用渐变alpha通道配合一些专业的景深插件,会做出含有光斑、焦外重影等更细腻元素的虚焦效果;文字本身还可以再加入一些质感,等等。追求细节的完善是没有止境的,这里也仅是抛砖引玉,分享一个粗浅的思路——水印不一定都是半透明压在图上的,它完全可以是画面的一部分。

附上圣家堂照片中的矢量水印制作方法:

比如说,我想做央视大楼的矢量水印,于是先找素材图:

类似这样的。然后我们先用PS处理下:

抠图,转成黑白。

然后,打开AI,新建一个文档,把PS中这个图层,直接拖移到AI的文档中。

下面是重头戏,实时描摹

选择最后一个描摹选项,然后多测试一下里面的各种设置组合

黑白印章化了!扩展成图形后,我们就得到了一个矢量徽章。然后再配以各种文字设计,就成功啦~

配在图片上~

完成!

所有央视大楼图片素材来自百度图片搜索,侵删。

【新人最喜欢的职场大全】

  1. 平面设计:《超赞!设计师完全自学指南》
  2. UI设计:《超实用新手指南!零基础如何自学UI设计?》
  3. 交互设计:《交互设计师修炼指南!教你从零开始成为优秀交互设计师》
  4. 面试求职:《优设重磅首发!全方位揭开简历和面试话术的秘密》

原文地址:zhihu
作者:王凯

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
“优设网uisdc.com“是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量103万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

优设大课堂

非特殊说明,本文版权归原作者所有,转载请注明出处
本文地址:https://www.uisdc.com/adding-watermark-in-fabulous-ways

发表评论 加载中....

评论加载中....

uisdc

评论区都快饿瘪了,看看我期盼的小眼神...

sketch UI 转场动效 界面设计 平面设计 交互设计师 设计师 扁平化设计 排版布局 设计师专访 职场 视觉设计 设计流程 用户体验设计 素材下载 配色 web前端开发 AI教程 海报设计 设计理论 字体下载 神器下载 设计规范 产品设计 设计趋势 动效设计 psd下载 图标设计 logo设计 神器推荐 ICON 职场规划 App设计 字体设计 酷站推荐 交互设计 ui设计 设计师职场 优秀网页设计 用户体验 ps技巧 酷站 PS教程 网页设计 经验分享
wechat

优设官方微信

50万设计师关注

微信号:youshege

把好文章收藏到微信

打开微信,扫码分享
学设计 优设网 在这里