推荐阅读

详细解析网页无边框按钮的优劣点
导览列对于多数手机 APP 而言是个很重要的元素,它不但可以让使用者明确的了解目前所开启的功能名称,在许多时候还是放置导航与重点功能的一个区域。在以往,当导航列上出现可以点击的按钮时,设计师在视觉表现上都力求让用户知道是个按钮,直至 iOS7 的去材质化设计理念,将这些地方的按钮的形态去掉、仅剩下符号与文字告知用户该「按钮」的功能。传统上,大多数的按钮外观都被设计成拥有具体的形状范围,除了可以有效的提示使用者这是个「可以被点击」的按钮组件之外,还可以有效的让用户知道这个按钮的「作用范围」在哪里,以防误触到相邻的按钮。这点这在许多地方相当有用,尤其是按钮相当多的屏幕小键盘或计算器,就需要让用户知道按键的实际感应范围在哪里。桌面系统与触控系统大不同其实在导览列上去除每个按钮实体的形状并不少见,像是计算机系统中也是有许多组件的长相也不诺我们认知中的按钮,比如说系统列,其实就是一串按钮的集合体。计算机系统的主要操作方式是透过鼠标光标,当按钮拥有实体范围时,它可以帮助用户确认按钮的大小及位置,使鼠标光标准确地移动至按钮上方点击,而遇到像导览列或是工具栏的地方,因为导览列本身已经有实体范围了,并且也可以利用 hover 特效,帮助用户进一步确认光标与按钮之间的关系。

用钢笔、通道和曲线的抠图技巧
一、打开素材观察,发现此图并不难抠。比较难的是: A、头顶的几根细发和左手边发髻, 对此我们将用曲线调整。 B、左脸颊,左臂的网格衫与背景界限不清。对于界限不清,我们常用钢笔工具抠。 二、选择钢笔工具,图片放大到300%,抠出人体部位(不包括细发)。

相对路径和绝对路径在网页中的用途
经常听到网友苦述自己的网页中有许多图片不能正常显示,究竟为什么不能正常显示呢?总结其原因绝大部分都是因为使用了错误路径所致。网页中的图像、动画等素材都有自己固定的存放位置,网页只是通过路径使用HTML语言来调用它们,然后把它们显示在网页中。在网页中的路径大体可分为相对路径和绝对路径,大家(尤其是初学网页设计的朋友)往往对它们不够认识,在应该使用相对路径的地方使用了绝对路径,从而导致浏览器无法在指定的位置打开指定的文件,使素材不能正常显示。 那什么是相对路径?什么是绝对路径呢?为什么使用了绝对路径有时就不能显示呢?让我们一起来认识一下它们吧。 比如C盘的My Pictures目录下有一个tp.jpg图像,那么它的路径就是c:My pictures p.jpg,其实这种完整地描述文件位置的路径就是绝对路径。如网页index.htm中有一张图片tp.jpg,它们的绝对路径是: c:My picturesindex.htm c:My pictures p.jpg 如果你使用了绝对路径c:My pictures p.jpg进行图片链接,那么在本地电脑中将一切正常,因为在c:My pictures下的确存在tp.jpg这个图片。但你将它们上传到网站服务器上后,就不会正常了,因为服务器给你划分的存放空间可能在C盘其他目录中,也可能在D盘其他目录中,总之不会那么巧的就是c:My pictures。那么图片路径应该如何设置呢?这里就必须使用相对路径了,所谓相对路径,顾名思义就是自己相对与目标位置。在上例中index.htm中连接的tp.jpg就可以使用My pictures p.jpg来定位文件,这样不论将这些文件放到哪里,只要它们的相对关系没有变,就不会出错。具体的链接方式是这样的:“..My picturesimg.jpg”,其中使用“..”来表示上一级目录,“....”表示上上级的目录,以此类推。 我们一起来看看初学的朋友可能犯的几个路径错误: 例1 c:mywedwedindex.htm
最新发布

用Photoshop把清纯妹纸照片调成唯美青绿色
青绿色是甜美色中较为常用的,调色过程也比较简单。选好合适的素材图后,把图片背景主色调为青绿色,再把人物肤色调红润即可。暗部可以按需要增加一些棕红色。 最终效果 原图一、photoshop打开原图素材,创建可选颜色调整图层,对红、黄、绿、白进行调整,参数设置如图1 - 4,效果如图5。这一步把背景部分的黄绿色转为绿色。

Photoshop给外景女孩添加金色黄昏效果教程
最终效果原图1、打开原图素材大图,用通道结合钢笔工具把人物抠出来,不需要太细致。然后把人物复制到新的图层,效果如下图。2、把背景图层复制一层,选择菜单:滤镜 > 模糊 > 高斯模糊,数值为5,确定后按住Alt键添加图层蒙版,然后用柔边白色画笔把下图选区部分擦出来。3、新建一个图层,按Ctrl + Alt + Shift + E 盖印图层,混合模式改为“叠加”。按住Alt键添加图层蒙版,然后用透明度较低柔边白色画笔把需要增亮的区域擦出来,如下图。

合成唯美的宇宙星空风景图篇的Photoshop图片合成教程
最终效果:1.如何建立基地景观步骤1创建一个新的1920 x 1080像素文档,并用白色填充:第2步打开风景图像并使用魔术棒工具(W)仅隔离风景。将其移动到白色的画布上,并使用移动工具(V)将其放在底部。将此图层转换为智能对象。第3步

