ブログを運営していると、必ず必要になってくるのがプロフィール画像です。
以前の記事≫ブログのプロフィール画像（アバター）などに使える無料素材やジェネレーター各種でも紹介しましたが、プロフィール画像はデザイン上の利点だけではなくて、ブログに来て頂いた訪問者の方に、あなたのブログを覚えてもらえるきっかけになったりする、とても大切な役割を持っています。

フォトショップ（.psd形式）やイラストレーター形式（.ai）形式の物が多数を占めますが、中にはＰＤＦで画像ファイルに同包してくれたり、.背景透過されたpng形式ファイルを配布してくれている作成者の方も数多くいらっしゃいますので、あなたのブログのプロフィール画像として是非活用してみてはいかがでしょうか？

ＷＥＢデザインをするのにはこういったアイコンはなくてはならない物ですので、なんか良いプロフィールアイコンが見つからないな～って人は是非ご確認頂ければ幸いです。それでは興味のある方は下記エントリーからお願いします。

とりあえず表示しておくのに使えそうなアイコン

ＭＳＮメッセンジャー風のアイコン。ＰＮＧ、ＩＣＯ、ＪＰＧ形式で配布されています。
≫ＵＲＬ

モンスターのアイコン

モンスターのアイコン。ＪＰＧ形式で１枚にまとめられている。１つのキャラクターの使用には加工が必要。　≫ＵＲＬ

上記の同じ作者様。こちらはＰＮＧ形式で各キャラクター３種類のサイズが用意されています。　≫ＵＲＬ

スマイリー風のボムアイコン。ico形式ファイルも配布されていますが使うのはPNGファイル。　≫URL

※以下Iconeasyのサイトはリンク切れが多くファイルが見つけにくいですが探せば色々と便利なプロフィール画像も見つかると思いますので参考にして下さい。

僕は個人的にこういった可愛いモンスター系のが好きです。Twitterのアイコンとかにも良いですね　≫URL

こちらも可愛いですね　≫URL

かの有名なマジンガー○風のパンダアイコン。マジンガーパンダ？とでもなずけましょうか？　≫URL

こちらもモンスターのアイコン。各種色々なデザインが用意されています。　≫URL
 

ビックアイ（大きな目）のモンスター。
それにしても海外のイラストレーターさんのセンスって素晴らしいですね♪　≫　URL

スペースインベーダーのアイコン？　早い話宇宙人って事ですかね＞　≫URL

「Creatures」って創造されたもの, （神の）被造物って意味らしい。妖精みたいで可愛いですね　≫URL

その他のアイコン

日本の伝統工芸品こけしの現代グラフィック。日本国外の人がこんなグラフィック作ってくれるとなんだか嬉しいですね。　≫URL

他にもいろいろありましたが、リンク切れが多数あった為、デザイン上あまりお勧め出来なかった為、以上がお勧めのアイコンになります。良いアイコンがあった場合は別記事にしますので参考にして頂けると幸いです。Twitterなどのアイコンも利用出来るので是非是非利用して下さいね/

ＷＥＢデザインをするのなら、かならず持っておきたいのがPhotoshopをはじめとするグラフィックソフやDreamweaverなどのＨＰ作成ソフトです。

こういったグラフィックソフトは出来れば無料ではなく、有料ソフトを使った方が色々なメリットが多いのでオススメなのですが、僕も初めはお金がなかったので無料のソフトから始めたし、中には今でも愛用しているソフトも多数あります。

そんな訳で今日はこれからＷＥＢデザインなどの作成をしたい人に是非是非ＤＬして欲しい、ＰＣにインストールして欲しいソフトを厳選して紹介します。訳の分からないフリーソフトをごっそりＨＤＤに入れ込んで意味不明になっている人はここらで一度整理しておいて下さいね。それでは下記項目からどうぞ↓↓

ブラウザ

インタネットを利用しているユーザー全員が同じブラウザを使っている訳ではない、特にＩＥなどのブラウザはＷＥＢ標準ではないので各バージョンに合わせたＣＳＳの記述が必要な場合がある。使用する目的ではなくて、出来あがったサイトをブラウザチェックする為に良く使われている主要ブラウザは必ずＤＬしておこう。

