PS教你打造复古的牛皮质感通讯簿图标

 

  @葶蓂溪畔的幽灵公主 :在这个教程中,我将给大家展示如何用PS打造一个精致的牛皮质感通讯簿图标。教程主要用到三项技巧:首先,充分利用网格和对齐到网格;其次,创建矢量形状,充分利用图层的混合选项;最后,用简单的混合技巧和特效来添加细致的阴影和高光。让我们开始吧!

  本次教程需要以下素材。开始之前可以先下载,当然也可以用其他素材代替。

  木纹背景

  皮质图案

  一、新建文件,显示网格

  打开PS,Command/Ctrl-N新建一个文件。按照下图设置参数,单击确定。显示网格(视图>显示>网格),然后对齐到网格(视图>对齐到>网格)。刚开始,你需要一个10px的网格,选择编辑>首选项>参考线,网格和切片,设置网格线间隔为10px,子网格为1,网格颜色为#a7a7a7。注:可以用Command/Ctrl-’ 快捷键来显示或隐藏网格。你也可以打开信息面板(窗口>信息)来查看你绘制的形状的大小和位置。


  二、创建封面和封底

  步骤 1

  将前景色设为#aecef5。选择圆角矩形工具,选择形状图层模式,把 半径设为5px。创建一个 240 x 380px 的圆角矩形,使用对齐到网格可以简化工作。


  步骤 2

  选择矩形工具。按住Alt 键,创建一个40 x 330px的矩形,如下图。


  步骤 3

  选择圆角矩形工具,按住Shift 键,创建一个50 x 20px 的圆角矩形,如下图。


  步骤 4

  选择圆角矩形工具,按住Shift 键,创建一个20 x 340px 的圆角矩形,如下图。


  步骤 5

  选择矩形工具,按住Alt 键,创建一个 10 x 380px的矩形,如下图。


  步骤 6

  双击矢量形状图层,打开混合选项面板,为矢量形状图层添加斜面和浮雕,等高线,内阴影,光泽, 渐变叠加和图案叠加,具体参数如下图。注意将素材中的皮质图案添加到图案叠加中。


  步骤 7

  选择你所绘制的矢量形状图层, Command/Ctrl-J 复制图层,单击右键,清除图层样式,把复制图层的填充调整为0% ,打开混合选项窗口。添加内阴影,参数如下。


  步骤 8

  把前景色设为#384445,选择圆角矩形工具,创建一个40 x 380px 的矢量形状,并按如下位置摆放。选中该形状,将其移动到其他矢量形状图层下方 (Command/Ctrl-Shift-[) ,为该图层添加描边和内阴影,参数如下。


  三、创建标签

  步骤 1

  将前景色设为#c7baac,选择矩形工具,创建一个 20 x50px的矢量形状,位置如下,设置混合选项如下。


  步骤 2

  将前景色设为#dbcec0,选择矩形工具, 创建一个20 x 50px 的矢量形状,位置如下。设置混合选项如下。


  步骤 3

  复制这两个标签,(Command/Ctrl-J),如下放置复制的图层。


  步骤 4

  隐藏网格(视图>显示>网格)。选择文字工具(T),在标签上添加一些字母。选择Calibri 字体,大小为12pt,颜色黑色(#000000)。将文字图层的混合模式调整为叠加。为图层添加外阴影,具体参数如下。选择所有标签图层和文字图层,编成一组(Command/Ctrl-G)。将组文件夹移动到封面和封底图层下。


  步骤 5

  显示网格(视图>显示>网格)。将前景色设为#384445,选择圆角矩形工具,创建一个40 x 380px的矢量形状,如下图。 在图层面板中,按住Command/Ctrl 键,单击封面图层,得到一个选区,保持选区, 选择刚刚绘制的40 x 380px的矢量形状图层,按住Alt 键,单击添加图层蒙版按钮。效果如下。完成后, Command/Ctrl-D 取消选区。


  步骤 6

  将上一步绘制的图层填充调整为0%,添加内阴影,参数如下。


分类:

  • PS入门教程
  • ps图标制作教程
时间: 2024-11-03 10:28:49

PS教你打造复古的牛皮质感通讯簿图标的相关文章

PS教你打造复古几何无缝纹理背景

  寻找灵感 中国的传统纹样有很多值得借鉴的地方,于是我们从传统纹样的图片中寻找创作灵感. 这些纹样相对比较繁复,我们在创作时可以稍微将其简化.你也可以在白纸上画草图,或者直接用手绘板画出自己的构想. 纹理的组合 在开始动手绘制图案前,我们要大致对成品进行一个总体规划,即逆向推理.这听起来是侦探小说的环节,其实在设计中也必不可少.你可以首先在大脑中构想出一个理想效果,然后对这个效果进行反推. 通常我把整个设计过程简化为"构图""细节处理"和"最终效果&qu

PS教你绘制复古风格插画

这篇教程向PS学习者们介绍复古风格插画绘制过程,教程难度一般,教程草图的绘制需要学习者有一定的美术功底,推荐过来和朋友们一起分享学习,先来看看最终的效果图吧:         注:更多精彩教程请关注三联photoshop教程栏目,三联PS群:75789345欢迎你的加入 分类: PS入门教程

PS教你打造霓虹光线框文字效果

  前言: 要完全掌握Photoshop的滤镜功能,的确是件漫长的过程.它像一个魔术百宝箱,千变万化,而我们入门的那点简单的滤镜技巧,显然不能满足日常应用时突发的诸多复杂情况. 在这个教程中,我们要学习的用Photoshop的几个比较冷僻的滤镜来打造一个时尚感的霓虹光感线框文字.所谓冷僻,也就是相比较不那么常用,当然,除非你对滤镜已经摸索得足够透彻. 而且,我们经过学习也会发现,将几个特殊效果的滤镜巧妙的结合一起使用,能渲染出出乎人意料的效果. 一.创建文字 在PS中新建一个文档,文档大小宽90

PS教你打造清新可爱的3D糖果文字效果

  一.要用到的文字和纹理 关于糖果文字的字体,并不十分局限.我个人推荐的使用圆圆胖胖的英文字母,看上去有可爱感,比如我在这里使用的BubbleGum Regular.纹理的使用,我采用了斜纹,你也可以使用其他的纹理.在我的收藏夹-纹理中你可以找到各大免费纹理下载的网站,去寻找适合字体的纹理.我个人的感觉是英文比中文更适合此类风格,中文由于结构比英文更为复杂,会显得整体线条不够明朗,所以如果内容是中文的,谨慎之! 二.开始创建文字 STEP 01 打开PS,新建一个宽800px高600px的新文

PS教你打造酷炫的荧光灯字体效果

  第一步 新建画板 宽度(W):1000像素 高度(H):800像素 分辨率(R):72像素/英寸 颜色模式:RGB颜色 8位 背景:白色 第二步 1.快捷键(T) 输入文字 2.文字填充基础色 黄色 色值:fae475 3.底色填充黑色渐变 第三步 1.新建2个空心矩形,分别命名 (外框)(内框) 2.不知道空心矩形如何设置?那一步一步说一下吧~ 3.把上面的参数调成下面的就可以得到 边为6点 的空心矩形(外框) 同理制作一个小一些的 (内框)边为3点. 第四步 1.基本图形已经弄出来了 下

PS教你打造一个七彩虹文字挂链

  最终效果: 新建个1024*683像素大小的文件,分辨率72,颜色模式RGB 8位. 将素材包里的"绸布"素材置入,调整大小和位置. 创建一个"色阶"调整层,调整参数,使绸布看下来亮一些,平和一些,照亮质感. 安装我们素材包中所提供的"SedonaScriptFLF"字体,打上我们的文字,设置文字颜色为#f062b2,字体为"SedonaScriptFLF".原教程用的字是"Lovely",这是一个刺激

PS教你打造广告级的牛奶喷溅美女人像效果

  今天的教程效果是很多广告特别喜欢用的,特别酷炫,拿来做下一张海报或PPT素材完全没问题!看似复杂的效果其实很简单,该有的素材也给同学们打包了,动手开练吧. 素材:找个飘逸的白裙子美女,一些牛奶喷溅的素材. (收集于互联网,仅作交流学习之用,侵权请联系作者删除) 刘远航:后面做的时候我后悔了,这美女衣服穿的太多了,增加了处理难度,囧 第一步是抠图,抠出来裙子的部分,因为裙子有层次的分别,所以我把它按照3块不同的位置抠出来的,方便后面调整,我用不同的颜色区分了一下,可以看一下. 然后我们每个部分

PS教你打造超写实的城市夜景特效

  最终效果图: Step 1 先搜索一张干净整洁的房间照片,不要有太多光源(最好只有一个),高清图片为佳.此处选用了ArchDaily博客上的图片,如果你能确保你的图片与此类似,并且能够做出有趣的效果出来,尽管大胆尝试吧! PS打开此图,直接裁切掉(快捷键C)图片冗余部分,当然此步也可以在全片修改完成后执行. (同学们右键另存即可) Step 2 抠出此图中你想保留的部分.我要保留木衣橱,柱子和窗户.复制(Command+J/ Ctrl+J)此图层四次,在每个图层上使用矢量蒙版,除了刚开始的原

PS教你打造秋冬温暖色调人像

秋冬季节,温暖明媚的阳光,最适合外出拍照了,特别是拍摄甜美暖冬系的美女人像,更是别有一番韵味.秋冬温暖色调,除了依靠相机对自然光的捕捉,还有一个很重要的环节,就是后期调色.下面分享一些调色技巧,希望对大家以后的创作有所启示. PS教程后期想法 在后期上,主要想调试出温暖的感觉,毕竟是秋天的片子,所以秋天的味道足一些,更能切合中心思想. 调色思路 有很多朋友问过我,是怎么调颜色的?为什么我的颜色总是在变化?其实,我用的工具很简单,也最实用,曲线(进行画面明亮调整),色彩平衡(进行画面大的色彩关系调