【ＰＣ】 Ｐｉｘｉａでアイコンに影を付ける

既に公開されているフリーアイコンに自分好みの影を付けたいときに便利かも。　ｄ（・・



Ｐｉｘｉａでアイコン画像を読み込み、右下のこの部分 [編集]をクリック。

　

とりあえずはデフォルトのまま[ＯＫ]をクリック。

　

出来たのはこれ。

　

次はデフォルトを踏まえて自分好みの陰になるようにいろいろ試して下さい。



このブログで公開されている影付きの場合はこんな感じの設定。

縦・横位置はゼロ、ぼかしは１、影の色を灰色に設定。

　

　

これで[ＯＫ]。

　

出来たかな？（・・

　



この記事と併せてこちらもどうぞ。

■Nekotopな　【ＰＣ】　ウィンドウズ用アイコンの作り方
　http://blog.goo.ne.jp/nekotop_001/e/7ec2bca382f15548eaac15708a18761b

■Nekotopな　【ＰＣ】　Ｐｉｘｉａで簡単に縮小画像作成
　http://blog.goo.ne.jp/nekotop_001/e/55187caec283dd21b5ce9ee3628ae393



些細なことですが記事を見てる人の役に立つといいな。

そんな感じでまた～　・・）ノシ

【フリー素材】 Green Cursol

ウィンドウズ用のアニメーションカーソル作ってみました。　ｄ（・・



　

　　←翌２１日追加

最初の３つはもっと早く回転しています。

カーソルはブログで直接アップロード出来ないのでダウンロードリンクからどうぞ。

■Nekotop　nekotop_green_cursol_20120121.zip
　http://www15.ocn.ne.jp/~nekotop0/data/nekotop_green_cursol_20120121.zip
　＊ 追加に伴い
　　nekotop_green_cursol_20120120.zip から
　　nekotop_green_cursol_20120121.zip へアップデートしました。


そんな感じで。　・・）ノシ

【フリー素材】 アルファベット文字 「ＷａｔｅｒＧｅｌ」他

また作ってみました。カウンター用画像。　ｄ（・・
　2012/02/06 記事内容の大幅な拡充と変更を加えました。
　今後同シリーズは新記事と共にこちらにも追加されます。
　2012/02/11　本日よりテクスチャもＤＬ出来るようにした。
　2012/02/19 「Star Dust」追加。



■WaterGel (14x22pixels)
　

　↑ここから直接保存して下さい。
　　画像は数字毎に別の画像になってます。ｄ（・・



それと透過ＰＮＧの元画像も公開しておきますね。

■WaterGel (ジェル) (1024x1024pixels)
　　image ->

試しにロゴ作ってみました。（ひらがなは公開画像に含まれません）
　

画像は１文字辺り６４ｘ１１２ピクセルなのでグリッドを作成して切り出すと簡単ですね。
色相を変えればイメージも大分違う物が出来ると思います。

今回はキャラの並びを ！から～ までアスキー配列にしたのでプログラムへの応用も簡単ではないかと思います。
日本語キーの場合は ＼(バックスラッシュ)と ￥ を入れ替えて下さい。
コントロール系は配列が出鱈目です。（・ｗ・；

以下は分割用にラインが入ってるので色指定で削除すれば綺麗になります。



■元画像 2012/01/31追加
　
　文字が白いのでブラウザでは線しか見えないかも。

■3D Shadow 100% 50% 2012/02/11追加
　　
　文字画像に重ねると丸みを帯びた立体文字に見える自作用フィルタ。

■Marcury (水銀)2012/01/31追加
　　image ->

■Snow (ゆき) 2012/01/31追加
　　image ->

■Moss (コケ) 2012/01/31追加
　　image ->
　色に若干のバラツキあり。

■Blood (血) 2012/02/04追加
　　image ->

■Lawn (芝生) 2012/02/05追加
　　image ->

