CALENDAR
            1
2 3 4 5 6 7 8
9 10 11 12 13 14 15
16 17 18 19 20 21 22
23 24 25 26 27 28 29
30 31      
<< 2017 July >>
NEW ENTRIES
▼ ARCHIVES

RECENT COMMENTS
怪しく光る液体の作り方教えます ※追記あり
 Flourite(11/18)
 あみゅれっと(07/10)
バカテス教科書ガイドのページを作りました
 える(10/23)
 黒ずきん(08/24)
ばおばぶー
 ぼの(06/07)
海外サイトの転載について思うこと
 minmi(06/06)
 たまき(06/06)
 ぼの(06/06)
バカテス教科書ガイド1.0.0リリース
 minmi(06/06)
 koro(06/06)
RECENT TRACKBACK
スキン新着情報 07月30日 ToHeart2のキャラ時計スキン
 ゲーム好きな若造が送る、コラムみたいなブログ(10/06)
スキン作成講座:準備編
 ダイアリエ「いないいないばぁ」(04/21)
衝撃のピザーラ焼そば…
 たび☆めし☆うま BLOG(12/08)
VMware 7.0
 無料でダウンロード!!(10/31)
Chrome OS なんだこれ…
 企業レポ速報(10/05)

おてがみはこちら ぱちぱちしてくれたら嬉しいデス♪
日記でお返事もしますです~







長い間休講しちゃってましたが、スキン作成講座をちょこちょこはじめたいと思います。

まずは基礎の基礎からいきますよ~♪

続きを読む ≫
スキンを作るために用意しなければならないもの…から、説明をはじめますね。

■スキンを作るために必要なもの■

1:画像編集ツール

まずは時計のパーツを作るために、これはなくてはなりませんよね。PhotoshopでもSAIでもGIMPでもお好きなツールを使ってくださって構いませんが、PNGの24ビットなど背景が透過された画像フォーマットを保存できるものがいいですよ~。

すっきんやねん!で扱える画像フォーマットに関しては、また後で説明しますね。

2:すっきんやねん!SkinMakerPRO 3.1以降

こちらからダウンロードできます。ぜひダウンロードしておいてください。インストールの必要とかはなく、落として解凍すればすぐ使えますよ~。

