PS教程:制作可爱的面包圈字体效果

摘要: 需要学习软件的同学,大家可以百度搜索锦子会,去锦子会博客下载更多学习资源!如想要了解我的,请百度搜索罗锦,欢迎了解更多我的设计之路!

11-18 09:35 首页 罗锦



   面包圈是一种用面粉做成的甜甜圈类型的面包。当它们烤好又闪亮事,看上去真的太棒了!

     本教程将会向大家展示如何使用Photoshop强大的图层样式功能、以及一些笔刷和滤镜来创作一些美味的面包圈(效果字体)。

      这是Luca想到的创意,感谢你带来如此牛逼的创意,Luca。

     

这是最终效果图。

     PS教程:动作入门

 

注意;

*本教程中使用的Adobe Photoshop CS6,但是你也可以使用CS3以上任何一个版本。

*你可能想要检查BasixPage 这一页来了解一些关于Photoshop基本操作技巧的有用主题,例如加载色板和一些快捷键。

PS教程:超简单的祛斑教程

 

注意:你可能需要加在本教程使用的等高线,所以可以查看这张图片来了解如何操作。

PS抠图中的磁性套索使用

 

第一步

新建1250×1250像素大小的文档(你可以使用任何你想要的宽度值,但是请确保高度值不小于1250)。

选择矩形工具,设置前景色为#d4d0c9,并拉一个眼神到文档边框外一点的矩形。


双击矩形形状图层,设置如下图层样式:


——斜面和浮雕

大小:3

勾选消除锯齿

阴影模式:正片叠底—颜色# a89a86

——等高线

勾选消除锯齿

 

——纹理

图案:paper_2(译者注:要把提前下载好的这个图案在ps中定义成图案)

深度:318%

 

——渐变叠加

混合模式:正片叠底

样式:径向

缩放:150%

勾选与图层对齐

 

创建渐变,你需要单击渐变条下方添加色标,而在它上面添加不透明度。这里的渐变是用两种颜色创建的:左侧的#ffffff,不透明度为0%,右侧的#6e3c32,不透明度是100%

 

图案叠加

混合模式:正片叠底

图案:1181556893.gif(译者注:要把提前加载下载好的Floral Patterns.pat)


以上将创建主要背景。

 

 

第二步

设置前景色为#d8d1b9,选择椭圆工具并按住Shift键,在文档内单击拖动创建一个大小适合的圆。

双击椭圆形状图层,设置如下图层样式:

 

 

——斜面和浮雕

方法:雕刻清晰

大小:95

光泽等高线:内凹-深

勾选“消除锯齿”

高光模式:柔光--不透明度:50%

 

 

——等高线

等高线:锤形—不对称

勾选“消除锯齿”

 

 

——纹理

图案:白色纹理(译者注:要把提前下载好的这个图案在ps中定义成图案)

深度:10%

 

 

——光泽

混合模式:线性光

颜色:#767676

距离:73

大小:250

等高线:环形—双环

 

 

——图案叠加

混合模式:正片叠底

图案:wood 411.jpeg(译者注:要把提前下载好的这个图案pat加载到ps)

 

 

——投影

不透明度:24%

距离:55


 

这就创作了碗/碟子/盘子。你大可随心设置斜面和浮雕的参数,或者使用你喜欢的不同的颜色以及纹理。

 

 

第三步

--以大写字母状态写下你想要创作的单词的第一个字母,使用“Franks”字体(译者注:需要提前安装下好的这款字体),颜色为“#e3d1ab”,字体大小为570.

你既可以同时创作所有字母,又可以一个接一个创作,这完全取决于你自己。


 

 

--如果这个字母内的孔径(洞)太小,你会需要把它转换成形状去删除这个孔的锋利边缘。

如此去做,右键点击文字图层,然后选择“转换为形状”。

--选择“转换点工具”,围绕周围的尖角单击拖动以选中它,然后单击并拖动锚点将锋利尖角转换成曲线。

 

--之后,你可能需要选择直接选择工具,单击并拖动锚点来移动他们,或者单击并拖动方向点以扩大或缩小曲线。

 

--最终的结果没有必要一定是完美的,实际上,不完美更好。

 

