推荐阅读
那些有趣的作品展示网站设计欣赏
设计个人作品展示页的时候,我们常常因为缺乏创意而着急挠头,那么如今最先锋、最好玩的展示页都是怎么做的呢?今天一起看看这些令人脑洞大开的设计吧。作品展示类网站绝对是大家最熟悉的网站类别之一,不仅仅是实际需求多,而且对设计师而言,展示个人作品也是常见需求。新技术的加入让网页设计和艺术之间的界限越来越模糊,这也是为什么许多设计师的个人作品站开始越来越富有后现代的美感了。在这个“后可用性时代”,艺术和可用性之间的关系越发的微妙,而这种关系在各类作品展示站上表现的相当明显。作为设计师的展示作品的平台,这类网站通常在艺术上显得更为先锋,在技术的选取上也颇有想法。所以,当你开始研究这些优秀的作品展示站的时候,不妨从它们的美学特征开始着手,再研究其中CSS和HTML代码的运用。FABIO ROCHA让我们从Fabio Rocha 的作品站开始吧。这个网站设计并不复杂,设计师并未固定页面宽度,但是排版和图片素材的处理都相当的用心。整个网站最值得学习的是黄色的运用。K LOGICK Logic 是一个营销公司的展示站,网站按照项目被划分为不同的色块,而网站语言则是英文和希伯来语混用。虽然这类“盒子式”的网站布局往往显得单调,但是K Logic 则展示出这类网站同样是可以做的足够漂亮的。GORAN FILIPOVIC
Photoshop详细解析后期数码产品的质感修图
产品修图前后对比效果产品修图视频演示视频里有些东西可能没有提到,下面是图文解说,有耐心的朋友可以看下:1.首先用钢笔工具把产品从背景中抠出来,背景色填充为白色;2.把抠好的产品进行肢解,每块区域都单独抠出来,这里比较繁琐的步骤就是抠图,要有耐心;3.都肢解好了,开始各个击破,我们从下往上修,先把最底下的一条细边填充个灰色,填充的时候,要在该图层之上新建一个空白图层,填充后按ctrl+alt+g把填充图层变成剪贴蒙板层,这样做的好处就是无论我们在该图层上如何操作都只会对相应的父系层起作用,不会影响到其他图层;
Photoshop图案和图案画笔的定义
在前面的课程中,我们学习了Photoshop中两大基础概念,分别是选区和图层(图层蒙版),以及由此衍生的其他一些内容,比如色彩调整等。大家可能对我们未将通道列为“重点”感到疑惑,这是因为通道虽然有用,但完全不用也不影响大部分的制作,因而相比之下通道在实际当中使用频度不高,尤其是在网页设计中,通道堪称为罕用。在今后的课程中我们还将遇到Photoshop的“督脉”:路径。学习完路径之后大家就具备了完全的设计能力,而我们的课程也会进入Illustrator部分。 位于工具栏中的众多工具中有一些我们已经使用过了,分别是选择工具、移动工具、画笔工具。常用的工具也就是这三种。 选框工具的作用是创建选区,需要创建选区就要使用它。 而移动工具应该是最常被使用的,因为需要使用它来进行图像的布局。这不仅限于移动,还有与CTRL和SHIFT等按键的组合(如选取图层等)。 画笔工具虽然是绘图工具,不过被用来绘制图像这样“直接效果”的机会也不多,而是较常被用做进行修改蒙版之类的“间接效果”操作。 在这节课中,我们将对位于工具栏中的各个工具做个介绍,它们的使用机会虽然都不是很多,但它们的使用效果也是不可代替的。有时候就需要用它们来做一些“画龙点睛”的操作。由于介绍的工具繁多,因此与前面的课程相比,本科内容会显得较碎。文字工具将在以后的课程中介绍。 首先是绘图类工具。 说起此类工具大家一定会联想到我们在早先学习过的画笔 、铅笔 、以及历史纪录画笔 它们就属于这个类别。这个类别的工具都位于工具栏第一条和第二条横线之间。其他绘图类的工具有:污点修复画笔工具 、修复画笔工具 、修补工具 、红眼工具 、颜色替换工具 、仿制图章工具 、图案图章工具 、橡皮擦工具 、背景色橡皮擦工具 、魔术橡皮擦工具 、渐变工具 、油漆桶工具 、模糊工具 、锐化工具 、涂抹工具 、减淡工具 、加深工具 、海绵工具 。 需要注意的是,绘图类工具在使用中都有笔刷的应用,不同笔刷做出来的效果也不相同,如果对笔刷的设定不甚明了,在使用绘图工具的过程中可能会遇见难以理解的现象。因此请务必先掌握好我们在课程#03中所讲述的内容。 在讲解新工具的使用前,我们先要了解一下图案。图案在后面要学习到的几种工具中将会被使用到。在Photoshop中,图案和笔刷一样,属于一种“全局性”的定义,可以通过多个工具或多种方式调用。是可记忆和可重复使用的,我们要先学习一下图案的定义方法。
探寻镜头焦距究竟如何影响画面
你是否也曾思考过镜头焦距到底会对画面有怎样的影响?即使拍摄同样的场景,选择不同的镜头也会拍出完全不同的画面。不同的焦距在很大程度上会改变被摄体与背景之间的空间透视关系。 压缩主体与背景之间的距离,是长焦镜头最显著的效果之一。长焦镜头会“压平”画面,而广角镜头则有“拉伸”效果。想知道为什么85mm是最流行的人像镜头?因为在这个焦距下拍出的人像,可以保证鼻子不会“变大”。 使用长焦镜头还会影响到景深。大部分人可能都知道景深与光圈有很大关系,不过镜头焦距也是会影响景深的。长焦镜头的景深更浅,更容易将主体从背景中分离出来。 不过,永远也没有最佳镜头或焦距。选择不同的镜头焦距,会改变主体与背景之间的关系,这取决于你自己的想法。 为了说明这一点,拍摄了几张照片做演示。请注意画面中的模特与背景大桥之间的关系。 在拍摄中,使用了跨度范围很大的几个焦距,目的是为了能更清楚地说明这个问题。我用的第1支镜头是图丽12-24mm f/4,第2支是尼康35mm f/1.8,最后是尼康80-200mm,分别用了100mm和200mm焦距。所有镜头都使用f/2.8光圈(除了图丽镜头用f/4)。 一张照片使用最广的焦距――12mm――拍摄。注意画面中有的透视关系都被大大扩展了。画面中的大桥仿佛被推到了天边,只是勉强能看到。广角镜头产生了很大的景深,几乎所有物体都在景深范围内。用广角镜头,拍到了整个场景。 这张照片使用尼康35mm f/1.8拍摄。现在大桥已经出现在我们的视野中了,同时景深也比12mm时更浅。这仍然是一个有些广的焦距,不过已经开始有分离主体的效果了。 现在,我们就进入最佳的人像焦距范围了。这张照片使用尼康80-200mm f/2.8镜头的100mm段拍摄。注意这张照片中的模特产生了明显的“压平”效果。现在大桥已经与模特很接近了,同时更浅的景深也产生了更强烈的“分离”效果。这是我最常用的拍摄半身像和头肩像的焦距。 最后,是200mm焦距。这是最大的压缩效果,模特与大桥看起来非常接
最新发布
Photoshop手绘超酷自行车详解教程
Photoshop手绘超酷自行车详解教程。 最终效果图 1.按Ctrl+N键新建一个文件,设置弹出的对话框如图1所示。设置前景色#19161C如2所示,背景色为白色,选择线性渐变工具,在背景上方到下方绘制一条渐变,得到如3图所示: 图1 图2 图3
用photoshop圆你的汽车梦之一
我是一名爱车如痴的人,可是今年22身上只有¥22,真不知道要到什么时候才能拥有一辆自已的car。我想要亲手制造一辆宝时捷,一辆真正属于自已的汽车!!俺可不是在做白日梦,因为如今我手头拥有了一条名叫“PHOTOSHOP”的生产线,而且还是最新的6.0款!哈哈,现在让它运转起来去一步步实现我们共同的汽车之梦吧。主要工具:钢笔,喷枪,渐变(一).生产的第一步――设计汽车的外型汽车的外型设计是一门很深的学问,不仅要运用到美学,而且还涉及了诸如物理学,空气动力学之类的多门学科,我们在这里偷个懒,找张现成的图片做为今后工作的模型。文中我用的是宝时捷968(NFS5中截的),读者们也可以选择自已喜欢的车型。如果你有一定的美术基础就更好了,亲手设计一张个性化的草图,在它的基础上进行描绘,将来看着自已设计出的新车型,绝对别有一番滋味在心头:)(二).生产的第二步――各个部件的绘制1.选择file->new,新建一个宽447,高234像素的文件,背景透明(transparent)。2.然后选择工具箱中的钢笔工具,将车身的整体骨架描绘出来。应该注意的是描绘的时候尽量少用锚点,因为锚点用多了不好控制,并应用bezier曲线来完成路径的制作。3. 选择路径面板(paths),双击“work path”项,在弹出的“rename path”对话框中将路径名改为“车身”。请注意:为路径命名是一个好习惯,在路径和图层众多的时候可以大大提高工作效率!4.接下来新建一个路径,以同样的方式描绘出汽车的前挡板后将路径改名为“前挡板”。相应的将汽车的车窗,车轮,后视镜等部件也一一用路径描绘出来,方法同上。(三).生产的第三步――给汽车着色1.车身是汽车的主体,因此我们先为车身部份着色以便区别:在路径面板中选择“车身”路径,然后点击“load path as a selection”按钮把路径转换为选区。接着我们回到图层(layers)面板,新建一名为“车身”的图层。将前景色定为RGB(250,158,158),按“Alt+Del”用前景色填充选区。2.接着我们在路径面板中选择“车轮”路径,点击“load path as a selection”按钮把路径转换为选区。现在回到图层(layers)面板,新建一名为“车轮”的图层。将前景色定为RGB(232,230,230),按“Alt+Del”用前景色填充选区。3.重复上述方法,分别将轮胎,后篷布,挡风玻璃和车窗,观后镜,前挡板,前下挡板的路径转换为选区并用不同的颜色填充。效果大致如下图所示:4.现在我们要对汽车的前灯,后视镜,侧车窗这类细节部份进行操作。需注意的是在对后视镜和侧车窗实行完填充后请将这两个图层的不透明度(opacity)调整至30%左右。接着将前景色置为RGB(206,211,222),背景色置为(156,154,173)利用线性渐变工具在“挡风玻璃和车窗”图层从左向右拖动。调整后的效果如下图。怎么样,是不是有了点汽车的味道?不过现在你还不能把它开走,因为接下来我们要为汽车添加上更多的细节。
挑战你想象!PS鼠绘概念自行车
本例子是关于photoshop鼠绘一辆概念自行车的教程,通过详细的步骤,完整再现了一张二维产品的效果图。在绘制的过程中,笔者综合运用了多种技术,这些技术对于表现产品的外观造型、质感和光感都有很大的作用,也是本例学习重点。 我们先看看效果图最终效果图 1.按Ctrl+N键新建一个文件,设置弹出的对话框如图1所示。设置前景色#19161C如2所示,背景色为白色,选择线性渐变工具,在背景上方到下方绘制一条渐变,得到如3图所示图1图2 图3 2.用钢笔工具,将自行车的车身画出来,如图4图4
难辨真假!PhotoShop鼠绘奥迪轿车
1、新建一图层,(提示)今天画的是汽车的正面图所以我们可以画出它的一半来,在将它复制一个,用自由变换里的水平翻转(快捷键CTRL+T)勾线时认真些。尽量节点少些这样填充的时候不会有锯齿了。除了灵活运用钢笔工具做路径以外,我们还可以用形状工具来完成大量的工作,能很有效的提高工作效率, 路径也是可以自定义的! 如图1-2。(图1)(图2) (图3) 3、现在要做的是对每个部分进行编辑,用加深和减淡工具,表现其各个部分的质感。需要耐心哦。特别是不锈钢的材质。要多花些时间去练习。(不锈钢的暗面和亮面的反光是很微妙的。平时要多去留意和观察。)如图4-5。 4、现在大家看画面,可以整体的上调子用减淡加深工具,用大号的笔刷对对象进行大面积上上调子。手绘图有时候就要放的开去画它,但到最后要知道怎么收尾。(先整体后局部)。如图6。
清风车影!BMW宝马名车超级鼠绘
今天,小弟看到宝马"BMW"这三个醒目的英文字母,突发奇想,Business和、Money和 Woman不正是一个成功男士应该具备的条件么?闲话少说,我们今天就来一起在Photoshop中绘制一辆宝马名车。 先来看最终效果图: BMW宝马(最终效果图) 1.新建1280x1024、白色背景的文件一个,在背景层上新建一个层,用钢笔工具将汽车的轮廓画出。如图:1 图12.将路径转换成选区,并用深蓝色填充,用加深减淡工具勾出立体效果,以及汽车的大概形状.如图:2-1、2-2
Photoshop鼠绘教程:汽车总动员
1.我这张图其实用到的PS工具就那么几个,加深减淡工具用的是最多的。首先还是把各部分的用路径勾出来,注意把各个路径一定要放在不同的层上,把车身的层填上红色,用加深减淡工具勾出嘴部的立体效果。(1-1) 2.建立车身的高光区,调出车身高光区域的路径,填上白色,然后调整透明度,调到自己认为合适的透明度,然后用橡皮擦工具把中间位置擦下去一些,橡皮擦的笔刷硬度设为0,不透明度一定要给小一些。(2-1) 3.把车的嘴有填充上黑色,置于车身层的下面。(3-1)
Photoshop鼠绘教程:SUV车
图(1)新建一图层,先勾出车的整个大形来但是各个边角勾线时把转折面勾画仔细些。可以用钢笔工具(快捷键 P )。大家有时间要多加练习哦。因为钢笔在PHOTOSHOP中是最常用到的工具。将它应运熟练在以后对选取图形和塑造图形上会有很大的帮助。 图(2)我们画出单独的几个面,例如窗、尾灯、车门、轮胎,等等。把各个部分都单独建立图层,这样我们等下就可以逐个地对它们进行编辑。在处理复杂的图像时,合理将各元素分布到对应图层的重要性就显得更加突出。用钢笔工具勾线时,要细心一些,哪怕一些微妙的转折之处也要认真勾画,只有细节精致了,我们绘制出来的车才会逼真。
photoshop打造我自己的法拉利
1.新建700X500,72DPI,白色背景文件一个,在背景层上新建一个层,用钢笔工具将汽车的轮廓画出,轮子可以先不画。(图1) 2.将路径转换成选区,并用红色填充,再新建图层2,先将汽车车灯轮廓画出,并转成选区。(图2)图2 4.将车灯后部的金属部分用钢笔勾出,并转成选区,将前景色设置为米色,用画笔将车灯金属的亮部画出。(图4)其余车灯也照此做法逐个完成。(图5)
photoshop鼠绘r
步骤:每画一个部份都新建一个图层,便于调整修改,画好一部份后作添加杂色14,高斯模糊1,使其看起来像水墨画到自己满意为止。 图片附件: 1.jpg (2006-6-30 18:43, 9.74 K)图片附件: 2.jpg (2006-6-30 18:43, 10.04 K)图片附件: 3.jpg (2006-6-30 18:44, 10.34 K)图片附件: 4.jpg (2006-6-30 18:44, 10.81 K)图片附件: 5.jpg (2006-6-30 18:44, 10.95 K)图片附件: 6.jpg (2006-6-30 18:44, 11.2 K)图片附件: 7.jpg (2006-6-30 18:45, 11.39 K)图片附件: 8.jpg (2006-6-30 18:45, 12.06 K)图片附件: 9.jpg (2006-6-30 18:45, 14.86 K)图片附件: 10.jpg (2006-6-30 18:45, 26.41 K)