spice-space WEBサイトや携帯コンテンツに関する便利な記事など紹介するブログ http://spice-space.net Just another WordPress site Thu, 12 Jan 2012 07:39:44 +0000 ja hourly 1 http://wordpress.org/?v=3.3.1 iPhone向けのカレンダーUI作成のチュートリアル http://spice-space.net/2012/01/12/620/ http://spice-space.net/2012/01/12/620/#comments Thu, 12 Jan 2012 07:39:19 +0000 inpara http://spice-space.net/?p=620

iPhone向けのカレンダーUI作成のチュートリアルです。

順を追って詳しく説明しています。

Create a Mobile Calendar App in Photoshop


]]> http://spice-space.net/2012/01/12/620/feed/ 0 PhotoshopとIllustratorを使用したキャラクターデザイン http://spice-space.net/2011/07/08/photoshop%e3%81%a8illustrator%e3%82%92%e4%bd%bf%e7%94%a8%e3%81%97%e3%81%9f%e3%82%ad%e3%83%a3%e3%83%a9%e3%82%af%e3%82%bf%e3%83%bc%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/ http://spice-space.net/2011/07/08/photoshop%e3%81%a8illustrator%e3%82%92%e4%bd%bf%e7%94%a8%e3%81%97%e3%81%9f%e3%82%ad%e3%83%a3%e3%83%a9%e3%82%af%e3%82%bf%e3%83%bc%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/#comments Fri, 08 Jul 2011 01:33:59 +0000 inpara http://spice-space.net/?p=605

ペンタブレットでラフ画を作成し、ブラシで輪郭線をとり色をぬっていきます。

作業工程がわかりやすくまとめられています。

Character Design for the Boomrock Saints


]]> http://spice-space.net/2011/07/08/photoshop%e3%81%a8illustrator%e3%82%92%e4%bd%bf%e7%94%a8%e3%81%97%e3%81%9f%e3%82%ad%e3%83%a3%e3%83%a9%e3%82%af%e3%82%bf%e3%83%bc%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/feed/ 0 スタイリッシュなフォルダアイコン http://spice-space.net/2011/03/05/%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%aa%e3%83%83%e3%82%b7%e3%83%a5%e3%81%aa%e3%83%95%e3%82%a9%e3%83%ab%e3%83%80%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3/ http://spice-space.net/2011/03/05/%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%aa%e3%83%83%e3%82%b7%e3%83%a5%e3%81%aa%e3%83%95%e3%82%a9%e3%83%ab%e3%83%80%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3/#comments Sat, 05 Mar 2011 09:59:11 +0000 inpara http://spice-space.net/?p=603

スタイリッシュなフォルダアイコンの作り方です。

画像付きで解説しています。

同じ要領で様々なアイコンを作成できそうです。

ソースファイルをダウンロードするには会員登録がいるみたいです。

Create a Download Folder Icon in Photoshop


]]> http://spice-space.net/2011/03/05/%e3%82%b9%e3%82%bf%e3%82%a4%e3%83%aa%e3%83%83%e3%82%b7%e3%83%a5%e3%81%aa%e3%83%95%e3%82%a9%e3%83%ab%e3%83%80%e3%82%a2%e3%82%a4%e3%82%b3%e3%83%b3/feed/ 0 水の入ったようなテキストデザイン http://spice-space.net/2011/01/31/%e6%b0%b4%e3%81%ae%e5%85%a5%e3%81%a3%e3%81%9f%e3%82%88%e3%81%86%e3%81%aa%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/ http://spice-space.net/2011/01/31/%e6%b0%b4%e3%81%ae%e5%85%a5%e3%81%a3%e3%81%9f%e3%82%88%e3%81%86%e3%81%aa%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/#comments Mon, 31 Jan 2011 07:19:07 +0000 inpara http://spice-space.net/?p=595

テキストエフェクト

テキストの中に水のはいったようなデザインです。

手順が公開されており、ソースファイルのpsdデータも配布されていますので、参考になると思います。

