当前位置:主页 > 图片处理 >

ps制作Iphone风格导航菜单教程(多图)

  • 图片处理
  • 2022-11-05 12:06
  • 菜单,教程,导航,风格,制作,Iphone,Photosho

修图匠“ps制作Iphone风格导航菜单教程(多图)”Photoshop图文教程内容:

先看效果图。

Photoshop制作Iphone风格导航菜单教程,PS教程,16xx8.com教程网

新建文档450x450像素,背景填充#32363c,新建图层画一个白色矩形。

Photoshop制作Iphone风格导航菜单教程,PS教程,16xx8.com教程网

把不透明度改为6%,类似下图效果。

Photoshop制作Iphone风格导航菜单教程,PS教程,16xx8.com教程网

新建图层,前景色#5b6573在顶部再画一个矩形。

Photoshop制作Iphone风格导航菜单教程,PS教程,16xx8.com教程网

复制6层,改变颜色,1、2、7同一颜色,3为红色,其它为白色。

Photoshop制作Iphone风格导航菜单教程,PS教程,16xx8.com教程网

添加图层样式。

Photoshop制作Iphone风格导航菜单教程,PS教程,16xx8.com教程网

Photoshop制作Iphone风格导航菜单教程,PS教程,16xx8.com教程网

Photoshop制作Iphone风格导航菜单教程,PS教程,16xx8.com教程网

得到下图效果,以上设置适应与红色层。

Photoshop制作Iphone风格导航菜单教程,PS教程,16xx8.com教程网

白色的有些例外,如下。

Photoshop制作Iphone风格导航菜单教程,PS教程,16xx8.com教程网

Photoshop制作Iphone风格导航菜单教程,PS教程,16xx8.com教程网

整体效果如下。

Photoshop制作Iphone风格导航菜单教程,PS教程,16xx8.com教程网

剩下的就是找一些素材和添加文字,最终效果如下,本ps教程结束。

Photoshop制作Iphone风格导航菜单教程,PS教程,16xx8.com教程网

先看效果图。

Photoshop制作Iphone风格导航菜单教程,PS教程,16xx8.com教程网

新建文档450x450像素,背景填充#32363c,新建图层画一个白色矩形。

Photoshop制作Iphone风格导航菜单教程,PS教程,16xx8.com教程网

把不透明度改为6%,类似下图效果。

Photoshop制作Iphone风格导航菜单教程,PS教程,16xx8.com教程网

新建图层,前景色#5b6573在顶部再画一个矩形。

Photoshop制作Iphone风格导航菜单教程,PS教程,16xx8.com教程网

复制6层,改变颜色,1、2、7同一颜色,3为红色,其它为白色。

Photoshop制作Iphone风格导航菜单教程,PS教程,16xx8.com教程网

添加图层样式。

Photoshop制作Iphone风格导航菜单教程,PS教程,16xx8.com教程网

Photoshop制作Iphone风格导航菜单教程,PS教程,16xx8.com教程网

Photoshop制作Iphone风格导航菜单教程,PS教程,16xx8.com教程网

得到下图效果,以上设置适应与红色层。

Photoshop制作Iphone风格导航菜单教程,PS教程,16xx8.com教程网

白色的有些例外,如下。

Photoshop制作Iphone风格导航菜单教程,PS教程,16xx8.com教程网

Photoshop制作Iphone风格导航菜单教程,PS教程,16xx8.com教程网

整体效果如下。

Photoshop制作Iphone风格导航菜单教程,PS教程,16xx8.com教程网

剩下的就是找一些素材和添加文字,最终效果如下,本ps教程结束。

Photoshop制作Iphone风格导航菜单教程,PS教程,16xx8.com教程网

温馨提示:以上“ps制作Iphone风格导航菜单教程(多图)”相关内容(含文字、图片、视频)来源于网络,版权归内容原作者所有,如有侵权,请告知删除。

猜你喜欢

联系站长