Webデザインセンスや多少知識が乏しくとも、プロっぽいデザインにできる方法があります。Web制作を助けてくれる便利なサイトの備忘録ブログ。

エクセルで数値を入力をした時に、右端に空白が出来ているものと、空白がなくセルの右端にピッタリくっ付いている場合と二通りの表記になっていることはありませんか？特に支障は無いのですが、何とも気持ち悪い時があります。その気持ち悪さを解消する方法をメモりましたのでご紹介します。

ブログ内にFacebookのLikeBoxを表示させていましたが、いつの間にか表示されないと現象が起こっていました。調べてみるとLikeBoxは2015年6月23日で終了していました。しかし別の方法で表示することが出来ましたのでその方法を残しておきます。

Photoshopのフィルター機能のモザイクを利用して画像をドット絵のように仕上げる方法です。youtubeに操作の流れを公開しています。

印刷用のデータPDFって何十、何百MBの容量ありますよね、こんなに重たいデータをさすがにメールに添付して送ることはできないので、これまでは「宅ふぁいる便」などのサービスを利用していましたが、このsmallpdf.comを利用すれば、結構な確率で圧倒的にデータ容量を圧縮することができます。（私が行った例では61.9MBのPDFファイルを393.7KBまで圧縮することができました）。

テキストにレイヤースタイルを設定していくだけで、ゲルっぽい透明感のあるテキストエフェクトをつけることができます。

ここ数年で読書量が結構増えたと思う今日この頃ですが、如何せん読んだ本の内容を忘れていく始末です。何とか試行錯誤していますが、今回紹介するサイトやアプリでデジタルで残すとの良いのではないかと思います。最近利用し始めたのが、inbookというサイト。inbookは好きな本や漫画の気に入ったフレーズやセリフなどを記録して、残しておくことが出来ます。Twitterにも自動的に投稿もできます。お気に入りの一文をまとめておくのに便利なサイトです。

Illustratorで芝生っぽいテキストエフェクトはネット上でよく見かけていたので一度やってみたいと思い試してみました。

前回とは別の方法でPhotoshopで写真をイラスト調に加工する方法のご紹介ですが今回は動画でその手順を残しておきたいと思います。youtube初公開です。

Photoshopで写真をイラスト化する方法は色々あると思いますが、PhotoshopのLabカラーモードを使って写真をイラスト風にする方法です。

Photoshop歴はかれこれ7年くらいになりますが、先日Photoshoをあまり知らない方から「Photoshopでこの部分を囲んで強調させたいんだけどできないの？」と聞かれて「illustratorではないのでちょっと出来ないですねー」と思わず答えてしまいました。まぁ選択範囲を取って、一旦塗りつぶして縁だけ残して中を抜くという方法はありますが、初心者の方には少々作業が煩雑で、illustratorとかOfficeソフト比べるとスマートではありません。ただ出来ないと答えたものの本当にそうなのか調べると簡単に出来るではないですか。こんなことも知らなかったと恥ずかしい思いをしたのでメモを残しておきます。

エクセルを使用して、（セルの文字の大きさはそのままで）数式バーの部分だけ文字を大きく（拡大）したい時ってたまにありませんか？私は、一つのセルに文章などを入力する時などは、数式バーの部分だけ文字を大きくしたいと思うことが結構ありました。色々調べていると、オプションの基本設定からデフォルトの文字の大きさを指定できるのですが、これではセルに入力される文字自体も大きくなってしまったりします。今回ご紹介するのは数式バーの部分だけ文字を大きくするってことがミソです。手順通りやったらできました。使い勝手もやはりいい感じです。

Photoshopの魅力はやはり何もないゼロの状態から創造できる所だと改めて思いますが、今回も何の素材もない状態からプロっぽい七色の抽象的な模様を描いていきます。

昼の写真を夜の写真に修正する方法です。全てこのやり方で出来るかは微妙な所はありますが、風景写真であればおおよそこのやり方で出来るのではないでしょうか。解像度が小さい写真ではAfterの夜写真が分かりにくかもしれませんが、Flickrに上げた写真を見ると違いがよくわかると思います。

Photoshopのグラデーションツールには、これはもう虹を描くために用意されたと思われるグラデーションが予め備わっています。そのツールを使用すればあっという間に虹を追加することができます。

この模様はなんと表現したら良いのかわかりませんが、Photoshopで抽象的な模様を作成する方法です。

くしゃくしゃにした紙をカメラで撮ってテクスチャにしても良いのですが、Photoshopでもその素材感を再現する事ができます。さらに、その上に文字を載せる場合、文字も含めてくしゃくしゃ感を出したいところです。今回はその二つのステップをご紹介します。 今回はPhotoshop Elementsで作成しましたが、他でもやり方は同じでいけると思います。

Photoshopで昼写真を夜写真に変える作業を行う上でPhotoshop（フォトショップ）で星空を描く必要があったためその作業手順を今回は残しておきたいと思います。

素材ゼロの状態からPhotoshopで満月を描く方法です。５分程度の作業で非常に簡単に作成することができました。試しにやってみてはいかがでしょうか。

一見すごいなと思うテキストエフェクトでも、実はレイヤースタイルを駆使すればそれほど難しくない場合もあります。今回のチュートリアルそんなテキストエフェクトの作り方です。

前回も投稿したHDR（ハイダイナミックレンジ）でプロっぽい写真に修正ですが、また別のやり方でHDR風な写真に加工をしてみた。もともとなんて事ない写真があっという間に良い感じに補正される様はハマりそうです。

HDR（ハイダイナミックレンジ）をご存知でしょうか？ハイダイナミックレンジとは、明るいところと暗いところを同時に階調を残して表現することができる写真の表現技法のことです。PhotoshopにはHDRトーンという機能がありますが、これを設定するだけであっという間に写真をプロっぽく仕上げる事ができます。

Photoshopでよく有りがちな雨を合成する方法です。

こちらも大してテクニックも時間もかからず作成できるPhotoshopのチュートリアルです。布生地っぽい質感がいい感じです。

風景写真でぼやっとした所謂眠い写真をPhotoshopで色補正する事でより魅力的に補正する事が出来ます。空はより青く、草木はより緑に補正する方法です。やり方はごくごく簡単です。

Photoshopでブラシを自作して写真に付け加えて仕上げていく方法です。

何も素材が無い状態からカラフルな背景を作る方法です。やり方は非常に簡単で特にテクニック的な事は必要としません。

Photoshopでメタリックロゴを作る方法です。多少手の込んだやり方ですが、その分良い感じになります。

何も素材が無い状態から抽象的な背景を作る方法です。やり方は非常に簡単で特にテクニック的な事は必要としません。素材無しの状態からこのようなものが作れるなんて改めてPhotoshopのすごさを実感している所です。

「特定色域の選択」を使って、空の青さだけを色調調整する方法です。

動画のファイル形式って非常に沢山あってファイル変換を迫られることが多いと思います。通常フリーのソフトをダウンロードして変換したりしますが、会社のPCでフリーソフトのダウンロードを禁止されている身にとっては、ファイル変換するには自宅PCで行うしか方法がないと思っていました。が、なんとウェブ上にファイルをアップロードだけで変換ファイルを作成してくれる超有難いサイトがありましたのでメモしておきたいと思います。（怪しいと思いつつも実行したら問題無く変換できました）

Windowsで画面コピーをする場合、PrintScreenキーを押して、別のアプリケーション上に貼り付けたり、ツールバーなどを消したい場合は、ペイントや画像編集ツールでトリミングするなど、それなりに手間のかかる作業です。ましてやPhotoshopを立ち上げようものなら尚更です。しかし、このような煩わしい作業を改善してくれる画像キャプチャツールがwindows7より備わっていることを知りました。そのツールは「Snipping Tool」というもの。使ってみたらけっこう便利で時短が図れます。

今回はエクセルとワードの小技といった内容です。エクセルの列に入力された内容をワードに持っていきたい時、単純にエクセルの内容をコピーして、ワードにペーストしてしまうと、ワード上もエクセルと同じ状態（縦並び）になってしまいます。

これを横並びでワードに貼り付けたいという機会がありました。（少し文章で伝わりにくいと思いますが、要は上記のような状態です。）一つ一つ、改行をバックスペースキーで消していっても良いのですが、大量のデータの時はそういう訳にもいきません。何か良い方法がないか探していましたら、あるではありませんか！一発で解決する方法が…
備忘録として残しておきたいと思います。

会社で使用しているPCがIE9にアップグレードされました。が、これがイライラ始まりでした。

Illustrator（イラストレーター）のパスのオフセット機能を使えば袋文字を簡単に作成することが出来ます。この機能を使ったタイポグラフィの作り方です。難しいことは特にしていませんので、数分で作成できるのではないでしょうか。

快晴の空に雲を追加する方法です。photoshopのフィルタメニューの「雲模様」を使用するかなり基本的な内容です。

Illustratorにおいてクリッピングマスクはよく使用する機能の一つですが、知らなかった技がありましたのでメモしておきたいと思います。クリッピングマスクを連続で行う際もちろん1回1回行ってもいいのですが、別の変わったやり方でも行うことが出来ます。