--复制形状层,改变拷贝层的填充值为0,然后再复制两次形状层。因此你会有一个原始的文字层,拷贝、拷贝2和拷贝3层。

 

 

第四步

--双击原始的文字图层并设置如下图层样式。

 

 

——斜面和浮雕

大小:65

软化:16

阴影模式--颜色:#a98f59

 

——投影

取消“使用全局光”

角度:80

距离:20

大小:25

这就是一个基本的3D形状的面包圈了。

 

 

第五步

--双击B拷贝文字,以设置如下图层样式。

——内阴影

颜色:#533416

距离:0

大小:7

——内发光

混合模式:正片叠底

不透明度:85%

填充:选择渐变填充—稍后我们会创建这个渐变

方法:精确

源:居中

大小:43

等高线:高斯

范围:80

 

单击渐变条以创建渐变

使用的三个颜色和他们的位置如下:

#--颜色—位置

1 – #d17a34 – 0%
2 – #ecd8ad – 45%
3 – #e0c09a – 88%

 

相应的不透明的参数如下:

# – Opacity –Location
1 – 100% – 0
2 – 100% – 45%
3 – 0% – 100%

 

为内发光使用渐变将会为字母创建一个从中心照向边缘的由暗到亮的效果。

需要学习软件的同学,大家可以百度搜索锦子会,去锦子会博客下载更多学习资源!如想要了解我的,请百度搜索罗锦,欢迎了解更多我的设计之路!

 

第六步

双击B拷贝2文字图层,设置如下图层样式

 

——斜面和浮雕

大小:62

取消“使用全局光”

角度:68

高度:64

光泽等高线:半圆

勾选“消除锯齿”

高光模式—颜色:#ffe4bd—不透明度:25%

阴影模式—不透明度:0%

 

 

——纹理


 

这会添加一些纹理(凹凸)到文字上。


 

 

第七步

--双击“B拷贝3”文字图层,设置如下图层样式:

 

——斜面和浮雕

大小:75

取消“使用全局光”

角度:54

高度:42

光泽等高线:对数

勾选“取消锯齿”

阴影模式—不透明度:0%


 

 

——等高线

等高线:半圆

勾选“取消锯齿”

范围:40%

 

 

——纹理

图案:Concrete wall

 

--这会添加一些光芒效果。在本教程将近结束的时候,光芒将会被旋转,那会让它更加生动。

 

 

第八步

--Ctrl+单击任何字母图层的缩略图以创建选区

 

--执行选择>修改>收缩,收缩量设置成50像素。这会让选区向内收缩50像素。

 

 

 

 

--执行选择>修改>羽化,羽化半径设置为15.这会使选区的边缘软化。

 

--设置前景色为#994b0d,选择油漆桶工具,在所有图层上面新建图层,命名为“棕色”,往选区内填充前景色。

 

 

第九步

--再一次Ctrl+单击任何一个字母图层的缩略图来创建一个选区。新建图层,命名为“纹理”。前景色设置为#e4c8a0,背景色设置为#936d2f。

我们会应用一些滤镜效果来创建一个简单的纹理,这会加强字母的色彩。

 

--选择菜单滤镜>渲染>云彩。然后执行选择>取消选择(Ctrl+D)以取消选区。

PS教程:打造折叠图片

 

 

 

--选择滤镜>滤镜库>素描>基底凸现,然后按照下图改变参数。

 

 

你应该得到如下效果。

 

--选择滤镜>滤镜库>画笔描边>强化的边缘,同样按照下图修改参数。

 

纹理做好了, 就是这么简单。

 

将纹理图层的混合模式改为柔光。你可以看到这样做的不同。

 

 

第十步

--选择画笔工具,打开画笔面板(窗口>画笔)。选择一个柔角画笔,然后按照如下所示修改它的参数:

画笔笔尖形态

 

形状动态

 

在所有图层上新建图层,命名为“颜色加深笔刷”,改变它的混合模式为颜色加深,它的不透明度为45%,设置前景色为#cac2b7

 

单击并稍微移动笔刷以加厚字母的一些区域。这回让金棕色看上去更加真实。

 

 

 

第11步

新建图层,命名为“内阴影”,改变它的混合模式为正片叠底。设置前景色#e7cf93,减小笔刷大小为45px。

 

 

在画笔面板,在画笔笔尖形状属性下,将间距设置降到25%

 

