• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧
您的位置:首页 > CMS教程 >建站教程 > Photoshop绘制立体效果的紫色心形宝石

Photoshop绘制立体效果的紫色心形宝石

作者:站长图库 字体:[增加 减小] 来源:互联网 时间:2022-04-29

站长图库向大家介绍了等相关知识,希望对您有所帮助

宝石与水晶效果制作方法类似,重点是高光及暗部的刻画。制作之前最好先找一些宝石的素材参考一下,了解各部分的高光及暗部的构成,后面再刻画就比较容易了。


最终效果

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

1、新建一个800 * 600像素的文件,背景填充青色:#29BBCA,如下图。

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

2、新建一个组,打开图2所示的心形素材,解锁后拖到组里面,放到画布的中间位置,再载入心形选区,给组添加图层蒙版,如图3。

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

3、把原心形图层隐藏,在组里新建一个图层填充暗紫色:#6D226B作为底色。

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

4、现在来制作高光及暗部区域,先制作大块的区域,局部细节留到最后刻画。

新建一个图层,用钢笔勾出左侧中间位置的暗部选区,羽化15个像素后填充比底色更暗的紫色:#381341,如下图。

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

5、新建一个图层,用钢笔勾出右边的大块高光区域,羽化20个像素后填充紫色:#A16BB0,取消选区后添加图层蒙版,用透明度较低的黑色画笔把底部的过渡擦出来,如下图。

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

6、新建一个图层,用钢笔勾出右侧近边缘部分的高光选区,羽化30个像素后填充淡紫色:#F0D2FC,不透明度改为:60%,如下图。

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

7、新建一个图层,用钢笔勾出右侧边缘部分的高光选区,羽化8个像素后填充淡紫色:#F0D2FC,取消选区后用涂抹工具把边缘部分涂抹一下,再把混合模式改为"滤色",效果如下图。

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

8、新建一个图层,用钢笔勾出左侧近边缘部分的高光选区,羽化15个像素后填充紫色:#9B7CB0,如下图。

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

9、新建一个图层,用钢笔勾出左侧高光中间位置稍亮的高光选区,羽化4个像素后填充紫色:#9D7DB1,混合模式改为"滤色",不透明度改为:40%,边缘过渡不自然的话可以用涂抹工具稍微涂抹一下。

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

10、新建一个图层,新建一个图层,用钢笔勾出左上部分的反光区域,羽化2个像素后填充白色,取消选区后先用涂抹工具涂抹一下边缘,再添加图层蒙版,用透明度较低的黑色画笔把上部的过渡擦出来,如下图。

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

11、现在来制作边缘细节部分。新建一个图层,用钢笔勾出右侧边缘暗部区域,羽化2个像素后加上图13所示的线性渐变。

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

12、新建一个图层,用钢笔勾出暗部中间的高光选区,羽化2个像素后填充淡紫色:#EED8F2,如下图。

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

13、新建一个图层,用钢笔勾出暗部中间较细的高光选区,填充紫色:#8D4F97,不透明度改为:40%,效果如下图。

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

14、新建一个图层,用钢笔勾出下图所示的高光选区,羽化3个像素后填充淡紫色:#EFD8F3,如下图。

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

15、新建一个图层,按Ctrl + Alt + G 创建剪贴蒙版,把前景颜色设置为紫红色:#D041B1,用画笔在高光底部增加一点过渡色。

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

16、新建一个图层,用钢笔勾出高光中间部分的高亮选区,羽化1个像素后填充白色。

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

17、同上的方法再增加暗部。

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

18、新建一个图层,用钢笔勾出左侧边缘暗部选区,填充紫色:#802B75,取消选区后选择模糊工具把顶部位置模糊处理。

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

19、新建图层,同上的方法选暗部中间的高光及暗部,过程如图21 - 24。

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

20、新建一个图层,用钢笔勾出心形右上角的暗部选区,羽化25个像素后填充暗紫色:#722A78,如下图。

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

21、新建一个图层,用钢笔勾出暗部中间位置暗部选区,羽化10个像素后填充更暗的紫色:#581F69,如下图。

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

22、新建图层,同上的方法制作顶部暗部及高光区域,过程如图27 - 30。

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

23、新建图层,局部再增加一些高光,主体部分基本完成。

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

24、创建亮度/对比度调整图层,适当增加亮度及对比度,参数及效果如下图。

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

25、调出心形选区,羽化25个像素后在背景图层上面新建一个图层,把选区往右侧移一点距离,然后填充黑色作为投影,效果如下图。

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

26、在图层的最上面创建亮度/对比度调整图层,参数及效果如下图。

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库

最后调整一下细节,完成最终效果。

Photoshop绘制立体效果的紫色心形宝石,PS教程,站长图库


分享到:QQ空间新浪微博腾讯微博微信百度贴吧QQ好友复制网址打印

您可能想查找下面的文章:

相关文章

  • 2022-04-29广告联盟被屏蔽后显示图片链接广告方法代码
  • 2022-04-29苹果CMS批量替换字段内容
  • 2022-04-29手把手教你在小程序中怎么实现悬浮按钮(代码示例)
  • 2022-04-29wordpress优化:纯代码禁止文章自动保存及修订版本的方法
  • 2022-04-29织梦最新版后台一键更新网站、更新文档HTML卡死的解决方法
  • 2022-04-29MacOS下PHP7.1升级到PHP7.4.15的方法
  • 2022-04-29Photoshop绘制美国队长盾牌图标教程
  • 2022-04-29利用IF判断自定义Phpcms V9列表的图文并茂
  • 2022-04-29利用CSS如何实现全兼容的毛玻璃效果?
  • 2022-04-29详解Angular中的NgModule(模块)

文章分类

  • dedecms
  • ecshop
  • z-blog
  • UcHome
  • UCenter
  • drupal
  • WordPress
  • 帝国cms
  • phpcms
  • 动易cms
  • phpwind
  • discuz
  • 科汛cms
  • 风讯cms
  • 建站教程
  • 运营技巧

最近更新的内容

    • 四种PHP生成唯一订单号的方法
    • WordPress常见故障有哪些?怎么处理?
    • 用CSS3美化半个字符巧妙方法
    • Postman是如何实现接口的自动化测试
    • Javascript获取日期的方法是什么
    • PHP怎么去掉字符串两边的指定字符
    • Photoshop技巧教程:解读13条PS高级使用技巧
    • Illustrator绘制炫丽时尚的花朵教程
    • PHP如何使用Echarts生成数据统计报表
    • Wordpress如何调用个人信息

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有