当前位置:主页 > 平面设计

最新发布

Photoshop简单制作网页半透明按钮
Photoshop简单制作网页半透明按钮

1. 新建一个文件。选择一个前景色,用“圆角矩形工具”画出一个150*70的按钮主体形状,得图层“形状1”。  2. 复制该图层,得到图层“形状1 副本”,按 Ctrl+T 改变大小,将之收缩,如图。  3. 在图层“形状1”上处理“图层样式”的“渐变叠加”,参数设置如图,渐变颜色可以根据各人做合适的设置。  4. 图层“形状1 副本”处理“图层样式”。这里需要处理“渐变叠加”、“内阴影”、“外发光”等3个效果。  5. 将前景色设置为白色,用“椭圆工具”画出一个形状(具体效果看图),得到图层“形状2”,设置透明度为50%。  6. 保持状态,载入“形状1 副本”选区,利用选区添加蒙板。

4 次浏览
photoshop绘制Web2.0图标
photoshop绘制Web2.0图标

我们在进行站点设计的过程中,经常需要使用图标表示诸如添加、删除和编辑之类的操作。在Web2.0时代,徽章和细致的3D效果越来越流行。本教程将告诉你如何简单的绘制出带有漂亮3D效果的按钮或图标。步骤1:创建一个新的文件,选择“椭圆形工具”(U),画一个圆形。将圆形填充上随便什么颜色,后面它将被图层样式覆盖。步骤2:双击圆形图层打开图层样式窗口,选择“渐变叠加”,使用蓝色和浅蓝色做渐变色,在“样式”下拉框中选择“径向”。最后参照下图为渐变叠加设置“角度”并添加“斜面和浮雕效果”。小窍门:将渐变叠加移动到圆形顶端:打开图层样式窗口,选中“渐变叠加”选项。按住按钮调整渐变。 步骤3:参照下图,复制圆形图层,并调整到合适大小。

3 次浏览
时尚元素按钮
时尚元素按钮

本实例制作的时尚元素按钮,从主题物的金属光泽质感的表现,到按钮光影变化的绘制,无一不体现设计的时尚气息。主体物的方形与圆形的按钮的相得益彰,使得形式非常具有动感,如图1-82所示,展示了本实例的完成效果。图1-82  本实例完成效果该实例的制作主要分为两个部分完成。分别是制作主体图像和制作按钮图像。在第一部分制作主体图像的时候除了基本图形形状的编辑外,还结合使用滤镜工具制作光泽效果。在绘制按钮的时候主要还是应用图层样式效果,来塑造按钮的立体效果、光影变化和质感特征。如图1-83所示,为本实例的制作流程。图1-83  本实例制作流程(1)运行Photoshop,执行“文件”→“打开”命令,打开本书附带光盘\Chapter-01\“背景.jpg”文件,如图1-84所示。图1-84  打开背景素材(2)单击“图层”调板底部的“创建新图层”按钮,新建“图层 1”。使用工具箱中的“矩形选框”工具,在视图中绘制矩形选区,接着将选区填充为灰色并取消选区,如图1-85所示。

3 次浏览
卡通效果按钮
卡通效果按钮

本实例卡通效果的按钮制作不需要进行太多的细节刻画,也不需要表现物质的真实质感,只要做到形象简练、概括,具有卡通画的趣味性即可。各种元素的合理搭配使画面构成一个有机整体,如图1-67所示,为本实例的完成效果。图1-67  本实例完成效果该实例的制作主要是绘制完成的,因此在绘制过程中为了表现充满童趣的风格,在使用路径绘制的时候要使路径自然流畅,充满动感,避免出现呆板的直线和规则图形。如图1-68所示,为本实例的制作流程。图1-68  本实例制作流程(1)运行Photoshop,执行“文件”→“打开”命令,打开本书附带光盘\Chapter-01\“背景01.jpg”文件,如图1-69所示。图1-69  打开背景素材(2)选择工具箱中的“横排文字”工具,参照图1-70所示在视图中创建字样“LOCOAL DJ”。

4 次浏览
时尚网页按钮
时尚网页按钮

网页按钮是出现在网络页面中的翻转按钮,本实例制作的时尚网页按钮,从按钮的外形设计到添加立体效果、描绘光影变化,再到按钮周围装饰图像的设计制作,无一不体现了现代网络的时尚气氛。泛着柔和光泽的蓝色按钮犹如一颗颗精心镶嵌的宝石,而银白色组件在蓝紫色调的衬托下更显光洁润白。如图1-36所示,展示了本实例的完成效果。图1-36  本实例完成效果本节实例绘制的时尚网页按钮画面饱满、层次分明,在视觉上看起来很复杂,但在制作过程中只要能够合理灵活的运用图层样式效果,即可以很轻松的绘制出按钮的立体效果、光影变化和质感特征。装饰性图像的添加丰富了画面的内容,使网页按钮显得华丽时尚。如图1-37所示,为本实例的制作流程。图1-37  本实例制作流程(1)运行Photoshop,执行“文件”→“新建”命令,打开“新建”对话框,参照图1-38所示设置对话框,创建一个名为“时尚网页按钮”的空白文档。图1-38  新建文档(2)设置前景色为深蓝色(R0、G51、B73),按下<Alt+Delete>键使用前景色填充“背景”图层。

8 次浏览
时尚网页按钮(02)
时尚网页按钮(02)