作成ツールのページでは、初心者用のEasySkinCreatorも同時にダウンロードできますが、それで作ったものは全くと言っていいほどデザインの自由度がありません。上述の画像編集ツールも使えない人を対象にしてます( ̄▽ ̄;

ですので、この作成講座では、すっきんやねん!SkinMakerPROを使って作成することを前提に進めますね。レイヤーの概念など採り入れてますから、一般的な画像編集ツールが使える方なら、そんなに難しくもなく、すぐ理解できると思いますよ~♪


■すっきんやねん!で扱える画像フォーマット■

JPEG、GIF、PNG(8ビット、24ビット)が使えます。

パーツに透過が必要ないものなら、当然JPG使うのが一番いいですよね。

透過が必要なものの場合、クオリティ的には断然PNG24ビットなんですが、減色+最適化を行ってもファイルサイズが大きくなりがちなので、気をつけてね。

PNG8ビットと、GIFは扱える色数が256色です。だから保存する時に256色以外の色があると、すっきんやねん!に読み込ませた時、まるでノイズのようなゴミが表示されちゃいます。

よく絵師さんって最初はすごいでかい解像度で描くじゃないですか? それで完成した後スキンに使うサイズに縮小したりするんだけど、縮小した時に絵の縁とかがぼやけちゃって、それをPNG8ビットで保存してすっきんやねん!に読み込ませた時にノイズが出る原因になってたりするパターンが多かったり。時計枠とか絵のベース部分など、縁が目立つものはPNG24ビットで使うのが一番いいと思います。


■さてどんなスキンを作ろっか?■

道具の準備も整ったら、次は実際にどんなスキンを作るか考えていきましょう。

本講座では、小さなテクニックを一個ずつ解説していきますが、基礎的なことは解説していきません。基礎的な作り方は各自てきと~に覚えてみてください。そんな難しくはないから、慣れですぐ習得できますよ!w

人が作ったスキンの作成ファイルを眺めてみたりするのが一番いいかも。公開中のスキンの中には、スキンの作成ファイルが同梱されているものがあります。これとかこれとかね。またSkinMakerのフォルダの中にもサンプルとして初期スキンの作成ファイルが入ってますので、それらを覗いてみるとわかりやすいんじゃないかな~。

スキンの作り方を覚えて、ぜひぜひいろんなスキンを作ってみてくださいね~♪

あ、その前に著作権のことに関しての注意があったので、ちょっとさせていただきます。


■版権モノのスキンについて■

版権モノのキャラなどを用いた時計スキンを作ろうとする場合の注意点ですよ~。

絵は必ず自分で描いた物にしましょうね。アニメや漫画などからそのまま絵を持ってきてスキンを作ることは絶対しちゃダメです。また、他人が描いた絵を作者さんに無許可で使用するのもダメです。

誰にも公開せず自分一人で楽しむ分には、絶対ダメ!とは言いませんが、そういったあからさまに著作権的に問題のあるスキンは、送ってきていただいたりしても、うちでは紹介したりスキンリストに掲載したり、サーバーに追加したりはできません。

また、以下のスキンは自作絵だったりオリジナルだったりしてもお断りする場合があります。あらかじめご了承ください><

・18禁の表現のあるもの
・N◯Kさんの作品やデ◯ズニーさんの作品、コ○ミさん任○堂さんなど、著作権的にとても危険そうなオーラを放ってるところの作品w


■最後に■

そんな訳で、今回は本当に準備だけになっちゃいました。次回からは、ちゃんと各種テクニックなどを説明していきたいと思いまっす!

特別講師のたまきさんなどもいっぱい書いてくれるらしいので、お楽しみにですw

≪ 続きを隠す
[ 開発日記。::スキン作成講座 ] comments (0) trackback (1)
コメント








この記事のトラックバックURL
http://blog.souldivas.org/blog/tb.php/1273
時計スキンの作り方講座の記事を書かせてもらいました。 / ダイアリエ「いないいないばぁ」 2010.04.21 (Wed) 0:06
先日も御紹介させていただいた
flash(ブログパーツ)版、及びWINDOWS版のけいおん時計・・・。

どうやって作っているか・・・みたいな作成講...
すっきんやねん!

このブログパーツの使い方はここ見てネ
▼ CATEGORIES

▼ LINK
SoulDivas 内のページ
 トップページ
 ソフト公開ページ
 SealOnline Skill Simulator
 Seal 専門検索エンジン Seagle
 メールアドレスコンバータ
 DATA SPACE NINE
スキン作ってくださった絵師さんたち
 ぽかぽかのくに
 万魔殿
 Angel☆Tear
 ましろむのお絵かきばんざい
 ~りゅきあ~
 LightRight
 画廊喫茶はぴど
 画展
 MOE-K-MCZ
 An-Nur
 マドロス冨田の校長室
 めがぴこ
 原色進化論
 Reason
 Tres tristes tigres...
 くれ日記
 zarzarana
 篠blog
 ◆夢中人◆
 Omega-Studio
 無人少女
 ダイアリエ「いないいないばぁ」
 + ---- EUREKA ---- +
 SC-エスシー-
 からすのしっぽ
 ネコマミレの描きなぐり
 SHADOW MOON
 マサ・ユメ
 バロックリミッター
 迷-MAZE-
 AKIHIのちょっぴりオタオタ日記
ソフトいっぱーい
 窓の杜
 Vector
 AnyWare+
 Cow&Scorpion
 アルテック
 Seesaa ダウンロード
 HANATSUKI
 Greva!
 ガジェットギャラリー
 widgetown
ソフト紹介(個人サイト)
 知恵の実.com
 FreeSoftNavi
 Undulation PC.
 FreeSoftNavi
アップデート情報
 ソフトコレクション
 OnlineSoft VersionUp.info
 ソフトアンテナ
 新しもの好きのダウンロード
ニュースとかいろいろ情報とか
 スラッシュドット ジャパン
 WIRED VISION NEWS
 Impress Watch
 ITmedia News
 GIGAZINE
 Technobahn
 Engadget Japanese
 国際ニュース : AFPBB News
 TechCrunch Japanese
 ネタりか
 ライフハッカー
使わせてもらってる素材とか
 あくび印
 FTK CREATIVE SYSTEM
 deviantART
 Soundsnap.com
おもしろい
 デイリーポータル Z
オリジナルグッズ作成
 DECOチョコ
 オリジナル切手作成サービス
 チョコラボキットカット
 マイブック
お買い物
 半額以下.com
 あまぞん
 オンライン書店 e-hon
 cotta
たべもの
 うまいもんドットコム
 カレーファン
 料理のいろは
音楽
 ナタリー
 djmixr beta
 [r] recommuni
 World Reggae News

検索くん
ブログ内を検索



Mozilla Firefox ブラウザ無料ダウンロード