photoshop设计一个商业网站
Posted in photoshop on 12/22/2009 10:38 下午 by tunpishuang原文： Create a webdesign company layout in Photoshop
作者：Jean-Baptiste Jung
这个是最终效果：
Read the rest of this entry »
Archive for the ‘photoshop’ Category
将小型、现代的产品主页由psd转换成XHTML/CSS模板
Posted in css, html, photoshop on 11/20/2009 12:20 上午 by tunpishuang
本教程将会指导你将一个photoshop网页设计转换为可以使用的HTML/CSS模板。这是web设计和代码转换系列教程的第二部分。
demo
点击下面的图片将会看到本次制作的 demo 的效果。
开始之前
如果你还没有准备好，我们建议您阅读完这个教程系列的第一部分: 用Photoshop设计一个小型、现代的产品主页 ， 因
为第二部分需要第一部分做好了的psd文件。
如果你想跳过第一部分，你可以直接在第一部分中下载源文件，下面将会需要它才能继续。
创建文件结构，准备文件
1 在桌面上创建新的空目录，取名portfolio。
2 在portfolio目录下面继续创建images目录用于存放图片。
3 接下来创建两个空文件 styles.css和index.html
4 用你最喜欢的文本编辑器打开index.html，我将在本教程中使用Adobe Dreamweaver。
5 在文档的<head>标签加入对styles.css的链接。可以使用如下代码：
代码段1
<link href="styles.css" rel="stylesheet" type="text/css" />
页面分区
以下是我们网页模板的基本结构。我们从创建基本分区来开始我们的模板转换工作。
6 我们将从在浏览器中居中、包含整个文档的主容器开始（也被称之为外壳（wrapper））。在容器内部内的5个div将组成一个完整的页面：这些div是：#top,
#welcome, #sidebar, #content 和 #footer。 Read the rest of this entry »
用Photoshop设计一个小型、现代的产品主页
Posted in photoshop on 11/17/2009 12:19 上午 by tunpishuang
这个Photoshop web设计的教程中，我们将学习设计一个整洁的具有现代气息的web站点。这是设计和HTML/CSS模板转换系列教程的第一部分。
预览
以下是我们将要一些设计的页面预览，点击图片可以放大。
使用960网格系统设计一个网页模板
Posted in photoshop on 11/08/2009 11:51 下午 by tunpishuang
第三次面试
Posted in life, photoshop on 11/07/2009 12:25 下午 by tunpishuang招聘会阶段算是告一段落了，接着在网上cqjob.com注册了，填写了我的简历。结果马上就来业务了。有人打电话叫我去面试。下午2点左右来到红旗河沟世纪英皇南塔25-3。这个公司貌似还要牛逼一些，我去的时候3张办公桌+2个人+4个电脑，这就是全部。
他们是做外贸网站，说白了就是给老外做网站，现在主要是修改 http://www.mygolfwholesale.com/ 的模板，他们用“开源”的ecshop搭建，虽然没有买许可证，但是还是把ecshop的友链和版权信息给去掉了。其实他们还应该去掉后台一些向ecshop官网发送统计消息的代码，这样可以做到更强大的隐藏性哦。
对应聘人的要求没有多说，只是说1周适应工作。我就激动的以为找到了一份“半正式”的工作了，就马上回去熟悉ecshop的模板原理，原来是用的smarty，只不过是后缀把tpl改成dwt,也就是dreamweaver的模板页，dwt还调用了不同板块的lbi，可以叫做模板库吧。
最新的smarty是2.6.26，用了3天的时间把帮助文档看完，其实smarty的原理也并不复杂。smarty把自己给封装成一个类，专门负责视图显示工作。把需要从数据库中调出来的数据->assign到smarty中，这样使得smarty成为了美工和程序员的一个桥梁，美工把页面做好，程序员也就只管往需要的地方“插”数据，然后->display出来就ok。
接下来研究了ecshop后台，数据库结构，反正感觉对ecshop有个10%的了解了。
本来通知是2天后来报道，结果4天还还没电话，我就厚着脸皮打电话问了，结果是已经应聘到了更合适的人选。当时我的第一反应是失落和气愤。就算没有录用，也得通知一下吧，基本素质还是得体现出来的吧。最囧的是，我的qq状态改为了“找到工作了！”，N多的q友前来咨询俺的工作情况，现在牛逼了，无法解释了，囧。
暂时关闭网上简历，冷静的想想接下来该干什么。最后决定学习photoshop搞web设计，主要感觉美工的知识或多或少是要涉及的。我感觉规模越小的公司越喜欢这种“全能王”，而规模大的公司，各个人员各司其职，协调配合完成一个项目，并且要求有项目版本控制经验。
经历了2个星期了居家宅男生活，昨天提上点水果，提上小y回了学校。
首先是写“推荐表”，6份，是学校推荐给企业用人单位用的，换而言之就是把自己的资料抄6遍。我的手差点就断了。还有4份“就业协议”，必须找单位盖章，表示“我毕业了有工作哦”。听说没盖章的拿不到毕业证。这就是学校能牛逼的说自己的就业率是100%的原因所在。我艹。更牛逼的是我们学院没有安排实习、实训单位，得自己找。悲哀！高校的悲哀，教育部的悲哀。
换个环境，也算是换个心情。家里的织布机和“工作环境”我有点不适应，学校的食堂我也不适应，但是学校可以用音响放点rock，用笔记本自带的音响完全是种折磨。一个人到底何时才是最满足的时候？至少我现在不满足。
晚上高中同学聚餐，有强总、鸡哥、星姐、吃了哈陈眼镜火锅。不知道是不是中午吃多了，还没进入状态，肚子就“撑”了。然后吃“撑”了没事干，他们要玩“拿破仑”。买了盒健胃消食片陪他们玩。玩累了，回到学校，不知道咋的，几爷子开始聊起来了“性”话题。具体不详讲，也就是那些。
好了，批垮完了，我吃午饭去了。
40个超实用的web设计工具
Posted in photoshop on 11/04/2009 03:56 下午 by tunpishuang原文：40 Incredibly Useful Web Design Tools You Should Use Daily
原作者：Daniels Mekšs
翻译：tunpishuang
本文将会展示一些web设计师应该经常会使用到的工具。如果你需要一些灵感，你可以访问最流行的设计展示站点来寻找你需要的好作品和好例子。一些设计相关的工具，在线生成器，免费字体站点，模板站点都将帮助你更有效率测试和管理站点。记住，并不是什么都亲自完成才是最好的方式，一定程度的借鉴将会让你以更轻松的方式完成任务。
我强烈建立你泛读本文，把对你有帮助的站点加入书签，当你灰心的时候，不妨看看。
灵感类
1. Deviantart
Deviantart是互联网站最大的艺术展示站点之一。你可以在这里找到好灵感。
2. Web design library
Web Design Library是一个提供设计研究平台的资源站点，覆盖了大量的理论知识和实战方面的信息。
3. Stylevault
Stylevault.net 是一个设计展示站点，设计师可以在上面展示才华的同时其他人也可从中获益。
4. Behance
Behance 是找灵感的好去处，因为他们的设计更加专业。
5. The design inspiration
The Design Inspiration 是一群整日寻求设计灵感的设计师所创建的。
设计工具
6. Colour lovers
Colour lover 是一个国际性的设计师社区，不同行当的艺术家到此寻找色彩方面的灵感，想法并对这些专业的或个人项目发表发聩。
7. Adobe kuler
Adobe kuler 是奥多比公司推出的web程序，旨在帮助你创建和分享颜色主题。
8. Color hunter
Color Hunter 可以通过图片来创建配色。
9. Colorotate
通过Colorotate，可以实现以3D的视觉效果的方面来迎合人脑的颜色处理过程。
10. Stripemania
Stripemania 是一个用于生成纹理的在线web2.0工具。纹理大小、缝隙都可以调节，还可以选择色彩过渡效果。
drpic.com在线Ajax图片编辑器
Posted in ajax, app, javascript, photoshop, php on 09/14/2008 04:51 下午 by tunpishuang
Artweaver: 免费类似Photoshop图片编辑器
Posted in app, photoshop on 09/13/2008 02:04 上午 by tunpishuang
Windows only 
我们总是喜欢尝试一些有意思的免费软件…特别是能够完成许多付费软件才可以完成的功能的软件。
而那恰恰就是我开始使用Artweaver的第一印象。他们并没有直接的说他们是在模仿photoshop，而且他们也不需要。
许多的菜单的布局，还有比如图层的管理工作方式都是一样的，上面的工具栏也是基于Photoshop布局的。
但是问题的关键是他们在功能的克隆上有多么的成功。 Read the rest of this entry »