Photoshop打造一款精致的木屋图标教程

PHP中文网
풀어 주다: 2016-06-01 14:35:24
원래의
1257명이 탐색했습니다.
最终效果

Photoshop打造一款精致的木屋图标教程

1、新建一个800 * 800像素的文档,选择渐变工具,颜色设置如图1,由画布中心向四周拉出图2所示的径向渐变。

Photoshop打造一款精致的木屋图标教程
<图1>

Photoshop打造一款精致的木屋图标教程
<图2>
2、新建一个图层,选择矩形选框工具拉出图3所示的矩形选区,选择渐变工具,颜色设置如图4,由上至下拉出线性渐变。确定后按Ctrl + D取消选区,按Ctrl + T 稍微调整一下角度,再用钢笔工具勾出图5所示的选区。

Photoshop打造一款精致的木屋图标教程
<图3>

Photoshop打造一款精致的木屋图标教程
<图4>

Photoshop打造一款精致的木屋图标教程
<图5>
3、按Ctrl + Shift + I 把选区反选,按Delete 删除,效果如下图。

Photoshop打造一款精致的木屋图标教程
<图6>

4、用钢笔勾出下图所示的弧形选区,填充颜色:#FF2623,如下图。然后把刚才做好的图形复制一层,选择菜单:编辑 > 变换 > 水平翻转,对接好后效果如图8。

Photoshop打造一款精致的木屋图标教程
<图7>

Photoshop打造一款精致的木屋图标教程
<图8>
5、在背景图层上面新建一个图层,用钢笔勾出图9所示的选区,填充颜色:#5D2E1C,效果如图10。

Photoshop打造一款精致的木屋图标教程
<图9>

Photoshop打造一款精致的木屋图标教程
<图10>

6、现在开始制作木板部分。在图层的最上面新建一个图层,用矩形选框工具拉出下图所示的矩形选区,填充颜色:#EED88F。

Photoshop打造一款精致的木屋图标教程
<图11>
7、新建一个图层,用钢笔勾出图12所示的选区,填充颜色:#E5C771,取消选区后按Ctrl + Alt + G 与前一图层编组。加上图层蒙版,用黑白渐变把底部拉出透明效果,如图13。

Photoshop打造一款精致的木屋图标教程
<图12>

Photoshop打造一款精致的木屋图标教程
<图13>

8、在当前图层下面新建一个图层,用钢笔勾出图14所示的选区,并拉上图15所示的线性渐变。加上图层蒙版,用黑白渐变把右边拉点透明效果,如图16。

Photoshop打造一款精致的木屋图标教程
<图14>

Photoshop打造一款精致的木屋图标教程
<图15>

Photoshop打造一款精致的木屋图标教程
<图16>
9、新建一个图层,用矩形选框工具拉出下图所示的矩形选区填充颜色:#FAEEB1,作为左边的高光。

Photoshop打造一款精致的木屋图标教程
<图17>

10、新建一个图层,用矩形选框工具拉出下图所示的矩形选区填充颜色:#CE975E,作为右边的暗调。到这里木板部分基本完成,把构成木板的几个图层合并为一个图层。

Photoshop打造一款精致的木屋图标教程
<图18>

11、把做好的木板图层多复制几层拼接起来,部分可以垂直翻转一下。然后合并起来适当缩小一点,移到背景图层上面,如下图。

Photoshop打造一款精致的木屋图标教程
<图19>


    관련 라벨:
    원천:php.cn
    본 웹사이트의 성명
    본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
    인기 튜토리얼
    더>
    최신 다운로드
    더>
    웹 효과
    웹사이트 소스 코드
    웹사이트 자료
    프론트엔드 템플릿