Archive for the ‘ Dirty Tips & Trickes In Photoshop ’ Category

PHOTOSHOP的秘密快捷键

原文地址:http://www.webdesignerwall.com/tutorials/photoshop-secret-shortcuts/

1、拖拽选区

用鼠标拉出一个选区,在鼠标不放的情况下按住空格键可以移动选区。

shortcuts-1

2、左右移动文件

按住ctrl键使用鼠标滑轮,可以使画布左右移动(适用于出现横向滚动条的情况)。

shortcuts-2

3、查看字体

将鼠标移动到字体下拉菜单处并选中,然后使用键盘的上、下键可以查看字体。

shortcuts-3

4、调整文字大小

使用文字工具,选中一段需要调整大小的文字,按住ctrl+shift+< 或 ctrl+shift+>  可以调节文字大小。

shortcuts-4

5、使用鼠标滑轮进行缩放

放大和缩小画布,除了使用ctrl + “+” 或 ctrl + “-”,还可以使用ctrl+alt+鼠标滑轮。

shortcuts-5

6、调节字体面板的数字值

按住ctrl,当鼠标经过字体属性面板的数字值时会出现滚动光标,使用滑轮可以滑动调节数值。如果使用ctrl+shift可以每次加10或减10。

shortcuts-6

7、直接点击字体面板的数值,上下移动滑轮同样可以调整数值。

shortcuts-7

8、单击数值输入框,用上下箭头键也可以调节数值,结合shift键可以每次加10或减10。

shortcuts-8

9、双击缩放工具图标,画布恢复100%大小。

shortcuts-9

10、折叠或展开所有图层组。

按住ctrl键单击图层组旁边的小三角,可以折叠或展开所有根目录下的图层组。按住ctrl+alt键单击图层组旁的小三角,可以折叠或展开所有层级的图层组。

shortcuts-10

11、批量显示或隐藏图层

如果你想一次性显示或隐藏不止一个图层,可以直接按住某一层的眼睛图标向下拖拽。

shortcuts-11

12、隐藏所有其他图层

如果你只想显示某一个图层,可以按住alt键点击该图层的眼睛图标。

shortcuts-12

13、改变图层混合模式

alt+shift+”-” 或 alt+shift+”+” ,可以改变图层混合模式。

shortcuts-13

14、设置特定的图层混合模式

alt+shift+ C, N, M, S, D 等特定组合键可以设置特定的图层混合模式。

For examples:
Normal = Opt + Shift + N
Screen = Opt + Shift + S
Multiply = Opt + Shift + M
Color = Opt + Shift + C

shortcuts-14

15、锁定图层透明像素

按住斜杠”/”键可以锁定图层透明像素

shortcuts-15

16、加载通道选区

ctrl+ 2、3、4、5 可以依次激活各个通道。还可以通过ctrl+alt+数字键来加载某个通道的选区。

shortcuts-16

17、tab键可以隐藏或显示工具箱

18、精确光标

大小写键会使光标转换为精确光标。

shortcuts-18

19、使用shift键与工具快捷键组合可以切换工具类型。例如笔刷工具的快捷键是B,使用shift+B可以切换画笔工具、铅笔工具和颜色替换工具。

shortcuts-19

20、改变笔刷大小。

使用” [ " 和 " ]  ” 键可以增加或缩小笔刷。而是用shift + ” [ " 或 " ]  ” ,可以增加或减小笔刷硬度。

shortcuts-20

21、数字键可以调整图层透明度(ie. 1 = 10%, 2 = 20%…)。但使用笔刷工具时,数字键将调整笔刷透明度。

shortcuts-21

22、复制图层

复制图层有多种快捷键。

× 使用 ctrl+alt 拖拽复制图层;

× ctrl+alt+方向键 (似乎比较适合Mac);

× ctrl + J 复制图层在当前位置;

× 在图层面板的选择某个要复制的图层按住alt拖拽;

shortcuts-22

23、Cmd + Opt + Shift + E 盖印可见图层并复制为一个新的图层。

24、改变工作区颜色

选择油漆桶工具,选择想要的前景色,按住shift键在工作区单击即可改变颜色。

shortcuts-24

25、填充前景色或背景色。

alt + 空格键 = 前景色 ctrl + 空格键 = 背景色

alt + shift + 空格键 = 为非透明区添加前景色 ctrl+ shift + 空格键 = 为非透明区添加背景色

26、ctrl + TAB 键切换当前文档(打开多个文档时)。

27、按住ctrl 点击图层面板的某个图层可以加载选区。

28、按住alt + shift 可以从中心开始缩放。

