1、求取一份用ps cc设计的web网页和移动界面设计的视频教程,谢谢
1、首先需要创建一个新文档,大小 1200*1172px,背景设置为#efefef
2、使用矩形工具,在所创建新的图层内一个大的灰色矩形,命名“Grey”,大小1200*62px。
3、为这个Grey矩形添加如下图层样式。
4、在Grey图层上方再新建一个图层Image,再该层添加另一个形状,但这次我将使用圆角矩形工具。加入选择一张如下图漂亮的梦幻图片。
5、对这张梦幻图片,添加一些图层样式,如下。
6、在大图片下面,继续创建4个小矩形。尝试使用不同的颜色。
我使用的尺寸是222*182px。颜色值分别是:#f15522、#66aa44、#eea411、#1188cc
7、现在我们做一下小颜色块上的高光效果。
创建另一个层(按CTRL + SHIFT + ALT + N),在高光层内,添加白色到透明的径向渐变。
8、调整该高光层的混合模式为叠加,同时改变不透明度为50%.
9、复制该高光层到每个颜色图层上方。
10、接下来做导航部分。
在网站布局的顶部,将创建一个新的矩形。
11、对该层使用下面的图层样式。
12、创建一个小圆椭圆工具,直径22px。
13、对这个小圆,添加下面的图层样式。
14、现在进行圆形的重要的调整,删除圆形下半部。有两种方法:
①、首先需要右键单击层在你的图层面板中,然后使用矩形选框工具选择的下半部分的圆圈,按键盘上按上删除。
②、另一种方式是栅格化的该圆形路径,使用橡皮擦。
15、为导航添加Icon。
这个导航样式适合比较简约版Icon,并做出凹陷进去的图层质感。
16、对于所有这些Icon,添加下面的图层样式。
17、在Icon之间,加入一些垂直分割线。
18、分割线设置如下的图层样式。
19、下一步是为网页加入Logo。
20、使用圆角矩形工具,在Image图层底部添加另一个的形状。
21、为该矩形添加下面的图层样式。
22、使用椭圆工具继续添加一些小圆形。
23、在颜色矩形右上方,使用椭圆工具绘制一个圆形。
24、选择圆形图层,创建剪切模板。
25、对于这个白色图形,添加下面的图层样式
26、复制该样式,到每个颜色框的右上方,并保持相同的空间比例。
27、然后添加另一个图标,和一些标题文本。
28、继续完善内容,注意正文内容较多时,要文字比例比较小,同时采用与标题字颜色反差,这样能突显出Title的醒目性,并在其间加入横向分割线。
29、最后一个步骤,添加另一个文本与横排文字工具。
30、这是最后的结果。希望你会喜欢它。
您可以使用该Web布局,加以细微的修改,使得它成为另一个Wordpress主题。
2、用Photoshop做网页设计图的教程有哪些
photoshop是处理图片的软件,并非做网页的。
网页需要格局,代码等。如果只是拿PS做一张图,再用firework去隔,会很简单,很枯燥的。
再学学dreamweaver
3、ps网页设计制作过程。
第一:整个网站的风格要把握 第二:图片的处理,图片的大小不能太大。 第三:安全性问题 第四:客户的体验。比如你的投票板块放在哪里客户会给你投票而不是让客户反感
4、求ps网页设计视频教程全集下载
给你推荐个网站吧,上面有很多学习视频资源,很详细,讲的也很到位,各种软件学习资源都有,[url=http://www.51zxw.net/study.asp?vip=5214386]51自学网-专业培训老师录制的视频教程,让学习变得很轻松[/url]。。。真的不错啊。
5、如何用photoshop进行网页设计
你是想要在原来的设计下面加上一块空白,那可以选择“图象”-“画布大小”,在弹出的对话框中,先设置定位,如果在下面加长就点击向上的键头,这样就会在原图的下方加入空白,现在再输入设定高度数字就OK了!
6、如何用Photoshop做网页设计
如果是给个人做,怎么做都无所谓。如果是在公司里给客户做。这一步不可少,出了效果图后,要给客户看。等客户确定不再修改时再做网页,目的就在于防止客户反复修改,动布局!
另外会做网页效果图,代表你的设计能力。用dreamweaver直接做的后果是边想边做,容易把设计思路搞混了!
据我所知,这样的教程基本没有。因为做网页效果图只要基本的操作,有时从别的网页截一块下来处理一下,直接用到自己的效果图上。
一般显示器分辨率 宽:1024 高: 768 宽减去滚动条的宽度, 一般为1003-1004 不会有横拉条 高度 根据页而定
网页设计需要的PS操作技术并不是很多,只要掌握基础就行了。
但是你想要做好一个稿子就不是那么简单了。
这当中有一些天赋的因素,但是更多的是学习。
你可以从模仿别人的稿子开始,渐渐的融入自己的东西。
http://www.68design.net/
这个站每天都会有新的酷站收藏,也有设计欣赏。
http://www.zcool.com.cn/
这个站素材丰富而且也有酷站收藏。
要做好网页设计,一定要多看,拼命的看并且吸收里面的东西,看看高手们是怎么处理细节的,这样慢慢自然会有提高。
是否可以解决您的问题?
7、谁有ps做网页设计再导入dw里做网页设计的全部过程的视频?
PS不支持做网页的。PS最多做到的关于网页的效果是:(1)网页图片效果预览,或者是纯图片式的网页,全无文字,做好后生成图片转换成网页。(2)做好网页效果,把文字部分全删掉,只做留图片,然后生成图片,在dw里面写好网页的框架,把图片嵌到对应的位置。
所以结论是,PS不支持直接做网页。如果你是做纯图片的网页,保存的时候选存储为web格式...,然后里面选择生成图片+代码,就行了。就会出来一个网页,直接点击就能打开。不过这样的弊端是生成的代码非常繁复,大部代码都是没有用的,而且代码是不可修改的,一修改或者插入就会毁掉整个页面。
8、如何在Photoshop中设计网页的网格
设计网页的网格方法1
第一种方法使用GuideGuide 卡梅伦McEfee建立垂直列。这Photoshop插件被认为是处于测试阶段,但是从我与它的经验的一切工作得很好,甚至有谈GuideGuide 2的发布,其中将包括更多的功能。GuideGuide页面上可以找到安装说明。还有一个使用它的视频教程是由罗素布朗一起在Adobe 。
成立于5秒您的网格
确定利润率列和排水沟宽度,数量。然后点击“创建指南”。
如果你设计样稿的画布宽,做快速的数学运算,使保证金长度要限制你的960像素的网格允许。例如,如果在画布是1200像素宽,然后左,右边缘将每个120像素。
例如12列设置为120像素的20万像素的排水沟和利润率。
您还可以设置基线网格这样,但你最终很多导游。一个更好的选择可能是方法上的一个有特色的的迈克贵金属的方法及工艺视频 ...
方法和工艺的可扩展的基线网格
这里是一个步骤的简要介绍设立一个可扩展的基线网格。
建立网格的基准值,然后创建您的图案模板。基线网格是由领先的正文中(或行高)。例如,如果您的设计的主体副本是在13点Helvetica,在18分的领先,那么你将成立一个18像素的基线网格。
创建一个Photoshop文件,该文件是您的基线网格的高度,填补了底部的像素,并留下其余的像素透明。在这种情况下,画布的尺寸将1个像素宽和18像素高。
“全选”,然后保存为一个新的模式。您可以通过编辑→定义图案...
转到调整图层→模式,并选择新创建的网格图案。
根据需要,调整不透明度。
列和基线网格1的方法的一个例子。
优点
你会得到一个可选的基线网格,您可以使用独立的垂直的柱网。基线网格,可以创建视觉上的混乱,当在顶部的设计样稿奠定。使用这种方法,它可以只在需要时进行切换。
如果你喜欢使用您的网格指南,这是更好的解决方案。
您可以隐藏和显示网格通过一个简单的快捷方式。
缺点
使用垂直参考线来标记文档中的其他元素,可很难,因为你可能会混淆他们与电网。
方法2相比,网格你的选择是不具体或全面(如设置的横向模块的高度)。
数学网格线的确定,不一定会配合像素网格。这意味着你的导游,可以在某些情况下,下降不均,并最终被定位实际像素的中间。
这种方法需要两个独立的进程相比只是一种方法,即将来创建一个垂直和基线网格,。
设计网页的网格方法2
模块化网格模式是所有功能于一身的的网格解决方案 。该工具创建一个垂直的柱状网格和基线网格所有作为一个模式 。采用模块化的网格模式有两种方法 :
除了对Photoshop 的应用程序面板,这也适用于烟花,GIMP和微软Expression设计 。请注意,您必须有最新的软件(Adobe CS5或等值的其他应用程序之一中)和本小组的互联网连接工作。话虽这么说,如果您已经创建了一个模式,并将其保存在资料库中,然后你就可以访问它,而无需任何其他 。
Web应用程序
浏览器,Firefox,Safari和Opera。Web应用程序使您可以创建一个网格模式和所有格式的浏览器直接下载 。
无论你选择,随便挑一个模块的宽度,排水沟宽度和基线数量,以及模块化的网格模式,没有休息。您也可以指定一个水平模块的高度。
9、Photoshop网页设计入门训练视频教程-CGTSJ-VX3136的解压密码
请问在哪里下载的?然后我给您找一下看看能否找到解压密码~
10、学网页设计,用photoshop制作网页,该怎麼学?
看来我有必要再重申一下我的观点,网页设计显然已经饱和了,不再是过去一个静态网页都上百的时代了,做网页想独创?不可能,除非你很顶尖很有主导地位,网页永远都是互相雷同的,不能否认,只有借鉴才会有更多的优秀作品面世,现在靠做网页混饭吃很吃力了,至少现在成本越来越低,收费也越来越低,我所说的flash现在还没有饱和,依然有活力的,不过flash的命运是被另一个动画软件所代替,但是flash的性质会一直延续下去,这符合传统动画不消失的特性,3D现在尚未成熟,成本过高,现在的广告动画用flash做多轻松,我不认为我所说的是错误的,PS切片后导出这是我之前的做法,但是现在当然是在PS里做效果图啦,不过网页设计没那么复杂,不用PS导出切片照样可以做的很好,现在做CSS还是可以的,加上PS,应该还是可以,但是现在单单会一样显然是不行的,得追随潮流,要学习新的事物,很多公司都是要求会的种类要多,但是不一定都精,精一样就可以了,CSS还是不错的,你攻克一下PS吧,不错的打算,网上视频不可不看,那是基础,如果连基础都不愿意看,那怎么能学好呢,最好还是跟有老资格的同事学习,进步会很快的.
顺便说一句,不要随意驳斥他人,看清再说,每个人的观点纵使有偏差,有少许的错误,但是犯不着互相攻击,认识不同才能造就丰富多彩的社会.