Sleipnir,Opera,などの他のブラウザは上記ブラウザと同等エンジン又は使用者が少ない為、記載していませんがすべてブラウザでチェックしたいという方は各自検索エンジンで「ブラウザ　種類」などと調べて下さい。すべてのブラウザで思い通りに表示にする事を目指すより先にコンテンツを増やす方が大切です。

管理人はデスクトップ機ＰＣではファイアフォックス推奨、スペックの低いノートＰＣではグーグルクローム推奨です。ＩＥ６,ＩＥ７,ＩＥ８などの過去ブラウザをお持ちでない方はファイアフォックスのアドオン「Ｆiremobilesimulator」をＤＬする事をお勧めします。携帯観覧ビューアーですが、ＩＥの過去ブラウザも観覧可能です。　
≫　Ｆiremobilesimulator

ＦＴＰ

ＨＰなどを作ったらサーバーのファイルを転送するファイル転送ソフト（FTP）が必要です。最近ガンブラーなどのウイルスが巷では流行っていますが、無料ソフトではセキュリティ上軟弱なモノが多いです。下記では無料の中でも質の高い物を紹介します。

各ブログ＆サイトででFTPソフトの軟弱性ばかり指摘されていますが、問題はそれ以前にＰＣにセキュリティソフトを導入したり、ＯＳの修正ファイルをきちんとアップデートしたり、ＦＴＰのアカウントを定期的に変更するなど、基本的な事をもっとしっかりとする事をこの記事を読んだ人には考えて頂きたい。

完璧なソフトなどこの世に存在しない訳ですから、それぞれメリット・デメリットを理解して上手く活用したいものですね。

グラフィック

グラフィッソフトで無料の物は多数あるけど、良く使う高機能なものだけをＤＬして欲しい。その他１つの作業しか出来ない物はＷＥＢジェネレーターなどのブラウザ上で操作できる物を使用して、１つのソフトを使いこなす事をお勧めします。

ＧＩＭＰはPhotoshopなどの同じ種類のビットマップ画像を扱うソフト。
ＩnkscapeはIllustratorなどと同じ種類のベクトル画像を扱うソフトです。グーグルが提供するPicasaも何かと便利なのでＤＬしておくと重宝しますww

テキストエディタ

HP作成ソフトの無料の物はＷＥＢ標準のソースを吐き出さないので使わない、今は綺麗な構成で作成された素晴らしい無料のＨＰテンプレートがあるので、それらを利用してカスタマイズするか、タグ打ちで自分でＷＥＢサイトを作成する。その為にはWindowsなどの入っているデフォルトのメモ帳ソフトでは、特定の拡張子で保存されたファイルに限り開くと壊れる場合があるので、高機能で便利なテキストエディタを推奨します。

メール

色々な人とインターネットでコンタクトを取るのにメールソフト＆メールアドレスが必須になってきます。外出先でも受信できるようにＵＳＢに入れられるタイプのメールソフトも現在はあったりします。メールアドレスは配信、受信サーバーの条件などで不達問題などもあるので,出来るだけ届く無料メールサービスをお勧めします。

アカウント管理

ＷＥＢ作成に携わっていると、ＷＥＢメールのログインやブログへのログイン、ネットバンキングのログインなどなど各種主要サイトへのＩＤとパスワードが軽く数百件を超えてしまう・・・エクセルシートにつけている人もいるけれど専用のログインソフトを使う事をお勧めします。ブラウザのクッキーに保存しているログインデータは定期的に削除する事をお勧めするので、各情報はこういったソフトで一括して管理しよう。

圧縮解凍

ＰＣに標準装備の圧縮解凍ソフトでも良いけれど、高機能な物が公開されている。下記ソフトのどれか１つはＤＬしておいて下さいまし
 

ウイルスソフト

ＰＣを購入した時に不属している期限付き無料体験版、もしくは製品版の期限が切れた状態でそのままにしている人が数多い・・・ウイルスソフトだけは有料版を使ってほしいけれど、過去に使っていて安定していたものを紹介します。無料ウイルスソフトは入れていないよりはマシ程度にお考え下さい。

