<?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/"
		xmlns:xhtml="http://www.w3.org/1999/xhtml"
>

<channel>
	<title>src.7438.com &#187; design</title>
	<atom:link href="http://src.7438.com/category/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://src.7438.com</link>
	<description>WordPressを使ったメモちょう。</description>
	<lastBuildDate>Sun, 31 Jan 2010 03:57:21 +0000</lastBuildDate>
	
	<language>ja</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://src.7438.com/category/design/feed/" />
		<item>
		<title>フリーランスの生活を維持するために気をつけていること</title>
		<link>http://src.7438.com/2009/06/21/life/</link>
		<comments>http://src.7438.com/2009/06/21/life/#comments</comments>
		<pubDate>Sun, 21 Jun 2009 03:36:24 +0000</pubDate>
		<dc:creator>takako</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[webデザイン]]></category>
		<category><![CDATA[キャリア]]></category>
		<category><![CDATA[フリーランス]]></category>
		<category><![CDATA[仕事]]></category>

		<guid isPermaLink="false">http://src.7438.com/?p=150</guid>
		<description><![CDATA[フリーランスになって、そしてWebデザイナーとして仕事を始めて、この春で5年目に入りました。
 浮き沈みが激しく、廃業する人も多い中、これだけ続けて来られたのも、周りの人にたくさん助けて頂いたり、いろいろなことを教えても [...]]]></description>
			<content:encoded><![CDATA[<p>フリーランスになって、そしてWebデザイナーとして仕事を始めて、この春で5年目に入りました。<br />
 浮き沈みが激しく、廃業する人も多い中、これだけ続けて来られたのも、周りの人にたくさん助けて頂いたり、いろいろなことを教えてもらったからだなぁと感謝しています。<br />
 本当に、私は環境に恵まれているのじゃないでしょうか。</p>
<p>ただ、それだけではいけなくて、自分で意識してやらなくてはいけないことも沢山あるんですが、それをあまり他の人と話す事がないので、考えてまとめてみました。</p>
<p>本当は、こういうことをカジュアルに話せるフリーランス仲間がいると良いのですけどね。</p>
<h3>名刺を必ず持ち歩く</h3>
<p>フリーランスは人脈が命なので、どこに行くときも必ず名刺は持ち歩きます。<br />
 名刺は3種類ぐらい用意してあって、個人的なブログのアドレスやSkypeのIDなど、連絡先を沢山入れたもの、名前とメールアドレス・住所だけど書いたもの、プライベート用のミニカードです。</p>
<p>あと、名刺には必ず自分の顔写真を入れるようにしています。<br />
 セミナー会場など、人が多い場所で名刺交換をすることが多いので、後から名刺を見て「あれ、この人どんな人だっけ？」とならないように、ちょっとした工夫のつもりです。</p>
<p>この「写真入り名刺」にデザインを変えてから、セミナー会場やイベントの時、以前お会いした人からまた声をかけてもらったり（そして仕事を頼まれたり）、メールを頂くことが多くなりました。</p>
<h3>すぐ返事をする</h3>
<p>フリーランスなので営業時間は無いのですが、常識的な範囲で、可能な限り早く返事をするように心がけています。</p>
<p>何か連絡をして、返事が来るまで何もできないことも多いので、相手にも自分にも、無駄な時間がなるべく発生しないように、</p>
<ul>
<li>スケジュールが未定ですぐ返事ができない場合<br />
 →「別件のスケジュールを確認してみますので、明日の○○時までに再度ご連絡します」</li>
<li>可能な場合<br />
 →「大丈夫です。詳細をお知らせください」</li>
<li>できない場合<br />
 →「申し訳ありませんが、スケジュールの都合が付かず、お引き受けできません。○○日頃以降でしたらお引き受けできそうなのですが‥‥」</li>
<li>外出中の場合<br />
 →電話で「出先なので電話で失礼します。○○の件、メール確認しました。」<br />
 ＋可能 or 不可 or 確認します等の返答</li>
</ul>
<p>というように、返事の内容の大筋を決めて、できるだけ速く返答をするようにしています。</p>
<p>相手にしても自分にしても、返事は速いほうが助かりますし、「メール送ったけど見てくれたのかな？」という心配もなくなります。</p>
<p>また、こういった連絡はおおむね20時頃までに、なるべく済ませるようにしています。<br />
 一般的な企業であれば営業時間外ですし、自分の生活時間を確保するためでもあります。読書や勉強も必要ですから。</p>
<h3>安くしない</h3>
<p>これは個々の制作ポリシーや経営戦略にも関わりますが、私は極端に制作費を安くしないようにしています。</p>
<p>制作業務に使うソフトウエアやPCなどのハード、プリンタやスキャナなどの周辺機器、HTMLやCSSの勉強のために買う書籍や、毎月のインターネット接続代金、連絡に使う携帯電話の通話料金‥‥と考えると、個人のデザイナーでも、仕事のためにかなり経費を使っています。</p>
<p>これらの元を取る＋数年したらまた新しいものを購入する＋スキルを得るために投資した時間、などなど、価格決定には色々なものが下地にありますし、それを考えたら、激安っていう価格帯にはできないなぁと考えています。</p>
<p>その代わり、レベルの高い仕事を出していかないといけないので、そこは自分との戦いですね。<br />
 また、自分が安くすると、地域の他のクリエイターが迷惑するかも知れない、ということも意識しています。何も知らないクライアントに「この程度の価格」って一度思われると、下げたものを上げるのは難しいです。</p>
<h3>よく寝て食べる</h3>
<p>そして遊ぶ。遊びますね。<br />
 私はよくライブを見に行くのですが、周りの同業の人を見ていると、みんな遊んでるの‥‥？　と、不思議に思う時があります。<br />
 気がつかないだけで、みんなきっちり遊んだり飲みに行ったりしているんでしょうか。</p>
<p>寝る・食べるというのは人間の生活の基本で、これを怠ると、必ずどこかおかしくなります。私は特に睡眠を削った時に、精神的なプレッシャーを受けやすい傾向があるので、どんなに忙しくても、1日7時間は必ず寝ます。</p>
<p>それ寝過ぎだろ！　って言われそうなのはわかっているんですが、睡眠に関しては、体質による部分が多いので仕方ないですよ。<br />
 何事も体力あってこそです。IT系の仕事は過労で亡くなる人も少なくないですが、自分は大丈夫と思っていても、起こってからでは遅いですからね。</p>
<p>また、飲み会などで知り合う、異業種の人からいろいろ教えてもらうことも多いです。<br />
 Web系の勉強会も良いですが、全然違う業種の人の話も新鮮で面白いのですよ。<br class="spacer_" /></p>
<h3>結局体が資本ってことです</h3>
<p>いろいろ思うことはあるのですが、普通の会社員なんかと同じで、体が資本、報連相をきちんとするっていうことに尽きますね。<br />
 ただ、周りを見ていると寝不足の人が多いみたいで、それがとても気になります‥‥。</p>
<p>健康、ホント大事ですよー。<br />
 私の人生のプライオリティは健康です。元気な体で仕事をして、結果喜んでもらえたら、それが一番かなと思っています。</p>


<!-- Begin TwitThis script (http://twitthis.com/) -->
<div style="text-align:right;">
<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
<script type="text/javascript">
<!--
document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
//-->
</script>
</div>
<!-- /End -->

]]></content:encoded>
			<wfw:commentRss>http://src.7438.com/2009/06/21/life/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://src.7438.com/2009/06/21/life/" />
	</item>
		<item>
		<title>Feedburederアカウントをgoogleへ移行した手順メモ</title>
		<link>http://src.7438.com/2009/06/16/feedbureder/</link>
		<comments>http://src.7438.com/2009/06/16/feedbureder/#comments</comments>
		<pubDate>Tue, 16 Jun 2009 14:52:04 +0000</pubDate>
		<dc:creator>takako</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[Feedbureder]]></category>
		<category><![CDATA[google]]></category>

		<guid isPermaLink="false">http://src.7438.com/?p=140</guid>
		<description><![CDATA[このブログを公開してから、改めてフィードの設定を確認しようと思ってFeedburderの管理画面にログインしようとしたら、URLがGoogleのサイトにリダイレクトされているようで、管理できなくなっていました。
ではなく [...]]]></description>
			<content:encoded><![CDATA[<p>このブログを公開してから、改めてフィードの設定を確認しようと思ってFeedburderの管理画面にログインしようとしたら、URLがGoogleのサイトにリダイレクトされているようで、管理できなくなっていました。</p>
<p>ではなくて、Googleアカウントに統合されたんですね。<br />
 告知されていたアカウントの移行期限は2月ぐらいだったようですが、昨日も手続きができたので、方法をメモしておきます。</p>
<h3>1. GoogleAdSenseアカウントを作成してログインする</h3>
<p><a href="http://src.7438.com/wp-content/uploads/2009/06/20090616_fb00.jpg"><img class="alignnone size-medium wp-image-142" title="GoogleAdSenseアカウントを作成してログインする" src="http://src.7438.com/wp-content/uploads/2009/06/20090616_fb00-278x300.jpg" alt="GoogleAdSenseアカウントを作成してログインする" width="278" height="300" /></a></p>
<p>たぶんこれが一番わかりにくいです。</p>
<p><a href="https://www.google.com/adsense/">AdSense</a>のアカウントが内場合は、作成しなくてはいけません。<br />
 ログインしたら、ページ上のナビゲーションから「AdSense設定」→「フィード向けAdSense」（上の画面）→「広告ユニットの作成」という画面まで移動します。</p>
<p>「広告ユニットの作成」画面を一番下までスクロールすると、「FeedBurnerフィードをGoogleアカウントに移動」というリンクがあるので、そこから手続きをします。</p>
<h3>2. Feedburderのアカウントとパスワードを入力</h3>
<p><a href="http://src.7438.com/wp-content/uploads/2009/06/20090616_fb01.jpg"><img class="alignnone size-medium wp-image-143" title="Feedburderのアカウントとパスワードを入力" src="http://src.7438.com/wp-content/uploads/2009/06/20090616_fb01-300x219.jpg" alt="Feedburderのアカウントとパスワードを入力" width="300" height="219" /></a></p>
<p>ここでは、Googleではなく、Feedburderで使っていたアカウントとパスワードを入力します。ドメインが.comと.jpがあるので、プルダウンから適切なものを選んでください。<br class="spacer_" /></p>
<h3>3. 移行するサイトを確認する</h3>
<p><a href="http://src.7438.com/wp-content/uploads/2009/06/20090616_fb02.jpg"><img class="alignnone size-medium wp-image-144" title="移行するサイトを確認する" src="http://src.7438.com/wp-content/uploads/2009/06/20090616_fb02-300x219.jpg" alt="移行するサイトを確認する" width="300" height="219" /></a></p>
<p>無事に移動できると、Feedburderで管理していたサイトの一覧が表示されます。<br />
 画面は私のものですが、仕事のサイトとかいろいろあるので、一部修正しました。<br />
 アカウント名のカッコの中に入っているのは、登録してあるメールアドレスです。</p>
<p>問題がなければ、画面下の「フィードを移動」をクリックします。</p>
<h3>4. 移行完了</h3>
<p><a href="http://src.7438.com/wp-content/uploads/2009/06/20090616_fb031.jpg"><img class="alignnone size-medium wp-image-148" title="移行完了" src="http://src.7438.com/wp-content/uploads/2009/06/20090616_fb031-300x219.jpg" alt="移行完了" width="300" height="219" /></a></p>
<p>アカウントとフィードの移行がおこなわれ、完了画面が表示されれば手続き終了です。<br />
 これ以後の管理は、GoogleAdSenseアカウントのページからおこないます。</p>
<p>手続きをしなくても、現在はフィードがリダイレクトされているようですが、これが永続的に行われるかどうか、調べてもわからなかったのと、管理作業（タイトルの変更や、ロゴを入れたいなど）ができなくなるのは困るので、できるうちに済ませられて良かったです。</p>
<p>でも、お知らせを受け取ったら、早めにやらないとだめですね。<br />
 まだのかたは、早めに移行したほうがいいですよーって、私ぐらいだと思いますが。</p>


<!-- Begin TwitThis script (http://twitthis.com/) -->
<div style="text-align:right;">
<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
<script type="text/javascript">
<!--
document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
//-->
</script>
</div>
<!-- /End -->

]]></content:encoded>
			<wfw:commentRss>http://src.7438.com/2009/06/16/feedbureder/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://src.7438.com/2009/06/16/feedbureder/" />
	</item>
		<item>
		<title>WordPressのビジュアルエディタのフォントを変更する</title>
		<link>http://src.7438.com/2009/06/12/tinymce/</link>
		<comments>http://src.7438.com/2009/06/12/tinymce/#comments</comments>
		<pubDate>Fri, 12 Jun 2009 11:40:03 +0000</pubDate>
		<dc:creator>takako</dc:creator>
				<category><![CDATA[WordPress]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[plugin]]></category>
		<category><![CDATA[blog]]></category>
		<category><![CDATA[TinyMCE]]></category>
		<category><![CDATA[エディタ]]></category>

		<guid isPermaLink="false">http://src.7438.com/?p=124</guid>
		<description><![CDATA[WPの記事投稿画面は使いやすくてとても気に入っているのですが、ビジュアルエディタのフォントが、日本語環境だと明朝体になっているので、ちょっと見づらいです。
方法を調べて変更したのでメモしておきます。
標準のビジュアルエデ [...]]]></description>
			<content:encoded><![CDATA[<p>WPの記事投稿画面は使いやすくてとても気に入っているのですが、ビジュアルエディタのフォントが、日本語環境だと明朝体になっているので、ちょっと見づらいです。</p>
<p>方法を調べて変更したのでメモしておきます。</p>
<h3>標準のビジュアルエディタの場合</h3>
<p>特にエディタのプラグインを入れていない場合は、”<a href="http://www.dxcode.com/archives/tag/%E3%83%93%E3%82%B8%E3%83%A5%E3%82%A2%E3%83%AB%E3%82%A8%E3%83%87%E3%82%A3%E3%82%BF">ビジュアルエディタ &#8211; おじさんの備忘録-番外編-</a>”の記事を参考にして、/wp-includes/js/tinymce/wordpress.cssの53行目に指定されているフォントを変更します<code>。</code></p>
<p style="padding-left: 30px;">font: 13px/19px Georgia, &#8220;Times New Roman&#8221;, &#8220;Bitstream Charter&#8221;, Times, serif;</p>
<p>この部分を、</p>
<p style="padding-left: 30px;">font: 13px/19px Georgia, <span>Arial, Helvetica, sans-serif</span><span>;</span></p>
<p><span>とかにします。日本語のフォントが良い場合は、</span></p>
<p style="padding-left: 30px;">font: 13px/19px &#8220;<code>ＭＳ ゴシック</code>&#8220;, &#8216;ＭＳ Ｐゴシック&#8217;<span>, Arial, Helvetica, sans-serif</span><span>;</span></p>
<p><span>と、フォント名で指定すると良いと思います。<br />
 </span></p>
<h3>TinyMCE Advancedプラグインを使っている場合</h3>
<p>私はTinyMCE Advancedプラグインを使っているので、そちらの設定を変更しようと思ったのですが、こちらはちょっと面倒で、/wp-includes/js/tinymce/themes/advanced/editor_template.jsを編集する必要がありそうだったのですが（参考：<a href="http://blog.goo.ne.jp/tmfm75/e/bbc4d98b8a2e5e94846e807cb63cec51">TinyMCE Advancedに日本語フォントを追加 &#8211; いろいろ</a>）、いろいろ検索しているうちに、プラグインの日本語版を見つめたので、そちらをインストールしました。</p>
<p><span style="text-decoration: underline;"><span style="text-decoration: line-through;"><a href="http://lovelog.eternal-tears.com/wordpress/wp-plugin/tinymce-advanced32-ja/">TinyMCE Advanced3.2 日本語版配布 | Lovelog+*</a></span></span><br />
本日最新版がリリースされました。こちら↓からお願いします。<br />
<a href="http://lovelog.eternal-tears.com/wordpress/wp-plugin-ja/tinymce-advanced324-ja/">TinyMCE Advanced3.2.4 日本語版配布 | Lovelog+*</a></p>
<p>こちらで日本語化に必要なファイルをダウンロードできるので、/wp-content/plugins/の中に追加して、再度編集画面を確認すると、フォントが明朝体からゴシックに変わっていて、少し見やすくなりました。</p>
<h3>ついでに表示フォントサイズを変更</h3>
<p>ついでに、フォントサイズをもう少し大きくしたいので、再度editor_template.jsの中を確認したのですが、よくわからなかった‥‥。</p>
<p>Fire Bugで編集画面を確認してみると、どうも、wp-includes/js/tinymce/themes/advanced/skins/wp_theme/の中にあるcontent.cssを見ているようなので、このファイルを開き、74行目のbody.mceContentBodyのフォントサイズの指定数値を14pxに変更してみました。</p>
<p>このファイルをアップロードして編集画面をリロードしたら、ちゃんと文字が大きくなっていました。<br />
 視力が良くないので、こういうカスタマイズは不可欠ですね。<br />
 同じようなことでお困りの人がいたら、参考になれば幸いです。<br class="spacer_" /></p>


<!-- Begin TwitThis script (http://twitthis.com/) -->
<div style="text-align:right;">
<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
<script type="text/javascript">
<!--
document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
//-->
</script>
</div>
<!-- /End -->

]]></content:encoded>
			<wfw:commentRss>http://src.7438.com/2009/06/12/tinymce/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://src.7438.com/2009/06/12/tinymce/" />
	</item>
		<item>
		<title>Fireworksデフォルト以外のテクスチャを使ってみる</title>
		<link>http://src.7438.com/2009/05/30/fireworks-2/</link>
		<comments>http://src.7438.com/2009/05/30/fireworks-2/#comments</comments>
		<pubDate>Fri, 29 May 2009 16:18:46 +0000</pubDate>
		<dc:creator>takako</dc:creator>
				<category><![CDATA[Fireworks]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[webデザイン]]></category>

		<guid isPermaLink="false">http://src.7438.com/?p=94</guid>
		<description><![CDATA[いつもWebデザインのカンプ作成にはFireworksを使っていますが、プリセットされているテクスチャは、バージョン2～3ぐらいの時からあまり変わっていないような気がします。
もちろん、使い方によっては、”Firewor [...]]]></description>
			<content:encoded><![CDATA[<p>いつもWebデザインのカンプ作成にはFireworksを使っていますが、プリセットされているテクスチャは、バージョン2～3ぐらいの時からあまり変わっていないような気がします。</p>
<p>もちろん、使い方によっては、”<a href="http://www.projectdd.jp/2008/01/dotline.html">Fireworksで点線をつくる &#8211; ProjectDD Blog</a>”のように非常に便利なものではあるのですが、サイト全体の背景画像パターンを作ったりするのには、少々物足りないですよね。</p>
<p>と思っていたら、同じくProjectDD Blogの管理者の方が、FWテクスチャ専用サイトを公開されました。</p>
<p><a href="http://ftg.projectdd.jp/">Fireworks texture gallery</a></p>
<p>こちらのサイトでございます。<br />
現在、300種類のテクスチャが配布されていて、これから随時増やしていくとのことです。すぐ使ってみたいものもあるし、自分がテクスチャを作る時の参考にもなりそうです。<br />
ありがたいですね。</p>
<p>その他、FWのテクスチャ配布ページで私が調べていたページは、</p>
<ul>
<li><a href="http://www.projectdd.jp/2008/08/textures.html">Fireworksの和風・伝統紋様テクスチャ &#8211; ProjectDD Blog</a></li>
<li><a href="http://c-brains.jp/blog/wsg/07/05/30-182313.php">Fireworks でオリジナルのテクスチャを作ってみる | バシャログ。</a></li>
</ul>
<p>このあたりですね。<br />
FWの使い方について、詳しく書いているサイトはまだ少ないので、私も自分の持っているtipsなんかを公開していかなくてはと思っているところです。</p>
<p>ダウンロードしたのを参考に、自分のテクスチャ作りにも挑戦してみたいですね。</p>


<!-- Begin TwitThis script (http://twitthis.com/) -->
<div style="text-align:right;">
<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
<script type="text/javascript">
<!--
document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
//-->
</script>
</div>
<!-- /End -->

]]></content:encoded>
			<wfw:commentRss>http://src.7438.com/2009/05/30/fireworks-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://src.7438.com/2009/05/30/fireworks-2/" />
	</item>
		<item>
		<title>IllustratorでWebデザインをするときに気をつけるポイント</title>
		<link>http://src.7438.com/2009/02/18/illustrator/</link>
		<comments>http://src.7438.com/2009/02/18/illustrator/#comments</comments>
		<pubDate>Wed, 18 Feb 2009 14:47:49 +0000</pubDate>
		<dc:creator>takako</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[tips]]></category>
		<category><![CDATA[webデザイン]]></category>

		<guid isPermaLink="false">http://src.7438.com/?p=41</guid>
		<description><![CDATA[今やっている仕事で、Illustratorで作成したカンプを私がコーディングすることになったのですが、いただいたデータがもの凄くきちんと作ってあって、大変参考になったので、設定項目だけメモしておきます。
Illustra [...]]]></description>
			<content:encoded><![CDATA[<p>今やっている仕事で、Illustratorで作成したカンプを私がコーディングすることになったのですが、いただいたデータがもの凄くきちんと作ってあって、大変参考になったので、設定項目だけメモしておきます。</p>
<p>Illustratorはもともと、印刷用データの作成が目的だったソフトなので、Web用の画像も、ちゃんと作れるのですが、設定を気をつけておかないと、いざ書き出してみると、線がにじんだり、大きさが意図したものにならなかったりします。<br />
Photoshopだと、もともとベクターグラフィック用のソフトなので、そういうことは無いのですけどね。</p>
<p>気をつけている項目は以下の通り。</p>
<h3>単位をpx（ピクセルに揃える）</h3>
<p style="text-align: center;"><a href="http://src.7438.com/wp-content/uploads/2009/02/090218_ill01.jpg"><img class="aligncenter size-medium wp-image-43" title="090218_ill01" src="http://src.7438.com/wp-content/uploads/2009/02/090218_ill01-300x201.jpg" alt="090218_ill01" width="300" height="201" /></a></p>
<p>とにかくWebの世界の単位はピクセルです！<br />
センチメートルとかは使えないです！</p>
<p>印刷用データの仕事が同時にあったりすると、設定をその都度変えなくちゃいけないので、ちょっと面倒ですね。</p>
<p><span id="more-41"></span></p>
<h3>1pxのガイドにオブジェクトが吸着するように</h3>
<p>まず、環境設定の続きで「ガイド・グリッド」の数値を、グリッド→10px、分割数10にします。<br />
これで、1pxずつ分割される設定になるりますね（だよね？）。</p>
<p style="text-align: center;"><a href="http://src.7438.com/wp-content/uploads/2009/02/090218_ill02.jpg"><img class="aligncenter size-medium wp-image-44" title="090218_ill02" src="http://src.7438.com/wp-content/uploads/2009/02/090218_ill02-300x201.jpg" alt="090218_ill02" width="300" height="201" /></a>その後、設定をOKして閉じて、メニューの「表示」から、「グリッドにスナップ」を選び、チェックを入れます。</p>
<p style="text-align: center;"><a href="http://src.7438.com/wp-content/uploads/2009/02/090218_ill03.jpg"><img class="aligncenter size-medium wp-image-45" title="090218_ill03" src="http://src.7438.com/wp-content/uploads/2009/02/090218_ill03-300x201.jpg" alt="090218_ill03" width="300" height="201" /></a></p>
<p>この設定をしておくと、オブジェクトを移動したときに、必ず1pxのグリッドに沿って配置されるようになるので、線のにじみやボケがかかるのをかなり防げますよ。</p>
<h3>オブジェクトのサイズに小数点を使わない</h3>
<p>時々、DTPのデータをそのままお借りするときがあるのですが、Web用の単位に変換すると、600.25pxとか、微妙な数字になってる時があります。</p>
<p>1px以下の数字は、どんなに頑張っても1pxになりますから、この場合は期待しない滲みが出ることになります。<br />
数字は必ず整数値になるように気をつけましょう。</p>
<h3>”1pxの線” は0.25pxの線を4つ重ねる</h3>
<p>Illustratorのバグなのか、仕様なのかは不明ですが、1pxの線を1pxとして表現するのは、意外と難しいです。<br />
にじみを回避する手段として、アピアランスパネルで0.25px（0.25pt）の線を複製して3つか4つ重ねるという方法を教えてもらったことがあります。</p>
<p>その他、慣れている人は、線を使わない人が多いみたいですね。</p>
<blockquote><p><a href="http://blog.livedoor.jp/unahide/archives/52011157.html">構想雑文 : Illustrator使いのためのWebデザインの基礎1 &#8211; livedoor Blog（ブログ）</a></p>
<p>線はアンチエイリアスがかかる場合があるので、なるべく使わない。できれば線は仕上げる前にアウトラインや塗りに変換する。</p></blockquote>
<p>アウトラインを取る方法も良さそうですね。</p>
<p>普段はFireworksでラフを作っているのですが、細かい部分の表現はIllustratorのほうが得意なこともありそうなので、時間に余裕のあるときは、なるべく使ってみるようにします。</p>


<!-- Begin TwitThis script (http://twitthis.com/) -->
<div style="text-align:right;">
<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
<script type="text/javascript">
<!--
document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
//-->
</script>
</div>
<!-- /End -->

]]></content:encoded>
			<wfw:commentRss>http://src.7438.com/2009/02/18/illustrator/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://src.7438.com/2009/02/18/illustrator/" />
	</item>
		<item>
		<title>2分間でインスピレーションを得るビデオ</title>
		<link>http://src.7438.com/2009/02/11/2min-inspiration/</link>
		<comments>http://src.7438.com/2009/02/11/2min-inspiration/#comments</comments>
		<pubDate>Wed, 11 Feb 2009 01:33:10 +0000</pubDate>
		<dc:creator>takako</dc:creator>
				<category><![CDATA[design]]></category>
		<category><![CDATA[movie]]></category>

		<guid isPermaLink="false">http://src.7438.com/?p=14</guid>
		<description><![CDATA[vimeoに、”Under 2 minutes of Inspiration&#8221;というタイトルで短い動画が投稿されていました。
音楽のテンポと画像の切り替えのタイミングが心地よく、2分あるかないかぐらいの長さな [...]]]></description>
			<content:encoded><![CDATA[<p>vimeoに、”Under 2 minutes of Inspiration&#8221;というタイトルで短い動画が投稿されていました。<br />
音楽のテンポと画像の切り替えのタイミングが心地よく、2分あるかないかぐらいの長さなので、ちょっとした気分転換に良さそうです。</p>
<p><object width="400" height="300" data="http://vimeo.com/moogaloop.swf?clip_id=3055078&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=3055078&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /></object><br />
<a href="http://vimeo.com/3055078">Under 2 minutes of Inspiration #1</a> from <a href="http://vimeo.com/paul0v2">Paulo Canabarro</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p><object width="400" height="300" data="http://vimeo.com/moogaloop.swf?clip_id=3145790&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=3145790&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /></object><br />
<a href="http://vimeo.com/3145790">Under 2 minutes of Inspiration #2</a> from <a href="http://vimeo.com/paul0v2">Paulo Canabarro</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p>海外のデザイン系サイトで紹介されていたのをクリップしておいたのですが、どこのサイトだったか、失念してしまいました‥‥。</p>
<p>この動画は、先日100式で紹介されていた<a href="http://www.animoto.com/">ANIMOTO</a>というWebサービスを使って作ったものみたいですね（<a href="http://www.100shiki.com/archives/2007/08/animoto.html">写真と音楽をアップするだけでかっこいい映像を作ってくれる『ANIMOTO』 | 100SHIKI.COM</a>）。<br />
動画を作るのも、だんだん敷居が低くなってきた感じがしますね。今度、自分の手持ちの写真で試してみたいです。</p>


<!-- Begin TwitThis script (http://twitthis.com/) -->
<div style="text-align:right;">
<script type="text/javascript" src="http://s3.chuug.com/chuug.twitthis.scripts/twitthis.js"></script>
<script type="text/javascript">
<!--
document.write('<a href="javascript:;" onclick="TwitThis.pop();"><img src="http://s3.chuug.com/chuug.twitthis.resources/twitthis_grey_72x22.gif" alt="TwitThis" style="border:none;" /></a>');
//-->
</script>
</div>
<!-- /End -->

]]></content:encoded>
			<wfw:commentRss>http://src.7438.com/2009/02/11/2min-inspiration/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		<xhtml:link rel="alternate" media="handheld" type="text/html" href="http://src.7438.com/2009/02/11/2min-inspiration/" />
	</item>
	</channel>
</rss>