■Colorfull (カラフル) 2012/02/05追加
　　image ->
　輪郭にぼやけた白を使っています。

■Gold (金) 20120205追加
　　image ->

■Sunset (夕焼け) 2012/02/05追加
　　image ->

■Rainbow (虹) 2012/02/06追加
　　image ->

■Rainbow2 (虹２) 2012/02/06追加
　　image ->

■Stained glass (ステンドグラス) 2012/02/06追加
　　image ->
　2012/02/07： 元画像の枠線を黒から赤に変更。

■Patch work (パッチワーク) 2012/02/06追加
　　image ->

■Steel Plate (鉄板) 2012/02/07追加
　　image ->
　溶断跡つき。

■Steel Plate 2 (鉄板２) 2012/02/07追加
　　image ->

■Color Pencil (色鉛筆) 2012/02/07追加
　　image ->
　文字が６ピクセルほど大きめなので位置を上にずらした。
　これに合わせて枠線も消しました。

■Weapon (凶器/武器) 2012/02/07追加
　　image ->
　表面の荒い金属に乾いた血の跡。（・・；；；；

■Flame (炎) 2012/02/07追加
　　image ->

■Waffle (ワッフル) 2012/02/07追加
　　image ->

■Pocky (ポッキー) 2012/02/07追加
　　image ->

■Steel Plate 3 (鉄板３) 2012/02/08追加
　　image ->
　錆びてます。

■Stone (石) 2012/02/08追加
　　image ->
　石に見えないかも。（・・；

■Fireworks (花火) 2012/02/08追加
　　image ->

■Tile Brown/Red/Blue/Green (タイル 茶/赤/青/緑) 2012/02/10追加
　　image ->
　

■Tropical (トロピカル) 2012/02/10追加
　　image ->
　アメコミ調トロピカルっぽいナニカ。

■Thaw (雪解け) 2012/02/10追加
　　image ->

■Heart (ハート) 2012/02/10追加
　　image -> 　Texture ->
　特別仕様。 最後のキャラがハートになってる。

■Hexagon (六角形) 2012/02/11追加
　　image -> 　Texture ->

■Shade 100% 75% 50% 25% (影) 2012/02/13追加
　　image ->
　
　％が少ないほど色が薄く透過率が高くなる。

■Ancient (古代) 2012/02/13追加
　　image -> 　Texture ->
　中米古代壁画のイメージで。

■Star Dust (星屑) 2012/02/19追加
　　image -> 　Texture ->



そんな感じで～　：＾＾）ノシ

【ＰＣ】 ウィンドウズ用アイコンの作り方

先日公開した５０種類のアイコン素材をウィンドウズ用アイコンにする方法。　ｄ（・・



まずアイコン作成ソフトを入手します。

フリーソフトのグリーンフィッシュアイコンエディタを選びました。

■Google　Green Fish Icon Editor
　http://www.google.co.jp/#q=green+fish+icon+editor



インストールしたら日本語に変更しておきましょか。

　



ダウンロードしてあったアイコン素材をドロップ。

　



画像からアイコンを作成　を選択。　ｄ（・・

　



Ｖｉｓｔａ以降のマルチサイズアイコンを作れるので必要な物を選択。

　

　私は３２Ｂｉｔの４つを選んでみました。
　ＸＰ以前なら４８、３２、１６の３サイズだけでもいいかも。
　＊）２５６サイズは容量が肥大化するので要注意。



マルチサイズできた。

　



どんな感じかテストしてみましょ。　（・・

　



４８サイズを選択してみました。





出来た画像をアイコンとして保存します。

　



ファイルの種類は *.ico です。

　



出来たアイコンはＰＮＧなどの画像ファイルと異なり枠が表示されない。

　



Ｖｉｓｔａ以降なら、新しいフォルダを作ってドロップ。

　



フォルダを開いて。。。

　

　ＣＴＲＬ＋マウスホイールを回すとアイコンのサイズが変わる事を確認する。

