与网页设计有关的Photoshop图片处理技巧8则

@尼拉贡戈小麦穗 PS是设计领域最著名的软件之一,是修图、美颜的神器不二神器。作为一个网页设计师,我早在学校里就学过PS,不过我已经毕业两年了…岁月如刀,刀刀催人老啊…现今的PS不断进化,衍生出了很多新的功能,而我呢,也跟着PS一同成长,学到了不少新知识~

  本文你会学到8个PS小窍门,是我非常后悔上学时没学到的一些技巧(希望能出现在早期PS中的一些功能)。这些技巧能帮助你提高工作效率,不加班不再是梦想!

一、比Illustrator更简单 —— 图层自动选择

  当我做LOGO或UI设计时,我不会将某个图层隐藏,我是Illustrator的超级粉丝~我最喜欢的一个Illustrator功能是:无论你选择了什么,它会直接在工作区域显示,你也可以点击你想编辑的事物,它就会被选中。

  但是在PS中,如果你想选什么,有三种方法:1. 去图层面板里选择;2. 按住CTRL 点击鼠标左键选择;3. 单击右键选择你要的图层(如果有很多图层的时候,上帝保佑你能找到它…)

  幸运的是,PS里出现了一个类似于illustrator的工具——自动选择。选择工具栏里的移动工具后,上面的选项栏会粗线一个“自动选择”和一个下拉菜单,将自动选择打上勾勾,下拉菜单选择图层。欧了~现在你试试,无论何时都可以自由的选择图层了~

  再向左看,是显示变换控件选项,如果你想变换图片的形状、大小,可以选择它。

  若你想同时选择多个图层,直接画个矩形包住所有要选图层即可。(还是在选择工具下操作喔)

二、更好、更快的控制你所用工具的型号

  我们常用的更改工具大小的方法有:在选项栏的下拉列表里选择,或是单击右键。但但但但是,有种方法,可以让你用只鼠标及ALT键,更加精确的调整工具型号,Are you ready ?

  工具很简单,首先按住ALT,然后单击鼠标右键,你将会看到一个红圈,这是你现在使用工具的大小,左右移动即可调节大小,上下移动调节硬度。此方法适用于所有可调节大小及硬度的工具。

三、多窗口利用起来。

  如果你浏览过窗口菜单,你将会看到“排列”>为“**”新建窗口,这个选项会为你当下的文件开一个新窗口。这样做的好处是:若你在其中一个窗口的图层里画画,另一个窗口会有同样的变化~简单来说,这就是一个文件的两个相同视图。

  &%¥……# 你是不是想问我为嘛要为一个文件开俩窗口?其实是这样的…

  假如你将做一个文件,它既要用做网页也要印刷,你是否会将模式调整为CMYK?别担心,你仍可以在REG环境下制作文件,然后在CMYK环境中预览。方法:点击窗口>排列>为“**”新建一个窗口,然后CTRL+Y即可。

  现在你可以继续用REG环境,同时看看CMYK环境下的颜色如何。

  还有一个用处是:当你使用蒙版图层时,按ALT点击蒙版图层,选中的图层便会单独显示出来。在这个图层上你无法工作,你也不需要真正的看见你正在做什么。

  现在我们可以再次为文件新开一个窗口,将上面做的图层与蒙版图层作对比,这样我们可以在一个窗口进一步的精修图片,在另一个窗口看结果。

四、放开我大剪贴蒙版!

  剪贴蒙版在PS纷繁复杂的功能里是灰常有用的,它可以让一个图层套在另一个图层里。基本上,剪贴蒙版只会影响它下面的图层,我们可以看看下面的例子。

  首先新建一个文字图层,然后创建一个空白图层,将两者夹到一起。用笔刷在Layer2上随便画一些图案,你会发现你只能画在有文字的地方;如果释放了剪贴蒙版,神奇的事情就发生了:原来看不到的不是没画上,而是隐藏了~

  创建一个剪贴蒙版很简单,你只需按住ALT,然后点击创建新图层,接着勾选“使用前一图层创建剪贴蒙版”;或者用shift + CTRL + N也可实现。

五、捷径!—— 为图层或蒙版创建选区

  按住CLRT键,点击图层缩略图,你将对图层里的文字或形状创建一个选区,如下图所示,用这种方法选文字和错综复杂形状非常方便。

  这个技巧最精华的部分在于,它不仅仅作用于图层,也适用于蒙版。你可以在矢量蒙版上试试。

