口碑网UED团队

06月 26 08年

photoshop和ai合作轻松设计立体字

Published by 杨梅

photoshop  7 条回复 »

之前看过一些立体字的设计,透视效果很不错,先看看别人的设计:


找过用ps做立体字,比较单一,只能做出文字凸起的效果,如果要做到像这样光源在上,立体字的透视消失点在后下方,似乎没有简便的方法,结合ai就能很好解决问题,而且文字立体的方向可以通过参数调节
制作步骤:
1.打开Illustrator,输入文字后,点击效果>三维>挤压与导角

2.重要的一步: 调整6个参数:

继续阅读本篇日志 »

06月 03 08年

5.12地震后 设计师创作大量作品 振奋人心

Published by 杨梅

平面设计  7 条回复 »

直奔主题

1.这不是诺曼底,但是这是历史上最伟大的空降!

10.gif

2.挺拔四川
三枝竹竿组成“四川”的“川”字。水墨表现,更体现中华气质,愿视觉到心觉,给四川人民以力量!!!

tbsc.jpg

继续阅读本篇日志 »

03月 18 08年

杭城部分路段 路灯设计

Published by 杨梅

用户体验, 未分类  8 条回复 »

都说杭州风景好,妙在她能让人充分享受一张一弛的乐趣,创业生活两不误。

平时上班一路过来,也会发现各条路所在杭州区域不同,路灯也风格迥异,比如中河高架上的简约实用,风景区龙井路虎跑路上的古典气息等,拍了部分路段的照片给大家欣赏,以后出去玩碰到有趣的路灯欢迎补充上来哈:)

1.虎跑路,这里离灵隐比较近,连路灯的风格也带着宗教气息了:)

hupao.JPG
继续阅读本篇日志 »

12月 07 07年

用符合标准的html代码编写专题的页头

Published by 杨梅

css  14 条回复 »

0011.jpg

以前拿到这种页头的时候,会在html里面插入图片,然后把有链接的地方用热区分割加链接,这样的写法不利于seo;

可以看到四个导航按钮的位置比较个性化,我用的方法是这张图作为背景,其他带链接的都绝对定位,在html代码里只看到精简的代码:

继续阅读本篇日志 »

11月 30 07年

photoshop 打造个性色彩照片

Published by 杨梅

photoshop  5 条回复 »

原照片
原照片

效果图
001.jpg

主要步骤:
1.对图层进行色相/饱和度调整,选择绿色,把背景的绿叶饱和度提高,亮度变暗
003.jpg

2、新建一层,ctrl+alt+shift+e ,把可见层复制到新建的层,滤镜,高斯模糊,图层混合模式改成柔光,然后把脸部用橡皮擦擦除(使脸部清晰);并重复再新建一层再操作一次;

004.jpg

3、新建一层,在头发高光部位,用画笔选择紫色和蓝色进行涂抹

4、滤镜,光照效果,选择点光,橙色,得到以下效果;
005.jpg

5、然后把图层混合模式改成变暗;
最后做一些细节处理:新建一层,在左右下脚用黑色画笔涂抹,加强灯光效果;对脸部进行锐化清晰处理,完工:)
 001.jpg

效果怎么样?

11月 29 07年

网页绿色系 配色应用实例

Published by 杨梅

视觉  5 条回复 »

        绿色在黄色和蓝色(冷暖)之间,属于较中庸的颜色,这样使得绿色的性格最为平和、安稳、大度、宽容。是一种柔顺、恬静、满足、优美、受欢迎之色。也是网页中使用最为广泛的颜色之一。

  绿色与人类息息相关,是永恒的欣欣向荣是的自然之色,代表了生命与希望,也充满了青春活力,绿色象征着和平与安全、发展与生机、舒适与安宁、松弛与休息,有缓解眼部疲劳的作用。
  它本身具有一定的与自然、健康相关的感觉,所以也经常用于与自然、健康相关的站点。绿色还经常用于一些公司的公关站点或教育站点。
  绿色能使我们的心情变得格外明朗。黄绿色代表清新、平静、安逸、和平、柔和、春天、青春、升级的心理感受。
  下面我们根据绿色系不同属性邻近色、同类色的高纯度低纯度、对比色等色彩搭配做不同的举例分析。
继续阅读本篇日志 »

10月 23 07年

css问题记录:圆角的做法

Published by 杨梅

css  11 条回复 »

result.gif这是想要达到的圆角效果;
1.首先把圆角切出来整合到一个图片,本例一个圆角的大小是11×11px:corner.gif

2.html代码:

<div style=”background-color:#dceaff;border:1px solid #70a0eb; position:relative; width:500px;height:300px;”>
<div style=”float:left”>5555</div>
<div style=”float:left”>5555</div>
<div class=”LT”></div>
<div class=”RT”></div>
<div class=”LB”></div>
<div class=”RB”></div>
</div>

3.css代码: 继续阅读本篇日志 »