快速抠出透明的气球的Photoshop抠图教程详解
最终效果原图1、把原图素材保存到本机,打开PS软件,再打开保存的气球素材。按Ctrl + J 把背景图层复制一层,原背景图层填充白色,如下图。2、在工具箱选择“钢笔工具”,在属性栏选择“路径”。3、沿着气球的边缘勾出下图所示的路径。

Photoshop合成创意的超现实的城市景观的图片合成教程
先看看效果图1.如何建立基地城市环境步骤1使用给定的设置在Photoshop中创建一个1643 x 1333像素的 新文档:第2步打开天空图像。这个特定的图像不再可用,所以试试这个股票。使用移动工具(V)将此图像拖到白色画布上,并将此图层的不透明度降低到30%:

Photoshop详细解析如何更好的处理后期作品中的光线?
教程所需要的素材:后期合成中光线的应用素材如何做好PS合成,是一流的操作技术还是艺术的欣赏眼光?或者是天马行空的想象力?真要总结起来,可不是这么单单这三句话的问题。正因为“合成”这玩意儿,不是说你有好想法就一定能实现得很好,不是说你有好素材就能做好的(凡是拿这些给自己找理由的自己去卸载PS),不是教你怎么磨皮你就会调人像,不是教你怎么做火焰你就能去做电影海报。想HOLD住“合成”,你非得掌握七七四十九招,经过九九八十一难不可,相比其它的技术,它对操作者的综合素质要求更加高,我们只能慢慢的去积累,向大神靠近,接下来,我希望的是用文字带视频,理论带技巧的形式,去和大家一起来聊聊合成中光的运用技巧。接触过摄影的朋友肯定知道,光,是摄影的灵魂,它能让你的作品变得更加与众不同。很多时候,为了追求最好的片子,摄影师们可以为了一个好的光照环境,去等上一天或者更久。咱们可能没专业摄影师那个毅力,今天,我们就坐在电脑面前,自己动手设计一下“光”有何不可?如果你赞同,我们先来看看,我之前的分享的案例作品,没有处理光和处理之后的差别:

Photoshop图标设计教程:绘制扁平化风格的海盗图标
先看看效果图步骤1首先,让我们做一个新的文档的3800 X 3800像素大小。为了能够使用任何图标作为单独的对象,我将使用大尺寸,所以我想确保图像足够大。使用油漆桶工具(G)填充深蓝色的背景。采取圆角矩形工具(U),并为图标基地1024 x 1024像素的形状。打开“ 属性”面板(“ 窗口”>“属性”), 从这里我们可以调整我们的形状和颜色以及 矩形的圆角半径的大小。应该提到的是,当我们创建任何基本形状(椭圆,矩形,多边形等)时,它在图层面板上的图层上会有一个特殊的标记,这意味着我们的形状在我们栅格化之前保持向量 。这意味着我们的形状可以被改变,重新着色和放大和缩小,而不会造成质量损失,这很酷。但是,我们不能使用画笔着色这种形状,所以请记住这一点。第2步让我们开始从390 x 550像素的 圆角矩形制作瓶子 。我们将始终使用“ 属性” 面板,因此您始终可以在屏幕截图中查看每个形状的设置。至于瓶子,我们将设置取样器半径的的顶部 边角130像素和底部角落60像素,我们将设置填充形状,以明亮的绿松石色。

学习Photoshop绘制水彩风格花朵效果图片的PS教程
先看看效果图在网上找一副自己喜欢的手绘插画。我在这里用的是在华为主题市场上下载的主题里的屏保,我把图片也放在这里吧~如果找不到合适的素材,可以用这一幅。1、准备工作打开PS,新建一个900*600的画布,将选好的手绘画拖到PS中调整到适当大小。选择钢笔工具,调整钢笔;工具为形状,填充为无,描边选2像素,描边色选择一个深一点的颜色,方便我们后面勾勒形状。 2、勾形状仔细观察花瓣的重叠顺序和花瓣的形状,先从最底部的花瓣画起,一层层的往上画。可以把花瓣的命名统一,方便后续的图层管理。勾形状的这一步一定要细心,只有打好形状,最的效果才会好哦,钢笔工具使用时的快捷键:按住CTRL变白箭头;按ALT变为转化点工具。

Photoshop图标设计:绘制简约风格的解密游戏APP图标
做一个Icon的时候,无论是临摹还是原创,都是一样的顺序。1、先把整个Icon内容元素划分一下,确定画面元素;2、区分每个图层,然后按照顺序勾画出来。整理好思路,现在我们开始动手做起来吧。先看看效果图步骤一绘制一个1024*1024,角半径220px的圆角矩形。添加渐变叠加,样式为“径向”。步骤二1. 确定画面元素(背景、地面、山、山坡、树、人物);

Photoshop设计由蚊子组成的APP图标设计教程
展示效果图PART2:制作背景,首先新建512*512px,半径120px圆角矩形做底色,填充渐变如下:用圆角矩形利用比尔运算制作背景装饰。 开始绘制蚊子主体1 翅膀——利用椭圆工具和直接选择工具 旋转对称得到