Illustratorのどのバージョンから採用された機能なのかは分かりませんが、ある特定の色を一括で変更できる機能がCS5に備わっていることに気付きました。これまでスポイトツールで一つ一つ行っていた作業が無くなり、かなり時短を実現してくれる機能です。

Google Web Fontsとは、Googleが提供するフォント提供サービスです。全てオープンソースですので気に入ったフォントがあればすぐに使用することが出来ます。

海外の記事を参考にfacebookのアイコンをphotoshopで作る方法です。少し手間は掛かりますが、やってることは基本的なことの繰り返しでした。

Facebookページとブログとの連携を図るにはRSS.Graffitiが便利です。

ブログに自分のTwitterを掲載してくれるブログパーツです。シンプルなものを探していましたが、TweetsWindにたどり着きました。

ブログにfacebookのいいねboxを設置する方法は調べればいくらでも出てくると思いますが、今回元々設置していたいいねboxの高さを変更してみました。自分自身のメモ書きとして記録しておきたいと思います。

Photoshopで写真をモノクロにする時は、単純に「彩度を下げればいい」と思っていましたが、実はそうではないらしいです。デザイナーの方々はチャンネルミキサーを使っているようで…知りませんでした。

Photoshopで木目調を作成する方法はいろいろとあると思うのですが、今回はあっという間に作れてしまう方法です。

もともと顔のツルツルのBabyが素材ですので少し解りにくいかもしれませんが、photoshopで顔を綺麗にする方法をメモしておきたいと思います。

Photoshopでさらっとテキストエフェクトを作成したいときに便利です。意外と簡単に出来ます。

Photoshopでテキストのレヤースタイルを設定するだけでプロっぽいテキストに仕上げることができます。数値を設定するだけで非常に簡単です。

写真にレトロな効果を付けるやり方です。Instagram風で付けるレトロな効果とよく似ています。

ブログの更新を自動でtwitterに反映してくれるサイトは様々あると思いますが私はtwitterfeedを利用してみました。

少しおしゃれな感じの背景を作るチュートリアルです。ただ楽しては出来そうにありません。少し手間がかかりました。

フォトショップでは様々な切抜きの方法があり、パスを使って切り抜くことが多いですが、髪の毛を切り抜く際、先端部分をパスで綺麗に切り抜くことは至難の業です。そんな時「チャンネル」を利用して切り抜きを行えば、髪の毛部分も自然な形で切り抜くことが出来ます。

シールがぺらっとめくれた感じをイラストレーターで作成する方法です。作業量は少し多いですが、手間を惜しまなければ、いい感じに仕上げることができます。illustratorCS5で作成した場合です。

イラストレーターで渦巻きを作成しようとする場合、どのように作成するでしょうか？線ツールにスパイラルツールがありますが、スパイラルツールでは、中心にいくほど間隔が狭くなってしまいます。”等間隔”ということが意外と迷ってしまうところでもあります。今回は等間隔の渦巻きを描く方法を2パターンメモしておきたいと思います。

windowsXPからwindows7にパソコンを切り替えた際に、windowsXPで使用していたillustrator10をwindows7でも使用するべくインストールしたところ、イラストレーターのファイルをいざ開いてみると、あるはずのテキスト部分のみ消えているではありませんか！何故かと考えましたが、答えは簡単で、illustrator10発売時にwindows7は当然無かった訳で互換性が無かったんだろうと思います。まぁサポートされているはずもないので、不具合が起こっても仕方ありません。 諦めかけましたが、解決法がありましたので、メモしておきます。

イラレのデータをやり取りしていると、フォントの有無によってファイルを開く際に「見つからないフォントは代替されました」というウィンドウが表示されることがあります。完全に解消するには、無いフォントをインストールするしか方法はありませんが、無いフォントを有るフォント代替しても解消することは可能です。ただどこにそのフォントが使用されているのかを発見するのが何とも面倒な作業になりますが、どこにどのフォントが使用されているかは簡単に発見することができます。

巷では様々な名刺デザインがあふれていますが、まだまだスタンダードな名刺デザインを採用している所も多いのが現状です。そんな中、シンプルな名刺デザイン案を複数案要求された時意外と困るという状況に直面しました。という訳でそんな要求にも困らないよう横一の6種類のデザイン案をまとめてみました。同じ境遇の方の助けになれば幸いです。

youkuの動画をダウンロードして保存する方法をいろいろ探していたのですが中々思うようなサイトに出会えませんでしたが、少し手間ではありますがその方法を叶えてくれるサイトがありましたので、その方法をメモしておきたいと思います。

photoshopでレイヤースタイルの設定だけでメタリックなフォントを書くことが出来ます。今回はゴールドです。こちらは、PhotoshopVIPさんの記事を実際に試させてもらった結果です。

photoshopでレイヤースタイルの設定だけでメタリックなフォントを書くことが出来ます。前の記事のようにエンボスをかけないやり方です。

photoshopでレイヤースタイルの設定だけでメタリックなフォントを書くことが出来ます。

photoshopでレイヤースタイルの設定（+α）だけでテキストエフェクトを仕上げます。

photoshopで写真に縁を付けて影を付けるやり方なのですが、少し手間をかければ、いい感じに仕上げることが出来ます。designwalkerさんのページを参考に作成しました。http://www.designwalker.com/2007/03/peeling.html少しやり方が違うところがありますが…

Excelからillustratorへ単純にデータをコピーしても、どうも互換性が悪く、グループ化やクリッピングマスクがかかっているなど使い勝手が悪いということはありませんか？イラレの機能を駆使して、エクセルデータをコピーすることで、少し使い勝手の良い表組を作成することが出来ます。

イラストレーターの3D効果は機能としては、すごいと思う一方でなかなか使い所が難しいと思っていましたが、3D効果を使って少し使えそうなTipsをご紹介します。

Windowsで、何かのフォルダを開いて入る時に、ファイルをデスクトップにコピペしたい時が度々あると思います。単純にドラッグ&ドロップすればいいのですが、仮に、フォルダ画面を最大化している場合は、いったん画面を縮小する手間が発生します。この作業が何とも面倒くさい！そんな時に役立つ小技です。

Photoshopでテキストのレヤースタイルを設定するだけでアクアっぽいテキストに仕上げることができます。数値を設定するだけで非常に簡単にプロっぽいテキストの完成です。

イラストレーターでオブジェクト同士をピッタリくっ付けたい時、どのような操作をされているでしょうか？すごく基本的な方法だと思いますが、今までこの方法を知らなかった私にとっては、まさに目からウロコでした。

一瞬どのように作るのかと思えるフェンスでも、基本的な機能を組み合わせれば簡単に描くことが可能です。その手順をメモしておきたいと思います。

ページカールをよく見かけますが、より自然な感じに仕上げるにはどうすればいいのか…その手順をメモしておきたいと思います。

Illustratorのアピアランス機能を使えば、メタリックに見えるフォントも簡単に作成することが可能です。アピアランス機能はやはり万能ですね。

GoogleのURLを短縮してくれるサイトをご存知でしょうか？URLを短縮してくれるサイトは数々ありますが、さすがはGoogle、単に短縮してくれるだけのサイトではありませんでした。 （日本語版は無く？英語版ですが簡単なインターフェイスのため特に問題はなさそうです）

無料ながらにして、多機能で簡単にメールフォームが設置できるサービスです。有料版もありますが、ちょっとしたものなら無料版で十分に対応出来るのではないでしょうか。http://www.form-mailer.jp/

新規ファイルを立ち上げて、文字入力をする際に、デフォルトに設定されているフォントを変更した。そんな時の解決方法のご紹介です。私の場合はIllustratorCS5で「小塚ゴシック」に設定されていて、毎回変更していましたが、これで解決しました。

上の画像のような、ある程度パターン化されている素材であれば、photoshopを使って継ぎ目のないパターンを作成することが出来ます。※ある程度パターン化されていないと、うまくいかない場合もあります。

イラストレーターには、様々なブラシがデフォルトで入っていますが、自分で作ったオブジェクトを新規ブラシとして登録することも可能です。今回ご紹介するように三角形を新規登録するだけで、簡単に草を描くことも出来ます。

スケッチっぽい感じがどことなくおしゃれです。イラレのアピアランス機能を使えば簡単に作成することができました。IllustratorCS2で作成しています。

適当な文字を入力するだけで勝手に様々なタイポグラフィーを作成してくれます。（日本語には対応していません。）

せっかくすごいフォトショップブラシをダウンロードしても単色使用ではいまいち。そんな時は、ベクトルマスクを使用して、グラデーションなどでブラシを表現してみてはいかがでしょうか？

イラストレーターCS5を使用するようになって、アピアランスを使って様々な設定を行った後に、スポイトツールを使ってその属性をコピーしようと思ったら…あれ！？できない…CS5では出来なくなったのかと思って（そんな訳はないのですが）、暫く様子を見ていました。でも、やっぱり不便と思うことが多々あり、調べてみたら何のことはない、簡単な事でした。

