篮网飘逸效果设计步步进

设计

 曾几何时,篮网随着投篮命中而随风飘逸的那一时刻,笔者的心也突然一起飘动了起来,多么想将这精彩的瞬间记录下来呀!这不,笔者一不做二不休,选择了自己喜爱的Photoshop7.0,设计出了篮球投进后球网跟着舞动的效果;下面就请大家一起来看看这种特效的制作过程,同时回味一下投篮命中的快感吧!
  1、运行Photoshop程序,打开Photoshop7.0的主操作界面,在该界面的菜单栏中单击“文件”菜单项,从弹出的下拉菜单中选择“新建”命令,就能打开如图1所示的新建对话框了;在该对话框的名称文本框处,大家可以输入“篮网飘逸”这个图象名字,同时在宽度、高度设置栏处输入新建图象的宽度为300像素、高度为300像素,将图象的分辨率设置为96pixels/inch;在颜色模色设置栏处,将图象的显示模式设置为RGB color,并在文档背景设置栏下,将图象的背景颜色选择为“白色”,设置好这些参数后,单击该对话框中的确定按钮,返回到主编辑界面;

图01

  2、现在大家先来看看蓝框的设计。在图层面板窗口中,单击新建图层按钮,来创建一个Layer 1图层,然后单击主界面左边的工具条上的“圆形选区工具”来在Layer 1图层中画一个椭圆;

  3、接着将鼠标移动到工具条中的前景色设置按钮上单击,将当前编辑区的前景色颜色值设置为#036E68,然后用鼠标在工具条中选择“渐变”工具,渐变的颜色按照如图2所示的参数进行设置,

图02

  设置好以后在椭圆选区中拉出渐变;

  4、接着再选择“圆形选区工具”来在Layer 1图层中的椭圆内部,画一个椭圆选区,这样大家就能减去中间部分,从而得到一个椭圆圆环;接着大家可以按住键盘上的ALT键移动复制此圆环,将两个圆环的位置叠加到合适位置处,大家就可以实现篮框的制作了,如图3所示就是篮框效果图;

图03

  5、下面就该进行篮球网的设计了,在设计球网时,大家可以先在图层面板窗口中,单击新建图层按钮,来重新创建一个图层,接着再在工具条中选择钢笔工具,在新建的图层中按照如图4所示的画面来描绘篮球网线的路径;

图04

  6、返回到工具条上,选择铅笔工具,将笔刷的大小设置合适,同时将笔刷的颜色设置为#B52E34;将鼠标移动到路径面板窗口中,单击路径面板窗口中的向右箭头的小三角,随后程序将打开一个快捷菜单,如图5所示;

图05

  在该菜单中,大家可以选择“描边路径”命令,在随后出现的如图6所示的界面中,选择描边的工具为“铅笔”,并单击确定按钮;

图06

  7、接着大家可以将当前制作出来的路径进行复制,在复制的过程中大家要注意篮球网线的明暗效果变化,复制并移动各路径到合适的位置处,最后得到的网线效果应该象如图7所示的那样,这样便于将篮球网线合并成球网;

图07

  8、对如图7所示的网线图层进行若干次复制,然后使用工具条中的移动工具,来调整各个图层中的网线位置,使网线绞接排列在一起,排列的过程中注意近大远小的常识和颜色的的调整规律,使之出现透视关系,最后大家应该得到5条篮网线,其效果图如图8所示;

  9、到目前为止,大家已经设计好了篮网的最基本元素,现在只要再想办法让这些元素组合成篮网就可以了;重新返回到图层窗口中,用鼠标选择好如图8所示的图层,然后依次在菜单栏中执行“图层”/“复制图层”命令;