　元のサイズに戻すときは同じ要領で操作するか、フォルダメニューの表示から選択する。



出来たらおめでとう。

出来なかったら残念。もう一回。　ｄ（＾ｗ＾；

---

さて次はアイコンをフォルダの見た目に割り当ててみましょ。

これはデータファイル以外のプログラムやショートカットにも使えます。



フォルダを選択して右ボタンでプロパティを開く。

　



カスタマイズ タブから アイコンの変更 をクリック。

　



参照ボタンをクリック。

　



新しいフォルダ 内にある アイコンファイルを選択。

　



選択された状態。

　



プロパティでもアイコンが変更されてる。

　



ＯＫ または 適用 をクリック。

　

この状態でフォルダの見た目が変更されてなければ、フォルダを選択した状態で Ｆ５キー または フォルダ内で右クリック、最新の情報に更新 でＯＫ。



出来たかな？　（・・

そんな感じでお願いします　＾＾）ノシ

【フリー素材】 花アイコン(256x256) ５０種８８個

透過背景の花アイコン５０種。やっと出来ました。　ｄ（＾＾；



色の薄い感じの画像だけ影付きも用意してあります。

今回の花アイコンは２５６ｘ２５６サイズだけなので、小さい画像が欲しい方は 【ＰＣ】Ｐｉｘｉａで簡単に縮小画像作成 をご覧下さい。

また、ウィンドウズ用アイコンを作りたい方はそちらも参照してくださいね。

■Nekotopな　【ＰＣ】　Ｐｉｘｉａで簡単に縮小画像作成
　http://blog.goo.ne.jp/nekotop_001/e/55187caec283dd21b5ce9ee3628ae393

■Nekotopな　【ＰＣ】　ウィンドウズ用アイコンの作り方
　http://blog.goo.ne.jp/nekotop_001/e/7ec2bca382f15548eaac15708a18761b



利用に制限は設けないので個人でも商用でも自由にご利用下さい。

連絡の必要はありません。

一括ダウンロードは用意していないので、ここから必要な物を保存して下さいね。　ｄ（＾＾；







今回はちょっと疲れたけどソコソコ良い物出来たかな？

そんな感じでまたっ！　・・）ノシ

【昆虫】 キョウコシマハナアブ フルＨＤ

早朝には氷点下になるような時期にもまだ居るんですね。（・・；



他には撮るような物も無くこの１枚だけですけど。



花アイコンはもうしばらくお待ち下さい。

そんな感じでまた～　・・）ノシ

2014/03/10 カテゴリーを日常からフリー素材へ変更

【ＰＣ】 Ｐｉｘｉａで簡単に縮小画像作成

フリーソフトのフルカラー画像専用ペイントツールＰｉｘｉａを使ってみました。　ｄ（・・



先日公開した花アイコンと、ずっと前に公開した花アイコンの中から一部の影を修正してひとまとめでブログ上に直接貼ろうしたけど、数が多すぎるので２５６ピクセルの画像だけ公開して、それより小さいサイズは自分で作ってもらおうという管理者の手抜きが前提の企画です。
　（＾ｗ＾；

ここで紹介するＰｉｘｉａはフリーソフトな上に高機能なので使いこなせれば色んな事が出来ると思うのでペイント系ソフトを持ってない人は使ってみるといいかも。

Ｐｉｘｉａでも能力が足りないと思うなら欲しい機能を持っている製品などを探すといいと思います。
　ｄ（・・



それじゃ今後まとめて公開する事になってる花アイコンの縮小の仕方を紹介しますね。

まずはＰｉｘｉａを手に入れましょうか。

■Vector　Pixia
　http://www.vector.co.jp/magazine/softnews/070208/n0702081.html

ダウンロードしてインストール。

これは普通に出来るとして次。

練習用画像。ｄ（・・

　

これをＰＣへ保存するかコピー＆ペーストして使って下さい。



