<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>aeroom &#187; 教程</title>
	<atom:link href="http://kaero.org/tag/tutorial/feed/" rel="self" type="application/rss+xml" />
	<link>http://kaero.org</link>
	<description>Make Merry</description>
	<lastBuildDate>Mon, 21 Mar 2011 15:29:23 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>FontLab Studio 心得一二</title>
		<link>http://kaero.org/2010/05/tips-of-fontlab-studio/</link>
		<comments>http://kaero.org/2010/05/tips-of-fontlab-studio/#comments</comments>
		<pubDate>Thu, 13 May 2010 05:43:31 +0000</pubDate>
		<dc:creator>Kaero</dc:creator>
				<category><![CDATA[Work]]></category>
		<category><![CDATA[Adobe Illustrator]]></category>
		<category><![CDATA[FontLab]]></category>
		<category><![CDATA[typography]]></category>
		<category><![CDATA[教程]]></category>

		<guid isPermaLink="false">http://kaero.org/2010/05/tips-of-fontlab-studio/</guid>
		<description><![CDATA[FontLab Studio 是一个 Windows 平台流行的字体设计软件，它和 Adobe Illustrator 的配合更可谓天衣无缝。 <a href="http://kaero.org/2010/05/tips-of-fontlab-studio/">继续阅读 <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>FontLab Studio 是一个 Windows 平台流行的字体设计软件，比起 Font Creator，它的一大优势是支持直接导入AI或者EPS矢量格式。它和 Adobe Illustrator 的配合更可谓天衣无缝，你可以直接从AI里面复制字体形状然后粘贴到FontLab Studio中。<br />
<img style="margin: 5px 0px; display: inline; border: 0px;" title="image" src="http://media.kaero.org//2010/05/image.png" border="0" alt="image" width="601" height="350" /></p>
<p><span id="more-1032"></span></p>
<p>因为本篇文章只涉及到一点点个人所得，更详细的 FontLab Studio 的信息和教程恕不赘述，在此推荐一篇简单的 FontLab 教程，以资读者参考：<a href="http://www.webjx.com/illustrator/ai-20782.html">Illustrator+FontLab 进行字体设计教程</a>，再推荐一篇陈嵘老师写的关于英文字体设计的文章：<a href="http://hi.baidu.com/chenrong_sh/blog/item/d2fe970fffd473266059f389.html">字体细语2——英文字体的基础知识——《新平面》第22期</a>。</p>
<p>FontLab Studio支持从AI里面直接复制字体形状，不过这个过程需要注意的是，AI里面的形状请尽量大，如果太小的话会发生这样的变形：<br />
<img style="margin: 5px 0px; display: inline; border: 0px;" title="moz-screenshot-1" src="http://media.kaero.org//2010/05/mozscreenshot1.png" border="0" alt="moz-screenshot-1" width="577" height="539" /><br />
其二，复合形状一定要合并，否则形状有叠加的部分会出现错误：<br />
<img style="margin: 5px 0px; display: inline; border: 0px;" title="kk" src="http://media.kaero.org//2010/05/kk.png" border="0" alt="kk" width="498" height="334" /><br />
未拼合的形状会在字体较小时出现这样的情况：<br />
<img style="margin: 5px 0px; display: inline; border: 0px;" title="moz-screenshot-2" src="http://media.kaero.org//2010/05/mozscreenshot2.png" border="0" alt="moz-screenshot-2" width="463" height="151" /><br />
所以一定要记得合并复合形状，具体操作如下图所示：<br />
<img style="margin: 0px; display: inline; border: 0px;" title="moz-screenshot-3" src="http://media.kaero.org//2010/05/mozscreenshot3.png" border="0" alt="moz-screenshot-3" width="537" height="331" /><br />
第三，如何精确控制默认字距？在旁边的虚线上按鼠标右键，弹出Properties菜单：<br />
<img style="margin: 5px 0px; display: inline; border: 0px;" title="moz-screenshot-4" src="http://media.kaero.org//2010/05/mozscreenshot4.png" border="0" alt="moz-screenshot-4" width="320" height="354" /><br />
点击出现Metrics Properties设置窗口，直接设置你想要的字距即可：<br />
<img style="margin: 5px 0px; display: inline; border: 0px;" title="moz-screenshot-5" src="http://media.kaero.org//2010/05/mozscreenshot5.png" border="0" alt="moz-screenshot-5" width="171" height="199" /><br />
以上的经验希望能对您有所帮助。</p>
]]></content:encoded>
			<wfw:commentRss>http://kaero.org/2010/05/tips-of-fontlab-studio/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>NextGen Gallery，影集</title>
		<link>http://kaero.org/2008/04/nextgen-gallery/</link>
		<comments>http://kaero.org/2008/04/nextgen-gallery/#comments</comments>
		<pubDate>Sat, 19 Apr 2008 07:42:32 +0000</pubDate>
		<dc:creator>Kaero</dc:creator>
				<category><![CDATA[Free Talk]]></category>
		<category><![CDATA[NextGen Gallery]]></category>
		<category><![CDATA[wordpress plugins]]></category>
		<category><![CDATA[教程]]></category>

		<guid isPermaLink="false">http://kaero.org/2008/04/19/nextgen-gallery%ef%bc%8c%e5%bd%b1%e9%9b%86/</guid>
		<description><![CDATA[今天我给 FunnyWork 新增了一个 Albums 页面，具体效果大家可以自行查看。这个相册是利用 WordPress 插件 NextGen Gallery 实现的，那么现在就来教教大家怎么来新建一个新的影集。 首先登录到 WordPress 后台，点击网站名称下面的“影集”进行管理。一进来便是 NextGen Gallery 的概览页面，橙色的工具条右端有很醒目的两个按钮： 顾名思义，前面一个按钮是管理影集，而后面那个就是上传图片了，点击它进入到下一步：添加一个新影集。 新影集的名称不允许出现汉字，不过无需担心，这个只是用来命名图片所在的新文件夹，影集显示的标题是可以在以后任意修改的。 建好影集之后，就可以向影集里面添加图片了，添加图片有三种途径： 上传一个ZIP文件，NextGen 会自己解压缩这个包里所有的图片。不过需要特别提醒的是，Winrar 默认的压缩格式.rar 是不支持的哦； 导入图片文件夹。用 FTP 的同学有福了（这个……貌似只有俺自己有 FTP 权限-_-），你可以直接使用 FTP 把图片上传到某个文件夹，而且不一定就得传到 NextGen 默认的 /wp-content/gallery/ 下面，这个文件夹是可以任意指定的。你甚至可以指定 WordPress 默认的上传文件夹，比如 /wp-content/uploads/2008/04/，这样就能显示2008年4月上传的所有照片了，很强大吧？不过千万要慎重，某次我在勾选了“当删除影集时删除文件”（该选项可以在 NextGen 的选项里面修改）的情况下删除了这么一个影集，直接导致日志里面所有图片都不能显示的悲惨后果…… 最后一个，也是最土鳖的方法：上传图片。这个就不用多介绍了，记得选择相应的相册即可。 不要以为上传好了照片就万事大吉，这个还是有点小小的麻烦的，你需要转到“管理影集”的页面，对你刚建立好的影集进行操作，否则它是不会显示在 Albums 页面上的。 进入某个影集的修改界面，默认是该影集下面所有的图片列表，你可以修改图片的标题、描述，或者删除它。还可以在选中图片ID之后对其进行如下操作： 如果你在 NextGen Gallery 的“选项”页面激活了相关图片功能的话，那有一个功能你必须了解一下，就是“显示标签”： 给图片定义标签之后，比如给某张图片定义了一个标签“女王”，那么在有“女王”标签的日志页面上就会显示这张图片了。一张图片可以使用英文逗号“,”同时定义多个标签。 以上是影集内图片的编辑选项，那么整个影集该怎么编辑呢？这个比较隐蔽，在影集标题的后面有这么一个按钮： &#8230; <a href="http://kaero.org/2008/04/nextgen-gallery/">继续阅读 <span class="meta-nav">&#8594;</span></a>]]></description>
			<content:encoded><![CDATA[<p>今天我给 <a href="http://funnywork.cn">FunnyWork</a> 新增了一个 <a href="http://funnywork.cn/?page_id=31">Albums</a> 页面，具体效果大家可以自行查看。这个相册是利用 WordPress 插件 <a href="http://alexrabe.boelinger.com/category/nextgengallery/">NextGen Gallery</a> 实现的，那么现在就来教教大家怎么来新建一个新的影集。</p>
<p>首先登录到 WordPress 后台，点击网站名称下面的“影集”进行管理。一进来便是 NextGen Gallery 的概览页面，橙色的工具条右端有很醒目的两个按钮：</p>
<p><img src="http://kaero.org/wp-content/uploads/2008/04/image4.png" alt="image" width="240" height="35" /></p>
<p><span id="more-211"></span></p>
<p>顾名思义，前面一个按钮是管理影集，而后面那个就是上传图片了，点击它进入到下一步：添加一个新影集。</p>
<p><img src="http://kaero.org/wp-content/uploads/2008/04/image5.png" alt="image" width="440" height="242" /></p>
<p>新影集的名称不允许出现汉字，不过无需担心，这个只是用来命名图片所在的新文件夹，影集显示的标题是可以在以后任意修改的。</p>
<p>建好影集之后，就可以向影集里面添加图片了，添加图片有三种途径：</p>
<ol>
<li><strong>上传一个ZIP文件</strong>，NextGen 会自己解压缩这个包里所有的图片。不过需要特别提醒的是，Winrar 默认的压缩格式.rar 是不支持的哦；</li>
<li><strong>导入图片文件夹</strong>。用 FTP 的同学有福了（这个……貌似只有俺自己有 FTP 权限-_-），你可以直接使用 FTP 把图片上传到某个文件夹，而且不一定就得传到 NextGen 默认的 /wp-content/gallery/ 下面，这个文件夹是可以任意指定的。你甚至可以指定 WordPress 默认的上传文件夹，比如 /wp-content/uploads/2008/04/，这样就能显示2008年4月上传的所有照片了，很强大吧？不过千万要慎重，某次我在勾选了“当删除影集时删除文件”<small>（该选项可以在 NextGen 的选项里面修改）</small>的情况下删除了这么一个影集，直接导致日志里面所有图片都不能显示的悲惨后果……</li>
<li>最后一个，也是最土鳖的方法：<strong>上传图片</strong>。这个就不用多介绍了，记得选择相应的相册即可。</li>
</ol>
<p>不要以为上传好了照片就万事大吉，这个还是有点小小的麻烦的，你需要转到“管理影集”的页面，对你刚建立好的影集进行操作，否则它是不会显示在 <a href="http://funnywork.cn/?page_id=31">Albums</a> 页面上的。</p>
<p>进入某个影集的修改界面，默认是该影集下面所有的图片列表，你可以修改图片的标题、描述，或者删除它。还可以在选中图片ID之后对其进行如下操作：</p>
<p><img src="http://kaero.org/wp-content/uploads/2008/04/image6.png" alt="image" width="171" height="131" /></p>
<p>如果你在 NextGen Gallery 的“选项”页面激活了相关图片功能的话，那有一个功能你必须了解一下，就是“显示标签”：</p>
<p><img src="http://kaero.org/wp-content/uploads/2008/04/image7.png" alt="image" width="376" height="40" /></p>
<p>给图片定义标签之后，比如给某张图片定义了一个标签“女王”，那么在有“女王”标签的日志页面上就会显示这张图片了。一张图片可以使用英文逗号“,”同时定义多个标签。</p>
<p>以上是影集内图片的编辑选项，那么整个影集该怎么编辑呢？这个比较隐蔽，在影集标题的后面有这么一个按钮：</p>
<p><img src="http://kaero.org/wp-content/uploads/2008/04/image8.png" alt="image" width="82" height="26" /></p>
<p>就是它了。点击会展开影集的相关选项，一共是六个：</p>
<ol>
<li>标题。</li>
<li>描述。</li>
<li>路径。</li>
<li>页面链接到。</li>
<li>预览图像。</li>
<li>创建新页面。</li>
</ol>
<p>刚创建好的影集你需要为它创建一个新页面（第6项），记得将新页面的父页面设置为“Albums”。</p>
<p><img src="http://kaero.org/wp-content/uploads/2008/04/image9.png" alt="image" width="361" height="72" /></p>
<p>然后再设置它的链接页面（第4项），就是你刚才创建的那个新页面，否则在 Albums 页面点击影集封面会没有反应。</p>
<p>好了，上述几项都填写完毕，保存更改。是不是觉得大功告成了？到 Albums 瞅瞅，倒，为什么还是看不到我创建的相册呢？哈哈，还有最后一步，点击 NextGen Gallery 菜单中的“<strong>相册</strong>”，进入管理相册的界面，是不是发现你的影集出现在右侧的列表框中呢？</p>
<p>一般情况下，你不需要新建一个相册，直接选择”default”相册即可：</p>
<p><img src="http://kaero.org/wp-content/uploads/2008/04/image10.png" alt="image" width="185" height="75" /></p>
<p>然后把你的影集直接拖拽到左侧的“default”相册框内，点击右上方的“更新”按钮，这回就真的OK了！</p>
<p>最后补充一下在日志上调用 NextGen Gallery 的方法：</p>
<ul>
<li>插入一个幻灯片：<strong>[slideshow=<em>gallery_id</em>,<em>width</em>,<em>height</em>] </strong></li>
<li>插入一个相册：<strong>[album=<em>album_id</em>,<em>extend</em>]</strong> 或者 <strong>[album=<em>album_id</em>,<em>compact</em>]</strong></li>
<li>插入一个影集：<strong>gallery=<em>gallery_id<br />
</em></strong>请自行添加“[ ]”</li>
<li>插入一张图片：<strong>[singlepic=<em>pic_id</em>,<em>width</em>,<em>height</em>,<em>mode</em>,<em>float</em>]</strong><br />
* <em>mode</em> 是可选项，可选参数有 web20（倒影效果），watermark（水印效果）<br />
* <em>float</em> 也是可选项，可选参数有 left（左对齐），right（右对齐）</li>
<li>插入一个图片浏览器：<strong>[imagebrowser=<em>gallery_id</em>]<br />
</strong>图片浏览器的效果如下所示：<br />
<img src="http://kaero.org/wp-content/uploads/2008/04/image12.png" alt="image" width="320" height="282" /></li>
</ul>
<p>如果你有给照片添加标签的好习惯，那么还有下面两种方法：</p>
<ul>
<li>插入和一个或者几个标签关联的所有图片：<strong>tags=<em>tagname1</em>,<em>tagname2</em>,<em>tagname3</em>&#8230;</strong></li>
<li>以相册的形式组织和这些标签关联的图片：<strong>albumtags=<em>tagname1</em>,<em>tagname2</em>,<em>tagname3</em>&#8230;<br />
</strong>* 请自行添加“[ ]”</li>
</ul>
<p>更详细的说明请参考 NextGen Gallery 的 FAQ 页面：<a title="http://wordpress.org/extend/plugins/nextgen-gallery/faq/" href="http://wordpress.org/extend/plugins/nextgen-gallery/faq/">http://wordpress.org/extend/plugins/nextgen-gallery/faq/</a></p>
<div id="scid:0767317B-992E-4b12-91E0-4F059A8CECA8:881c9871-a228-4846-851e-38df8b58f4eb" class="wlWriterSmartContent" style="display: inline; float: none; margin: 0px; padding: 0px;">Technorati 标签: <a rel="tag" href="http://technorati.com/tags/wordpress%20plugins">wordpress plugins</a>,<a rel="tag" href="http://technorati.com/tags/NextGen">NextGen</a>,<a rel="tag" href="http://technorati.com/tags/tutorial">tutorial</a></div>
]]></content:encoded>
			<wfw:commentRss>http://kaero.org/2008/04/nextgen-gallery/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