图08

  10、再用鼠标选中复制后得到的图层,并用鼠标单击菜单栏中的“编辑”/“自由变换路径”命令,来将该复制后的图层稍微旋转一个合适的角度,同时使用CTRL+U命令来按照远近调整物体明暗,接着再用移动工具调整好该图层中的网线的对齐位置;

  11、选择“矩形选区工具”来将篮网两侧的网线线条选中,并分别执行菜单栏中的“滤镜”/“模糊”/“模糊”命令,要是效果不太明显的话,可以重复执行这样的命令几次,最后大家将会得到一个如图9所示的效果画面;

图09

  12、图9所示的篮网还没有一点动感,为此我们在接下来的步骤中要对篮网进行动感修饰,以便让篮球网产生一种飘逸的效果;返回到图层窗口中,并用鼠标左键单击篮网图层;随后,大家在主操作界面中,用鼠标单击菜单栏中的“滤镜”菜单项,在接着打开的下拉菜单中依次选择“扭曲”/“曲线”命令;

  13、在接着打开的图10所示的参数设置对话框中,

图10

  大家必须将“Wrap Around”选项选中,设置好以后单击该对话框中的确定按钮返回到Photoshop的主编辑界面中;

  14、为了使篮网飘逸效果设计得更形象一些、更逼真一点,大家可以将鼠标移动到工具条中,然后根据篮球球网实际飘逸的情况,来选中“减淡工具”或者“加深工具”,将篮网飘逸后的局部颜色细节进行调整;

  15、重新返回到图层窗口中,单击新建图层按钮,来重新创建另外一个图层,在这个图层中,大家再象征性地设计一个篮板,以方便固定篮框;设计篮板时,大家只要在新图层中画一个正方形区域,并填充合适的颜色,同时对正方形区域进行适当程度的羽化,接着再打开图层效果画面,给该图层设置合适的投影效果;

  16、最后,大家可以将制作好的篮板、篮框和篮网图层进行巧妙的拼合,同时复制篮网,并使用CTRL+U命令对它的颜色明暗的变化进行合适处理,并用移动工具摆好位置,以便让篮网按篮框围绕;再用黑色的小圆在篮框的相对位置做出篮网网绳穿出的小孔,调整篮网位置,做出线条从里面拉出来的效果;

  17、所有的设置完成后,在菜单栏中依次执行“图层”/“拼合图层”命令,这样Photoshop程序就能将所有图层合并起来,大家就能看到一个如图11所示的篮网飘逸效果了,接着大家可以选择合适的保存方式将设置的效果画面存起来。

图11

时间: 2024-11-02 22:30:53

篮网飘逸效果设计步步进的相关文章

Photoshop:篮网飘逸效果设计步步进

设计 曾几何时,篮网随着投篮命中而随风飘逸的那一时刻,笔者的心也突然一起飘动了起来,多么想将这精彩的瞬间记录下来呀!这不,笔者一不做二不休,选择了自己喜爱的Photoshop7.0,设计出了篮球投进后球网跟着舞动的效果:下面就请大家一起来看看这种特效的制作过程,同时回味一下投篮命中的快感吧! 1.运行Photoshop程序,打开Photoshop7.0的主操作界面,在该界面的菜单栏中单击 "文件"菜单项,从弹出的下拉菜单中选择"新建"命令,就能打开如图1所示的新建对

PhotoShop打造炫丽的魔幻美女图片效果教程

教程教大家用PhotoShop打造炫丽的魔幻美女图片效果,在此教程中主要是让大家了解一下笔刷的神奇效果. 先看一下photoshop教程最终效果: 1.创建一个新的文件,大小为780*1100,并用黑色填充背景.将人物素材置入画布. 用一个软角橡皮擦,整理人物素材的边缘,比如头发.衣服等 在将人物的脚抹去,产生超现实的飘逸效果

photoshop制作动态闪字效果

  1.新建黑色文档600 * 350像素,输入白色文字.     2.打开样式面板,载入自带的WEB样式,选择金属效果样式.     3.按住ctrl键,在图层样式图标点右击鼠标,选择"缩放效果".     4.将缩放图层效果设为33%.     5.新建图层,绘制圆形选区,填充白色,羽化2.5像素,选择涂抹工具,强度设为90%,按住shift键,鼠标在圆中心点一下,然后再在左侧点一下,重复一次,直到尾部拖出.     3.按住ctrl键,在图层样式图标点右击鼠标,选择"缩