導入するとＯＳ起動時にウイルスチェックをするのだけれど、海外製のウイルスソフトの中には、正常なプログラムなのにＯＳプログラムをウイルスと誤認識して悪影響を及ぼす厄介なものも数多い。削除してもレジストリ上には残ってしまうものがほとんどで、大事なＰＣが正常に働かなくなる可能性もあるので、導入前はバックＵＰなどはお忘れなく。

他のレビューサイトでも高機能な無料ウイルスソフが多くありますが、僕の環境では重たく感じたのと、御認識が多く上記２点を紹介しました。

ＰＣに不具合（ネットにつながらない、メールが受信出来ない）などのいつもは正常に動作しているのに、突然不具合が出てきた場合は大抵ウイルスソフトが御認識しブロッグしている場合が多いと思います。不具合が出た場合は一度セキュリティ設定ををＯＦＦにしてみて再度同じ作業を試してみて下さい。

スポイトツール

ＷＥＢデザインを考える時に、大きな要素となってくる配色。ＷＥＢセーフカラー以外にも自分で作成したりする場合も多いです。

時には他の人サイトを見た時、手持ちのイラスト画像などを見た時、その配色の色番号は何なのか気になる事も多いでしょう。スポイトツールはデスクトップ上の指定した部分の色を抜き取って色番号を表示してくれるツールです。

クリップボード

毎回使うタグ、定型文（例：ありがとうございます、今後ともよろしくお願い申しあげます）などはメモ帳などに張り付けておくとすごく便利/。専用のソフトを使えば、作業の効率化にとても便利！ＨＰ作成している時は決まったタグ例えば「<div class="example">」とかは多様する事が多い。

クリップボード系のフリーソフトclipnote2ならShiftの連打でウインドウが表れて事前に保存されたタグを貼り付け出来るからメモ帳を多様してる人は乗り換える事をお勧めします↓

コミュニケーションツール

メールだけでは出来ないサポートもＷＥＢ系の仕事には良くある。
クライアントの現場まですぐに行ければいいのだけれど、なかなかそんな時間が割けない場合などには音声＆映像、つまりテレビ電話の様な機能がインターネットで無料で使用出来るSkype(スカイプ)が便利です。

クライアント側もSkypeを利用している事が必須ですが、こちらもＷＥＢデザイナーを目指すなら入れておきたいソフトの１つですね。

まとめ

他にも色々とあるとは思いますが、余計なソフトはパソコンのＨＤＤの邪魔者になるだけだし、上記にない作業が出来るソフトも今はＷＥＢに繋いでいる環境であれば、ジェネレーターとして作業＆加工などが出来るサイトが多数あるのでそれを利用して欲しい。

色々なソフトを利用＆模索して、本来勉強すべきデザインやＷＥＢ理論の勉強がおろそかになってしまわないように、必要と思われる無料のソフトを個人的な見解で厳選して紹介しましたので是非是非参考にしてください。

新しいアプリやツールを使った時、初めはどんな人でも初心者です。多くの場合、以前使っていた同系統のツールと比べて手探りで使い方を覚えたり、参考者なんかを購入して勉強する人も多いですよね？イラストレーター(Illustrator)利用者も学校で勉強した人を除けばほとんど自力で勉強したって人が多いような気がします。

専門のデザイン会社に勤めていれば先輩や上司に聞けばいいと思うけど、そんな環境じゃない人も数多くいるでしょう・・・という訳で今日は動画でIllustratorの使い方を見てみよう！という事でyoutubeで超ハイグレードなPhotoshopの使い方を紹介します。解説もなにもない映像ですが、プロの人たちがどんな行程で作業を行っているのかが一目瞭然のはず！？是非是非Illustrator＆Photoshop初心者の方にも見て欲しい動画です。良い刺激になりますよ！

youtubeの動画で見てみよう！トレース編

下絵から各ツールを使ってのトレースです。≫参照 
※各動画音が出るものあり。
 

こちらも同じく下地を元にトレースしています。≫参照