选择之前做好的文本,之后围绕字母的洞绘制更多的阴影。

 

新建图层,命名为“外阴影”,改变它的混合模式为“正片叠底”,设置前景色为#e3b96d,调大笔刷大小到175像素。在字母周围的选区边缘外稍微绘制一下,以使得边缘更暗。

 

做好之后,取消选区(Ctrl+D)

这就是面包圈主体。下一步简单装饰下就能得到结果。

 

 

第12步

选择画笔工具,打开画笔面板。选择一个尖角画笔,并如下图所示改变它的参数值。

 

画笔笔尖形状

 

形状动态

散布

这就是主要的粒子笔刷。

 

 

第13步

在所有图层之上新建图层,命名为“芝麻”。

 

 

双击芝麻图层,设置如下图层样式:

 

——斜面和浮雕

勾选“消除锯齿”

高光模式—颜色:#ecbe8e  #c1803a

阴影模式—颜色:#c1803a

 

——等高线

等高线:锥形

勾选“消除锯齿”

 

——投影

不透明度:60%

距离:1

大小:2

 

复制“芝麻”图层,重命名为“罂粟籽”

 

双击“罂粟籽”图层,将斜面和浮雕阴影模式的颜色改成黑色。

 

设置前景色为#d4ad6c,选择“芝麻”图层,然后拖动画笔在面包圈字母的中间部分“撒芝麻”。

一个有效的小提醒,以弯弯曲曲的运笔方法去画,这会更好地让你做出来的芝麻粒效果更漂亮。

 

改变前景色为#372f2d,减小笔刷大小到7px,选择“罂粟籽”图层,然后在面包圈上画罂粟籽。

 

 

第14步

现在就做好了面包圈字母。所以,合并所有图层,然后继续创建其他字母。

全做好后,选择每个图层组,执行编辑>自由变换,旋转移动它到碗里。

 

 制作大理石+玫瑰金的文字效果。主要使用形状工具、 3D工具、材质以及光线设置来制作。

单击“创建新的填充或调整图层”图标,载入图层面板,选择渐变映射。

 

将调整图层的混合模式设置成正片叠底,不透明度为10%

 需要学习软件的同学,大家可以百度搜索锦子会,去锦子会博客下载更多学习资源!如想要了解我的,请百度搜索罗锦,欢迎了解更多我的设计之路!

用三种颜色来创建渐变

#--颜色—位置

1--#7b2800—0%

2--#ffb211—60%

3--#ffffc7—100%

 

最终,你可以在碗里(译者注:即椭圆1形状图层)撒上一些芝麻和罂粟籽

 

win10中安装cdrx4菜单栏空白不显示该怎么办?win10中安装cdrx4后发现,cdrx4菜单中不显示菜单,该怎么办呢?下面分享一个工具,就可以轻松解决了,需要的朋友可以参考下。需要学习软件的同学,大家可以百度搜索锦子会,去锦子会博客下载更多学习资源!如想要了解我的,请百度搜索罗锦,欢迎了解更多我的设计之路!


win10相信大家都用上了,可装好才发现咱的cdr x4菜单不显示,这下可烦了,我就是这样,不过使用过一段时间后自己总结了个方法,大家只要到我的网盘里下载一个修补补丁就可以了。非常方便。不信你看,有图有真相。

工具下载:单击下载补丁

第一步:打开CDR X4软件,

第二步:在软件面板上点击鼠标右键,

第三步:自定义→工作区→导入工作区→找到刚在网盘下载好的文件,一直确定就好了。

win10中安装cdrx4菜单栏空白不显示该怎么办

原文链接:http://www.luojin.me/a/pmsj/cdr/2016/1019/324.html

准备好你的面包圈!

希望这个教程能让你高兴,发现它的乐趣。


如果你有一个建议或想法,请不吝赐教。

当你画线框图时,你应该想些什么?


我们每个人在刚入行的时候,接到项目需求,最初更多的会沦为产品经理的画图工具,帮他画好线框图、补全场景状态反馈等,这时候你可能会彷徨痛苦,感觉自己没有办法实现作为交互设计师的价值,不用彷徨痛苦,你现在需要的只是一个完善的工作流程,下面我就抛砖引玉来讲一下当我在画线框图时,我在想的12345……,希望对刚入行的小伙伴能有所帮助。

