PS系列实战教程

PS网页设计

摘要: 为这个设计师击节叫好,巧妙的运用色彩实现了3D效果。该设计师运用色彩和PS技巧随心所欲,苦了翻译的人,在没有源文件的情况下,对某些步骤还得推敲一番,好在有之前翻译的教程中的经验在,有些步骤还是能复原的,或者是近似的去实现它。  阅读全文
posted @  2013-03-10 18:42 万仓一黍 阅读(840) |  评论 (0)  编辑
摘要: 之前一段时间,翻译了一些国外的PS网页设计教程,这些教程中都有一些共性,例如包含网页LOGO、导航菜单栏、图片滑动栏、版权信息等。其中在多个教程中都提到了利用JQuery插件实现图片滑动栏。于是在网上搜索了一番,发现类似的插件千千万万,都有各自的特色。故本教程挑选了其中的一个插件,进行讲解,并在后面结合实例讲解如何在PS中切片,在导出的网页中完成图片滑动栏栏的制作。插件网址:http://slidesjs.com/插件示例网址:http://slidesjs.com/examples/standard/插件的参数:preload (boolean)设置为true时,显示一个预加载图像。在图片比 阅读全文
posted @  2013-02-08 22:26 万仓一黍 阅读(1546) |  评论 (1)  编辑
摘要: 本教程被誉为2012年的推荐教程。整个页面简洁干净。本教程主要技术有:1、圆角六边形的制作。充分利用描边效果来完成圆角六边形的制作。2、用自定义的简单图案实现各种各样的纹理,其效果像是铜版纸的效果。1、巧妙的利用图层的叠加实现特殊的外发光的效果。 阅读全文
posted @  2013-01-28 14:57 万仓一黍 阅读(871) |  评论 (7)  编辑
摘要: 近日,在网上闲逛的时候。发现一篇不错的3D点阵字的教程。在自己亲历实为后,将教程赋予下方。本教程不是原创,在原创的基础上,做了适当的改良。完成的作品如下:步骤1:建立参考模版新建20px*20px的文档,放大为800%,用文字工具书写文字“朱”,边缘选项选择无这个作为后面步骤的模版步骤2:创建基本方块不要关闭之前的文档,新建文档500px*500px。用矩形工具创建一个矩形,尺寸:19px*19px,颜色: #0a6b8e按Ctrl + J复制图层,并移动到原图层上方19px处,颜色改为: #2bb3e5再次复制图层,并移动到原图层左侧19px处,颜色改为: #208ab1对上方的矩形,向左倾 阅读全文
posted @  2013-01-22 09:51 万仓一黍 阅读(1055) |  评论 (3)  编辑
摘要: 本教程是非常详细的教程。特色主要有两点,一是斜纹图案的制作,二是选项卡的制作,这在其他的教程中不常见的  阅读全文
posted @  2012-12-24 20:35 万仓一黍 阅读(1273) |  评论 (7)  编辑
摘要:  这是一篇风格迥异的教程。该教程中的这几个方面是个特色:一是风轮效果,原教程中是用网上下载的画刷,我改成自己制作;二是独特的图案叠加效果;三是有趣的糖遮效果 阅读全文
posted @  2012-11-28 20:36 万仓一黍 阅读(1215) |  评论 (9)  编辑
摘要: 本篇的教程主要体现在2个方面,一个是中间的图片滑动栏很有特色,加了不常见的光泽效果以及3D效果。二是整个页面的颜色用的少,用的巧,很多元素的颜色都是通过修改不透明度来达到效果。这样,如果整个页面要更改色系的话,只需更改背景色和文字的颜色即可。网页的复用度比较高。 阅读全文
posted @  2012-10-28 22:27 万仓一黍 阅读(884) |  评论 (3)  编辑
摘要: 这个布局也能很好的工作于和酒店业相关的网站:包含早餐的恶旅馆、汽车旅馆,和能非常适合饭店、咖啡屋、披萨屋、酒吧、就装等。典雅的木纹特色的网页,充分利用图层样式实现了木纹特效 阅读全文
posted @  2012-10-27 10:38 万仓一黍 阅读(1105) |  评论 (5)  编辑
摘要: 本教程的特色有3个方面:1、云彩的制作,利用椭圆工具和相应的图层样式制作逼真的云彩效果;2、飘带的制作,本文中有很多飘带的制作;3、图表的制作,我认为是很有亮点的,改变了原来严肃刻板的布局,有点小清醒的感觉 阅读全文
posted @  2012-10-14 20:32 万仓一黍 阅读(1211) |  评论 (3)  编辑
摘要: 本教程也是一篇很详细的教程。用了一个自定义的斜对角线的图案实现了很漂亮的浅色条纹。同时在教程中又很详细的解释了智能对象,这在之前的教程中是没有的。本教程和“ PS网页设计教程XV——如何在Photoshop中创建一个充满活力的作品集的网页设计”一样,在教程中化学瓶制作过程非常详细,单独拎出来,也是一篇不错的教程。  阅读全文
posted @  2012-10-03 15:49 万仓一黍 阅读(768) |  评论 (1)  编辑
摘要: 这也是一篇非常详尽的教程,一共有60步。本片教程的亮点有,通过“从形状区域减去”达到某些特殊的效果,例如纸的折角效果,灯罩的效果等。二是大量的运用了渐变叠加的效果,来达到美观的效果。教程中的灯的制作也是一个亮点,就是这几步单独拿出来也是一篇不错的教程。 阅读全文
posted @  2012-09-23 18:39 万仓一黍 阅读(882) |  评论 (6)  编辑
摘要: 本教程是复古风格的,有点像上世纪初的西部风格。利用混合模式的叠加的效果,能使黑色的图像合成到木纹色。整个页面简朴朴素,有一股清新的风格,让人心旷神怡。 阅读全文
posted @  2012-09-17 22:04 万仓一黍 阅读(1318) |  评论 (7)  编辑
摘要: 本片教程是利用特殊的形状(原教程中用的是钢笔工具,本翻译教程是利用矩形自由变换来达到同样的效果)达到美观页面的效果 阅读全文
posted @  2012-09-16 11:26 万仓一黍 阅读(1046) |  评论 (1)  编辑
摘要:  这是我翻译的最详细的一篇教程了,详细到每一个小步骤,本教程非常适合初学者临摹学习。本教程的亮点有两个:1、特色区域的图片滑动块的制作,有种清新透彻的感觉。2、社会媒体图标的制作,纯手工制作,绝无导入图片的过程。 阅读全文
posted @  2012-09-05 19:51 万仓一黍 阅读(1461) |  评论 (6)  编辑
摘要: 本教程展示如何在PS中设计倒计时数字牌,如下图所示 这种数字牌目前在很多场合都能看到,尤其是现在很流行的Android手机系统上也能看到一二 1. Setting up the Photoshop file 1、配置Photoshop文件 1.1. Create a new file (Ctrl + N). In the New file dialog box, set the Width and Height units to pixels (if it isn't already). Set the width to 500 and the height to 30... 阅读全文
posted @  2012-08-24 12:28 万仓一黍 阅读(1364) |  评论 (8)  编辑
摘要: 本教程展示的页面是一个很简单的页面,带有一点上世纪的复古广告风。准确的说更像是一个广告而不是网页 Step 1: Open a new document of A4 size and 300 ppi. 步骤1:新建文档,A4大小,300ppi Step 2: Fill its background with this color #ece0cf. 步骤2:用颜色#ece0cf填充背景 Step 3: Choose the custom shape tool and choose this particular set of custom shapes and t... 阅读全文
posted @  2012-07-06 18:49 万仓一黍 阅读(1188) |  评论 (2)  编辑
  • 1
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值