技术培训教程
为进一步提高在职设计师的技术水平和扩大知识范围，以改善工作绩效，特制作如下技术培训教程供设计师参考学习。内容还有待充实和丰富，教程要随着技术的发展不断的补充更新。共同努力，共同创造
第一部分基本软件培训
-------------------------------------------------------------------------------------------------------------------------------------------------- PHOTOSHOP 7.0
常用设计一览表：
1、使用快捷键提高工作效率：
2、用“动作”工具在做图片的点击放大时做大图片到小图片的批处理，让繁琐乏味的工作一键搞定
打开“窗口WINDOW－动作ACTIONS”，点击新建建立新的动作，执行缩小图片的操作后关闭图片窗口，结束动作，打开要缩小的大图片点击播放动作按钮，可以批处理图片，减小工作量。
3、辅助线和标尺的技巧
拖动辅助线时按住Alt键可以在水平辅助线和垂直辅助线之间切换。按住Alt键点击一条已经存在的垂直辅助线可以把它转为水平辅助线，反之亦然。
注意：辅助线是通过从标尺中拖出而建立的，所以要确保标尺是打开的[Ctrl+R] ( V iew > Show Rulers )。
拖动辅助线时按住Shift键将强制其对齐到标尺上的刻度。
双击辅助线可以打开辅助线＆风格参数设置对话框[Ctrl+K, Ctrl+6] ( File > Preferences > Guides & )。
双击标尺[Ctrl+R]可以打开单位＆标尺参数设置对话框[Ctrl+K, Ctrl+5] ( File > Preferences > Units & )。
提示：也可以在信息面板上的选项菜单中选择标尺度量单位。
标尺的坐标原点可以设置在画布的任何地方，只要从标尺的左上角开始拖动即可应用新的坐标原点；双击左上角可以还原坐标原点到默认点。
利用路径工具创建曲线和斜线的辅助线也不失为一个好办法。只要用钢笔工具描绘路径即可在绘制上或上时作为辅助线( 路径始终保持可视)。
提示：使用隐藏路径命令[Ctrl+Shift+H] ( V iew > Hide Path )切换路径显示与否。
辅助线不仅会吸附在当前层或选区的边缘( 上下左右)，而且会也以( 当前层或选区的)水平或垂直中心对齐。反过来也一样：同样选区和层也会吸附到已经存在的辅助线上( 边缘和中心)。
注意：辅助线不会吸附到背景层上。而且要实现上述功能先要打开“贴紧辅助线”[Ctrl+Shift+ ; ] ( V iew > Snap To Guides )选项。
提示：要到画面的中心可以新建并[Ctrl+Shift+N] ( Layer > ) 并填充[Shift+Backspace] ( Edit > )一个层然后把辅助线吸附到垂直中心和水平中心上。
4、割图技巧
设计好的网页用割图工具进行个图后按Ctrl+Shift+Alt+S后可以设计要输出的图片格式等，直接导出网页，这样做在对页面进行修改时可以直接输出执行替换操作就可以了。
常用设计效果：
1、两张图片的过渡融合效果
用图层的添加蒙板工具，对蒙板进行添加黑白渐变操作。
2、立体按钮效果
第一步：外形/渐变填充
利用矩形工具在画布中央拉出一个圆角矩形；
打开填充面板（Shift+F7）从下拉菜单中选择“线性”；
编辑渐变属性，起始颜为#CCCCCC，终点颜为#FFFFFF；
使用选择工具来调整渐变属性，结果如下图所示。
第二步：内侧阴影
选中矩形图形。打开效果面板并从下拉菜单中选择>阴影与发光>内侧阴影；
照下图所示选择阴影参数；
按回车，矩形应该变为下边图片中的样子。
第三步：阴影
仍然选择矩形图形，再次使用效果面板并从下拉菜单中选择>阴影与发光>阴影；
照左图所示选择阴影参数；
按回车，矩形应该变为左边图片中的样子。
第四步：使其更加醒目
拖出一个新的圆角矩形，尺寸为首先那个矩形宽度的80%、长度的50%，并移动到此矩形的上部3/4处；打开填充面板并从下拉菜单中选择线性填充；
改变黑白线性渐变填充的方向；
使用选择工具进行调整，使图形如下边所示；
打开图层面板将上层矩形的混合模式由“正常”改为“屏幕”，请参照下边的图层面板截图。
第五步：最后一步
加上文字，你就得到了这个漂亮的aqua按钮
DREAMWEA VER MX
1、CSS样式表的应用：（详细内容请见资料CSS样式表）
所谓的层叠式样表就是CSS(Cascading Style Sheets)的中文名字，是由W3C组织制定的一种非常实用的网页元素定义规则。
CSS在HTML中应用有三种方法：
第一种是包含在<head>...</head>标记里，例如：
<head>
<style type="text/css">
<!--
h1 {font-family：宋体;font-size:12pt;color=blue}
-->
</style>
</head>
<body>
<h1> 在这里使用了H1标记</h1>
</body>
第二种是行间定义，例如：
<body>
swift中文教程<h1 >这是行间定义的H1标记</h1>
</body>
第三种是外部调用样式文件，跟第一种类似，例如
<head>
<LINK REL="stylesheet" href="sample.css">
</head>
标准外部调用样式表（雷迅版）：
页面样式设置
body {
scrollbar-face-color: #EEEEEE;
scrollbar-highlight-color: #FFFFFF;
scrollbar-shadow-color: #DEE3E7;
scrollbar-3dlight-color: #D1D7DC;

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。