六、操纵变形

  用操纵变形转换一个图片时,只需点击 编辑>操纵变形,图片就会被很多线分成一小块一小块的。在每条线的连接点你都可以放置一个图钉,在一个图片中,你至少需要两枚图钉。可动的图钉为外黄里黑,不动的仅有黄色。使用操纵变形,你可以对图片进行部分移动,方法:在不需要移动的位置放置图钉,拉动你想要变换的区域。

  下图为恶搞,作者属美帝人员Mr G’s Travels,与大中华纯洁善良的民众无关。名字叫:婀娜的美籍洛神。

  删除图钉的方法是:按住ALT并点击需要删除的图钉。 PS,按住ALT键时,可动的(外黄里黑)图钉会出现一个大圈喔~

七、用“样式”来储存预先设置效果

  Illustrator里另一个我很喜欢的工具是“图层样式”面板,它可以让你保存任何你创造的元素或风格。这非常适用于GUI设计,让你能直接使用你创造的一些小东西。这个功能在PS里也可实现~

  当你做完投影、内阴影等选项后,艾玛突然看见混合选项框的右边有个新建样式!是的没错你发现了新大鹿…轻轻点击它,就能保存你的制作。

  另一种方法是选择有你想要储存的样式的图层,打开样式面板(或者在“窗口”选项里找),然后点击“新建”样式(与新建图层图标一样),最后储存。

  在这个面板里,你可以看到你已经储存的样式(还有那些死挫的PS自带样式…)。来,试试吧,先选择一个图层,然后有两条路可走:

  1. 选择你想要应用的样式
  2. 在选项栏里下拉列表,当选项出现了,矩形变换工具就是你的阿拉丁神灯咯~

  样式的另一个超炫功能是可以储存、分享和下载,这样你就可以建立一个完整的样式馆了~怎样输出这些样式呢?方法:打开样式面板,点击右边的下拉选项,选择预设管理器,在这里你可以储存你的样式。默认情况下没有选项,你必须选择所有你想要存储的样式,你也可以使用相同的面板去载入其他的样式。

八、拒绝取消,改用复位

  说真的,我想这个估计很多老手也会不知道这个隐藏功能。处于新手阶段的筒子们一定觉得曲线和色阶调整很难掌握吧,有些时候有些色阶结合或是其他的调整不能很好的融合,这就导致设计师不得不重新开始。通俗的对应方法是:点击取消按钮,或者重新打开调整面板。

  不过这里还是有节省时间的小窍门~当你想要重新做一个曲线,不要直接点击取消按钮,按住ALT键,“取消”将会瞬间变身成一个叫“复位”的东西…点击复位,曲线就会回到初始状态了~

结语

综上所述,很多东西都可用PS简单的完成。希望你能喜欢这8个小窍门,如果你也有,不要吝啬哦~欢迎在下面的评论跟大家分享~

时间: 2024-10-04 13:47:17

与网页设计有关的Photoshop图片处理技巧8则的相关文章

CSS网页设计中使用背景图片须注意路径问题

css|背景图片|设计|网页|网页设计|问题 网页设计技巧文章,CSS网页设计中使用背景图片须注意路径问题. 在传统的表格布局中,背景图片是直接应用于表格的,一般情况下CSS的background-image属性使用非常少,或者说根本就不使用.应用CSS网页布局,实现内容与表现.行为相分离,作为页面框架.装饰等图片我们就直接剥离到CSS文件中,通过CSS进行定义. 我们通常用link的方法直接引用一个CSS文件到HTML(或其它活动文档)文件中.我们会发现有时候我们的图片无法显示了.此时,请查看

网页设计当中如何用图片加文字来表现

  一个网页最重要的一点就是把信息传递给浏览者,而一般传递信息的方式就是文字或者图片,但是如果用文字加图片的方式来传递,这样组合起来的效果将会比单个方式传递将更加的有效. 图像胜过文字 大多数人认为图像比文字易于理解,这已经不是什么秘密了.通过观看的形式,图像更容易表达情绪,也更容易让用户铭记.用户很可能因为页面中一幅动人的图像而记住你的网站. 在网上,你可能看过很多信息图.信息图的绘制规则很简单--人们更喜欢读图.很多人宁愿从图像中学习知识,世界上三分之一的人喜欢用图像作为学习的工具. 背景图