スタンプやハンコを押したような、少しかすれた感じをイラストレーターで再現する方法です。不透明マスクの機能を使えばあっという間に作成することができます。

先日、イラレでリボンを描く方法をご紹介しましたが、滑らかな感じリボンを描く場合はどうするか…今回はその方法についてご紹介したいと思います。IllustratorCS5で作成した場合です。

挿絵に使えそうなおばさんのイラストを作成しました。Illustrator（イラストレーター）形式で配布しますので、必要な方はご自由にどうぞ。バージョンは、IllustratorCS2です。

イラストレーターで四角形の対角線部分だけが角丸のオブジェクトを描くときや、タブのような四角形の上の部分だけが角丸のオブジェクトを描くときなど、簡単なようで意外と、どのように描いていいのかと迷うことがあります。様々な方法があると思いますが、その書き方をメモしておきます。

○○周年記念等でよく見るリボンをイラストレーターで作成する方法です。作業は至って簡単なのですが、文章で伝えるのがなかなか難しい…うまく伝わっているかどうか…。

久々の更新となってしまいましたが、今回は以前書いた記事に対して、イラレのCS5ではどうするの？というコメントを頂きましてCS5編として書かせて頂きました。ご参考になれば幸いです。
以前書いた記事内容はこちらです。http://forty-n-five.boy.jp/blog/2008/09/illustrator_2.php

動画を静止画にキャプチャーしたいと思ったとき、PrintScreenを押しても、動画部分だけうまくキャプチャー出来なかった経験はないでしょうか？かといって、わざわざ新たなソフトをダウンロードするもの煩わしい…そんな場合は、既存のWindows Media Playerもしくは、Windows ムービーメーカーを使えば、動画を静止画に変換することが可能です。

よく見かける背景ではありますが、不透明マスクを使えば凄く簡単に作成する事ができます。

フォトショップで上記のような帯状のリボンを作成したいと思いますが、使うテクニックはレイヤーマスクのみ。非常に簡単な作業で作成する事が出来ます。

Illustrator（イラストレーター）のアピアランス機能は何かと便利です。先日もアピアランスについて取り上げましたが、この機能を使って窪んだようなテキストを作る方法のご紹介です。Tipsが詳細されているサイト（英語）がありましたので、試してみました。

バラバラになっているPDFファイルを1つのファイルにまとめたり、不要なページだけ削除したり、ページを入れ替えたりと、これらの作業をブラウザ上で行うことのできるサイトのご紹介です。海外のサイトですが、操作は至って簡単です。

今回ご紹介するのはイラストレーターの小技です。「フィルタ」機能を使えば、いとも簡単に、図形や直線などオブジェクトに対してアンカーポイントを等間隔に追加することができます。

イラストレーターのアピアランス機能は意外と便利な使い方がありますです。その活用方法をメモっておきたいと思います。

InDesignのレイアウトソフトとは違って、illustratorでのページ分割はなかなか面倒。例えば、A3サイズで作成したものを、A4サイズに分割してPDFで保存したいときの方法をメモしておきます。

一種のジェネレエーター系のサイトですが、試してみましたがこれはなかなか凄いのではないかと思っています。画像をアップロードするだけで自動的に綺麗な顔に編集してくれます。

フルフラッシュサイトなどで、ちょっとした情報をHTMLでポップアップで出したいときがたまにあります。新規ウィンドウでフル画面で表示させるような情報でないときなどに役立つと思います。actionscriptの書き方をメモっておきます。

RSS情報をサイト内に表示させる方法ですが、紹介するのはJavaScriptで表示させる方法です。使用するスクリプトは、「Google Ajax Feeds API」を活用します。GoogleがAPIを公開してくれていますので、これを利用すれば簡単に表示させることが可能です。
自分ののサイトに設置すれば新着情報として自動で更新することも可能ですね。

国旗バッチをフォトショップで作成してみました。理由は新婚旅行で行ったので、その記念です。作成手順掲載します。（あんまり使いどころはないと思いますが…ボタン作成などに応用できるのはないでしょうか…）

あけましておめでとうございます。新年1回目のブログです。今年もよろしくお願いします。
さて、今日の記事は、表題の通り今回はイラストレーター形式で賞状の枠になりそうな素材を配布します。と言うのも、ネットで探しても、Illustrator（イラストレーター）形式の無料の素材はなかったので、いっそのこと作成しました。ご自由にお使い下さい。（但し、1種類しかありません）

Google検索の裏技かどうかは解りませんが、通常検索すると10件ずつしか表示しない検索結果を100件など検索結果数を自由に設定できる方法です。

今更感はありますが、イラストレーターでアクア風のボタンを作成する手順をメモっておきたいと思います。

Illustratorにこのような機能があったことを最近知りました。HTMLタグでMAPタグがあるのはご存知かと思いますが、通常MAPを利用する際はDreamweaverで操作されるのが通常だと思います。しかし、Dreamweaverでは複雑な形には対応できないと思います。しかしイラストレータを使用すると、どんな複雑なイラストでもその枠通りにリンクを貼り付ける事が可能です。この機能を実際使うかどうかは別問題ですが…

わりと頻繁に使用するポラロイド風なデザイン。自分で作ってもさほど手間ではありませんが、ベクター形式でダウンロードできるということで早速メモ。

サイト内に動画を掲載したい場合、youtubeなどを使わずwindows media playerを用いて動画を設置する方法をご紹介します。

パソコン操作に関する小技です。知っておくとこれまでよりも少しだけ操作が早まるのではないかと思います。（あくまでも少しだけです）他にも便利な技があれば教えて下さい。

ブログが随分滞っておりましたが、その理由は、結婚準備に追われておりました。9月13日（日）、無事に結婚式を終え、ようやくブログの方も再開できるというわけです。
結婚式準備の中で、デザインをかじっている者として、ウェルカムボードぐらいは手作りで出来ないかと思い、ウェルカムボードを手作りしていました。こんな手順で作成しました。

イラストレーターで表を作成する時、どのようにされていますでしょうか？まさか四角をつなぎ合わせているなんてことはないでしょう…何て事を言っておりますが、少し前まで表を作る時は、四角をつなぎ合わせたり、罫線をひっぱったりということをしてました。そんな素人っぽい表の作り方とはこれでおさらばです。

風景写真に綺麗な空を合成したい時に、役立つのではないでしょうか。フォトショップで自然な雲を描く方法です。

IE上で上記のように、最後の文字が改行されて重複して表示されることはありませんか？これまで何度がこのような場面に直面したことはありますが、その度に解消法はどうだったかと調べていたものです。先日もサイトを制作していてこの状況に陥りましたので、今後のためにも解消法をメモしておきたいと思います。

フォトショップでアクアボタンを作る方法はいろいろ紹介されていますが、フォトショップを立ち上げるまでもなく、アクアボタンを作れるフリーソフトがありました。これは便利です。

手持ちの写真にフレームを付けてちょっと面白い画像を作ってくれるwebサービスです。なかなか多種類なフレームが揃ってます。1分くらいで作成可能です。上記の画像は実際に作ったものです。こんな感じの画像が出来上がります。

ついにここまで来たかといった感じです。以下抜粋です"Jimdoはとても簡単に無料でホームぺージを作成できるソフトです。e-mailアドレスを入力して登録し、届いたメールのリンクをクリックすればホームページ作成がすぐに行えます。たくさんの写真をアップロードしてオンラインフォトアルバムを作成したり、ブログとしてもご利用いただけます。"さっそく登録してみましたが、これがAjax仕様で使いやすい。まさにwebデザイナー泣かせな制作ソフトです。

以前に「Googleでよく私が使う検索テクニックまとめ」を記事として載せましたが他にもGoogleの検索術はあります。が、今回はあまり使わない検索術をまとめておきたいと思います。要は特殊構文と呼ばれるものなのですが…便利そうなのもありますがいざという時あまり使いません（笑）

こんなにクオリティが高く、すぐに導入できるFlashギャラリーサイトはなかなかないのではないでしょうか。現在作成中のサイトに導入しています。日本語で扱いには多少問題があったのでその解決方法も記しておきたいと思います。

タイトルだけではちょっと意味が分かりにくいですが、要は上の画像のようなものを、簡単に作る事が出来ます。ちなみに上の画像は今現在作成中のサイトですのでテキスト等多少追加しています。（まだ作成中なので、完成すれば公開したいと思います。）そんな訳で実際作成した手順をメモしておきたいと思います。

先日記事にしました「swfobject」ですが、何もIEでFlashサイトを見たときに表示される枠線を消すだけではありません。Flashサイトをフルスクリーン（フルフラッシュ）で見せたいときにも役立ちます。その導入方法は、非常に簡単です。

非常に基本的な内容かもしれませんがドリームウィーバー（以下DW）でテンプレートを作成する方法をメモっておきたいと思います。（いつもどうだったかなぁと戸惑うので…）テンプレートで管理してしまえば、100ページあるサイトでもレイアウト変更は一瞬で済みますし、便利な機能です。（DW8の場合です）