1.分析梳理确认需求

如果不想沦为产品工具的话,首先你在接到需求时应该要做的是需求分析梳理确认。



第一步,了解项目背景。

去找这个产品业务的负责人聊一聊,这能让你快速的知道这个项目的背景,这个产品的规划,用户的基本资料,需求要解决的痛点;

第二步,分析需求的合理与否。

你要思考需求解决的痛点是不是用户在使用过程中真正的痛点?需求提出的功能是否能够解决这个痛点?有没有更好的方法去解决这个痛点?如果认为需求不合理,你应该去和项目负责人、项目成员去沟通交流,在沟通的时候如果你是新人的话请准备好数据,毕竟数据更具有说服力。

第三步,确认需求的细节。

比如信息模块内容、功能点、后台交互逻辑等,毕竟谁也不想在项目进行过程中,出现需求变更,信息模块内容呈现与产品需求有出入,前端的写好的页面样式后台不能使用等情况。

2.思考分析确认优化方案

当需求确立后,我们下面要做的就是设计优化方案,是体验价值的时候了~



第一步,竞品分析。

当然在设计方案的时候如果有同类型的产品,我们还是要去看一看,分析一下他们的和我们有什么区别,他们做的有什么好的地方,有哪些是可以吸收和借鉴的,毕竟站在别人肩膀上看的更远~

第二步,信息模块的重要级别划分。

把信息的重要级别进行区分排序,那些是要突出的、那些是要弱化的、那些是要隐藏的,这样的话进行后期页面布局就会轻松很多。

第三步,任务流程。

梳理主要的任务流程,最好把他们画出来,分析那些环节是可以优化的,最终确认主要任务流程的优化方案。

第四步,页面流程。

根据主要任务流程,画出页面流程,每个页面的入口出口,页面之间的串联等,最好都要画出来,当你在做具体方案的时候就不会出现遗漏页面的情况了。

3.具体方案——低保真设计

当思路和优化方案已经确定好,下面要做的就是具体方案的设计~


第一步,页面低保真设计。

根据页面流程进行页面的低保真设计,信息模块的级别划分能让你在布局的时候有一个整体的考量,当然细节的布局设计也是考量设计功力的一个地方,所以做好每一个细节的设计来体验自己的价值吧……

第二步,根据任务流程进行全场景的设计。

各种反馈状态~异常状态~初始状态~文案~信息极限值~跳转~加载~无状态~网络异常~404~等

4.设计检查

当方案做完以后,接下来重要的一步就是要进行设计检查。



检查页面一致性。

Logo、头部、尾部、面包屑等是否和整站统一,按钮样式、反馈状态、报错等样式是否统一;是否有缺少的场景和状态,根据任务流程对场景和状态进行排查,保证设计的完整性

第二步,确保方案的可用性和易用性。

设计任务流程,进行设计走查,测试时选择普通用户,保证设计的可用性和易用性。

5.交互设计说明文档

设计方案是要给别人看的,而不是把方案丢给产品就可以了,视觉设计需要你的说明文档来设计所有的样式,前端需要你的说明文档去做交互样式、各种反馈、限制,开发需要你的文档梳理页面之间的逻辑关系,制作交互动效等,所以做好交互设计文档不只是对项目负责也是为了更好的方便其他同事的工作,毕竟大家好才是真的好~

到了这一步,下面就是跟进的工作了~确保视觉产出质量,前端的交互效果、还原度和兼容性~最后的最后吾日三省吾身——设计总结,总结才有收获,才能不断前行~

设计的流程大同小异,重要的是接到项目先去思考,然后再去做,这样真正到了画线框图的时候你才能一泻千里^_^

早关注,早学习,早加薪

  • 关注我定期发送平面设计教程

  • 80000名平面设计师的共同好友


学习可以直接联系QQ 5032692或者新浪微博@罗锦V,或者钟小英老师QQ/微信2719509659

加我备注:学习PS

想学PS又很懒?【10G】省时教程和资源免费送!
点我获取

每天学点PS·点缀生活色彩

PS|摄影|设计|视觉|艺术|创意

微信ID:luojin05100

长按二维码关注,每天学点PS


首页 - 罗锦 的更多文章: