PS系列实战教程

PS网页设计

PS网页设计教程XXIII——创建一个售卖iPhone 5应用程序的网站

摘要: 为这个设计师击节叫好，巧妙的运用色彩实现了3D效果。该设计师运用色彩和PS技巧随心所欲，苦了翻译的人，在没有源文件的情况下，对某些步骤还得推敲一番，好在有之前翻译的教程中的经验在，有些步骤还是能复原的，或者是近似的去实现它。 阅读全文

posted @ 2013-03-10 18:42万仓一黍 阅读(840) | 评论 (0) 编辑

PSD转HTML实例教程——利用JQuery插件实现图片滑动效果

摘要: 之前一段时间，翻译了一些国外的PS网页设计教程，这些教程中都有一些共性，例如包含网页LOGO、导航菜单栏、图片滑动栏、版权信息等。其中在多个教程中都提到了利用JQuery插件实现图片滑动栏。于是在网上搜索了一番，发现类似的插件千千万万，都有各自的特色。故本教程挑选了其中的一个插件，进行讲解，并在后面结合实例讲解如何在PS中切片，在导出的网页中完成图片滑动栏栏的制作。插件网址：http://slidesjs.com/插件示例网址：http://slidesjs.com/examples/standard/插件的参数：preload (boolean)设置为true时，显示一个预加载图像。在图片比 阅读全文

posted @ 2013-02-08 22:26万仓一黍 阅读(1546) | 评论 (1) 编辑

PS网页设计教程XXII——在PS中创建单页复古网页布局

摘要: 本教程被誉为2012年的推荐教程。整个页面简洁干净。本教程主要技术有：1、圆角六边形的制作。充分利用描边效果来完成圆角六边形的制作。2、用自定义的简单图案实现各种各样的纹理，其效果像是铜版纸的效果。1、巧妙的利用图层的叠加实现特殊的外发光的效果。 阅读全文

posted @ 2013-01-28 14:57万仓一黍 阅读(871) | 评论 (7) 编辑

PS网页设计小贴士——快速设计3D点阵字

摘要: 近日，在网上闲逛的时候。发现一篇不错的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) 编辑

PS网页设计教程XXI——在Photoshop中创建一个光质感网页设计

摘要: 本教程是非常详细的教程。特色主要有两点，一是斜纹图案的制作，二是选项卡的制作，这在其他的教程中不常见的 阅读全文

posted @ 2012-12-24 20:35万仓一黍 阅读(1273) | 评论 (7) 编辑

PS网页设计教程XX——在Photoshop中创建一个七彩糖果店网站布局

摘要: 这是一篇风格迥异的教程。该教程中的这几个方面是个特色：一是风轮效果，原教程中是用网上下载的画刷，我改成自己制作；二是独特的图案叠加效果；三是有趣的糖遮效果 阅读全文

posted @ 2012-11-28 20:36万仓一黍 阅读(1215) | 评论 (9) 编辑

PS网页设计教程XIX——在Photoshop中创建一个优雅的作品集的网页布局

摘要: 本篇的教程主要体现在2个方面，一个是中间的图片滑动栏很有特色，加了不常见的光泽效果以及3D效果。二是整个页面的颜色用的少，用的巧，很多元素的颜色都是通过修改不透明度来达到效果。这样，如果整个页面要更改色系的话，只需更改背景色和文字的颜色即可。网页的复用度比较高。 阅读全文

posted @ 2012-10-28 22:27万仓一黍 阅读(884) | 评论 (3) 编辑

PS网页设计教程XVIII——在Photoshop中设计优雅的乡村酒店或餐厅的网页布局

摘要: 这个布局也能很好的工作于和酒店业相关的网站：包含早餐的恶旅馆、汽车旅馆，和能非常适合饭店、咖啡屋、披萨屋、酒吧、就装等。典雅的木纹特色的网页，充分利用图层样式实现了木纹特效 阅读全文

posted @ 2012-10-27 10:38万仓一黍 阅读(1105) | 评论 (5) 编辑

PS网页设计教程XVII——在Photoshop中设计创意组合网页

摘要: 本教程的特色有3个方面：1、云彩的制作，利用椭圆工具和相应的图层样式制作逼真的云彩效果；2、飘带的制作，本文中有很多飘带的制作；3、图表的制作，我认为是很有亮点的，改变了原来严肃刻板的布局，有点小清醒的感觉 阅读全文

posted @ 2012-10-14 20:32万仓一黍 阅读(1211) | 评论 (3) 编辑

PS网页设计教程XVI——在PS中创建一个摩登实验室风格的网页设计

摘要: 本教程也是一篇很详细的教程。用了一个自定义的斜对角线的图案实现了很漂亮的浅色条纹。同时在教程中又很详细的解释了智能对象，这在之前的教程中是没有的。本教程和“ PS网页设计教程XV——如何在Photoshop中创建一个充满活力的作品集的网页设计”一样，在教程中化学瓶制作过程非常详细，单独拎出来，也是一篇不错的教程。 阅读全文

posted @ 2012-10-03 15:49万仓一黍 阅读(768) | 评论 (1) 编辑

PS网页设计教程XV——如何在Photoshop中创建一个充满活力的作品集的网页设计

摘要: 这也是一篇非常详尽的教程，一共有60步。本片教程的亮点有，通过“从形状区域减去”达到某些特殊的效果，例如纸的折角效果，灯罩的效果等。二是大量的运用了渐变叠加的效果，来达到美观的效果。教程中的灯的制作也是一个亮点，就是这几步单独拿出来也是一篇不错的教程。 阅读全文

posted @ 2012-09-23 18:39万仓一黍 阅读(882) | 评论 (6) 编辑

PS网页设计教程XIV——如何创建一个复古风格的PS布局

摘要: 本教程是复古风格的，有点像上世纪初的西部风格。利用混合模式的叠加的效果，能使黑色的图像合成到木纹色。整个页面简朴朴素，有一股清新的风格，让人心旷神怡。 阅读全文

posted @ 2012-09-17 22:04万仓一黍 阅读(1318) | 评论 (7) 编辑

PS网页设计教程XIII——在PS中设计有创意的化妆品布局

摘要: 本片教程是利用特殊的形状（原教程中用的是钢笔工具，本翻译教程是利用矩形自由变换来达到同样的效果）达到美观页面的效果 阅读全文

posted @ 2012-09-16 11:26万仓一黍 阅读(1046) | 评论 (1) 编辑

PS网页设计教程XII——在PS中创建专业的web2.0的网页布局

摘要: 这是我翻译的最详细的一篇教程了，详细到每一个小步骤，本教程非常适合初学者临摹学习。本教程的亮点有两个：1、特色区域的图片滑动块的制作，有种清新透彻的感觉。2、社会媒体图标的制作，纯手工制作，绝无导入图片的过程。 阅读全文

posted @ 2012-09-05 19:51万仓一黍 阅读(1461) | 评论 (6) 编辑

PS网页设计教程——小贴士：五步在PS中创建倒计时数字牌

摘要: 本教程展示如何在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) 编辑

PS网页设计教程XI——在PS中创建柔和的绿色环保的网页布局

摘要: 阅读全文

posted @ 2012-08-18 17:27万仓一黍 阅读(1213) | 评论 (8) 编辑

PS网页设计教程X——在PS中设计摩登的博客布局

摘要: 阅读全文

posted @ 2012-08-06 17:15万仓一黍 阅读(1059) | 评论 (2) 编辑

PS网页设计教程IX——巧用大括号设计惊艳的咨询页面

摘要: 阅读全文

posted @ 2012-08-03 10:53万仓一黍 阅读(2024) | 评论 (4) 编辑

PS网页设计教程VIII——在Photoshop中设计不同寻常布局

摘要: 阅读全文

posted @ 2012-07-22 19:22万仓一黍 阅读(1065) | 评论 (2) 编辑

PS网页设计教程VII——在Photoshop中设计卡通店面布局

摘要: 阅读全文

posted @ 2012-07-14 16:48万仓一黍 阅读(1441) | 评论 (3) 编辑

PS网页设计教程——小贴士：在PS中创建复古的页面

摘要: 本教程展示的页面是一个很简单的页面，带有一点上世纪的复古广告风。准确的说更像是一个广告而不是网页 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) 编辑

PS网页设计教程VI——在Photoshop中创建一个食物博客布局

摘要: 阅读全文

posted @ 2012-07-06 11:26万仓一黍 阅读(1825) | 评论 (5) 编辑

PS网页设计教程V——如何在Photoshop中创建一个商业网站布局

摘要: 阅读全文

posted @ 2012-07-01 12:07万仓一黍 阅读(1958) | 评论 (5) 编辑

PS网页设计教程IV——如何在Photoshop中创建一个专业博客网站布局

摘要: 阅读全文

posted @ 2012-06-21 09:08万仓一黍 阅读(1741) | 评论 (2) 编辑

PS网页设计教程III——在Photoshop中设计优雅的网站布局设计

摘要: 阅读全文

posted @ 2012-06-17 12:29万仓一黍 阅读(1725) | 评论 (4) 编辑

PS网页设计教程II——在Photoshop中创建健康及营养或健身的网站

摘要: 阅读全文

posted @ 2012-06-10 13:45万仓一黍 阅读(1604) | 评论 (8) 编辑

PS网页设计教程I——在Photoshop中创建时尚多彩的wordpress布局

摘要: 阅读全文