<!DOCTYPE html>
<html dir="ltr" lang="ja">
<head>
	<meta charset="UTF-8">
	<title>フォトショップwebデザインマニュアル</title>
	<link rel="profile" href="http://gmpg.org/xfn/11">
	<link rel="stylesheet" type="text/css" media="all" href="http://megane9988.com/wp-content/themes/meglog/style.css">
	<link rel="pingback" href="http://megane9988.com/xmlrpc.php">
		<link rel="alternate" type="application/rss+xml" title="フォトショップwebデザインマニュアル &raquo; フィード" href="http://megane9988.com/?feed=rss2" />
<link rel="alternate" type="application/rss+xml" title="フォトショップwebデザインマニュアル &raquo; コメントフィード" href="http://megane9988.com/?feed=comments-rss2" />
<script type='text/javascript' src='http://megane9988.com/wp-includes/js/l10n.js?ver=20101110'></script>
<script type='text/javascript' src='http://megane9988.com/wp-includes/js/prototype.js?ver=1.6.1'></script>
<script type='text/javascript' src='http://megane9988.com/wp-includes/js/scriptaculous/wp-scriptaculous.js?ver=1.8.3'></script>
<script type='text/javascript' src='http://megane9988.com/wp-includes/js/scriptaculous/effects.js?ver=1.8.3'></script>
<script type='text/javascript' src='http://megane9988.com/wp-includes/js/jquery/jquery.js?ver=1.6.1'></script>
<script type='text/javascript' src='http://megane9988.com/wp-content/themes/meglog/js/pulldown-nav.js?ver=3.2.1'></script>
<link rel="EditURI" type="application/rsd+xml" title="RSD" href="http://megane9988.com/xmlrpc.php?rsd" />
<link rel="wlwmanifest" type="application/wlwmanifest+xml" href="http://megane9988.com/wp-includes/wlwmanifest.xml" /> 
<link rel='index' title='フォトショップwebデザインマニュアル' href='http://megane9988.com' />
<meta name="generator" content="WordPress 3.2.1" />

<!-- All in One SEO Pack 1.6.13.3 by Michael Torbert of Semper Fi Web Design[75,202] -->
<meta name="description" content="フォトショップを利用したwebデザインマニュアル" />
<meta name="keywords" content="フォトショップ,photoshop,webデザイン,マニュアル" />
<link rel="canonical" href="http://megane9988.com/" />
<!-- /all in one seo pack -->
	<!-- WP lightbox 2 Plugin version 0.6.2 -->
	<link rel="stylesheet" href="http://megane9988.com/wp-content/plugins/wp-lightbox2/css/lightbox.css" type="text/css" media="screen" />
	<style type="text/css" media="screen">
		#prevLink, #nextLink { background: transparent url("http://megane9988.com/wp-content/plugins/wp-lightbox2/images/blank.gif") no-repeat; }
		#prevLink:hover, #prevLink:visited:hover { background: url("http://megane9988.com/wp-content/plugins/wp-lightbox2/images/prevlabel.gif") left 15% no-repeat; }
		#nextLink:hover, #nextLink:visited:hover { background: url("http://megane9988.com/wp-content/plugins/wp-lightbox2/images/nextlabel.gif") right 15% no-repeat; }
	</style>
	<script type="text/javascript" src="http://megane9988.com/wp-content/plugins/wp-lightbox2/js/lightbox.js"></script>
	<script type="text/javascript">
		var fileLoadingImage = "http://megane9988.com/wp-content/plugins/wp-lightbox2/images/loading.gif";
		var fileBottomNavCloseImage = "http://megane9988.com/wp-content/plugins/wp-lightbox2/images/closelabel.gif";
	</script>
</head>
<body class="home blog">
<div id="wrapper">
	<header id="site-header">
		<h1 id="site-title"><a href="http://megane9988.com/" title="フォトショップwebデザインマニュアル" rel="home">フォトショップwebデザインマニュアル</a></h1>
