推荐阅读

详细解析网页无边框按钮的优劣点
导览列对于多数手机 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教程
最终效果图如下:步骤1、我们新建或Ctrl+N,创建1000x 800像素大小,分辨率72像素/英寸,RGB颜色,8位,背景内容为白色的新文件 。大小也可以根据需要自己设定。步骤2、在图层面板中新建图层1,然后选择椭圆选框工具,按住Shift键在画布中间画一个圆。步骤3、设置前景色为蓝色#1659e2(颜色也可以根据自己喜欢设置),按Alt+Delete键填充蓝色,得到一个蓝色的圆。步骤4、转到图层面板双击图层1打开图层样式,下面我们来设置圆的内阴影,混合模式:叠加,不透明度:65%,距离:1,大小:40,等高线:环形-双。

巧用Photoshop通道工具快速抠出白云图片的PS抠图教程
最终效果原图1、首先观察通道。点击原图打开大图,把大图保存到本机。打开PS软件,再打开保存的天空素材大图。进入通道面板,选择红通道,白云与背景色差比较大,比较理想。选择绿通道,白云与背景色差比较大,不过没有红通道明显。选择蓝通道,白云与背景颜色基本接近。

使用Photoshop绘制立体风格的透明塑料袋图标设计教程
先看看效果图第一步:打开PS好啦,好啦,大家都知道打开ps啦,那就ctrl+n新建一个宽高为1260*900,分辨率为72,背景为白色的画布。并把下图拉入ps中,注意观察此图的玻璃质感和颜色的运用。(像素妹这次主要带大家进行形体的创作,因此看到这张图片颜色不错就直接用啦,大家那里要是有好的图片,也可以自行吸取颜色。)第二步:塑造背景有的同学这时会问了,平常我们不都是最后才做背景吗?因为这次我们的主体物是一整个玻璃瓶子,非常通透,大部分要靠透过背景的光线和投影来塑造,因此我们先把背景搞定。我们先确定一下光线的来源,这里像素妹想让光从右上方打过来,(大家可以随意,不过后面的高光和投影都要跟光源相对照哦~)那么就填充一个左边颜色深右边颜色稍浅的渐变,如下图。为了体现出空间距离感,我们用形状工具中的矩形和圆羽化来拉出前后层次,并加剪贴蒙板在之前的渐变图层上,得到下图。背景就先告一段落了。

详细解析Photoshop选区在后期调色中的应用教程
很多没有绘画基础,刚开始学习调色的摄友,都是凭感觉调色,而网上大多数教程也是如此。这样调色的过程让人非常受折磨且效率低下,对于不同的场景每次都要琢磨半天,如果能正确的认识选区对于调色的意义,调色的效率就会大大提高,就能举一反三。一、选区对于调色的意义那么选区对于调色有什么作用,其实调色时我们所有的操作都是在选区中进行的,只是有的选区是可见,有些是隐藏的。比如,最近PS/LR更新了,其中有一个很牛逼的功能“范围遮罩”,可以直接通过明度/颜色来划分选区。应用范围遮罩就能将天空与树叶分别选取出来,只需要两步就可以将画面变通透,这是处理后的对比图。首先在Camera Raw中打开图片,使用渐变工具,右下方就会出现“范围遮罩”,将蒙板勾上,然后用吸管工具,吸取树叶的颜色,此时红色的区域代表树叶被选中的区域,在不影响其他区域的情况下,就可以直接将树叶提亮加绿。相反用吸管工具吸取天空的颜色就能将天空选中,针对天空压暗加蓝处理。有了选区,这样调色就比较有针对性了,所以效果也很明显。最后的处理效果图:这是看得见的选区,很多时候选区都是看不见的,隐藏在调色工具当中。比如要对画面衣服与模特的肤色进行更改,首先应该考虑的是用什么工具最有效,显然是“选取颜色”工具。

Photoshop制作金色特效的波普人像效果图片
下面是教程开始1.打开Photoshop,新建文档,把抠好的“模特”图片拉进来,适当调节下她在画面的位置2.给“模特”填充一个背景,这里我取了模特发巾的颜色作为背景色,色值为#2e45a13.打开通道面板,按住“ctrl”键,鼠标点击红通道缩略图位置(没错,就是下图红色框框的地方~),得到选区,按住“ctrl+shift+i”这3个键,反转选区4.新建图层,填充一个颜色,色值为#2e45a1(同背景色),设置图层混合模式为“颜色加深”。按住“ctrl+alt+g”建立剪贴蒙版,效果如下图所示

Photoshop调色调出暖色电影艺术效果人像图片教程
效果图:原片在拍的时候,除了使相机与灯光来配合拍摄手法外,配色是最重要的一步。为了模拟夜间霓虹灯的效果,在氛围灯上我加了一片洋红色片。所以可以看到,没有被主光照到的地方都是红红的。影调微调白平衡是机内默认的闪光灯K值。然后略微提了一点点阴影和阶,是为了让暗的地方稍微起来点。

Photoshop制作玻璃反光特效动作艺术字设计教程
最终效果1、打开PS软件,按Ctrl + N 新建,尺寸为1000 * 700像素,分辨率为72像素/英寸,然后确定。2、把前景色设置为暗灰色#0d0d0d,在工具箱选择油漆桶工具,把背景填充前景色。3、把下面的文字素材保存到本机,然后用PS打开。4、选择移动工具,把打开的文字素材拖到新建的文件里面,并调整好位置。