-
在ps中怎样绘制一个蹩脚的页面效果图——ps基础教程
设计师们的作品集网站是他们在网络上的自我表现,绝大多数情况下这些网站表现了设计师的个人风格。有很多种方法来创建作品集网站,在这篇文章中,你将学会如何利用photoshop制作一个脏兮兮的蹩脚风格的网站。首先,让我们看看最终的效果这里罗列了一些素材可供下载:CURLYBRUSHTORNEDGESPAPERTEXTUREBACKGROUNDTEXTURESOCIALICONS1.首先打开960PSD。把画布尺寸变成1440x1220。我们改变画布的话饮食,这样我们就可以应用大尺寸的纹理素材作为背景。2.创建一个新图层,命名为bgfill,填充颜色“#aa926a”3.打开纹理,复制并且粘帖到我们的画布中4.创建一个新的图层,命名为gradient。选择渐变工具,选择线性渐变,从前景色到透明。从画布的头部到底端按住shift键拖拽渐变。5.这就是我们现在的效果6.好了,我们在画布的边缘部分仍然想要一些纹理效果。这是为了宽屏幕用户(1600+resoulation)考虑的,这样在宽屏下看网站不会太枯燥。利用矩形选区选择一个狭窄的区域然后填充渐变。7.现在的效果8.好了,我们要把纸张的纹理放置在页面的中间。记住要在头部的位置预留出一定的空间。好了,这就是我们现在的效果。利用标尺对其页面的边缘。9.我们要给这个纸张添加一些阴影,以增强真实效果。按照下面的参数进行设置10.好了,这就是现在的样子11.我们要在这个纸张上添加一个分割,利用刚刚下载的笔刷就可以了12.我们需要在头部添加一些细节,让它看起来不会太空。我们可以利用花形状的笔刷。14.我们要应用到一些混合属性。双击图层打开图层属性面板,找到图案叠加,载入叫做Grayscalepatterns的图案。下面是相关参数。15.现在的效果。16.利用矩形选区创建四个菜单,填充不同的颜色。保证这几个菜单图层在纸张图层的下面。我用的是渐变颜色,字体选择的是Italic.17.我们添加了一些内容18.利用形状创建两个箭头。用任何一个grungebursh轻轻的擦除形状,让他们看起来有一些纹理。添加斜面与浮雕,参数如下。19.我们仍然需要添加两个内容分割线。用之前应用过的笔刷来绘制分割线即可。20.好了,添加一些图标和文字。保持图标的透明度在50%。字体为SkecthRockwell,设置内阴影,参数如下。21.添加必要的文字,版权部分等等。这时候我们就得到了最终的效果。这是内容页看起来的效果。via1
-
教你如何在photoshop中创建一个透明玻璃按钮——ps基础教程
在这一篇教程中,我将教给你怎样在photoshop中创建一个透明玻璃效果的干净的网页用按钮。之前我们也有制作按钮的教程,如果你对于photoshop感兴趣的话也可以看看《初级photoshop教程-创建一个动作按钮》《在photoshop中如何制作一个简洁干净的按钮》。这就是我们最终的结果。好了,让我们开始吧。在photoshop中新建文档,尺寸为430×430,白色背景。STEP-01新建图层,命名为“box”。用圆角矩形工具(U)创建一个圆角矩形。点击ctrl+回车创建选区,填充为白色。STEP-02给这个形状创建图层属性-渐变叠加,内发光和描边。STEP-03给这个形状创建渐变叠加。渐变颜色为-左边(#B1DB08)中间(#66AB04)右边(#B1DB08).STEP-04添加内发光,设置颜色为(#D9FF4E).STEP-05添加描边-设置边的颜色为(#A8D508).STEP-06创建一个新的图层,命名为“light”。创建一个圆角矩形选区。填充为白色。STEP-07设置扭曲滤镜(滤镜“>扭曲>锯齿)。按照下面的参数进行设置。STEP-08设置图层透明度为40%。用橡皮工具(E)擦除边缘。最后你将会得到我们想要的结果。
-
如何在photoshop中创建一个简洁风格的网页效果图——ps基础教程
今天我将教给大家简洁风格的网页效果图在photoshop中是如何绘制的。我想这个网站可能更适合一些产品介绍网站/blog,慈善网站,绿色的自然保护网站等等。在这篇教程中,我们会用到一些矢量图标,你可以在下面的文章中找到他们《460个免费的高质量矢量图标》《10个专为模版设计的免费图标》。最终效果图好了,让我们开始吧。打开photoshop创建一个新文档,尺寸是1020pxX1240px,背景颜色设置为#e6e9d4。用矩形工具,创建一个形状,颜色#bbc19c。我的形状尺寸是1020pxX327px好了,添加一个图层蒙版(保证你的图层是被选中状态)。然后确定你选择中了蒙版。选择渐变工具,保持默认颜色(黑色为前景色,白色为背景色),你可以简单的点击工具栏上面的小图标快速设置。按照下图拖拽你的鼠标。好了,我的效果是这个样子的。Step1–创建logo和头部导航选择矩形工具,在文件顶部画出一个小的形状。设置图层样式如下:我的效果:在右边的部分,用文字工具,创建导航文字。我一般用的是字体“Helvetica”。接下来,用直线工具,创建一些导航上面的分割线。设置宽度为1px,在文字中间画一些小的形状。然后按照下图进行图层样式设置:我的效果:好了,接下来创建logo。用矩形工具,创建一个类似的矩形,填充颜色#9cc1a2按照下图参数设置图层样式。然后,在文件CompleteDesignerSet中,我选择了一些矢量的装饰图案,在Illustrator中打开他们,选择一个然后拖拽到Photoshop中,装饰在绿色形状的上面。用作衬托logo。好了,选择中这一矢量图层,降低它的透明度到30%。好了,导航和logo基本上完成了。我用文字工具添加了一些引证,在文字导航的下面。Step2–创建主导航选择矩形工具,创建一个形状,如下图。我的尺寸是937pxx63px设置图层样式如下:添加一些文字,最终效果如下:现在,看起来主导航有一些单调,我添加了一些图标。你可以从CompleteDesignerSet中下载它们。在Illustrator中打开,然后选择合适的图标拖拽到Photoshop就可以了。现在我的效果图是这样子的:好了,现在看上去还不错。Step3–创建头部选择矩形工具,创建如下形状,我的尺寸设置是937pxX278px,颜色填充#cdd5a1设置图层样式:好了,然后添加一些虚拟的文字(不是真实的项目么)。我用的是字体Helveticascript,14px大小。然后栅格化文字。点击滤镜>模糊>动感模糊。设置角度为0和距离为70px。然后添加更多的文字。好了,现在的效果是这个样子的:然后我们选择一张漂亮的图片,来装饰我们的头部区域。保证图片图层在我们刚刚创建的图层上面。好了,你看到的就是下面的效果。右键点击图片图层,选择创建剪切蒙版。点击图层>图层蒙版>隐藏所有(保证你选择的图层是图片图层)。选择渐变工具,确定是默认颜色设置(前景白色,背景黑色),按照下图的标记拖拽你的渐变。我的效果:好了,添加一些阴影。我用的是椭圆工具,在头部下面创建一个细长的形状。保持这个形状被选定,我把这个图层命名为阴影。点击滤镜>模糊>高斯模糊。5.5半径好了,我们头部基本上也完成了。Step4–创建主要内容部分按照下图,添加一些文字。采用的是三栏布局。选择矩形工具,创建一个形状。这就是我们的主要内容区域。我的尺寸是935pxX504px。设置图层样式如下:我的效果然后在上面和下面添加一些阴影,用椭圆工具和高斯模糊就可以完成了。添加一些分割线。现在的效果:好了,添加更多的矢量图标和文字。这是现在的效果。好了,主要内容部分也完成了Step5–创建底部内容底部内容就很容易完成了。放上logo和一些文字就可以了。最终的效果图最终效果图来源artbox70
-
PHOTOSHOP在线教程分享——ps基础教程
在这一篇文章中,我们和大家分享一些网页效果图绘制的在线教程,在这些教程中,将教给大家如何从概念草图,到成型的效果图过程。这些WEB界面包括传统的blog,wordpress主题,web2.0风格,到现在流行的移动设备的应用程序界面,希望会对你有所帮助。在photoshop中绘制TwitterApp从草图到完成图,在photoshop中如何绘制一个夜晚主题的效果图绘制一个细节精致的iPad应用程序在photoshop中绘制wordpress主题绘制一个专业的Web2.0效果图在photoshop中绘制带有纹理效果的WEB效果图在photoshop中绘制带有真实纹理的WEB效果图如何绘制blog主题如何绘制水彩风格的WEB效果图在photoshop中绘制一个色彩绚丽的WEB效果图
-
全方位介绍PS屠龙刀——ps基础教程
之前和大家介绍了PS两大世纪难题:通道和蒙版,明白了通道和蒙版只能说在PS的学习之路上刚刚“入道”,但是离征战天下还相差甚远,有句话叫:【武林至尊,宝刀屠龙,号令天下,莫敢不从,倚天不出,谁与争锋?】今天就为大家铸就一把PS学习之路上的屠龙刀——色阶。色阶色阶就是用直方图描述出的整张图片的明暗信息。这么说感觉很抽象对不对?那么我们直接用ps打开一张照片,调出色阶,就能看到一个直方图。可以看到从左至右是从暗到亮的像素分布,黑色三角代表最暗地方(纯黑),白色三角代表最亮地方(纯白)。灰色三角代表中间调。拿到一张照片的时候首先需要对照片进行校色,根据直方图可以看到在最亮部和最暗部均有色彩信息,且没有溢出,所以不存在欠曝或者过曝的情况。调节暗部和亮部的三角我们可以发现,当向右滑动黑色三角时,画面的对比度变高了,同时画面变暗了,当向左滑动白色三角时,画面对比度变低了,同时画面变亮了。为什么会出现这种情况?将黑色滑块移动到46色阶,白色滑块移动到203色阶,这表示要将46色阶变成0阶(纯黑),203色阶变成255色阶(纯白)。就是说,46色阶本来有一种颜色(假定成灰色),我们将它变成0色阶,就是黑色,那么整张图的灰色部分全部变成黑色了,所以会变暗,白色滑块亦然,所以黑的更黑,白的更白,那么整张图的对比度就上升了。那么灰色滑块是干嘛的?灰色滑块指的是中间调,它可以改变中间调的亮度,向右滑动,相当于更多中间调像素进入了暗部,向左滑动相当于更多中间调进入了亮部。刚才提到了这张图没有出现欠曝或者过曝的情况,接下来让大家看一下图片欠曝的色阶直方图是什么样的,并且需要如何校色。我们可以看到亮部是没有信息的,因此我们应当调节亮部,将亮部向左调节。还可以利用色阶中的吸管定义黑场和白场。黑场即画面中应该最暗的位置(操场的阴影部分),白场即为画面中应该最亮的地方(那几个亮灯的字),分别定义好后我们会发现画面明暗关系就变得正常了。还有一个更简单的办法,那就是选择“自动”,ps会自动帮你进行调节。因此利用色阶我们可以直观地判断出一张照片的明暗情况。刚才我们看到的是在RGB通道下的色阶,同样还有单通道色阶,在介绍单通道色阶之前我们要对基本的色彩知识进行一个简单的了解。由于是在RGB模式下,所以遵循加色原理,即由红绿蓝三种颜色经过不同程度的混合产生其他颜色。接下来大家看着上面的图回答我接下来的问题:1.当画面中红色减少时,画面会偏向什么颜色?2.当画面中蓝色减少时,画面会偏向什么颜色?3.当画面中绿色减少时,画面会偏向什么颜色?下面揭晓答案:1.画面会偏向青色2.画面会偏向黄色3.画面会偏向品红为什么?因为画面是由红,绿,蓝三种颜色经不同程度混合而成,每种颜色都是构成画面的重要元素,红色少了,绿色和蓝色所占比重就大了,而蓝色和绿色相加就会形成青色,这也就是为什么当画面中红色减少时会显现出青色,同样减少蓝色,绿色也是同样的原理。明白了色彩原理后就可以看单通道色阶了,单通道色阶反应的是对应颜色通道的颜色信息,而通道又具有256个位深度,每一位为深度对应一个颜色色值。以黑白灰三种颜色表现颜色的色彩范围,白色为纯红,黑色为没有红色,因此可以利用RGB色阶的原理来理解单通道色阶的原理。以红色通道为例:将黑色三角滑动至80,可以看到红色通道黑部分(暗部)明显增多(红色减少),在RGB下显示为画面变成青色。将白色三角滑至180,可以看到红色通道白色部分(亮部)明显增多(红色增多),在RGB下显示为画面变成红色。灰色滑块指的是中间调,它可以改变中间调的亮度,向右滑动,相当于更多中间调像素进入了黑色部分(暗部),向左滑动相当于更多中间调进入了白色部分(亮部)。绿色和蓝色通道的原理也是一样。通过调节通道以及单色通道可以控制画面的色调,最简单的应用就是将傍晚调节成清晨,先看效果图,再进一步分析。调节思路照片是在傍晚时分拍摄,光线较暗,因此亮度较低,照片整体发灰,从跑道的颜色就能看出来。清晨时分应该是什么样?光线较亮又没有那么刺眼,画面整体看起来应该鲜艳一些。由于没有阳光直射,整体色调以冷色调为主。因此在调节单通道时应注意增加画面中的绿色和蓝色,适当调节红色,以保证跑道颜色正常。赶快自己试试吧!不知道你有没有获得这把屠龙刀呢?最后问大家一个问题:当画面中红色减少时,画面会偏向什么颜色?
-
PS噪点插画教程—— ps基础教程
大家好,最近岚岚身边很多小伙伴都在玩这种噪点插画,国外和国内也有很多大神青睐这种类型的插画,想一想如果掌握了方法,运用到App的闪屏里或者网页的Banner里,会不会吸引更多用户的目光呢?搞不好老板还要给你加薪哦,哈哈,话不多说,跟着岚岚一起做起来吧~非常适合有PS基础的新手进行一次插画练习~1.打开PS,新建一个800*600px的画布,记得选择RGB模式和72ppi哦。2.选择钢笔工具,画出下面云朵一样的形状哦,有的小伙伴会说钢笔工具怎么画都画不出流畅的线条,这个时候只要按住Shift键再用钢笔勾勒,就没问题了哦。3.背景画好了,我们开始第一个蘑菇吧。依旧是钢笔工具和椭圆工具结合使用勾勒大致形状,画出初步的蘑菇形状哦。4.刻画蘑菇的具体细节,这一步需要用到剪贴蒙版。以菌柄为例,我们来学习一下剪贴蒙版的用法。基本上所有的蘑菇和最后的噪点制作都需要用到剪贴蒙版。5.运用钢笔工具和剪贴蒙版,继续具体刻画蘑菇的细节。菌帽里面的放射状可以先画出一个长矩形,再进行移动锚点制作不规则形状,然后复制多个形状进行角度的旋转即可。这样第一个蘑菇基本上就完成了。6.接下来让我们开始画其他的蘑菇吧。基本上也是形状工具+钢笔工具+剪贴蒙版的使用,做法很简单,但是需要大家有足够的耐心哦。7.将这七个蘑菇进行位置的排序摆放,我们的插画基本上就差不多出来了。8.接下来,我们来添加噪点笔刷。笔刷下载点我>>新建图层,选择画笔工具,在PS界面左上角画笔设置里下拉设置小图标,选择导入画笔,将噪点画笔导入。共有四种大小的笔刷,我们大范围画选择100的画笔,小范围画选择50的画笔,如果要更丰富细节,200和30的画笔也可以利用起来。9.前景色设置为黑色时,笔刷负责画阴影,前景色设置为白色时笔刷负责画高光,混合样式选择“叠加”,并适当调节不透明度,增强整体画面的光影感。注意添加噪点后,也要创建剪贴蒙版,这样噪点就不会跑到画面外。最后再添加几颗大小不一的星星,我们的插画就大功告成了!
-
PS教程之双重曝光的魅力——ps基础教程
本篇手把手教大家如何利用photoshop设计打造大气的双重曝光海报效果。简单粗暴!感兴趣的小伙伴可以利用这个假期拿自己的照片开始做一张个人海报吧,效果杠杠的,其实,你也可以成为主角!1双重爆光海报设计欣赏双重曝光已经作为一种常用的表现手法,在许多电影海报中都得到了广泛的运用。从视觉语言上看,这种效果的画面拥有非常独特的叙事风格,十分适合故事的讲述。丰富的画面质感又与叠影的人物或景色融为一体,常常让人浮想联翩。双重曝光效果起源于一种摄影技术,摄影师通过至少两次曝光处理,让一张照片同时呈现多副画面重叠。而现在双重曝光早已不只是简单的图片叠加,更多设计师和摄影师会运用一些正负图形去做更为奇妙的效果,突破想象力的极限。本教程详细阐述了双重曝光的实现手法,同时精简了步骤,力求整个教程通俗易懂,适合新手学习,大家不容错过哦。2手把手教学,让你也成为海报设计高手最终效果展示过后,就让我们进入教程吧打开PS,新建一个文件,宽度设置为1667,高度为2500,分辨率可以设置大一些,150dpi。导入手.jpg,并且做一个垂直反转,然后在做一个水平反转。导入人物.jpg,并且放置在画面合适的位置。双击人物图层,进入智能对象内部,下面我们把人物的头抠出来。注意的是,发丝不需要扣的太细致,许多地方我们只需要抠一个大体的轮廓即可。复制抠下的头部,黏贴到画面中,并且做一个水平反转,然后调整一下位置和大小,使人图头部基本可以手的轮廓一致。把头部的饱和度调整为-100然后在调整头部图层的叠加模式,选择为滤色。复制一层头部图层,叠加模式选为正常,不透明度调整为70%好了,随后我们编辑手的图层。先用图章工具,或者按下快捷键。图章的取样可以选取灰色背景任意部分,只需要把人物面前的手臂给涂抹掉,就可以了。完成效果如下。之后进入头部的擦除步骤,先打包两个头部图层到新文件夹,给该文件夹命名为头部,然后给头部文件夹新建蒙版用黑色的画笔工具小心的在蒙版上涂抹,注意笔刷的小大可以随时改变,有些地方比如人物的下颚部分,适合用小一些的画笔。调整一下整体位置,让主画面上下居中。背景图如果不够长,可以选取顶部一段区域拉长一些。OK,最后打上文字,全部的效果就大功告成了。总之,双重曝光在技术上并没有特别难的地方,主要还是靠各位的创意以及对画面的把控才能达到比较不错的效果。操作简单,效果又很棒!不如趁这个假期没事干,用自己的头像做一张牛逼轰轰的个人海报吧!
-
春节抽奖券psd设计图片,很有借鉴意义的抽奖券psd
春节抽奖券psd设计图片,很有借鉴意义的抽奖券psd
-
一组非常好看的花纹素材psd,花纹素材psd下载
-
空间psd素材免费下载,10大空间PSD素材免费下载资源站
众所周知,设计师每天面对最多的图形文件格式就是PSD了,如果一些好的PSD素材可以帮助自己事半功倍地完成设计工作,何乐而不为?加上自己的创意和简单调整PSD模板为自己所用,节省大量时间提高效率,再也不用加班有木有啊!下面是我们为大家搜集的十大免费PSD模板资源站,一起来看看。1.AaronOvadiahttp://aaronovadia.com/clients/photoshopit/freebies.htm该网站提供了很多私人或部分商业作品的PSD模板素材下载。2.PSDCollectorhttp://psdcollector.blogspot.com/search/label/PSD这里有大量最新的PSD素材模板提供。3.PsGalaxyhttp://www.psgalaxy.com/这里的PSD模板种类繁多。不仅有适合UI的还有PS合成插图的源文件哦。4.Dezignushttp://dezignus.com/这里是有关设计交流的社区。同样提供PSD模板等设计素材下载。5.FreePsdFiles.NEThttp://freepsdfiles.net/一个大型的PS资源库。包括VI和UI等各种素材方便下载。6.365psdhttp://365psd.com/每天都有精品的PSD下载资源站。推荐!7.FreePSDhttp://freepsd.com/不仅有PSD模板素材,还有相关教程提供学习。8.PSDGraphicshttp://www.psdgraphics.com/有很多适合平时工作所需要用到的PSD素材。9.Free4Photoshophttp://www.free4photoshop.com/pgs/psd_files/free_psd_files.html网站是丑了点,但是里面提供了各类PS资源下载。10.Tutorial9http://www.tutorial9.net/提供教程中完整的PSD、AI示例下载。不仅可以学习思路,还可以拿到好素材哦。别说没告诉你!