<h2 id="site-description">フォトショップwebデザイナー駆け出しの覚え書き</h2>
<nav id="main-menu-box" class="main-menu-box"><ul id="main-menu" class="main-menu"><li id="menu-item-440" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-440"><a href="http://megane9988.com/?page_id=268">PhotoshopでWEBデザインしよう！</a></li>
<li id="menu-item-414" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-414"><a href="http://megane9988.com/?page_id=3">環境設定</a>
<ul class="sub-menu">
	<li id="menu-item-415" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-415"><a href="http://megane9988.com/?page_id=17">フォトショップの見方</a></li>
	<li id="menu-item-416" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-416"><a href="http://megane9988.com/?page_id=270">一般設定</a></li>
</ul>
</li>
<li id="menu-item-417" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-417"><a href="http://megane9988.com/?page_id=5">基本操作</a>
<ul class="sub-menu">
	<li id="menu-item-418" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-418"><a href="http://megane9988.com/?page_id=271">キーボードショートカット</a></li>
	<li id="menu-item-419" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-419"><a href="http://megane9988.com/?page_id=272">保存と書き出し</a></li>
	<li id="menu-item-420" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-420"><a href="http://megane9988.com/?page_id=273">拡大縮小</a></li>
	<li id="menu-item-421" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-421"><a href="http://megane9988.com/?page_id=274">ルーラー</a></li>
	<li id="menu-item-422" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-422"><a href="http://megane9988.com/?page_id=275">レイヤー</a></li>
	<li id="menu-item-423" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-423"><a href="http://megane9988.com/?page_id=276">レイヤーの効果</a></li>
</ul>
</li>
<li id="menu-item-424" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-424"><a href="http://megane9988.com/?page_id=7">レイアウト</a>
<ul class="sub-menu">
	<li id="menu-item-425" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-425"><a href="http://megane9988.com/?page_id=277">サイトの幅</a></li>
	<li id="menu-item-426" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-426"><a href="http://megane9988.com/?page_id=278">ヘッダー</a></li>
	<li id="menu-item-427" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-427"><a href="http://megane9988.com/?page_id=279">フッター</a></li>
	<li id="menu-item-428" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-428"><a href="http://megane9988.com/?page_id=280">メインカラム</a></li>
	<li id="menu-item-429" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-429"><a href="http://megane9988.com/?page_id=281">サイドカラム</a></li>
</ul>
</li>
<li id="menu-item-430" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-430"><a href="http://megane9988.com/?page_id=9">文字の扱い</a>
<ul class="sub-menu">
	<li id="menu-item-431" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-431"><a href="http://megane9988.com/?page_id=282">基本操作</a></li>
	<li id="menu-item-432" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-432"><a href="http://megane9988.com/?page_id=283">アンチエリアス</a></li>
	<li id="menu-item-433" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-433"><a href="http://megane9988.com/?page_id=47">基本的なフォント</a></li>
</ul>
</li>
<li id="menu-item-434" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-434"><a href="http://megane9988.com/?page_id=11">ボタン/見出し</a>
<ul class="sub-menu">
	<li id="menu-item-435" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-435"><a href="http://megane9988.com/?page_id=51">ボタン参考リスト</a></li>
	<li id="menu-item-436" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-436"><a href="http://megane9988.com/?page_id=284">見出し参考リスト</a></li>