网页设计中的图标的使用技巧与资源合集

  提到图标设计,似乎每个设计师都有话说,但是要做好图标设计真的那么容易么?今天这篇文章针对网页设计领域的图标设计进行了相对全面的梳理,从设计技巧到设计资源一应俱全,但愿能帮上你! 图标是每一个现代UI中不可或缺的组成部分,它们不仅能协助UI布局组织内容,而且轻量级的图标融入界面也不会喧宾夺主.不仅手机和平板的APP UI中会大量用到各种图标,而且iPod和智能手表的界面中也是如此,这正是因为图标具备快速直观传达信息的能力. 在网页设计刚刚兴起的时代,小图标就已经被早期的网页设计师和开发者投入使

网页设计中文字颜色的搭配技巧

技巧|设计|网页|网页设计|中文 对于做网页的初学者可能更习惯于使用一些漂亮的图片作为自己网页的背景,但浏览一下大型的商业网站,你会发现他们更多运用的是白色.蓝色.黄色等,使得网页显得典雅,大方和温馨.更重要的是,这样可以大大加快浏览者打开网页的速度. 一般来说,网页的背景色应该柔和一些.素一些.淡一些,再配上深色的文字,使人看起来自然.舒畅.而为了追求醒目的视觉效果,可以为标题使用较深的颜色.下面是我做网页和浏览别人的网页时,对网页背景色和文字色彩搭配积累的经验,这些颜色可以做正文的底色,也可

高手传经 网页设计中的几个小技巧

技巧|设计|网页|网页设计 如上图是Relen的个人主页Relen.com,2004版的首页发布信息,尤其是过年前后,利用雪花来点缀页面是非常合适的.注意这里面的雪花的摆设位置是有些技巧的,你可以考虑用黄金分割来支配你的设计思路,以达到合理.舒适的效果. 先排列文字,运用两到三种不同的字体,绝大多数文字对齐左侧,而其中一行突出,形成错落有致的感觉.文字的大小需要调整,主要信息文字大写,字体突出.而其他根据信息主次和平面设计的要求等多种因素进行排列.个别地方使用斜体加强,或用加粗的形式明示. 字体

网页设计原则理念以及实战经验技巧

什么是好的网页设计,网页设计原则理念 (1)内容和功能决定表现形式和界面设计 常常有人凭借电话的几句交流或者QQ上的几句聊天,甚至是一张句话的小纸条,就开始做一个网站设计.我决的这都是敷衍了事的通用设计,很不专业不成熟的设计.做一个良好的网页设计,你需要了解客户的东西很多,比如: 1.建站目的(是主推产品还是平品牌,是主要注重SEO还是用户交互等) 2.网站类型 3.栏目规划及每个栏目的表现形式及功能要求 4.主色调.客户性别喜好.联系方式.旧版网址.偏好网址 5.根据行业和客户要求,那些要着重

CSS标准网页设计UL和DIV使用的技巧总结

css|标准|技巧|设计|网页|网页设计 了解结构化CSS设计内容,首先看下面两个例子: <div id="nav"> <ul>  <li></li>  <li></li>  ...... </ul></div> 很多人,包括许多业界大牛,都建议你这样写即可: <ul id="nav"> <li></li> <li><

网页设计中制作Flash站点的技巧

技巧|设计|网页|网页设计|站点 根据Macromedia 顶级Flash设计者,开发者以及可用性专家的建议,我们收集了创建一个具备可用性的Macromedia Flash站点的十大技巧. 这些技巧只是一个开始,我们将继续提供更多的研究,学习与技巧. 1.记住用户的目标 用户往往带着目的访问一个站点,每个链接,每次点击都要合乎他们的经验并且引导他们通向他们的目标.当传输你的页面时,应该让关键的导航链接首先装载--万一用户想转到网站其它的区域.模仿通常的用户图形界面往往可以增加可用性. 2. 记住

网页设计中透明效果的使用技巧

运用好透明效果是提高网页设计水准的重要方法之一.如同使用其他方法一样,设计师们有很多种手段将透明效果运用到网页中,今天这篇文章就来好好和您分享一下关于"透明"的实用小技巧哟:) 在网页设计中使用透明效果是件既美观又冒险的事儿.透明效果的使用是把色块,文本或图像"变薄"或者降低饱和度,使颜色变浅透明,这样下个图层的内容就能穿透显示出来.这种方法如果用好了,效果将会特别棒--能突出显示文本或者在图像的特定区域形成焦点.但设计者在运用透明效果时要特别小心,因为这么做可能会