Quick Tip: Create Liquid Filled Glass Text in Photoshop

]]> http://spice-space.net/2011/01/31/%e6%b0%b4%e3%81%ae%e5%85%a5%e3%81%a3%e3%81%9f%e3%82%88%e3%81%86%e3%81%aa%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3/feed/ 0 PhotoShopで作るキャラクターデザイン チュートリアル http://spice-space.net/2011/01/28/photoshop%e3%81%a7%e4%bd%9c%e3%82%8b%e3%82%ad%e3%83%a3%e3%83%a9%e3%82%af%e3%82%bf%e3%83%bc%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3-%e3%83%81%e3%83%a5%e3%83%bc%e3%83%88%e3%83%aa%e3%82%a2%e3%83%ab/ http://spice-space.net/2011/01/28/photoshop%e3%81%a7%e4%bd%9c%e3%82%8b%e3%82%ad%e3%83%a3%e3%83%a9%e3%82%af%e3%82%bf%e3%83%bc%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3-%e3%83%81%e3%83%a5%e3%83%bc%e3%83%88%e3%83%aa%e3%82%a2%e3%83%ab/#comments Fri, 28 Jan 2011 00:49:12 +0000 inpara http://spice-space.net/?p=590

PhotoShopを使用したキャラクターです。I’m Badというのが顔にあってて、いい感じです。

すべての流れを画像付きで解説しています。少々長いですが、そのクオリティに感動するはずです。

Illustratorでパーツを作成し、photoshopで加工といった流れになっています。

Create a “Minion” Character From the Despicable Me Movie

]]> http://spice-space.net/2011/01/28/photoshop%e3%81%a7%e4%bd%9c%e3%82%8b%e3%82%ad%e3%83%a3%e3%83%a9%e3%82%af%e3%82%bf%e3%83%bc%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3-%e3%83%81%e3%83%a5%e3%83%bc%e3%83%88%e3%83%aa%e3%82%a2%e3%83%ab/feed/ 0 ポップで手書き風なフォント http://spice-space.net/2011/01/27/%e3%83%9d%e3%83%83%e3%83%97%e3%81%a7%e6%89%8b%e6%9b%b8%e3%81%8d%e9%a2%a8%e3%81%aa%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88/ http://spice-space.net/2011/01/27/%e3%83%9d%e3%83%83%e3%83%97%e3%81%a7%e6%89%8b%e6%9b%b8%e3%81%8d%e9%a2%a8%e3%81%aa%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88/#comments Thu, 27 Jan 2011 01:06:36 +0000 inpara http://spice-space.net/?p=579

コントロールパネルにあるフォントフォルダの中にダウンロードしたフォントファイルを入れるだけですぐに使用できます。

※日本語には対応していません。

Plakkaat FONT

]]> http://spice-space.net/2011/01/27/%e3%83%9d%e3%83%83%e3%83%97%e3%81%a7%e6%89%8b%e6%9b%b8%e3%81%8d%e9%a2%a8%e3%81%aa%e3%83%95%e3%82%a9%e3%83%b3%e3%83%88/feed/ 0 JavaScriptで簡単にできる画像差し替え　ロールオーバー http://spice-space.net/2011/01/24/javascript%e3%81%a7%e7%b0%a1%e5%8d%98%e3%81%ab%e3%81%a7%e3%81%8d%e3%82%8b%e7%94%bb%e5%83%8f%e5%b7%ae%e3%81%97%e6%9b%bf%e3%81%88%e3%80%80%e3%83%ad%e3%83%bc%e3%83%ab%e3%82%aa%e3%83%bc%e3%83%90%e3%83%bc/ http://spice-space.net/2011/01/24/javascript%e3%81%a7%e7%b0%a1%e5%8d%98%e3%81%ab%e3%81%a7%e3%81%8d%e3%82%8b%e7%94%bb%e5%83%8f%e5%b7%ae%e3%81%97%e6%9b%bf%e3%81%88%e3%80%80%e3%83%ad%e3%83%bc%e3%83%ab%e3%82%aa%e3%83%bc%e3%83%90%e3%83%bc/#comments Mon, 24 Jan 2011 04:51:05 +0000 inpara http://spice-space.net/?p=573