</ul>
</li>
<li id="menu-item-437" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-437"><a href="http://megane9988.com/?page_id=13">リンク</a></li>
<li id="menu-item-438" class="menu-item menu-item-type-post_type menu-item-object-page menu-item-438"><a href="http://megane9988.com/?page_id=269">チュートリアル</a></li>
</ul></nav><p id="main-img"><img src="http://megane9988.com/wp-content/uploads/2011/09/main_img1.jpg" width="1000" height="319" alt=""></p>
	</header><!-- #header -->
	<div id="main">
		<div id="container">
			<div id="content" role="main">
										<h1 class="page-title">News</h1>
									<article id="post-367" class="post-367 post type-post status-publish format-standard hentry category-33">
	<header class="entry-header">
						<div class="entry-meta">
				<time datetime="2010-11-02T18:47:44+00:00">2010/11/2 火曜日</time>
			</div><!-- .entry-meta -->
				<h1 class="entry-title"><a href="http://megane9988.com/?p=367" title="Permalink to VPS" rel="bookmark">VPS</a></h1>
	</header><!-- .entry-header -->
		<div class="entry-summary">
				<p>VPSを初めてみよう！ &nbsp; ってことで、まずさくらVPSに申し込みました。お試しが2週間なのでダメならすぐやめても大丈夫よね。 &nbsp; 申し込みからフォームを入力していきます。クレジット払いを選択。お、決<br />
<a href="http://megane9988.com/?p=367" title="Permalink to VPS" class="read_more">続きを読む&#8230;</a></p>
	</div><!-- .entry-summary -->
				<footer class="entry-meta">
								</footer><!-- #entry-meta -->
	</article><!-- #post-367 -->
									<article id="post-225" class="post-225 post type-post status-publish format-standard hentry category-1 tag-blend tag-photoshop tag-quickmask tag-tutorial tag-49">
	<header class="entry-header">
						<div class="entry-meta">
				<time datetime="2009-07-22T22:02:16+00:00">2009/7/22 水曜日</time>
			</div><!-- .entry-meta -->
				<h1 class="entry-title"><a href="http://megane9988.com/?p=225" title="Permalink to photoshop tutorial クイックマスクをつかって画像の一部のみを明るくする" rel="bookmark">photoshop tutorial クイックマスクをつかって画像の一部のみを明るくする</a></h1>
	</header><!-- .entry-header -->
		<div class="entry-summary">
				<p>右の建物は明るいが、左の海は暗いそんなときに海だけを明るくするチュートリアル クイックマスクを利用しています。 1.自動選択ツールで ・範囲を８０ぐらい・アンチエリアスあり・隣接あり の設定で、海を選択 2.クイックマス<br />
<a href="http://megane9988.com/?p=225" title="Permalink to photoshop tutorial クイックマスクをつかって画像の一部のみを明るくする" class="read_more">続きを読む&#8230;</a></p>
	</div><!-- .entry-summary -->
				<footer class="entry-meta">
								</footer><!-- #entry-meta -->
	</article><!-- #post-225 -->
									<article id="post-212" class="post-212 post type-post status-publish format-standard hentry category-wordpress">
	<header class="entry-header">
						<div class="entry-meta">
				<time datetime="2009-04-22T14:57:12+00:00">2009/4/22 水曜日</time>
			</div><!-- .entry-meta -->
				<h1 class="entry-title"><a href="http://megane9988.com/?p=212" title="Permalink to WordCamp Tokyo 2009 マットさんのプレゼン｛日本語字幕付き｝動画" rel="bookmark">WordCamp Tokyo 2009 マットさんのプレゼン｛日本語字幕付き｝動画</a></h1>
	</header><!-- .entry-header -->
		<div class="entry-summary">
				<p>先日行われました、WordCamp Tokyo 2009 でのマットさんの基調講演が字幕付きで、WordCamp公式サイトにアップされてました！ 当日私も参加したのですが、英語のスキルがほぼ無いために、確り理解できません<br />