今更ながら当サイトについて少々…改めまして、ご訪問頂きましてありがとうございます。当サイトは「楽してプロっぽいデザイン」をコンセプトに様々な便利なサイトの紹介や、web制作をする上で、必要な知識や、やり方を自分の備忘録としてブログで公開しております。私自身まだまだ未熟者であるため、webに精通しておられる方には少々退屈な内容かもしれません。むしろ少しwebをかじったぐらいの方、これから本格的に取り組もうという方のお役に少しでも立てればと思ってます。これからもどうぞ宜しくお願いします。

FlashをHTMLに埋め込むとき、ドリムウィーバーを使用していると、「挿入」「メディア」「Flash」からswfファイルを選択して埋め込んでいる方もいるかと思います。この場合object タグやembedタグが自動的に入力され便利なのですが、如何せんIEで開くと、「ActiveXをインストールしますか？」というダイアログが表示されたり、一度Flash画面をクリックしてからでないとFlash内での操作ができなかったりと、ユーザーにとっては何とも面倒くさい作業です。そこで、objectタグやembedタグを使わずに、SWFObject（javascript）を使用することで、ユーザーがわざわざクリックする必要もなくなります。（SWFObject、ネタとしては古いですので、知っている方はなんだそれ、知らない方は目から鱗だと思います。）

Copyright（コピーライト）に年号を入れている場合、例えば今年だったら年越しの際、2009に変更したりしますか？もしくは、2002などでほったらかしになっているサイトをよく見かけます。100ページぐらいあるサイトであれば、2009にいちいち修正するのも面倒くさい。そんな時、年号部分を自動で更新するようにしてしまえば、このような煩わしさから開放されます。そんなJavascriptの導入方法をご紹介します。（但し、このJavascriptが活躍するのは年に1回だけですが…今の時期調度良いのではないでしょうか（笑））

先日もご紹介しましたexcelからhtmlの変換ソフトですが、またまた便利なフリーソフトがありましたので紹介したいと思います。作業としては前にご紹介したこととほぼ同じです。テンプレートとなるhtmlを作成し、excelの1行目にタイトルを挿入したい位置に記入して、あとはフリーソフトを使って1発変換すれば、一瞬にして大量のhtmlを作成することができます。もしもドロップシッピングの商品CSVを利用して実施に作業した内容をメモしておきます。

写真にちょっとした効果を付けて少しプロっぽくみせる方法です。太陽光線を写真に入れてみます。

web制作上では解像度を気にすることはあまりありませんが、印刷物となるとそうはいきません。印刷物でデータを入稿したりする際に、この画像は、印刷物ではどれくらいの大きさになるんだろうかと思うことがありました。そこでピクセル数から印刷物に必要な解像度を知る方法ということで 今更感はありますが解像度について少しメモっておきたいと思います。

MovableTypeのページ分割においてMTPaginateをプラグインされている場合が多いと思いますが、そのまま使用するとページナビゲーションがいまいち美しくありません。多くのブログやメジャーサイトで使用されているのはボックス形式のナビゲーション。かくいう私もこれまで味気のないナビゲーションでしたが、ようやくカスタマイズしました。CSSで装飾するだけでちょっとはプロっぽい感じのナビゲーションに仕上げることが出来ます。

例えば800×600ぐらいのサイトを作った時、1024×768の画面サイズでみるとほぼほぼ中央に位置し、見やすいですが、1280×1024の画面サイズで見ると上に詰まったような形になり、折角のサイトがこじんまりしてしまいます。ポートフォリオサイトhttp://forty-n-five.boy.jp/として私も1000×600のサイトがありますが、当初はこのような感じでした。が…、CSSを少し追加するだけで、どんな画面の大きさでも中央に配置することができ、随分見やすくなりました。ソースをご紹介します。

最近多くのweb系のブログで見られるようになった上記のようなソースを綺麗に表示してくれるフォーマット。その導入方法をご紹介します。これまで、ブログでソースを紹介しようにも＜＞を特殊文字で表したり、どこからどこまでがソースなのか分かりにくい部分もありましたが、これを導入することで、美しくユーザビリティにも配慮したソースを紹介することができます。うーんまさにプロっぽい。

海外のサイトを参考にテキストをネオンぽくしてみました。その方法をメモしておきます。

意外と知られていないtarget="_package"。通常aタグで別ウィンドウで表示させたいときは、target="_blank"だと思いますが、target="_blank"ばかりだと別ウィンドウばかり開いてイライラするということがあります。そんな悩みはtarget="_package"で解決。target="_package"だと最初は別ウィンドウで開きますが、別のリンク先をクリックすると、最初に開いた別ウィンドウ内でページが入れ替わります。言葉で説明すると難しいですが、実際に操作してみれば簡単な話です。

矢印素材を配布しているは、数多くありますが、なかなかお目当てのサイト（ベクター形式）に辿り付けずにいました。jpgデータだったり、サイズが16×16ぐらいだったり…そこでいっそのことイラストレーターで自分で作ってしまおうということで作ってみました。これぐらいあれば、あとは少し加工すればいろいろ使えるかなぁと思っています。イラストレーターのファイルを添付しておきますので、どうぞ自由に使って下さい。（イラストレーター（win）　バージョン8 で保存しています。）

ドロップシッピングなんかで商品データベースをCSVにて配布いているサイトがたまにあったりします。このように大量の商品データがある中で、個々のページをそれぞれ作りたい!そんな要望に応えてくれるフリーのソフトがあります。要はExccel(CSV)の内容をhtmlに簡単にもってくることが出来ます。

上場企業のサイトで見やすさや使いやすさ等を基準に、そのランキング発表されていました。ユーザビリティ・アクセスビリティなど学ぶことが多いかも…

Flashサイトで右クリックすると上記のようなメニューが表示されます。ちなみにこのようなメニューは、コンテクストメニューと呼ばれています。このコンテクストメニューの表示で、「拡大」「先送り」など制作者サイドにとっては、こんなメニューは表示させたくないことも多いと思います。そんな表示させたくないと言う方は、画像の右側のように非表示にされているサイトもよく見かけます。そこで、今回はその表示させない方法をメモしておきたいと思います。