画像上にマウスを移動するだけでviewポイントの画像が対応する画像に差し替わります。

以下ソース

function changeIMG(img_name){
	var img_name;
	var ch_img;
	ch_img = img_name;
	document.imgchange.src=ch_img;
	return ch_img;
}

ロールオーバーする画像に

<img src=”01.gif” onMouseOver=”changeIMG(’01_view.gif’)

上記のようにonMouseOver=”changeIMG(’01_view.gif’)とすると、’01_view.gifに差し替わります。

onMouseOverをonClickにするとクリックしたときのみ画像が差し替わります。

差し替える画像には以下のように
<img src=”01_view.gif” name=”imgchange” />

name=”imgchange”をname属性につけます。

これで<img src=”01_view.gif” name=”imgchange” />の部分がロールオーバーする画像によって変更されます。

]]> http://spice-space.net/2011/01/24/javascript%e3%81%a7%e7%b0%a1%e5%8d%98%e3%81%ab%e3%81%a7%e3%81%8d%e3%82%8b%e7%94%bb%e5%83%8f%e5%b7%ae%e3%81%97%e6%9b%bf%e3%81%88%e3%80%80%e3%83%ad%e3%83%bc%e3%83%ab%e3%82%aa%e3%83%bc%e3%83%90%e3%83%bc/feed/ 0 PhotoShop テクスチャ テキストデザイン 芝生 http://spice-space.net/2011/01/22/photoshop-%e3%83%86%e3%82%af%e3%82%b9%e3%83%81%e3%83%a3-%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3-%e8%8a%9d%e7%94%9f/ http://spice-space.net/2011/01/22/photoshop-%e3%83%86%e3%82%af%e3%82%b9%e3%83%81%e3%83%a3-%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3-%e8%8a%9d%e7%94%9f/#comments Sat, 22 Jan 2011 08:37:39 +0000 inpara http://spice-space.net/?p=570

芝生の写真を加工し、テキストを見栄え良くデザインしています。

作業工程は少し多いですが、応用すれば色々できそうです。

Create a Spectacular Grass Text Effect in Photoshop

]]> http://spice-space.net/2011/01/22/photoshop-%e3%83%86%e3%82%af%e3%82%b9%e3%83%81%e3%83%a3-%e3%83%86%e3%82%ad%e3%82%b9%e3%83%88%e3%83%87%e3%82%b6%e3%82%a4%e3%83%b3-%e8%8a%9d%e7%94%9f/feed/ 0 PhotoShopチュートリアル　まるでイラストのような魚 http://spice-space.net/2011/01/22/photoshop%e3%83%81%e3%83%a5%e3%83%bc%e3%83%88%e3%83%aa%e3%82%a2%e3%83%ab%e3%80%80%e3%81%be%e3%82%8b%e3%81%a7%e3%82%a4%e3%83%a9%e3%82%b9%e3%83%88%e3%81%ae%e3%82%88%e3%81%86%e3%81%aa%e9%ad%9a/ http://spice-space.net/2011/01/22/photoshop%e3%83%81%e3%83%a5%e3%83%bc%e3%83%88%e3%83%aa%e3%82%a2%e3%83%ab%e3%80%80%e3%81%be%e3%82%8b%e3%81%a7%e3%82%a4%e3%83%a9%e3%82%b9%e3%83%88%e3%81%ae%e3%82%88%e3%81%86%e3%81%aa%e9%ad%9a/#comments Sat, 22 Jan 2011 08:29:45 +0000 inpara http://spice-space.net/?p=564

一つのオブジェクトを複数組み合わせて作成されています。

組み合わせたものに色や、テクスチャを付けて完成です！

説明はすべて画像つきで解説されています。