<a href="http://megane9988.com/?p=212" title="Permalink to WordCamp Tokyo 2009 マットさんのプレゼン｛日本語字幕付き｝動画" class="read_more">続きを読む&#8230;</a></p>
	</div><!-- .entry-summary -->
				<footer class="entry-meta">
								</footer><!-- #entry-meta -->
	</article><!-- #post-212 -->
									<article id="post-192" class="post-192 post type-post status-publish format-standard hentry category-wordpress tag-flicker tag-41 tag-46">
	<header class="entry-header">
						<div class="entry-meta">
				<time datetime="2009-04-22T11:13:38+00:00">2009/4/22 水曜日</time>
			</div><!-- .entry-meta -->
				<h1 class="entry-title"><a href="http://megane9988.com/?p=192" title="Permalink to flickerからWordPressに投稿する方法" rel="bookmark">flickerからWordPressに投稿する方法</a></h1>
	</header><!-- .entry-header -->
		<div class="entry-summary">
					<p class="thumb"><a href="http://megane9988.com/?p=192" title="flickerからWordPressに投稿する方法 へのパーマリンク"><img width="260" height="210" src="http://megane9988.com/wp-content/uploads/2009/04/15.jpg" class="attachment-post-archives wp-post-image" alt="15" title="15" /></a></p>
				<p>flickerにアップした画像から、すぐにWordPressに投稿できるということがわかったのでご紹介いたします。 1.flickerにログインしたら、右上の自分の名前をクリック &nbsp; 2.中ほどにある、タブの右<br />
<a href="http://megane9988.com/?p=192" title="Permalink to flickerからWordPressに投稿する方法" class="read_more">続きを読む&#8230;</a></p>
	</div><!-- .entry-summary -->
				<footer class="entry-meta">
								</footer><!-- #entry-meta -->
	</article><!-- #post-192 -->
									<article id="post-191" class="post-191 post type-post status-publish format-standard hentry category-33">
	<header class="entry-header">
						<div class="entry-meta">
				<time datetime="2009-04-22T10:32:38+00:00">2009/4/22 水曜日</time>
			</div><!-- .entry-meta -->
				<h1 class="entry-title"><a href="http://megane9988.com/?p=191" title="Permalink to 八重桜が満開" rel="bookmark">八重桜が満開</a></h1>
	</header><!-- .entry-header -->
		<div class="entry-summary">
				<p>家の近所です。 とりあえず八重桜満開で、おにぎり食べながら、ビール。 ウマーー！</p>
	</div><!-- .entry-summary -->
				<footer class="entry-meta">
								</footer><!-- #entry-meta -->
	</article><!-- #post-191 -->
				    <script type="text/javascript">
    // <![CDATA[
        var disqus_shortname = 'megane9988';
        var disqus_domain = 'disqus.com';
        (function () {
            var nodes = document.getElementsByTagName('span');
            for (var i = 0, url; i < nodes.length; i++) {
                if (nodes[i].className.indexOf('dsq-postid') != -1) {
                    nodes[i].parentNode.setAttribute('data-disqus-identifier', nodes[i].getAttribute('rel'));
                    url = nodes[i].parentNode.href.split('#', 1);
                    if (url.length == 1) { url = url[0]; }
                    else { url = url[1]; }
                    nodes[i].parentNode.href = url + '#disqus_thread';
                }
            }
            var s = document.createElement('script'); s.async = true;
            s.type = 'text/javascript';
            s.src = 'http://' + disqus_domain + '/forums/' + disqus_shortname + '/count.js';
            (document.getElementsByTagName('HEAD')[0] || document.getElementsByTagName('BODY')[0]).appendChild(s);
        }());
    //]]>
    </script>
						<nav id="nav-above">
<p class="tab_nav"><span class='page-numbers current'>1</span>
<a class='page-numbers' href='/feed/?paged=2'>2</a>
<a class='page-numbers' href='/feed/?paged=3'>3</a>
<a class='page-numbers' href='/feed/?paged=4'>4</a>
<a class='page-numbers' href='/feed/?paged=5'>5</a>
<a class='page-numbers' href='/feed/?paged=6'>6</a>
<span class="page-numbers dots">...</span>
<a class='page-numbers' href='/feed/?paged=11'>11</a>
<a class="next page-numbers" href="/feed/?paged=2">&raquo;</a></p></nav><!-- #nav-above -->
			</div><!-- #content -->
		</div><!-- #container -->