29、当选择了笔刷工具以后,按住alt键可以调用出吸管工具,按住 shift + alt 会激活信息面板。

30、关于快捷键设置的面板快捷键为 shift + ctrl + alt + K。

photoshop小技术点之——图层复合

从06年开始使用photoshop CS2,到现在的photoshop CS4,居然一直没发现“图层复合”这个面板,甚至连这个功能是从哪个版本开始出现的都不清楚,汗|||。可见本人的好奇心已经低到了什么程度。一个很简单的功能,今天无意中在一个flash英文教程视频中发现。

所谓图层复合,不是指图层合并,也不是什么图层盖印,而是指在psd文件中根据需要对不同的图层和组进行组合显示的一种小功能。

简单的理解,图层复合面板会记录当前文档中的图层显示状态。当你关闭或打开一些图层和组时,图层复合面板可以帮你记录下文档当前的显示状态并创建一条记录。

比如我们在制作一个网站的首页,你可能在同一个psd文件中制作了两种布局以供选择,这样,你可以通过“图层复合”的功能,将这两种布局状态分别储存起来,在“图层复合”面板上控制它们显示或不显示,并添加相关的注释。

这个功能对于团队协作非常有帮助。

教程地址:http://99ut.blueidea.com/text/photoshop/basic/pss05_10.html

PHOTOSHOP实现唯美光晕

Awesome-digital-bokeh-effect

Awesome-digital-bokeh-effect_1

今天新学的一个光晕效果。在互联网上类似这样的光晕背景素材很多,一直没弄明白是怎么做出来的,今天找了个教程,发现原来技巧非常简单,依然是对图层混合模式的把握和自定义笔刷来实现的。越来越感觉到对颜色和线条的把握是设计效果的关键。在掌握技巧的基础上,对细节的把握就是设计优秀与否的关键所在了。

附原教程地址:http://abduzeedo.com/awesome-digital-bokeh-effect-photoshop

色彩的力量

funny_circle

晚上做的一个练习贴,培养色感和对线条的把握。在笔记本上做的,模仿得比较粗糙,估计还有色差,嘿嘿。

附教程地址:http://psdlearning.com/2009/05/colorful-spirograph-poster/

PHOTOSHOP璀璨光线教程(译文)

Luminescent-Lines

偶做滴效果,非常喜欢这些既简单又实用的技巧,很多细节设置在其他设计中也可以借鉴。

原文地址:http://psdlearning.com/2008/06/luminescent-lines/

制作璀璨光线的技巧很简单,对于制作抽象化壁纸或作为溶图背景都很有用。本教程主要是通过制作自定义笔刷的方式来实现的。

最终效果如图:

Luminescent Lines_01

第一步:新建一个72dpi,1024×786的空白PSD,填充背景色为黑色或其它深色系。选择笔刷工具,1px圆角笔刷,前景色为白色。新建一个图层,选择钢笔工具,在画布上勾一条曲线路径,右键选择路径描边,打勾选择“模拟压力”。

Luminescent Lines_02

第二步:按ctrl点击该线条图层载入选区,编辑-定义画笔预设,将线条定义为一个画笔。选中该画笔,打开画笔属性面板做一下设置:

Luminescent Lines_03

 Luminescent Lines_04

第三步:隐藏原先画的线条,建一个新图层,选择刚才定义好的画笔,在画布上从左到右涂画(效果因线条形状和参数设置会有不同)。

Luminescent Lines_05

第四步:现在为这个线条图层添加图层样式。

Luminescent Lines_06

Luminescent Lines_07

第五步:复制该图层,打开图层样式面板,只改变外发光的设置,选择另一种透明底的彩虹渐变色,其他设置保持不变。

Luminescent Lines_08

第六步:这一步的作用是令这些线条的尾部和背景更融合。可以采用橡皮擦工具或通过建立蒙版来实现,如果你对图像效果已经很满意了,也可以略去这个步骤。

Luminescent Lines_09

第七步:为图像添加一些小光晕。选择2px或3px的圆角画笔即可实现。

Luminescent Lines_10

第八步:现在新建一个图层,选择大一点的画笔,用各种亮色对画布进行涂抹。最终效果类似下图:

Luminescent Lines_11

第九步:为这个图层做100px左右的高斯模糊,并改变图层混合模式为“颜色”,降低图层透明度到50%左右。最终效果就出来了!

Luminescent Lines_12

实用photoshop教程链接集合

VISTA风格UI实现:http://www.tutorial9.net/photoshop/the-vista-window-effect/

VISTA风格光晕效果:http://www.tutorial9.net/photoshop/creating-the-windows-vista-lighting-effect/

