前端网页设计+静态实现案例
放一个2天半内给某公司完成的(设计+静态实现)的案例吧,静态阴影用CSS3实现的http://www.cnblogs.com/MuYunyun/p/5693615.html,我最开始设计的时候就想好要用什么实现,各个框的大小是多少(精确到1像素),以及颜色搭配等等。
还有很多素材我就不演示了,设计了好些网页模板,如果有大家想用PS进行网页制作,欢迎大家交流。
很多人做前端只是掌握了最基本的切图(甚至连切图都有不会的),就连小小改动都要麻烦设计师,这就大大浪费了时间的。
回到顶部(去)
练习时候做的
都是我的朋友啦(oo)
回到顶部(去)
关于PS学习
现在我要分享下如何学习PS的。
1。首先我想说的是要对它有兴趣(这是废话)。能恶搞别人谁没有兴趣. .
2。不要相信说一个星期速成之类的鬼话!我是把慕课网的全部PS教程全部过了遍,而且每个素材都练过! !不会就反复看然后自己找素材练习。有时候弄一张图就花了半天以上。没2个月根本学不到PS的精髓,别谈创新运用了(一个人看法)。如果你单纯只要学会切图就当我没说,我只是想说只学切图会让你觉得PS怎么这么无聊。
3。我感觉PS简单又不简单,有时就相差那么点色差,或者明度。
4。多看大P的神图,找灵感,找素材。尽管我们是前端,我们要设计,后台都要懂些,这样子我们才能效率更高。
回到顶部(去)
很久以前的PS笔记
图片名字显示比例色彩模式颜色深度
alt + t:选着图形可以使之变形
1。5寸2寸照片放在纸上2。大头贴
裁切工具:1。斜着的路标裁切2。使不水平景色的水平①(旋转裁切)
②使用尺子
移动工具:1。使两或者多张图片复原
△: Ctrl:移动选区Alt:复制后移动选区
选区工具:1。镜子手表中插入脸蛋2。二郎神的第三只眼
△:转变选正圆或正方形
3。去LOGO 补破照片 去护栏等等
①选区 移动（优点：快）
②选区 alt+c alt+v 或者 选区 alt+j点图层（优点：不影响原图层）
容差：越小则越严 越大则越松
描边 可以做头顶光环
填充+羽化可以①使武器、灯塔等发出炫彩的光
②制作投影
图像的变形：①把海报放到路边（透视）
②把人脸映到葫芦里（葫芦娃）（变形）
③阿拉丁神灯（变形）
④把钟表映到橘子中 （扭曲）
⑤把图片映到茶杯上(变形）
shift+ctrl+alt+t:复制并重复上一次的移动 ①做扇子
②正方形里放正方形
扩大选取：连续（相当于魔术棒连续）
选取相似：不连续（相当于魔术棒不连续）
不透明度越高越实，
不透明度越低越虚。
ctrl+n:复制原来的选区到新定义的图纸（参考日光改月照）
图层保存：可以用“图案保存”
渐变工具：①彩虹桥 彩虹（线性渐变 径向渐变）
②光线渲染（径向渐变）
③制作光盘（直角渐变）
④水晶球（径向渐变+线性渐变）
⑤彩虹戒指（ctrl+up然后alt+up）（线性渐变）
直方图：①曝光不足 ②曝光过度 ③反差不足（色调均化） ④反差过度
（具体情况选具体方法）
色阶：黑场白场同时往里压增加对比度，输出色阶同时往里压降低对比度。
灰场（照相机里面的“白平衡”）
①黑白照片上色
②云朵变色
曲线：斜率越高对比度越高，斜率越低对比度越低
①进行各部位的美容（头发、眼睛、皮肤、嘴、衣服）
②修改云的颜色
ctrl+j=ctrl+c然后ctrl+v
匹配颜色；①面若“桃”色
进阶教程
RGB（色光混合）越加越亮
CMYK（颜料混合）越减越暗
C（青）M（品）Y（黄）K（黑色）颜色模式
红黄绿青蓝紫