<div id="first-side" class="widget_area" role="complementary">
<aside id="pages-6" class="widget-container widget_pages"><h1 class="widget-title">固定ページ</h1>		<ul>
			<li class="page_item page-item-3"><a href="http://megane9988.com/?page_id=3" title="環境設定">環境設定</a>
<ul class='children'>
	<li class="page_item page-item-17"><a href="http://megane9988.com/?page_id=17" title="フォトショップの見方">フォトショップの見方</a></li>
	<li class="page_item page-item-270"><a href="http://megane9988.com/?page_id=270" title="一般設定">一般設定</a></li>
</ul>
</li>
<li class="page_item page-item-5"><a href="http://megane9988.com/?page_id=5" title="基本操作">基本操作</a>
<ul class='children'>
	<li class="page_item page-item-271"><a href="http://megane9988.com/?page_id=271" title="キーボードショートカット">キーボードショートカット</a></li>
	<li class="page_item page-item-272"><a href="http://megane9988.com/?page_id=272" title="保存と書き出し">保存と書き出し</a></li>
	<li class="page_item page-item-273"><a href="http://megane9988.com/?page_id=273" title="拡大縮小">拡大縮小</a></li>
	<li class="page_item page-item-274"><a href="http://megane9988.com/?page_id=274" title="ルーラー">ルーラー</a></li>
	<li class="page_item page-item-275"><a href="http://megane9988.com/?page_id=275" title="レイヤー">レイヤー</a></li>
	<li class="page_item page-item-276"><a href="http://megane9988.com/?page_id=276" title="レイヤーの効果">レイヤーの効果</a></li>
</ul>
</li>
<li class="page_item page-item-7"><a href="http://megane9988.com/?page_id=7" title="レイアウト">レイアウト</a>
<ul class='children'>
	<li class="page_item page-item-277"><a href="http://megane9988.com/?page_id=277" title="サイトの幅">サイトの幅</a></li>
	<li class="page_item page-item-278"><a href="http://megane9988.com/?page_id=278" title="ヘッダー">ヘッダー</a></li>
	<li class="page_item page-item-279"><a href="http://megane9988.com/?page_id=279" title="フッター">フッター</a></li>
	<li class="page_item page-item-280"><a href="http://megane9988.com/?page_id=280" title="メインカラム">メインカラム</a></li>
	<li class="page_item page-item-281"><a href="http://megane9988.com/?page_id=281" title="サイドカラム">サイドカラム</a></li>
</ul>
</li>
<li class="page_item page-item-9"><a href="http://megane9988.com/?page_id=9" title="文字の扱い">文字の扱い</a>
<ul class='children'>
	<li class="page_item page-item-47"><a href="http://megane9988.com/?page_id=47" title="基本的なフォント">基本的なフォント</a></li>
	<li class="page_item page-item-282"><a href="http://megane9988.com/?page_id=282" title="基本操作">基本操作</a></li>
	<li class="page_item page-item-283"><a href="http://megane9988.com/?page_id=283" title="アンチエリアス">アンチエリアス</a></li>
</ul>
</li>
<li class="page_item page-item-11"><a href="http://megane9988.com/?page_id=11" title="ボタン/見出し">ボタン/見出し</a>
<ul class='children'>
	<li class="page_item page-item-51"><a href="http://megane9988.com/?page_id=51" title="ボタン参考リスト">ボタン参考リスト</a></li>
	<li class="page_item page-item-284"><a href="http://megane9988.com/?page_id=284" title="見出し参考リスト">見出し参考リスト</a></li>