网页设计中像素的妙用:http://www.tutorial9.net/photoshop/5-pixel-popping-techniques/

发光的3D盒子logo:http://www.tutorial9.net/photoshop/create-a-3d-glossy-box-logo/

字体的光与影效果:http://psd.tutsplus.com/tutorials/text-effects-tutorials/using-light-and-shade-to-bring-text-to-life/

25个优秀的photoshop网页设计教程:http://www.yeeyan.com/articles/view/38315/22705

彩色发光的字体效果:http://www.tutorial9.net/photoshop/colorful-glowing-text-effect/

光线效果进阶教程:http://psd.tutsplus.com/tutorials-effects/advanced-glow-effects/

彩虹、光线和发光效果教程汇总:http://www.smashingmagazine.com/2008/04/03/adobe-photoshop-tutorials-rainbows-glows-and-light-effects/

炫美光圈效果:http://www.blog.spoongraphics.co.uk/tutorials/how-to-create-intense-light-streaks-in-photoshop

50+最好的photoshop入门教程:http://psd.tutsplus.com/articles/web/50-great-photoshop-tutorials-for-clever-beginners/

40+漂亮的grunge风格教程:http://www.smashingmagazine.com/2008/10/28/40-beautiful-grunge-photoshop-tutorials/

35+复古风photoshop教程:http://www.smashingmagazine.com/2008/10/14/30-beautiful-vintageretro-photoshop-tutorials/

28个完美光线效果:http://webdesignledger.com/tutorials/28-powerful-photoshop-lighting-effects

16个最好的photoshop网页设计教程:http://webdesignledger.com/tutorials/16-best-photoshop-tutorials-for-creating-web-designs

13个改善图片效果的photoshop教程:http://webdesignledger.com/tutorials/13-useful-techniques-for-enhancing-web-design-photography

免费的photoshop插件和滤镜完全手册:http://www.smashingmagazine.com/2009/08/03/a-z-of-free-photoshop-plugins-and-filters/

用photoshp制作wii风格网站导航条(译文)

原文地址:http://www.originmaker.com/2008/wii-web-header-photoshop/3/

导航条效果如下:

wiiheader

第一步:新建一个文档。我所使用的是1055px×151px,分辨率72dpi的画布,填充背景色为白色。

step1

第二步:

选择圆角矩形工具,在画布上画一个圆角半径16px,颜色为淡灰色(# F2F2F2)的圆角矩形,并将上圆角裁剪掉。

step2

 

第三步:调出图层样式模板,为灰色圆角矩形添加投影、内阴影和渐变。

step3_1

step3_2

step3_3

step3_4

第四步:

现在将圆角矩形工具的圆角半径改为8px。新建一个图层,画一个灰色(#888888)大小约为64×72px的圆角矩形。

step4

第五步:

沿着导航条底边将新建的圆角矩形下半部分去掉。然后为这个深灰色的圆角矩形添加内阴影和渐变颜色。

 step5_1

step5_2

step5_3

第六步:新建一个图层,画一个黑色矩形(64×10 px)。

step6

第七步:为这个黑色矩形添加阴影图层样式。并将该图层的图层混合模式改为“变暗”(Darken)。

这个步骤按照作者滴方法更改混合模式似乎不起作用,混合模式改为“颜色”似乎更合适些,我自己的做法是干脆将图层填充的百分比改低。—— fleur~

step7_1

step7_2

第八步:加上文字后的效果

step8

第九步:将文字颜色改为#717171。新建一个图层写上导航链接的文字内容,然后添加一个阴影的图层样式。

step9_1

step9_2

 

 

 

Photoshop图层混合模式及中英文名称对照

normal 正常
dissolve 渐隐
darken 变暗
Mutiply 正片叠底
color burn 颜色加深
linear burn 线性加深

lighten 变亮
screen 滤色
color dodge 颜色变淡
linear dodge 线性减淡

overlay 叠加
soft light 柔光
hard light 强光
vivid light 亮光
linear light 线性光
pin light 点光
hard mix 实色混合

difference 插值
exclusion 排除

hue 色调
saturation 饱和度

color 颜色
luminosity 亮度

一个photoshop小技术点的记录

 

tut01

画一个圆角矩形,添加上需要的样式。

tut02

 

选择转换点工具,选中左下角的锚点。右键 – 自由变换点。

 

tut03

在菜单栏更改参考点位置为左下角。编辑 – 变换点 – 水平翻转。

 

tut04

对圆角矩形右边做同样处理,就得到上图的效果。这种效果多用于导航菜单。

[转]推荐Photoshop常用技巧167条