youtubeの動画で見てみよう！着色編

トレースしたイラストにIllustratorで着色してゆきます。≫参照

トレースからの動画ですが参考になると思います　≫参照

こちらも参考になりました。　≫参照

youtubeの動画で見てみよう！Photoshopで着色しよう！

Photoshopを持っている人は下記動画も参照して下さい。Photoshopはビットマップ画像、Illustratorはベクトル画像なので、細かな色の表現などはPhotoshopを使う人が多いですね。

Illustratorで作成→Photoshopで加工　≫明細

明細はありませんがこちらもIllustratorで作成後→Photoshopで加工している動画と思われます　≫明細

レイヤーの使い方が比較的分かりやすくおすすめな動画です　≫参照

フリーソフトでは出来ない多彩な機能を使えるのもIllustrator＆Photoshopの魅力ですね。いつかこんな風なイラストがサクっと出来たら良いですね！youtubeの関連動画を追っていくと他にも色々と見れると思うので見てみてください！それではまた/

≫無料のフォント各種　を以前に紹介したけれど、ある程度こだわったモノを作りたいのなら有料のフォントも多数ある。他のブログで紹介もされているとは思いますが、一覧になっているフォントは少なかったので以下エントリーする事に決めました。

有名メーカーさんのフォントから、ちょっとマイナーなフォントまで、管理人が気になったモノをまとめましたのでご確認頂ければ幸いです。

モリサワフォント

参考サイト≫　モリサワフォント

フォントと言ったらまず出てくるのがモリサワフォント。プロイラストレーターの人も数多く利用していて信頼がありますね。普通に生活しているとモリサワフォントを見ない日はないほどだそうです。ちょっと高いのでプロを目指す方にお勧め。

フォントワークス

参考サイト≫　フォントワークス

フォントメーカーはフォント数が沢山あって分かりずらいのですが、フォントワークスは違いがはっきりしていて分かりやすいです。年間ライセンス形式、ＤＬ版などがあります。

白舟書体

参考サイト≫　白舟書体

こちらも老舗です。フォントデザインは大まかに、デザイン筆文字シリーズ.スタンダードシリーズ.懐(レトロ)シリーズの３種類。個人的には筆文字シリーズとレトロシリーズが気になりました。価格帯は１書体￥20,000前後。

ダイナフォント

参考サイト≫　ダイナフォント

ベーシックなフォントから個性的なフォントまで取り揃えられていますね。ＰＤＦで見本が観覧可能。１書体￥16,000からの物が多いようです。

タイプバンク

参考サイト≫　タイプバンク

こちらもフォントでは老舗です。年間ライセンス形式。モリサワフォントとあわせてプロの方様ですね。

カタオカデザインワークスフォント

参考サイト≫　カタオカデザインワークス

こちらも価格帯が１書体￥30,000前後のプロ用。丸明朝体、角ゴシック、丸ゴシックの計３シリーズがメインです。明朝体だけど丸みのある丸明朝シリーズはちょっと欲しくなりました。

ミウラフォント

参考サイト≫　モップスタジオ

手書き風の可愛いフォントで良いですね。価格帯も￥2000前後なので比較的手を出しやそう。

その他日本語フォント

※以下大手フォントメーカー各種

・　モトヤフォント

・　リョービ

・　ニィス

・　タカ書体　（個性的な感じ）

・　伊藤書体

・　手書きや本舗　（個人的に欲しい発見！）

※その他フォント配布サイト

・　あくび印　（カンパウェア）　←おすすめ

・　STUDIO twoG　（カンパウェア）　←おすすめS2Gシリーズなどが有名

・　ほにゅ字　（カンパウェア）

その他にも多数ありますが、似たようなフォントが多い為有名どころをピックＵＰしました。モリサワフォントがシェア的には高いようですが、個人で使う場合はカンパウェアのモノが１口500円～1000円ぐらいでおすすめかと思います。随時ピックアップしますので参考にして下さい。

ブログやサイトを運営していると、ＨＴＭＬやＣＳＳを駆使して凝ったデザインサイトを作っている人も多いと思います。そんな中で誰もが通る道がフォントのセレクトです。