</ul>
</li>
<li class="page_item page-item-13"><a href="http://megane9988.com/?page_id=13" title="リンク">リンク</a></li>
<li class="page_item page-item-268"><a href="http://megane9988.com/?page_id=268" title="PhotoshopでWEBデザインしよう！">PhotoshopでWEBデザインしよう！</a></li>
<li class="page_item page-item-269"><a href="http://megane9988.com/?page_id=269" title="チュートリアル">チュートリアル</a></li>
		</ul>
		</aside><aside id="search-3" class="widget-container widget_search"><form role="search" method="get" id="searchform" action="http://megane9988.com/" >
	<div><label class="screen-reader-text" for="s">検索:</label>
	<input type="text" value="" name="s" id="s" />
	<input type="submit" id="searchsubmit" value="検索" />
	</div>
	</form></aside><aside id="text-409998010" class="widget-container widget_text">			<div class="textwidget"><script type="text/javascript"><!--
google_ad_client = "ca-pub-2866035444666228";
/* 336x280, 作成済み 09/04/19 */
google_ad_slot = "4267328340";
google_ad_width = 336;
google_ad_height = 280;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
		</aside>		</div><!-- #side-primary .widget-area -->
</div><!-- #main -->
	<footer id="site-footer" role="contentinfo">
		<div id="footer-widget-area" role="complementary">
			<div id="first" class="widget-area">
			<aside id="text-409998012" class="widget-container widget_text">			<div class="textwidget"><script type="text/javascript"><!--
google_ad_client = "ca-pub-2866035444666228";
/* ヘッダ */
google_ad_slot = "7505211703";
google_ad_width = 728;
google_ad_height = 90;
//-->
</script>
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></div>
		</aside>		</div><!-- #first .widget-area -->
				</div><!-- #footer-widget-area -->
		<nav id="footer-menu-box" class="footer-menu-box">
<ul id="footer-menu" class="footer-menu">
<li class="page_item page-item-268"><a href="http://megane9988.com/?page_id=268" title="PhotoshopでWEBデザインしよう！">PhotoshopでWEBデザインしよう！</a></li>
<li class="page_item page-item-3"><a href="http://megane9988.com/?page_id=3" title="環境設定">環境設定</a></li>
<li class="page_item page-item-5"><a href="http://megane9988.com/?page_id=5" title="基本操作">基本操作</a></li>
<li class="page_item page-item-7"><a href="http://megane9988.com/?page_id=7" title="レイアウト">レイアウト</a></li>
<li class="page_item page-item-9"><a href="http://megane9988.com/?page_id=9" title="文字の扱い">文字の扱い</a></li>
<li class="page_item page-item-11"><a href="http://megane9988.com/?page_id=11" title="ボタン/見出し">ボタン/見出し</a></li>
<li class="page_item page-item-13"><a href="http://megane9988.com/?page_id=13" title="リンク">リンク</a></li>
<li class="page_item page-item-269"><a href="http://megane9988.com/?page_id=269" title="チュートリアル">チュートリアル</a></li>
</ul>
</nav>
<p id="copyright"><small>Copyright &copy; 2011 <a href="http://megane9988.com/" title="フォトショップwebデザインマニュアル" rel="home">フォトショップwebデザインマニュアル</a></small></p>
<div id="site-generator">
<p id="generator"><a href="http://ja.wordpress.org/" title="Semantic Personal Publishing Platform" rel="generator">Proudly powered by WordPress.</a></p>
<p id="themes-generator"><a href="http://www.10press.net/" title="Semantic Personal Publishing Themes" class="megumi" >Theme by MEGUMI.</a></p>
</div><!-- #site-generator -->
	</footer><!-- #site-footer -->
</div><!-- #wrapper -->

<!-- tracker added by Ultimate Google Analytics plugin v1.6.0: http://www.oratransplant.nl/uga -->
<script type="text/javascript">
var gaJsHost = (("https:" == document.location.protocol) ? "https://ssl." : "http://www.");
document.write(unescape("%3Cscript src='" + gaJsHost + "google-analytics.com/ga.js' type='text/javascript'%3E%3C/script%3E"));
</script>
<script type="text/javascript">
var pageTracker = _gat._getTracker("UA-2708924-1");
pageTracker._initData();
pageTracker._trackPageview();
</script>
</body>
</html>