(1)新建“组 3”图层组,将其拖至调板顶部,接着在图层组中新建图层。然后使用“椭圆选框”工具,绘制选区。使用“渐变”工具,为选区填充渐变色并取消选区,如图1-61所示。图1-61  绘制选区并填充渐变(2)接下来为图像添加“内阴影”、“斜面和浮雕”、“光泽”图层样式效果,设置对话框参数如图1-62所示。图1-62  添加图层样式效果(3)新建图层,使用“画笔”工具,在螺丝钉上面分别绘制黑色和白色线条,然后将制作螺丝钉所创建的图层合并,并将螺丝钉图像复制,参照图1-63所示分别调整大小和位置。图1-63  制作螺丝钉完成效果(4)下面参照以上制作按钮和添加装饰图像方法,再制作其他按钮和装饰图像,效果如图1-64所示。

3 次浏览
网络播放器按钮
网络播放器按钮

在网络播放器制作实例中,按钮特效的制作重点是播放器右侧中间的蓝色按钮图像,该图像的表面具有十分丰富的光泽变化纹理,成为整幅画面中较为引人注目的部分。同时页面中的空白部分是版面结构的重要组成,使得播放器按钮能够获得更佳的视觉效果。如图1-2所示,为本实例的完成效果。图1-2  本实例完成效果本实例绘制的网络播放器按钮形式比较简洁,其中蓝色按钮,具有非常丰富的光泽变化,与之正好形成鲜明的对比,因此蓝色按钮成为刻画的重点,在绘制蓝色按钮的过程中,若单单使用图层样式来制作恐怕达不到这种效果,可以使用“镜头光晕”和“极坐标”这两个命令相结合的方法来模拟这种特殊的光泽变化纹理就相对容易得多。如图1-3所示,为本实例的制作流程。图1-3  本实例制作流程(1)运行Photoshop,执行“文件”→“新建”命令,打开“新建”对话框,参照图1-4所示设置对话框,创建一个“网络播放器按钮”的空白文档。图1-4  “新建”对话框(2)使用工具箱中的“钢笔”工具,参照图1-5所示在文档右下方绘制路径。

1 次浏览
迷彩纹理按钮
迷彩纹理按钮

迷彩纹理按钮是以迷彩图案为底纹效果的按钮特效,这类按钮很容易引起人们对军事的联想,适合用于各类带有军事色彩的网页页面中。按钮图像与背景的协调搭配更增添了画面的表现力。如图2-2所示,为本实例的完成效果。图2-2  本实例完成效果在制作迷彩纹理按钮的过程中,主要应把握迷彩图像与按钮图形的结合效果。将迷彩素材图片定义为图案,方便在按钮图形上进行叠加,并且还可以调整纹理的大小、不透明参数等。中心的按钮设计为指针的形式,更增强了画面的军事含义。如图2-3所示,为本实例的制作流程。图2-3  本实例制作流程(1)启动Photoshop,执行“文件”→“打开”命令,打开本书附带光盘\Chapter-02\“背景02.jpg”文件,如图2-4所示。图2-4  打开素材图像(2)选择工具箱中的“椭圆”工具,参照图2-5所示配合<Shift>键,绘制三个正圆路径。

9 次浏览
迷彩纹理按钮(02)
迷彩纹理按钮(02)

(1)在“图层”调板中,新建一个图层,然后使用“多边形套索”工具,在视图两侧绘制选区,接着将选区填充为灰蓝色(R155、G166、B167)并取消选区,如图2-36所示。图2-36  绘制图像(2)执行“滤镜”→“杂色”→“添加杂色”命令,参照图2-37所示设置“添加杂色”对话框,为图像添加杂色效果。图2-37  设置“添加杂色”对话框(3)接下来为图像添加“投影”和“斜面和浮雕”效果,如图2-38所示。图2-38  设置图层样式(4)按下<Ctrl>键的同时单击视图两侧图像所在图层的图层缩览图,将图像作为选区载入。然后在“通道”调板中,单击调板底部的“将选区存储为通道”按钮,创建出Alpha 1通道。激活该通道,执行“滤镜”→“渲染”→“云彩”命令,为其添加云彩效果,如图2-39所示。

2 次浏览
石质纹理按钮
石质纹理按钮

本实例制作的石质纹理按钮看上去威武厚重,给人一种拙朴的感觉,使人仿佛又回到了汉唐时代,细心体验着那个时代创造的这拙中带巧的艺术美感。如图2-72所示,为本实例的完成效果。图2-72  本实例完成效果本实例中按钮的立体效果的塑造,应用了斜面和浮雕的图层样式,而纹理质感的创建主要是综合使用多种滤镜效果完成的。在制作石质纹理图像表面的裂纹时,为了使裂纹生动,自然随意,我们使用分层云彩命令的随机性制作出来的。由于石质纹理的图像的一般都有比较粗糙的纹理和特殊的光泽,所以在绘制的时候,应先仔细分析,然后再加以深入刻画,这样制作出的图像才具有生命力。如图2-73所示,为本实例的制作流程。图2-73  本实例制作流程(1)运行Photoshop,执行“文件”→“打开”命令,打开本书附带光盘\Chapter-02\“石质背景.jpg”文件,如图2-74所示。图2-74  打开素材图像(2)在“图层”调板中新建“图层 1”,设置前景色为灰色(R102、G102、B102),按下<Alt+Delete>键,使用前景色填充“图层 1”。然后执行“滤镜”→“杂色”→“添加杂色”命令,打开“添加杂色”对话框,参照图2-75所示设置对话框,为图像添加杂色效果。

4 次浏览
共计26043条记录 上一页 1.. 1385 1386 1387 1388 1389 1390 1391 ..2605 下一页