Create a Cartoon-Like Fish Illustration in Photoshop

]]> http://spice-space.net/2011/01/22/photoshop%e3%83%81%e3%83%a5%e3%83%bc%e3%83%88%e3%83%aa%e3%82%a2%e3%83%ab%e3%80%80%e3%81%be%e3%82%8b%e3%81%a7%e3%82%a4%e3%83%a9%e3%82%b9%e3%83%88%e3%81%ae%e3%82%88%e3%81%86%e3%81%aa%e9%ad%9a/feed/ 0 Windows7 パブリックネットワークが表示されネットに接続できない問題 http://spice-space.net/2010/10/29/windows7-%e3%83%91%e3%83%96%e3%83%aa%e3%83%83%e3%82%af%e3%83%8d%e3%83%83%e3%83%88%e3%83%af%e3%83%bc%e3%82%af%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%83%8d%e3%83%83%e3%83%88%e3%81%ab%e6%8e%a5/ http://spice-space.net/2010/10/29/windows7-%e3%83%91%e3%83%96%e3%83%aa%e3%83%83%e3%82%af%e3%83%8d%e3%83%83%e3%83%88%e3%83%af%e3%83%bc%e3%82%af%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%83%8d%e3%83%83%e3%83%88%e3%81%ab%e6%8e%a5/#comments Fri, 29 Oct 2010 01:02:10 +0000 inpara http://spice-space.net/?p=554 パソコン起動時に右下のネットアイコンに接続できていませんという感じのアイコンが表示され、起動毎にネットワークを無効にし、有効にという手順でネットに繋いでいました。非常にめんどくさいです。

情報があまりのっていなかったので、購入後１カ月放置上の手順で接続していましたが、昨日何をどうしてもネットに繋がらなくなったので、改善の為対処しました。

まず上記の減少「パブリックネットワーク」（不明なネットワーク）が表示され、ネットに繋がらなくなる現象は、ある特定の環境によりおこることがわかりました。

AdobeのCS3をインストールすると「Bonjoru」というものがインストールされます。「Program Files」なんかで見た記憶がある方もいるかもしれません

これが何かというと、Apple社の開発したソフトで「主にLANにおいて、何の設定も行わず機器を使用可能にすることができる。」

というものです、これを実はAdobeのphotoshop等が利用しており、その際作成されるのが「パブリックネットワーク」らしいのです。

原因がわかったところで、さっそくCS3アンインストールしようと思いましたが、これが無いと何もできないので他の対処を探すと、「Bonjoru」を削除することで解決するみたいなので、削除方法を掲載しておきます。

※自己責任でお願いします。当サイトは手順を掲載していますが、不慮の自体になったとしても責任は負いません。

Window7 64bit　での環境です。

※この手順はAdobeでも記載されております。

アクセサリ→コマンドプロント→「”C:Program Files (x86)BonjourmDNSResponder.exe” -remove 」を入力しEnter

Ｃドライブ、Program Files (x86)の中に「Bonjour」フォルダがあるので開く

mdnsNSP.dll」ファイルの名前を変更します。（例 ： 「mdnsNSP.old」など）
※警告が表示された場合は、［続行］ をクリックし、［ユーザアカウント制御ダイアログボックスで ［続行］ をクリックします

再起動し、「Bonjour」フォルダを削除

※当環境では最後の「Bonjour」フォルダを削除で実行中の為削除できませんと表示されたので、私が行った対処として

コントロールパネル→管理ツール→サービス→「##Id_String1.6844F930_1628_4223_B5CC_5BB94B879762## 」というのが「Bonjour」ですのでこいつをクリックし、サービスの停止をクリック

再度「Bonjour」フォルダを削除でＯＫというった具合で解決できました。

ネットに繋がらなくてAdobe cs3を使用し、windows7の方原因はおそらくこれだと思います。

Windows7 Photoshop CS3での不具合

]]> http://spice-space.net/2010/10/29/windows7-%e3%83%91%e3%83%96%e3%83%aa%e3%83%83%e3%82%af%e3%83%8d%e3%83%83%e3%83%88%e3%83%af%e3%83%bc%e3%82%af%e3%81%8c%e8%a1%a8%e7%a4%ba%e3%81%95%e3%82%8c%e3%83%8d%e3%83%83%e3%83%88%e3%81%ab%e6%8e%a5/feed/ 0