キーボードがおかしい！IE使用中だけ、@を押すと[になり、半角/全角キーを押すと‘になるなどの現象が突然おこり始めました。キーボード自体がおかしいのかと思い、コンパネからいろいろ操作するも直らずに困っていましたが、ついに解決することが出来ました。IEには本当にいらいらさせられる（笑）

リンクボタンを押すときに出てくる点線って少し気になりますよね。ましてや上のようになんだかずれているときなんて気になって仕方がない！そんなリンクボタンを押したときに出る点線についての対策法について書きたいと思います。

面白いウェブサービスをまとめてみました。第2弾を書こうと思います。（が、まだまとめきれていませんので、随時更新したいと思います。）
まずは、オリジナルのキーボードの画像が作れるというサイト。どこで使うねん！って感じですが、ちょっと面白かったのでとりあえず掲載。（上の画像は多少いじってますが、実際には綺麗な画像が出来上がります。但し日本語には未対応。）

イメージツールバーというものをご存知でしょうか？IE6 にのみ実装されている上記のようなものです。IEを使っている時に、このマーク邪魔だなぁと思った方も少なくないのではないでしょうか。このマークIE6上では200px×200px以上の画像に出てくるのですが、このみんなが邪魔だと思っているツールバーならweb制作者側とすれば、事前に表示させなくしておくことが、ユーザービリティ向上の一つではないかと思い…そんな訳で、このマークを消す方法を紹介します。（かなりマニアックですが…（笑））消す方法はかなり簡単です。

今回ご紹介するのは、非常地味な小技といったところでしょうか。Illustratorを起動させ、まず最初に行うことは、アートボードの設定だと思います。（※アートボード…作業するスペースのこと。要は黒枠です。）A4、A3とか或いはカスタムで設定すると思います。そして、例えば、このアートボードの大きさでトンボを描きたい時や、イラレ上で作業して、最後にクリッピングマスクでアートボードぴったりにマスクをかけたい時、こんな状況の時、これまでは、矩形ツールからその大きさの四角形を描き、拡大して、アートボードに合わせるというなんともアナログなやり方をしていました。そこで、なんとか一発でアートボードぴったりの枠が一瞬で描けないものかと悩んでましたが、その方法がありましたのでご紹介します。

Photoshopで画像の端をめくれた感じにするチュートリアルは数多く紹介されていますが、Illustratoｒの場合はどうすればいいのかと考えた時に、上記のように、いとも簡単にめくれた感じを表現する方法がありました。そのやり方をメモしておきたいと思います。

9月2日Googleがブラウザ市場に参入してきました。その名も「クローム」。これまでブラウザはマイクロソフトのIEが圧倒的なシェアを誇っていましたがFireFoxさらにはGoogleがクロームとマイクロソフトはいよいよその牙城を崩されそうな雰囲気が漂っています。マイクロソフトも先日IE8を発表したばかりですがGoogleに話題を独占されているようですし、FireFox3も初日に8百万件のダウンロードというギネス記録を創ったようです。ただ個人的には、Googleのブラウザがどんなものか楽しみですが、FireFox派の私としては、web従事者だけでなく、もっと一般の人がその便利さに気付けばなぁと思ったりします。というか、ブラウザ市場はFireFoxがさらに伸びそうな気がします（笑）

リクルートが提供している「みんなのクリエイティブエージェンシー」というサイト。簡単にいうと、サイト内でバナー制作を呼びかけ、クリエイターが素材を基にそれに応募する。採用されれば実際に自分の制作したバナーが掲載され、尚且つ、500pt（500円相当）がもらえるというクリエイター心がくすぐられるサイト。暇な時間にちょちょっと作れるのがいい！ちなみ私もひとつ「コレカラネット」のバナーを作ってみました。

web上には面白いウェブサービスをしてくれるサイトがたくさんありますが、ブックマークしていたちょっと面白いサービスをしているサイトをまとめてみました。

フォトショップでなかなか使うことのない「ノイズの低減」機能をご存知でしょうか？これを利用するだけで、そばかすフェイスも綺麗に変身。他にも多少修正は必要ですが…

非常に簡単な作業で、アクアボタンっぽいものが作成できます。ってことでやり方をメモメモっと。今回はイラストレータで作ります。

非常に簡単な作業で、アクアボタンっぽいものが作成できます。ってことでやり方をメモメモっと。

私のブログにも取り入れているのですが、よく検索窓に文字が入っていて、いざ検索しようとクリックすると、入っていた文字が消えて文字が打ち込めるというものです。まぁ小技といったところでしょうか。でも、こうしたちょっとした気遣いがプロっぽくみせる方法の一つかもしれません。

高級感のあるサイトなどに人物を使用する際には、多少なりとも人物に加工が必要ですね。そんな時に一瞬で人物に高級感を与える方法をメモっておきます。

思わず押してみたくなるボタンってありますよね。細かい部分ですが、こういったボタンのデザインにもこだわっていきたいですね。そんな訳で、フォトショップで非常に簡単に思わず押してみたくなるボタンを作ってみましたので、その方法をメモしておきます。

Googleが新たなサービスを開始するとのことです。その名も「Lively」（ライブリー）。このサービスは「SecondLife」同様仮想空間を提供するとうもの。（セカンドライフとは微妙に違うようですが…）「SecondLife」がいまいち浸透しない中、いよいよグーグルがこの手のサービスを提供しようとしています。グーグルというだけで、数年後には仮想空間が確実に浸透するという期待を持たせてくれます。（この波に乗り遅れないようにしなくては…そんな訳で今度デジハリで行われるセカンドライフセミナーとやらに参加しようと思っています。あくまでセカンドライフですけど…）

まぁそんな訳で、ライブリーのように、今後流行りそうだなぁと思うものをメモっておきます。

大層なタイトルですが…要は「マウスジェスチャー」のフリーソフトです。この機能を知っている人なら必ずといっていいほど導入する必須アイテムです。FireFoxの拡張機能でもありますが、ご紹介する「かざぐるマウス」はFireFoxはもちろんIEなど様々なブラウザにも対応し、通常のフォルダなどにも機能が対応できるところが優れものです。

では、まだご存知ない方のために…ネットサーフィンをしていて、前のページに戻りたいとき、ブラウザの戻るボタンから戻っていませんか？ブラウザを閉じる時、「×」ボタンで閉じていませんか？あらぁー！マウスを「×」に持っていく時間がもう無駄です。そこで、このフリーソフトを導入するとマウス操作だけでこれらの作業が出来ます。例えば、マウスの右クリックを押しながら少しマウスを左に移動させると、「前のページに戻る」ことが出来ます。マウスをどう動かせばどうなるのかは自分で設定できます。
私は、「×」は右クリックを押しながら、マウスを←→に移動すれば閉じるように設定しています。
「マウスジェスチャー」という言葉を初めて聞いたという方は、だまされたと思ってインストールしてみて下さい（笑）その圧倒的な便利さに驚くと思います。

プロ向けのサイトですが、クオリティの高い写真がほしいそんな時に役立つサイトです。写真の無料配布はどうも海外のサイトが多いので、日本人の写真ってのはなかなか手に入らないですから…こんなサイトを利用するのもたまにはいいかもしれません。

「グーグルGoogle　既存のビジネスを破壊する」を読みました。（少し古い本ですが…）前半はGoogleの光の部分。後半はGoogleの影の部分両方が書かれてありました。私自身もそうですが、多くの一般的なユーザーさんは、これまでGoogleの恩恵を受けており、そしてこれからもその恩恵にあやかりたいと思っているのではないでしょうか。 前半を読み進めていくと、なんだかわくわくするような感覚になります。しかし、グーグル八分に代表されるような公平性が一部で疑問視する部分もあります。Googleの思うがままの時代になっても恐ろしいものです。まぁこれからの動向に目を離さず付いていきたいと思います。

Google様毎日お世話になっております。そんな方も多いでしょう。ただ、なかなか目的のページに辿りつけない！そんな事もしばしばありますが、Googleは単純に「キーワード（スペース）キーワード」といったキーワードの組合せだけの検索ではなく、いろんな検索テクニックが存在します。私がよく使う検索テクニックをまとめておきます。

レコードをジェネレートしてくれたり他にも面白いジェネレーターが数多く紹介されています。（日本語はおそらく非対応）

フォトショップでテキストをちょっとおしゃれにする方法です。Tipsが紹介されているサイト（英語）がありましたので実際にやってみました。その手順をメモしておきます。このやり方を身に付けておくと様々なデザインに利用できそうですね。

優れたwebデザインが紹介されているサイトですが、世界各国のってところがいい感じです。国別にカテゴリ分けされているので、国別に見てみるのも面白いかも…

テーブルタグを普通に使用すると、すごく野暮ったくなりますよね。素人丸出しみたいな…そこで、htmlに2行追加するだけで一気にテーブルを美しく見せてくれる方法があります。まぁとりあえず、サイトの覗いてみてください。（画像をクリックして下さい）デモページも、ソースダウンロードもできますので、簡単に導入できますよ。

これまたありがたいサイトを発見しました。ちょっとしたアイコンを一から作るのが手間に感じる時がありますが、このサイトを利用させてもらえば手軽にクオリティの高いアイコンを手に入れることが出来ます。イラストレータ形式で、且つ商用利用もＯＫってところがいいですね。

よく見かけるリアルな人物画像。いったいどうやって描いているのかと常々気になっておりましたが、その方法が判明しました。初めて実践してみましたが何となくそれっぽくはなったので良しとします。でもこれは今後使えそうなテクニックです。（ちなみになぜリップスライムかは特に理由はありません。男前代表ということで（笑））

スクロールといえば縦。という概念を180度覆す横スクロールです。スムーススクロールとかありましたが、横のスクロールはあまり見たことがなかったので新鮮でした。使用は無料とのことですので、何かの機会に試してみたいです。

Ajaxなどで使用されるローディングが自動で作成してくれるジェネレーターです。見たことのあるローディングを簡単に作ってくれます。

画像で色の一部分を変更したい！そんな時に役立つTipsです。フォトショップで、いとも簡単にで色の置き換えをすることが可能です。

フォトショップのものさしツール使っていますか？これまでなかなか使う機会のなかったものさしツール。それが意外に便利な使い方があります。それは、画像の傾きを一瞬にして直してくれるというもの。写真を撮った時や、スキャナで画像を取り込んだ際、画像が傾いていることが多いですよね。そんな時にものさしツールが役に立ってくれます。

桜の写真から幻想的な画像を作ってみました。作り方は至って簡単！こちらのサイトで作り方が紹介されています。（http://uradesign.com/）こちらのサイトでは他にもフォトショップに関することや、イラストレータについて紹介されていて参考になるサイトです。今回作成した全体像は続きを読むからどうぞ。

画像を切り抜く時、皆さんはどうされますか？フォトショップ（Photoshop）で画像を切り抜く方法はいろいろありますが、まさかイラストレータで画像を切抜きされている方は少ないのではないかと思います。（イラストレーターにもクリッピングマスクはありますが…）従って、イラストレータ上に切り抜いた画像を持ってくるときはフォトショップで画像処理を行った後、イラストレータに持ってくるという手順になります。ただ、このもって行き方に新たな発見がありました。（というかＤＴＰをやっている方にとっては当たり前の作業だと思いますが…webしかやったことのない人間にとっては意外と知らないことかもしれません）その方法とはフォトショップの「クリッピングパス」を利用します…

クラウドコンピューティング。この言葉にわかに耳にする機会が増えてきました。クラウド・コンピューティングの「クラウド（Cloud）」とは、文字通り「雲（Cloud）」のこと、つまりインターネット上のことですが、利用者がwebブラウザを介して簡単にサービスを利用できるというもの。私の認識ではマイクロソフトではなくて、グーグルの時代って感じですかね。ソフトウェアをいちいち買い揃えなくても、web上で何でも出来てしまうみたいな…まぁこれまでのグーグルのサービスが主流になっていくということでしょうか…

以前「web進化論」で梅田望夫さんが、「こちら側」でなく「あちら側」と書かれていたのを思い出しました。本当にそういう時代が来たんだとユーザーの私からしてみれば嬉しい限りです。

2008年6月15日は父の日。母の日よりもなぜが盛り上がりに欠ける父の日ですが…（笑）今年はワインなど送ってみてはいかがでしょうか？というこうとでこんなサイトがありました。ワインやワイングッツが紹介されており、メールマガジン「WAC News Letter」の購読者数は、現在95,000名強あるそうで、ワイングッズ関連メルマガで、日本一の購読者数らしいです！

ワイングッツといえば、デバイスタイルという商品がオススメだそうで、無音、無振動の冷却エンジンを採用する優れものです。

タイトル通り「web制作に必要な全ての要素が詰まっているサイト」を一まとめにしたサイトです。ブログに掲載せずに自分の中にしまっておきたいくらいのサイトです。webデザインに携わるものならその凄さが分かるはず！これは凄いまとめです。

紙に関する見積は非常にややこしいです。洋紙・板紙など紙の種類については前回少し触れましたが、数え方など紙業界独特の言い回しがあったりします。見積に係数として書かれている数字、これは一体何？数量の数字は？と思ったのですが、調べてみるとやっと理解できました。

またまた見積に出てきた意味の分からない言葉…K判とA判。ということでこの違いを調べてみました。要するに紙の規格のことのようなのです。紙のサイズはその規格がJISで決められています。その規格を説明する前に洋紙と板紙について理解をしておく必要があります。

オープンソース・フリーウェアを紹介しているサイトです。少し難しい内容も含まれていたりしますが、画像編集など参考になる内容が盛りだくさん紹介されています。

「夢をかなえるゾウ」大人気のようですね。私もその人気に乗じて早速読んでみました。とにかく不思議な世界観で思い白い本でした。ビジネス書であり、小説でもある面白い構成になっています。ガネーシャという凄いキャラのインドの神様が平凡なサラリーマンに様々な形で課題が出題されます。その課題を毎日一つずつでも実行していくことでそれまで気づかなかった世界が見えてきます。今の自分と重なる部分も多くて、私は早速靴を磨いてみました（笑）なぜ靴磨きなのかは読んでのお楽しみということで…とにかく一度読んでみて決して損はない本だなぁと思います。売れるのも納得！今この時期にこの本に出会えたことを感謝しています。

私のブログはMovableTypeを利用しているのですが、これまで、ブラウザによっては文字化けするようで、その原因が不明でした。しかし、先日あることに気づき、実践してみたところ文字化けが解消されました！それは至って単純なことでしたが、意外と落とし穴なのではないのかと思い、メモっておきたいと思います。

楽してスタイリッシュなグラフを簡単に作ることが出来ます。ソフトは一切必要で、ブラウザさえあれば、どのPCからでも利用可能なのがいいです。

SEOに関する情報ポータルサイトのような感じです。日々様々な情報が投稿されています。SEOは終わりがないので厄介ですね。乗り遅れないようにしなければ…

毎日PCメールに沢山来るメールの数々、受信の度にいちいち開く、でも結局どこからからのスパムメールなんてことがよくありがちです。こんな状況を解決してくれるサービスがメール着信音.com　http://www.mailchakushinon.com/です。例えば、件名が「○○」というテキストだったらこの音なんてことも可能です。他にも様々な場所で役立ちそうなサービスです。詳しくはメール着信音.comで確認できます。

新規でweb制作を行う場合に参考になるサイトです。綺麗なサイトが集められていて色使いやアイデアをもらったりする際にはピッタリのサイトです。

Web2.0を耳にすることも随分少なくなってきたような気がしますが…とりあえずクールなボタンを作成してくれるということでブックマークしておくのもいいでしょう。

ホームページを作る人のネタ帳。まさにタイトル通り。

webサイト自体をダウンロードすることが出来ます。ソースを見るだけでも勉強になりそうです。

楽してプロっぽいデザインの極みです。自分で作らなくてもサイトにアクセントを加えるブラシなどが大量に配布されております。自分でデザインするのも勿論楽しいですが…ていうかそれがやりがいの部分ですが（笑）でもこういうツールを使うのも便利で楽できます。

グッドなデザインのサイトや広告を紹介しているポータルサイトです。刺激になります…

海外のサイトですが、Photoshopでグラフィックを制作する手順を紹介してくれているサイトです。少し難解な部分もありますが何だか役立ちそうです。

右端のバナーにフリーでアイコンをダウンロードできるところがあります。とりあえずフリーなんで頂きます。

1カラムのデザインって意外と困るんですよね…そんなときに役立つのがこのサイト！素敵な1カラムのサイトが沢山紹介されています。

Pingoo!は、ブログで更新した記事を、Pingサーバーへ一括配信してくれるサービスです。ブログを更新するだけで自動的に配信してくれるので非常にお手軽です。アクセスアップに役立ってくれそうです。

見積もり書に書かれていた「ハトロン包装」と「フレキソ印刷」の文字。どちらも聞きなれない言葉でしたので調べてみました。まずクラフト紙とハトロン紙の違いがどうも曖昧でしたが次の通りです。

クラフト紙とは、よく封筒に使われている茶色い紙です。よく梱包に使用されている褐色の紙がクラフト紙です。また、ハトロン紙とは、クラフト紙に良く似ていますが、しま模様がある紙です。揚げパンやコロッケなどを入れたりするあの紙です。まぁ両者にそれほど大きな違いはないようですが、クラフト紙の方が現在では一般的に使用されているようです。

フレキソ印刷とは、フレキソ印刷は、ゴムや感光性樹脂でできた版を使うため、ダンボールなど表面がザラザラしているものに印刷するのに適しています。フレキソはフレッキシブル（柔軟）からきていますので、まさに柔軟に様々な材質に対応できる印刷方式です。

仕事柄web以外にも印刷物に携わる私としては、DTPに関しては無知の状態で日々知らない言葉が出てきます。そこで印刷会社の見積もりに掲載されている内容くらいは理解しておかないとと思い、少し勉強してみようと思います。 見積もり書にプレスコートという言葉が出てきました。このプレスコートとは、熱で固まり光沢を出す熱硬化樹脂を印刷表面に塗ってプレスします。鏡面仕上げが可能で高い強度を実現します。主にパッケージなどに使用されます。 表面加工には他にも様々な種類があるようです。

以前紹介したFlash(flaファイル)を無料で配布しているサイトの姉妹サイトです。こちらもすごいです！ベクター形式の画像が無料でダウンロード出来ます。

こんなことが出来るんですね！ビットマップの画像がベクター形式に変換されます。

Flashに関する（Flashだけでもないようですが…）サイトがまとめられたサイトです。

どのサイトを参照したかは忘れてしましたが、JavascriptとCSSでFlashで作ったような写真ギャラリーができます。導入方法は、先日記事にした他人のサイトのJavascriptやCSSを丸覗きできるFireFox拡張機能で私のサイトを覗いてもらえれば、「home.css」「homeslider.js」「jquery-1.2.1.min.js」があるはずです。それとこの記事のソースを見てもらえればどのようにしているのかが分かるかと思います。

背景で使用する斜線・ストライプなどを作成してくれるジェネレーターです。

これはすごいですね。ハイクオリティすぎるFlashがダウンロードできます。ブックマークしてて損はないでしょう！

これまで私のＰＣはメモリの容量が512MBとweb制作するには非常に少ないメモリでした。フォトショップとイラストレーターを立ち上げようものなら、動きがカクカクしてました。そこで満を持してメモリの増設を試みようとついに、512MBのメモリを購入し計1GBにしました。いざPCを立ち上げてみると圧倒的にスピードの違いを体感することが出来ます。増設するまでは手順等多少不安でしたが、実際かかった時間は3分ほど…なんでもっと早くやらなかったんだろうと今までの作業時間を後悔しております。

海外のブログサイトですが、ハイクオリティな小さなアイコンを大量にダウンロードできるサイトを紹介しています。何かと便利に使えそうです。

実際に使いどころは難しいですが、面白い動きをするFlashが盛りだくさん掲載されています。

Flashのちょっとした技を参考に出来るサイトです。ソースもダウンロードできるので参考になります。

PhotoShopは確かに便利なサイトですがメモリを食って動作が悪くなるのが難点です。（メモリが少ないもので…）そこで私がブログにスクリーンショットを掲載する際に利用しているのが上記のサイトです。ブラウザ上で自由に画像をトリミングできます。フリーソフトをいちいちダウンロードする必要もないので便利なサイトです。先日紹介した「FireFox拡張機能スクリーンショットをワンクリックで画像形式に保存する方法」との合わせ技でPhotoShopを立ち上げずにブログに画像を掲載することが可能です。

「PageSaver」という拡張機能でワンクリックするだけで画面のスクリーンショットがjpgなどの画像形式として保存することが出来ます。しかも画面の見えていないところまで画像として保存できる機能もあります。私も上に掲載しているサイトのスクリーンショットはもちろんこの機能を使っています。超便利です。

日本語のフォントをダウンロードできるサイトはなかなか見かけませんが、「花園フォント」というフォントをダウンロードできるサイトがありましたので早速ブックマーク！

ベクター形式のRSSアイコンだから自分の好きな大きさに変更できるのがいいですよね。Downloadボタンからダウンロードできるようです。

ストライプジェネレーターに続いて話題に上がったのがこれ！タータンデザインというそうですが…ちょっとポップな感じを演出する際に使えるかも…

海外のサイトですがデザイン的にもすごく参考になるサイト。サイト中にデモなどがあるので時々参考にさせてもらってます。

既に有名かもしれません。私もよく利用します。このブログの背景もストライプジェネレーターを利用させてもらいました。お手軽で高機能な超便利なサイトです。

それはもう大量のテクスチャがあります。大量すぎで迷うほどあります。とりあえずブックマークしておけば何かの際に役立ちそうですね。

webサイトのテンプレートをダウンロードできるサイト。こんな便利なサイトがあったんですね。活用しない手はないです。

非常に丁寧に絵の描き方を解説されているサイトです。絵心のない私にとっては参考になるサイトです。

海外のサイトで何が書いてあるのかは定かではありませんが、すごいデザインだということは分かります。

英語なんでちょっと難解な部分もありますが何とか分かる範囲かなって感じです。私も何となくフォトショップで画像を加工してみました。（なんだかよく分からなくなってしまいましたが…）

海外のブログサイトでベクター形式の画像をダウンロードできるサイトがありましたので早速ブックマークしました。これ以外にもwebに関する記事を書いておられるようです。

手持ちの画像をアップロードするだけで上のような加工を施すことが可能です。他にも様々な加工がありますので、用途に合わせて使用してみるのもいいかも…自分ではできない・時間がかかる加工が一瞬でできます。

文字通り大量の画像が無料で手に入ります。海外のサイトですが、カテゴリ別に分かれていて使いやすい感じになっています。

アップルからiTunesのブログパーツが紹介されていました。さすがアップルだけにブログパーツもおしゃれです。設置は勿論簡単。導入してみようかな…

28×28、12×12などミニサイズのフィード（ＲＳＳ）アイコンが手に入れることが出来ます。

指定した色に合わせて、画像が表示されるちょっと面白いサイトです。

上のようにPhotoshopで画像の端をめくれた感じにする方法を紹介します。定番な加工なんで、やり方を身につけておくべきでしょう！方法を紹介してくれているサイトがありました。それは…

まぁ見てみてみてください。ベクター画像を無料で配布しているサイトですが、使い勝手がよいものばかりです。すごい！

jquery.jsを使えば透明感のあるロールオーバーがいとも簡単に設置できます。Flashを使っているみたいな感じになります。導入方法は…のちほど更新します。（今日はもう寝ます）

紙面をより重厚に見せてくれるテクスチャがなんと無料で提供されているサイトです。しかも商用利用可能ときてます。様々な用途で活用できそうですね。

2008年5月11日は母の日。ってことで日ごろの感謝をこめてギフトを送ってみてはどうでしょう？ギフトとスタイルにこだわった専門ショップ「ＧＩＦＴ＆ＳＴＹＬＥ（ギフトアンドスタイル）」というサイトでは、「旬！記念日のオススメでギフトを探す」というコンテンツなんかもあってギフト商品を送る際には利用すると便利かも…

海外のサイトですが、flaファイルが無料でダウンロードできるなんともありがたいサイトです。ダウンロードしたFlashのスクリプトを応用することで、プロっぽいデザインの制作を助けてくれるflaファイルが結構あります。

SEO対策に関する情報が掲載されています。中でも私がよく利用するのはping送信。PING送信とは、ブログを更新するたびに、 更新したことを伝えてくれる機能のことです。これらを受信するGoogleをはじめとするPINGサーバーに情報を送る必要がありますが、このサイトのPING送信プラスを利用するとアドレスを入力するだけで各PINGサーバーへ一括登録してくれます。

URLを入力するだけでYahoo、googleなどの掲載順位を表示してくれるなど一度ためしにやってみると面白いかも。でもへこむの覚悟でやった方がいいかも（笑）

プロっぽく見せる一番簡単な方法はこういったブラシなどを利用してサイトにアクセントを加えてやること。一気にプロっぽいデザインに仕上げることができます。

以下サイトから引用→　「SEO STASTは、登録不要・完全無料で利用できる、あなたのサイトやブログに関する様々な情報（Googleページランク、被リンク数、INDEXされている登録ページ数、Yahoo!とMSNの被リンク数、登録ページ数、サイト/ブログのアクセス数、ページビュー数、オンラインユーザー数などなど）をシンプルな画像形式で表示させることができる無料ブログパーツです。」私も導入させてもらいました。ソースをコピー貼り付けするだけで設置できます。

ここまでクオリティの高いアイコンを無料で配布されると、もう自分で作る気が失せてしまいます…

画像のサイズを変更するくらいならもうPhotosopは立ち上げる必要なし。こんな手軽で便利なサービスがFC2から提供されてました。画像をリサイズするフリーソフトなどは結構ありますが、幅を指定したら縦もその比率に合わしてしまうものが多い中、幅も縦も自分でサイズを指定できるところが便利です。私もこのBlogで画像を掲載する際には利用させてもらってます。

Googleサイトマップとは、Googleのクロールの精度を高めるためにGoogleのクローラにサイトの情報を提供し、Google のインデックスにより多くのページを登録してもらうためのものです。ぜひ導入しておきたいものです。Googleサイトマップを導入する方法（MovabeleType編）をご紹介します。

このAjaxどんなJavascriptでうごいているんだろう？そんなあなたに取っておきのFireFox拡張機能！どんなJavascriptやCSSなのかを一発で覗けちゃう拡張機能です。「こんなんあかんやろー！」と思わず言ってしまいました（笑）

見るたびに新しい発見があるサイトです。

ロゴのテンプレートが無料でダウンロードできます。あぁ…ありがたやありがたや。

このサイトだけおさえておけば、日々役立つ最新情報を得ることが出来ます。

Googleマニアというタイトルにピッタリのサイトですgoogleのサービスに関して事細かに書かれてあります。これはブックマークするでしょ！

デザイナーやクリエイターの方なら有益な情報がたくさん詰まっているのではないかと思うサイトです。

毎日コーヒーを飲む私にとってはちょっぴり気になるサイトです。「ブランディングコーヒーhttp://www.0141coffee.com/」というサイトですが、豊富なコーヒーグッツが魅力です。とにかくコーヒーに関する情報が盛りだくさんのサイトです。コーヒー好きの方は一度覗いてみては？

既にしている方も多いと思いますが、CNET Japanではインターネットに関する最先端の様々な情報が得られます。私もほぼ毎日チェックしているサイトです。

海外のサイトでまだ詳しく見ていませんが、CSSに関するテクニック等の情報が掲載されていて、参考になりそうな記事も掲載されている模様です。

たくさんある画像を美しく見せるためのFlashで作る写真ギャラリーです。実際にデモもみれますし、Flashファイルをダウンロード配布してます。

Flash制作のアイデアにはもってこいのサイトです。1000近くのサンプルが閲覧でき、そして、flaファイルまでダウンロードできます。日本のサイトなんで分かりやすくてよく参考にします。

いつかこんなイラストが書けたらと思ったりします。こんなイラストが描ける方は尊敬しちゃいます。

CSSに関するポータルサイト的なサイトです。CSSに関してはこのサイトを押さえておくべきでしょう。

パーツの配布どころが、テンプレートごと配布しているこんなサイトがありました。いやーこんなサイトが増えるとWebデザイナーの需要はなくなるかも…

Photoshopの本を買わずともこういったサイトがあるとWeb制作の幅が広がりますね。

今度はCSSメニューのジェネレーターです。これも様々なところで使えそうなジェネレーターですね。

これまた便利なボタンジェネレーターです。ジェネレーターはもはやweb制作には必須になってきました。

顔のパーツを選んで似顔絵を簡単に作成できます。最近mixiなんかで、この似顔絵メーカーで作られたであろうプロフィール画像をやたらと見かけますが…私も実際作成し、できたものをイラストレータートレースして自分のポートフォリオサイトに掲載しています。

ブログをもっている方はここに登録しておいた方がとりあえずいいでしょう。アクセスアップにつながります。

日本語には対応していませんが、これは便利ですね。わざわざ作る必要もないですからね。

Flashを自分で一から作り出すのはなかなか骨が折れます。しかし！そんなflaファイルを無料で配布しているサイトがあります。ありがたすぎて涙が出ます。こんなサイトがあるなんて…flaファイルを配布してくれるサイトってなかなかないんですよね。

Webに関する基本事項や、フォトショップ講座などはすごくためになります。

日本で最もアクセスされているサイトは何か？少し気になるところです。（まぁ大方予想は出来ますが…）でも思わぬところに隠れたサイトがあったりするのでそんなサイトを探すと面白いです。

ここまでクオリティの高いブラシがあれば、使用するだけでプロっぽいデザインに見せることが可能です。

web制作をしていてこの文字何色だったかな？とかたまにありますよね。そんなときに「ゆなカラーピッカー」を使うと画面上の全ての色を1px単位で取得することが出来ますので、web制作の際には便利なフリーソフトです。

FireFoxがFTPソフトに早代わり。FireFoxユーザーには便利な機能です。

もう自分で作る必要なし。イラストレーターさえ持っていれば自由に使用することが出来ます。

「お問合せはこちら」などソースにmailto:hogehoge@co.jpという具合にアドレスをそのまま記入していませんか？悪徳広告業者はソース上の@を自動的に収集するなどしてアドレスを無作為に引っ張っている場合があります。これを防ぐにはアドレスを暗号化することです。上記のサイトから簡単に暗号化することが出来るので、アドレスを公開する場合は暗号化しておくことをオススメします。

このサイトもおさえておくべきでしょう。web以外にも沢山の情報提供をしているサイトです。

トラックバックのURLにわざわざフォームを使用しているものが多いですよね。これには理由があります。トラックバックはコピーして使用してもらいたいものなので、いちいち文字を選んでもらわなくてもフォームにしておけばワンクリックで文字列を選択してくれるからです。
導入方法は至って簡単。実際に私が導入したソースは…

ホームページ制作はデザインも勿論大事だけど、文章の書き方や、目を引くキャッチコピーもすごく大事です。商用サイトならなおのこと！そんな訳で、文書の書き方の基本が詰まったサイトのご紹介。一読しておく価値ありなサイトです。

プロっぽいデザインにに見せるためには、素材集を活用するのも一つの手です。素材集ドットコム　http://www.sozaishuu.com/では有料ですがかなり良質な素材を手に入れることができます。しかも配布形式がイラストレーター形式ですので自由に改変できるのがいいです。単品で購入することもできます。

自分のSNSが作れるサービスまであるんですね。どこまで便利になるのやら…

お気に入りのサイトのＲＳＳを取得して自分のサイトに貼り付けることが出来るサービスです。私も「健康美人30代から始める美と健康」で導入させてもらってます。面倒な登録など一切不用でソースをコピー貼り付けするのみで導入できます。

グーグルは、3月13日パーソナライズドホームページ「iGoogle」で、リリー・フランキーさんなど著名なアーティストが提供する「アーティストiGoogle」を開始しました。京都で行われた東山花灯路でiGoogleが宣伝されているのを見て思わず1枚撮影しました。

こんなデザインが出来たらなぁーということで、ブックマーク！さらにフリーフォントも提供してくれます。

無料でベクターのグラフィックを手に入れることが出来ます。海外のサイトは太っ腹なサイトが多いですね。日本でもこんなサイトないのかな…また探してみようと思います。

画像のロールオーバーの設定は、JavascriptやCSSで設置できますが、jQuery_Auto.jsを導入するだけでいとも簡単にロールオーバーの設定が出来ます。サンプルは、上記の画像にマウスをもっていくと分かります。

様々な情報を頂いております。ためになりすぎます。

こういった無料で配布してくれるサイトがあれば、自分でデザインする必要がなくなってきますね（笑）

いやーこれはすごいですね。さすが800万回ダウンロードされている感じです。現代のブラウザって感じですね。

素材の無料配布サイトは結構あるんですが、なかなか良質なサイトにめぐり合えないのですが、このサイトは懐深いです。良質な素材を手に入れてWeb制作に活かすことが出来ます。

最近「あわせて読みたい」というブログパーツを貼っておられるブログをよく見かけるので私も導入してみました。広くいろんな方にblogを読んでもらえそうなんで少し期待してます。導入方法は至って簡単です。

最初見たときてっきりGoogleのパクリだと思っていたのが、これはGoogleをある意味超えるぐらいの検索機能の持ち主です。Yahoo!・Hatena・Google・Amazonの検索サービスを集めた感じです。タグクラウドの機能も持っていて使いやすい！ぜひ一度検索をしてみては？

実際の使い方とは違いますが、チラシ等のデザインをしている場合には少し参考になるかも…様々なチラシを参考にできます。以外にこんなサイトなかったかも。

「ファイルバンク」というサイトですがまさにファイルを保管しておくことが出来るサイトです。無料って言うのがいいですね。

自分で適当に書いた絵に近い写真を選んで表示してくれる面白いサイトです。上の例で言うと、左の赤丸と緑の丸を私が適当に書きました。そして検索すと近い？写真を表示してくれました。

検索する際はここから始めるとよいかも…何でも調べられそうですね（笑）

こんなサイトがあったんですね。診断したいサイトのURLとキーワードを入れるだけでSEO診断してくれます。そしてこの評価はかなりすごい。自分の足りない部分をずばり言い当ててくれます。

FireFoxにこんな機能を探してました。web制作者には必須の拡張機能です。

ブラウザ上でPhotoshopとほぼ同等の作業が可能です。これでどこでも画像加工が可能ですね。

こんなフリーソフトがあっていいのかと思えるぐらいこれはすごいお得です。表題の通りDVDを自分のパソコンのハーディスクにコピーすることが出来ます。これはぜひ自分のパソコンにダウンロードする価値ありです。但し、やはり動画なのでハードディスクの容量を圧迫してきます。定期的にDVD-Rなどに移し替えることをオススメします。

ちょっとした画像の加工や装飾などはこのサイトでも十分対応できそうです。まさにPhotoshopいらず！Photoshopの立ち上がり遅いですからね…

Web制作に関するTipsやサイトの紹介が豊富です。

どこから情報を収集しているのか…不思議になるくらいWeb制作者にとってはためになりすぎるBlogです。さぁブックマークしましょう！

FireFoxはタブブラウザで便利なんですが、開きすぎるとタブを移動するときいちいちクリックしてるとめんどくさいですよね。そこで便利なショートカットとして「Ctrl+Tabキー」でタブの移動が可能です。その他にも「Ctrl+1」なら一番左のタブに移動したり2番目のタブは「Ctrl+2」など、また一番右のタブは「Ctrl+9」でいけます。その他FireFoxのショートカット一覧の便利なサイトがありましたので紹介しときます。英語でがなんとなく分かるはずです。

海外のサイトですが、角丸があっという間に作成できるジェネレーターです。デスクトップにある画像など選択するだけで上記のような角丸が作成できます。角丸のＲや画像のサイズなども調整できます。

動画に関しては、You tube　ニコニコ動画など昔と比べ随分一般的になってきましたね。そこで今では動画検索サイトなるものまで誕生しています。「Ｗｏｏｐｉｅ」ではこれらの動画を検索できるのはもちろん、例えば携帯やipodなどで動画が見れるように様々なファイル形式に変換したりダウンロードもできます。楽しみが広がります！

50種類以上のカラーパターンからワンクリックで背景色・文字色を選べるカラフルなGoogle検索ページ「カラグル」カラフルなグーグル検索が楽しめます。

海外のサイトですが、ボタンを自動的に作成してくれるジェネレーターです。利用するには会員登録が必要ですが、メールとパスワードさえ入力すれば非常に簡単にボタンを作成してくれます。このサイトの右にあるボタンもこのジェネレーターで作成しました。この他にも様々なジェネレーターがあるようですね。また紹介します。

Fire Foxの拡張機能の一つ「Auto Copy」です。文字を選択するだけで、コピー（ctrl+C）ができてまします。なんて便利な機能なんでしょう。少し感動ものです。FireFoxは便利な拡張機能がいっぱいあるから使い勝手がよいですね。Fire Foxシャアも結構増えてきているようで…

海外のサイトですが、無料で使用できる画像を検索できるサイト（picfindr）です。何かちょっと画像がほしいときに利用すると便利かも…

Googleが無料でこんなソフトまで提供してくれています。3Dの制作ソフトがなくてもこれさえあればちょっとした建物などは簡単に作れます。ダウンロードには多少時間がかかりますが持っておくと何かの際に役立つかも…
※ダウンロードの際は文字コードを「UTF-8」にする必要があります。

Fire Foxの拡張機能の一つ「WellRounded」です。特に便利になるわけではないですが、ツールバーが少しおしゃれになります。気分転換に導入してみてはいかがでしょう？

タグクラウド、最近のブログにはよく見かけるようになりましたね。このサイトはMovableTypeを使用しているのですが、私もすごく簡単にタグクラウドを導入することが出来ました。参考にさせてもらったのがmagnetさんのブログです。

表題の通りです。プロの方が撮影されただけあってかなりクオリティの高い写真素材が手に入ります。

角丸を作ってサイトに公開したいときに便利なサイト。HTMLとCSSを書き出してくれるからコピー＆ペーストすればＯＫ。厳密には四隅の角丸画像を作成してくれるという感じ。

私のブログにも導入していますが、最近ソーシャルブックサイトのブックマーク追加ボタンを配置しているブログをよく見かけます。そんな訳でご紹介するこのサイト。数あるソーシャルブックサイトのブックマーク追加ボタンを一つにまとくれます。導入時間は1分ほど。すごく簡単に配置できました。

ブログバトラー。β版ですが、前から少し気になってました。そんな訳で私もととりあえず登録。なかなか面白かったです。いろんなブロガーのサイトもみれたりと交流がふかまるかも…。

Web2.0と言われ随分たちましたが、この手のサイトはその当時結構見かけました。やっぱりクールな感じがしますね。とりあえずブックマークと。