PS教学第41期第一篇用PS和AI设计科技感很强的QQ软糖海报图片本教程主要使用Photoshop结合AI设计科技感十足的QQ软糖海报,开车主要通过AI和PS两个软件来完成,推荐给大家学习,希望大家可以喜欢。 先看看效果图 首先,打开ai,并新建画布。选择矩形工具,画出一个矩形,只要填充,色值如图: 选择网格工具,在矩形上点击创建网格。我就自己随意点击,创建了一个6X6的网格: 选择直接选择工具,通过点击网格交点,可设置该点范围内颜色: 你也可以按住shift键点击各点,可以同时选中并统一上色: 按照这样的方法,得到如图效果: 继续使用直接选择工具,通过拖动各点适当混合下颜色: 个人感觉效果还不满意,选择皱褶工具,进行涂抹混合下: 将渐变图层拖至椭圆图层上方,创建剪切蒙版,如图: ai部分的操作也就结束了 随后打开ps,新建画布。 接下来我们将做好的渐变效果导入ps中,记住导入时我们最好选择“智能对象”: 选择椭圆工具,按住shift,拉出一个只有填充的正圆,如图: 选择渐变图层,ctrl+t自由变换。进行适当调整位置,建议最好选择如图这种左右颜色分区的位置: 接着,我们将椭圆图层以及渐变图层打上组,并ctrl+j拷贝一份出来,如图: 并将拷贝的组右键,选择“合并组”。将原始组隐藏,得到如图效果: 选择拷贝组图层,ctrl+t并右键选择变形: 通过对图形变形处理,得到如图效果: 达到满意效果后,执行滤镜—杂色—添加杂色,参数如图: 新建透明图层1,选择柔性画笔,在合适位置点击添加一个黄光效果。 新建透明图层2,将画笔大小设置大概为8px,画出一些红线。 这些主要都是作为装饰,不会使画面整体过于单调: 码字排版,导入样机看看效果: 第二篇制作炫彩科技网页立体插画图片的PS教程本教程主要使用Photoshop绘制立体感的科技图形插画,教程主要通过分解的方式来告诉大家如何完成效果,推荐给朋友学习,希望大家可以喜欢。 先把最后的效果图抛出来。 step1:那么,看见这张图,先分解,即它是由哪几个部分构成的呢? 大背景 透视的背景线 立体图 以及一些周边的按钮之类的。 step2:背景制作 直接选择矩形工具,拉渐变。 接着选择椭圆工具,画一个填充白色的正圆,设置其羽化值。 好了,背景完成了。 step3:背景透视的线了,这个地方我用的方法比较笨,所以画了好久好久好久好久~ 先用矩形工具画一个矩形,填充去掉,描边2px 接着,根据需要的点配合钢笔工具的加减锚点以及小白(直接选择工具)进行锚点的一对一修改。 然后用相同的方法拼出来一整个背景线条 画好后,ctrl+G进行编组,并复制一个组,命名背景-线,第一个组隐藏掉。(这个操作是备份,以防后续需要进行修改)。 接着,在复制的组 背景-线 右键 - 转为智能对象,并进行颜色叠加。 接下来进行透视操作,先快捷键ctrl+T,将图旋转45度,如下图: 旋转45°后,再次右键,选择扭曲,并操作 那么,背景就完成了。 step4:立体的图了,这个我们需要先把层分出来,就跟刚刚对整个画面分层是一样的道理,先来看第一个。 将元素组合起来,就是模型01的样式了。 接下来看一下有光的效果的是拆分。 剩下的就是叠加上去,凹进去的可以创建剪切蒙版,快捷键ctrl+alt+G 等几个图形都制作完毕后,就进行一下整体的调节,添加一些周边的东西。剩下还有一个按钮,叠加了两层,原本考虑直接用内阴影,效果不理想,于是就分两层来做了。 最后,成品啦! 图片来源/百度 记得关注哦记得点赞哦记得评论哦记得转发哦 |
|