Ｐｉｘｉａを起動して画像を読み込みます。　Ｄ＆ＤでもＯＫ。

　

メニューからサイズ変更。

　

自分の望むサイズを指定。

　

小さい画像が出来た。

　

それを保存。

　

確認。

　

透過背景画像を作る場合はチェックを入れる。

　

とっても簡単。　（＾ｗ＾

縮小の為だけに紹介したけど初心者でも使い易い高機能ソフトな気がします。



とりあえず５０種類の花アイコン素材を準備中です。

過度な期待をしないよう、のんびりお待ち下さい。　（＾ｖ＾；

今回もそんな感じで～　＾＾）ノシ

■2012/01/13追記 　ウィンドウズ用アイコンの作り方　を解説してみました。ｄ（・・ 　http://blog.goo.ne.jp/nekotop_001/e/7ec2bca382f15548eaac15708a18761b

【ＰＣ】 花アイコン素材 第３弾 今回も５種類

今年中にもう１セットだけアップします。　ｄ（・・



比較的最近撮った写真から選んでみました。

16x16 ～ 256x256 の背景透過ＰＩＮＧ画像集＋アイコンのセット。

■OCN　nekotop_flowers_icon3_20111229.zip
　http://www15.ocn.ne.jp/~nekotop0/data/nekotop_flowers_icon3_20111229.zip　1.41MB
　2011/12/31 修正 : URLが間違ってました。orz

ウィンドウズ用アイコンはＶｉｓｔａ以降のマルチサイズに対応する２５６ピクセルで作ってあるので最大化しても綺麗に見られるのではないかと思います。



また、前回セットと共にアイコンのファイルサイズを軽量化したので、前回セットをお持ちの方は今アップロードされているファイルと差し替えると軽量化出来ます。

■OCN　nekotop_flowers_icon2_20111227.zip
　http://www15.ocn.ne.jp/~nekotop0/data/nekotop_flowers_icon2_20111227.zip



利用に制限は設けないので自由にご利用ください～。

そんな感じで。　＾＾）ノシ

【ＰＣ】 花アイコン素材詰め合せ 少なめ第２弾

年を越してしまう前に今出せる花アイコン素材を。　（・・；

■OCN　nekotop_flowers_icon2_20111227.zip
　http://www15.ocn.ne.jp/~nekotop0/data/nekotop_flowers_icon2_20111227.zip

16x16～256x256まで基本的に６種類。透過ＰＮＧです。

利用制限を設けないのでご自由にお使い下さい～。

　2011/12/28 Windows用アイコン追加
　2011/12/30 Windows用アイコンのファイルサイズが大き過ぎたので修正しました


このアイコン自体はかなり前に出来てました。（・ｖ・；

写真は一杯あったけど良かったのは５個だけです。

花の種類が少ない分をサイズの豊富さで誤魔化してます。

Ｖｉｓｔａ以降のアイコンの基準サイズなのでそのまま転化可能。



こんな簡単な物ですが、貴方のお役にたてれば幸いです。

そんな感じでっ！　・・）ノシ

【写真】 残念な３枚

さっき買い物へ行ったときに駐車場に飛んできたカラスを撮影。　（・・；

残念ながら画質が良くないのでこのままのサイズが限界。。。orz



こっちは先日足利市五十部町へ行ったときのもの。

　
　これも手振れで画質が悪いのでついでに色調補正や油絵エフェクトをかけてみました。orz



車のフロントガラスに付いた霜に太陽の光を透過させてます。

　
　ちょっと不思議な映像になってたのでピックアップしましたが画質が。。。
　それでやっぱり色調を変更してしまいました。　（＾ｗ＾；



出来上がったものは残念系ですけど何か感じる物があればどうぞお持ち帰り下さい～

そんな感じでっ　・ｖ・）ノシ

2014/03/10 カテゴリーを日常からフリー素材へ変更