通常ＭＡＣ-ＯＳやＷＩＮ-ＯＳにデフォルトで付属するもの以外は、フォントパッケージとして有料で販売されているか、年間のライセンスプログラムとして販売されているものがほどんどです。けれどフリーソフトなどと同じ用に、条件付きで各種フォントを無料で配布している作者様もありがたい事にいたりします。今日はＷＥＢデザインをする時には必須なブログやサイトなどに使えるフォントの中から、良く使う日本語をピックアップしてご紹介します。

みかちゃん

配布先≫　オリジナルフォントみかちゃん

商用利用可能。その他数種類のフォントあり。作者様の女性らしいタッチが良いですね。ひらがな、カタカナ、英語、漢字利用可能。オンラインソフト紹介サイト窓の杜2002で作品賞にも選ばれています。

まきばフォント

配布先≫　ふい字置場

女の子らしい丸みのあるフォント。他にもまきばフォントＰ、まきばフォント太、まきばフォント太Ｐなどあります。ひらがな、カタカナ、英語、漢字利用可能。こちらも商用利用可能です。作者サイトに他にもふい字フォント、おひさまフォントなど多数あり、お勧めです。

あんずもじ

配布先≫　あんずいろ

商用利用可能で印刷物にも利用出来る。ひらがな、カタカナ、英語、漢字利用可能。「あんずもじ」「あんずもじ等幅」「あんずもじ奏」「あんずもじ湛」などの４つの異なるフォントが利用可能。

しねきゃぷしょん

配布先≫　Chiphead

シネマ（映画）の字幕に出てくるような文字なので「しねきゃぷしょん」というネーミング。僕もお気に入り、商用利用可能。ひらがな、カタカナ、英語、漢字利用可能。

ＦＡmania

配布先≫　Chiphead

上記しねきゃぷしょんと同じ作者様です。ファミコンゲームに出てくるようなフォントです。ひらがな、カタカナ、数字、記号が利用可能、同じく商用利用可能です。

もふ字

配布先≫　fub工房

もふもふした感じだからもふ字らしい（笑）fab工房さんのフォントです。ひらがな、カタカナ、英語、漢字利用可能。商用利用可能です。

切文字

配布先≫　fub工房

上記もふ字と同じfub工房さんのフォント。ペーパーなどで切り取って作ったような文字です。ひらがな、カタカナ、英語、漢字利用可能。商用利用可能。fub工房さんは他にも水面字、３次元切文字、イバラ字なども公開中ですので一度サイトへ行ってみる事をお勧めします。

たれフォント

配布先≫　たれフォント計画

今にもたれそうなフォントがテーマ？のたれフォント、商用可能というか何に使っても許可無しでＯＫと言う太っ腹の作者様です。ひらがな、カタカナ、英語、漢字利用可能。商用利用可能です。

S2G殴り書き

配布先≫　STUDIO twoG

STUDIO twoGさんのフォントは各種色々なものが取り揃えられています。Ｓ２Ｇ殴り書きもその１つ。ひらがな、カタカナ、英語、漢字利用可能。商用利用可能。個人での利用はオンライン・印刷物ともに可能ですが、商用利用に関しては全フォントとも１口￥1000のカンパウェア（寄付制）になっています。

衡山毛筆フォント

配布先≫　武蔵システム

有料ソフトの販売だけど、無料版も用意されています。衡山毛筆フォントもその１つ。書家の青柳衡山氏が作成。他にも数種類あり。著作権放棄の完全フリーなのでもちろん商用可能です。

GD-高速道路ゴシック

配布先≫　高速道路の文字を再現しよう計画

その名の通り高速道路の標識（緑背景）にぴったりなフォントです。商用可能ですが印刷物や商品化するものなどは作者に確認のメールをして下さい。

その他にも多数無料フォントはありんますが、某大な量があるのとサイトのリンク切れ（ドメイン買収）、商用サイト完全不可などがあるためおすすめ出来そうなものをＵＰしました。そのほか有料フォントにつきましてはまた記事にしますので今しばらくおまち頂けると幸いです。ではまた/