北京赛车-Welcome热购 ?
当前位置档申看:主页 > PS教程 > 设计教程 >

pk10精准计划

  • 2018-06-14 21:40
  • 来源/作者劳:UI中国/吧唧设计
  • 己被围观 次

本教程主要使用PS制作一款科技感的立体插图暖聘,教程主要通过分解的方式来告诉大家如何完成效果扮卫酿,推荐给PS家园的朋友学习倍篮衫,希望大家可以喜欢列敬揩。

先把最后的效果图抛出来身拉儒。

Photoshop绘制科技感十足的网页立体插画,PS教程,思缘教程网

本教程主要使用Photoshop绘制立体感的科技图形插画宛册,教程主要通过分解的方式来告诉大家如何完成效果捻断,推荐给PS家园的朋友学习挝嚏悼,希望大家可以喜欢澳。

 

step1:那么焊屏浚,看见这张图腊容,先分解武颠椒,即它是由哪几个部分构成的呢?

大背景

Photoshop绘制科技感十足的网页立体插画,PS教程,思缘教程网

透视的背景线

Photoshop绘制科技感十足的网页立体插画,PS教程,思缘教程网

立体图

Photoshop绘制科技感十足的网页立体插画,PS教程,思缘教程网

以及一些周边的按钮之类的漆。

step2潦姜茨:背景制作

直接选择矩形工具充佃促,拉渐变悸。

Photoshop绘制科技感十足的网页立体插画,PS教程,思缘教程网

接着选择椭圆工具肠,画一个填充白色的正圆高嫡律,设置其羽化值噬。

Photoshop绘制科技感十足的网页立体插画,PS教程,思缘教程网

好了拘,背景完成了绥。
 

step3疵:背景透视的线了艰,这个地方我用的方法比较笨挎,所以画了好久好久好久好久~

先用矩形工具画一个矩形杯轨惰,填充去掉锹灯,描边2px

Photoshop绘制科技感十足的网页立体插画,PS教程,思缘教程网

接着禽涸,根据需要的点配合钢笔工具的加减锚点以及小白(直接选择工具)进行锚点的一对一修改幌。

Photoshop绘制科技感十足的网页立体插画,PS教程,思缘教程网

Photoshop绘制科技感十足的网页立体插画,PS教程,思缘教程网

Photoshop绘制科技感十足的网页立体插画,PS教程,思缘教程网

然后用相同的方法拼出来一整个背景线条

画好后温皋粮,ctrl+G进行编组恋,并复制一个组屉,命名背景-线什瓷,第一个组隐藏掉得。(这个操作是备份籍,以防后续需要进行修改)菇袖。

接着谱杭北,在复制的组 背景-线 右键 - 转为智能对象古皆,并进行颜色叠加券厦。

Photoshop绘制科技感十足的网页立体插画,PS教程,思缘教程网

接下来进行透视操作佛酪,先快捷键ctrl+T糯汝岛,将图旋转45度炯脐,如下图救穷:

Photoshop绘制科技感十足的网页立体插画,PS教程,思缘教程网

旋转45°后竞,再次右键叹,选择扭曲炉,并操作

Photoshop绘制科技感十足的网页立体插画,PS教程,思缘教程网

Photoshop绘制科技感十足的网页立体插画,PS教程,思缘教程网

那么峨伶急,背景就完成了昧。

 

step4弄:立体的图了泼慰魔,这北京赛车“那么我完蛋了1“野猫”王人美个我们需要先把层分出来镁,就跟刚刚对整个画面分层是一样的道理幻行厘,先来看第一个蹲豹桨。

Photoshop绘制科技感十足的网页立体插画,PS教程,思缘教程网

Photoshop绘制科技感十足的网页立体插画,PS教程,思缘教程网

将元素组合起来锚,就是模型01的样式了彪。

接下来看一下有光的效果的是拆分巳。

Photoshop绘制科技感十足的网页立体插画,PS教程,思缘教程网

剩下的就是叠加上去扭,凹进去的可以创建剪切蒙版芳肉千,快捷键ctrl+alt+G

等几个图形都制作完毕后菇貉瘦,就进行一下整体的调节馅隧实,添加一些周边的东西当褥膳。剩下还有一个按钮桥脓红,叠加了两层硅春烙,原本考虑直接用内阴影享江,效果不理想班柔,于是就分两层来做了问。

Photoshop绘制科技感十足的网页立体插画,PS教程,思缘教程网

最后翱碱课,成品啦!

Photoshop绘制科技感十足的网页立体插画,PS教程,思缘教程网

附上一张应用立体感觉设计的图杠,放在网页上面乌势,网站看起来就比较专业啦~

Photoshop绘制科技感十足的网页立体插画,PS教程,思缘教程网
好了室番较,教程到这里就完了块。



最后肌材,给大家安利一个立体像素图片生成工具

神器种草01疲唉说:10个有毒的设计神器
 

》开发者沃扭合:@pissang

》工具地址换瓜瀑:pissang.github.io/voxelize-image

你看巧,这比刚刷完的厕所地板全天pk10计划B.烟酒专卖店销售烟酒第四章第49节还要亮丽的效果焙惋,居然是一个在线工具一键生成的泪,完爆那些打开都要半天的专业 3D 软件O??妗!

神器种草01裂:10个有毒的设计神器

Voxelize Image 还提供超多参数配置肃,但个人用得比较多的是金属材质选项肋:

神器种草01不插嘶:10个有毒的设计神器

如果你觉得金属感太强雷,可以试试把【roughness】参数调大线,画风马上就突变了谢:

神器种草01稍:10个有毒的设计神器

比起 blingbling 的金属质感第标掠,这种画风在日常设计中更常用魏,比如推,我把一张招聘海报拖拽进来岁枷坡,一秒钟就生成了一张3D立体字海报了宦察伶:

神器种草01肮:10个有毒的设计神器

放大看看细节盯芬,少了金属反光的刺眼舜,多了几分朴实的像素感票椭日:

神器种草01柬缺:10个有毒的设计神器

即使放大到局部律率,细节也不会丢失铺,反而更加丰富胃乳渡:

神器种草01饥侠:10个有毒的设计神器

如果你导入的是一张色彩丰富的图片麓,层次感就更加鲜明了据:

神器种草01蔬谜看:10个有毒的设计神器

放大让你们感受一下首倘:

神器种草01靖粗:10个有毒的设计神器

再换个8倍镜脆薄,一张抽象的背景素材秒 get免徐担:

神器种草01冀烫揭:10个有毒的设计神器

》案例参考

现在你还担心自己的配图不够酷炫吗?我们都能冒充3D大神了能限玻:

神器种草01篮:10个有毒的设计神器
神器种草01及迷:10个有毒的设计神器
神器种草01拍椭:10个有毒的设计神器

最后的最后淡,小编想说贝,我们站长大大还有一个3D相关的网站悍川。www.cgahz.com  如果你对3D这块感兴趣就访问一下看膘孪,说不定有意外收获杆汐。

 


(责任编辑尖榔:极限)

*PSjia.COM 倾力出品蕾悔拾,转载请注明来自北京赛车(www.psjia.com)

分享到苦躬降:

更多精彩内容

  • 电商产品PS修图寂蔑武:金属质感 电商产品PS修图颈:金属质感
  • PS打造变换颜色中特效汽车 PS打造变换颜色中特效汽车
  • PS制作一款科技感的立体插 PS制作一款科技感的立体插
  • 图文排版设计的8大神奇法 图文排版设计的8大神奇法
?
北京赛车