ツール【無料プレゼント】まだホームページは作らないで!このガイドブックを読み終えるまでは。いうテーマで、「ホームページを作る前に読んでおくと得する本」を書きました。無料で読むさっさと仕事を終えて帰宅に向かいたいWebデザイナーさんへ朗報ですよ!Photoshopと合わせて使える便利機能を見つけたので紹介します。Velositeyは、Webレイアウトを数回のクリックで完成できるPhotoshop用のプラグインです。以下のようなレイアウト。Photoshopを起動してから、わずか4回のクリックで完成です。ワイヤーフレームにも使えますし、ここからさらに作り込んでWebデザインとして完成させることも可能ですね。それでは実際に上のレイアウト作成にかかった『4クリック』を振り返ってみます。Photoshopを起動します。新規にカンバスを開いたところ。ガイドプラグインをインストールすると新たなツールパレットが加わります。その中の「Layout」タブから、まずガイドを引くためのボタン(黄枠内)をクリックします。すると編集中のカンバス上にグリッドガイドが現れます。アイキャッチ写真のスライドショーや、キャッチコピーを載せたアイキャッチ画像を配置することが多い部分です。ここではこれを選択しました。ドキュメント上に反映されます。コンテンツコンテンツではボックスが横並びに四つ揃うレイアウトを選択しました。フッターフッターにはこれを選びました。ロゴを配置する場所、地図へのリンクや連絡先を記載する場所をあらかじめ用意してくれています。完成!本当にわずか4回のクリックだけで、こんなにクオリティの高いレイアウトを実現できました。レイアウトさえ決まれば、あとは写真をはめ込んだりテキストを差し替えたりしながら作り込んでいけます。簡単&便利すぎる!!こんなふうに使い方は簡単ですが、初めてプラグインを利用する人にとってはインストールする方法がわかりにくいかもしれません。Velociteyをダウンロードするところからインストールまでの手順も記しておきます。Velociteyのサイトへ行きます。ダウンロードボタンをクリックします。ダウンロードするにはfacebookでシェア、もしくは、twitterでツイートが必要です。サイト上のダウンロードボタンをクリック後、画面の指示に従いどちらかを済ませるとダウンロードできます。Velositeyフォルダを「Plug-ins>Panels」の中へ移動します。ダウンロードしたVelositeyのzipファイルを解凍すると中に「Velositey」フォルダがあります。それをPhotoshopのフォルダの中にある「Plug-ins>Panels」の中に移動します。Photoshopを起動します。思う存分に試してみてください。今回紹介した以上にたくさんのレイアウトやパーツが用意されてます。Photoshop以上!とにかくあっというまにWebレイアウトを完成できます。制作スピードがグンと速まること間違いなしです。ごゆるりと〜ついに再開!ウェブさえのHP作成サービスはこちら@websae2012さんをフォローシェアしてくれると嬉しいです!(コメントも喜ぶよ)Tweetあなたにはこんな記事もおすすめ!丸裸にしてやれ!ライバルサイトを5分で分析する方法と無料SEOツール毎回「画像素材サイト→ダウンロード→Photoshop」って少々めんどくさくないか?銀行より手数料が安いネットの海外送金サービス誰でも簡単にフラットなアイコン画像を作れるiconion。無料だなんて!ガーリーなデザインを得意に!花柄のPhotoshopブラシ厳選5セットトップページに戻るん?最新情報を見逃さない方法!?わざわざブログに来なくても、自動的にウェブさえの更新情報を受け取ることができます。休止していたウェブさえマガジンも最近再開しました。メールで受信できます。受信は無料で、いつでも解約できるので気軽に登録してみてください。株式会社ウェブさえの代表者です。フリーランスまで様々な職種業界の方が居て、挙げだすと切りがありません。皆様に本当に感謝しております。詳しい自己紹介はこちらへ。お問い合わせやご質問・ご相談はこちらへ。})();Facebookも更新中!今人気の見逃せない記事5つWeb系フリーランスをモンスタークライアントから守る契約書ホームページ作成ツールを無料もありで19個も!もう制作会社を頼らない。最近更新した記事ホームページ作成ツールを無料もありで19個も!もう制作会社を頼らない。WordPressのスキルアップに最適。