平面设计 
首页 > 平面设计 > 浏览文章

photoshop 创意设计 勾起好奇心的生动界面

(编辑:jimmy 日期: 2024/11/14 浏览:3 次 )
本教画面构成元素不多,不过作者加上了一些非常有创意的元素,如冒烟的弹孔,及一些有吸引力的文字等。画面就显得非常生动,勾起了浏览者的好奇心。
  最终效果
photoshop 创意设计 勾起好奇心的生动界面


  1、打开下图所示的背景素材。
  
photoshop 创意设计 勾起好奇心的生动界面


  2、首先我们需要一些文字。在一个新建的图层中添加进你的文字,使用漂亮的棕色(#803508)。使用的颜色很重要,因为我们要给将图层模式设置为正片叠底,这样做是为了让文字背后深色的木头质地显现出来。
  我用的字体样式是Anatole Display SSi,这是一种西部风格的文字,当然你可以使用你喜欢的样式。
  
photoshop 创意设计 勾起好奇心的生动界面


  
  3、基本上,下面我要添加的是大一堆图层样式。在下一步我将会向你展示所有我应用的图层样式。在添加图层样式之前,你需要先应用这两步的设置:将图层的填充设置为90%。(如果你不知道图层填充是什么,它就在不透明度的下面。不透明度控制的是图层上所有东西的透明度,而图层填充控制的只是图层的透明度,不包括图层样式。) 将图层混合模式设置为正片叠底。
  
photoshop 创意设计 勾起好奇心的生动界面


  4、这里的样式确实很多。最主要有这么几点:
  投影——我在这里使用了特别的投影样式。在右下部设置了1个像素的高光。这就是光(在这个例子中是从左上部过来的)打到边缘上的地方。
  内阴影——我使用了内阴影使得文字看起来像是盖在了木板上。
  内发光——这是让文字看起来像是嵌入了木板。
  斜面和浮雕——使用这个样式是为了加重投影的高光并且使得文字更加有浮雕效果。
  渐变叠加——这只是为了给文字的颜色一些变化。
  
photoshop 创意设计 勾起好奇心的生动界面


  
photoshop 创意设计 勾起好奇心的生动界面


  
photoshop 创意设计 勾起好奇心的生动界面


  
  
photoshop 创意设计 勾起好奇心的生动界面


  
photoshop 创意设计 勾起好奇心的生动界面


  
photoshop 创意设计 勾起好奇心的生动界面


  5、现在看上去已经很不错了。只有一个问题,文字的边缘太整齐了。如果文字的边缘能破旧一些就更好了。为了实现这一点,我们要用到置换。实际上,在剩下的教程中,我们还要用到好几次的置换,所以学习如何使用置换就很重要了(也很简单)。
  
photoshop 创意设计 勾起好奇心的生动界面


  
  6、首先,创建一个新的文档,将木头纹理粘贴进去,按下Ctrl+Shift+U键去色,然后将文件保存为Displacement.psd文件。
  
photoshop 创意设计 勾起好奇心的生动界面


  7、现在回到前面的文件,将文字图层复制一层。使用“图层”—“栅格化”—“文字”命令栅格化图层,然后将另外一个没有栅格化的图层的填充度降到40%,将其隐藏。现在再回到栅格化的图层,选择“滤镜”—“扭曲”—“置换”命令,将水平比例和垂直比例都设置为5,点击确定按钮,这时会弹出对话框询问你置换的文件是哪一个,选择上一步我们已经做好的Displacement.psd文件就可以了。
  你可以在 this post at Worth1000这篇文章更多的了解置换到底是什么以及如何使用它,这是非常有用的。对我们来说,我们用它来让文字的边缘更加粗糙。
  
photoshop 创意设计 勾起好奇心的生动界面


  8、现在我们让没有栅格化的图层显示出来,当两个图层叠加到一起会产生粗糙的效果。
  
photoshop 创意设计 勾起好奇心的生动界面


  9、现在我想给wanted文字加上一些形状和其他的文字来美化它。我使用了Photoshop中的星形图案,然后给下方加了一些文字。然后我只需要给每一个形状和文字加上4—10步的样式。
  
photoshop 创意设计 勾起好奇心的生动界面


  
  10、这样我们做成了。已经很漂亮了!但是为了让这个图片更酷一些,我们还需要再做一些东西。
  这里我将除了背景层的所有图层都选上,将它们放到一组里,命名为wanted text或者别的什么类似的名字。这样做的好处是我可以将它们隐藏或者显示出来,这样不会影响到做其它部分的过程,我建议你也这么做。
  
photoshop 创意设计 勾起好奇心的生动界面

上一页12 下一页 阅读全文
上一篇:Photoshop 鼠绘梦幻的绿色卡通树
下一篇:photoshop 鼠绘写意风格水墨荷花
一句话新闻
高通与谷歌联手!首款骁龙PC优化Chrome浏览器发布
高通和谷歌日前宣布,推出首次面向搭载骁龙的Windows PC的优化版Chrome浏览器。
在对骁龙X Elite参考设计的初步测试中,全新的Chrome浏览器在Speedometer 2.1基准测试中实现了显著的性能提升。
预计在2024年年中之前,搭载骁龙X Elite计算平台的PC将面世。该浏览器的提前问世,有助于骁龙PC问世就获得满血表现。
谷歌高级副总裁Hiroshi Lockheimer表示,此次与高通的合作将有助于确保Chrome用户在当前ARM兼容的PC上获得最佳的浏览体验。
友情链接:杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网 网站地图 SiteMap