Fireworks MX水晶特效字制作

本节我们来学习水晶特效字的制作.教程开始之前,首先先来看如下所示的一款水晶风格特效字的效果图. [具体步骤] 1.在编辑区输入文字"e",这里采用的字体为"Geofgia",字号为"300"大小,文字颜色为"#0099CC",文本格式加粗.倾斜.具体设置如下图所示. 此刻编辑区的对象如下图所示. 2.选中文本对象,按"Ctrl+Shift+D"组合键,克隆一个文本对象,选中克隆对象,选择菜单命令"

ps照片合成:打造魔幻美女

教程为大家介绍如何使用photoshop打造魔幻美女效果,教程主要使用笔刷,制作时有一些难度,下面大家一起来看看吧. 先看一下最终效果: 下面是具体的制作方法介绍: 1.创建一个新的文件,大小为780*1100,并用黑色填充背景.将人物素材置入画布. 用一个软角橡皮擦,整理人物素材的边缘,比如头发.衣服等 在将人物的脚抹去,产生超现实的飘逸效果 在通过滤镜液化工具,将刀袖做出流线效果 分类: PS合成图片教程

SKETCH+KEYNOTE教你5步快速制作移动动效

  舒舟 :2014年,Facebook推出了新闻阅读应用Paper,诸多交互细节与炫酷动效启动了界面设计的新时代,Google的Material Design更是将移动动效提升到了app基础体验环节的高度.盘点如今体验优秀的移动app,精彩的动效层出不穷,放眼望去,聚集UI设计大神的dribbble.behance等地,出彩的动效更好的诠释了流畅细腻的交互操作--如果说移动体验设计师还能在传统的交互视觉之上提升app的可用性,移动动效必定是最重要的方式之一. Everyone who touc

用PS轻松打造漂亮的抽丝文字特效

新建文件, 我这里用的是15*9cm 300DPI,因为文件大小不样,所以做效果设的数值也就不一样了,你们可以也先按这个大小做,然后学会之后再改 图1 图2 图3 图4 图5 图6 Photoshop轻松打造漂亮的抽丝文字特效 图7 图8 图9 图10 图11 图12 Photoshop轻松打造漂亮的抽丝文字特效 图13 图14 图15 图16 图17 图18 图19           注:更多精彩教程请关注三联photoshop教程栏目,三联PS群:182958314欢迎你的加入 分类: P

WPF界面设计技巧(1)—不规则窗体图文指南

原文:WPF界面设计技巧(1)-不规则窗体图文指南  初到园子,奉上第一篇入门级教程,请勿见笑. 以往WinForm编程中,实现不规则窗体是有一定难度的,更难的是不规则窗体的边缘抗锯齿及局部透明处理.而现在,WPF的出现使这个问题迎刃而解,使得我们可以轻松.灵活地美化用户界面. 下面就让我们来看看如何实现一个不规则窗体: 首先我们需要借助Microsoft Expression Design 2来进行图形设计.(这里使用Photoshop等传统软件也可以,但是只能利用PNG格式来实现透明,其缺点

Bootstrap学习笔记之js组件(4)_javascript技巧

这次我们来看下js组件的使用,本篇文章会有点长,希望大家可以耐心看,相信收获会有不少.不少园友加我好友,表示喜欢我写文字的风格,简单明了,这里,再次谢谢你们的支持.一方面,自身技术有限,写的东西都比较基础,另一方面,写的东西,都是根据自己的理解,把复杂的东西用最简单的语言表达出来.所以,写的有不对的地方,麻烦各位给予指正哈.  一.js文件引用注意点:jquery必须在在其它js文件之前引入,因为其它插件都是依赖于jquery. <!--<script src="js/jquery-