なぞの虫垂炎っぽい病気が再発したatsushiです。
WEBデザインの世界も日々進化し、時代にあわせてトレンドみたいなものが存在します。
1年ぐらい前からは、WEB2.0風のデザイン（ボタンに光沢があってアクアっぽいデザイン）がトレンドになってきました。
カラーも蛍光色に近い色をよく使うような傾向にあると思います。
特に、海外のサイトなどを見るとWEB2.0風のデザインが多く見られると思います。
そういったデザインのトレンドをつくっているのは、誰なんでしょうか？
デザインの世界もファッションと同じで、一度流行だせば、みんな真似をはじめるものだと思います。
私が思うには、今のWEBデザインのトレンドは、Appleのipodがつくったのではないかと思っています。
ipodのCMで、蛍光色に黒の人物のシルエットを使ってたり、Appleのサイトのデザインもいち早く「光沢感」を出してたり、「映りこみ」の手法なんかを取り入れてましたね。
それに、iphoneのアイコンのデザインがまさに今のトレンドになっているのではないでしょうか
個人的には、すごく好きなデザインです。（iphoneもってないですが…）
ただ、スマートなデザインで高級感があるので、どんな状況でも使えるものではないかもしれませんね。
そんなiphoneのアイコン風なデザインが作りたいという方に便利なテンプレートをご紹介します。
iphone風アイコンデザインテンプレート（PSD形式）
レイヤーの切替によってデザインも変更することができるようになっているので結構使えるのではないでしょうか
また、Photoshopのテンプレートの作り方の参考にもなると思いますよ。
いつかは、トレンドを追いかけるのではなく、トレンドをつくれるデザインができるようになりたいですね。
ブログランキングへの投票お願いします
Boogeyman 2 psp
7 Seconds psp
A Night at the Roxbury buy
Booty Call ipod
The Apartment movie download
About a Boy psp
先日、大洗の水族館に行ってはじめてイルカショーを見たatsushiです。
前回、WEB画像を制作するにあたり、Photoshopの環境設定について書きましたが、今回は、Illustratorの環境設定について書いてみます。
Photoshop、Illustratorってつくろうと思えば、どんなものでも作れてしまうので、作るものにあわせて環境をあわせてあげるだけで結構操作しやすくなったり、効率良く、作業ができるようになったります。
WEB素材をつくる上では、Illustratorは、地図や、ロゴをつくったり、Photoshopに持ち込むための素材をつくるために利用することが多いので、環境設定も、WEB素材を作るための仕様にしています。
私のIllustratorの環境設定は、以下のようにしています。
1.一般
キー入力を1pxにしています。こうすることで、作ったオブジェクトを1pxずつ動かすことができます。
2.単位、表示パフォーマンス
WEB素材をつくるため、単位をピクセルに設定してます。
3.ガイド・グリッド
グリッドを100px、分割数を10に設定して、10pxごとのブロックが作れるようにしています。
その他、項目もありますが、私が設定しているのは、これだけです。
WEB素材をIllustratorで作る際に一つ注意点があります。
それは、作ったオブジェクトがグリッドに合ってないと、WEB用に保存した時に1pxずれるので
要注意。
トンボを作ることで解消できるので、どうしても1pxずれるというときはお試しください。
よろしければ投票をお願いします
Flying By movie download
Fred Claus download
日曜日に餃子をつくって今だ手がニンニクくさいatsushiです。
だんだんIllustratorやPhotoshopが一般化してきてますよね。
弊社のパソコン教室でもIllustrator講座を開設していてこれまでもたくさんの方が受講されています。
昔は、IllustratorやPhotoshopは、macで使うのが当たり前だったこと、ソフトが高価であることが普及のさまたげになっていたのでしょう。今では、パソコンのスペックも高くなり、Windowsでも問題なく使えるようになったので一般の方も使うソフトになってきています。
そんな、IllustratorやPhotoshopですが、最初は、操作を覚えることでいっぱいいっぱいになってしまいますが、実は、まずはじめにやっておくと操作が楽になったり、効率がよくなったりすることがあります。
それは、環境設定です。
Illustrator偏 「編集」メニューの「環境設定」 ver CSの場合
Illustratorの環境設定でやっておくと便利な環境設定はこれ!!
1.一般 The Corruptor dvd Cursed dvdrip
「一般」の項目では、「キー入力」を1ｐｘにしておく（WEB素材をよく作る人向け）
この設定をしておくと矢印キーでオブジェクトを動かしたとき1pxずつ動かすことができる。
2.単位・表示パフォーマンス Rush divx download Peter Pan movie
「単位・表示パフォーマンス」では、デフォルトの単位を設定することができます。
WEB素材をよく作る場合は、単位をピクセルにしておきましょう。
3.ガイド・グリッド
「ガイド・グリッド」では、グリッド線の色や目盛を変更することが出来ます。
私は、グリッドを100ｐｘ分割を10にして使ってます。
Illustratorは、この３つを設定しておけばOKだと思います。
Illustratorを使う際は、まず、環境設定を変更して使い易くしてからはじめましょう！！
次回は、Photoshopの環境設定の
ポイントを紹介します！！
よかったら投票をおねがいします。
Pig Hunt psp
W. movie download
毎朝、寒くて目が覚めるatsushiです。（布団が夏仕様のままです。）
ホームページのデザインの方法っていろいろあると思いますが、私の場合、まず、Photoshopでトップページを原寸大の大きさでデザインします。こうすることで、デザインした画像をそのままWEB用画像として保存することができるので効率がいいんです。
そんなデザインの方法をしているのですが、ロゴとか、ボタンとか、別の用途（ブログやバナーのデザイン）で使用する場合、新規のファイルにトップページデザインファイルのレイヤーをそのままコピーしたい時があります。
Photoshopでトップページデザインファイル→新規ファイルにレイヤーをコピーする場合、レイヤー1枚1枚コピーしなければならないのでそれぞれのレイヤーがずれたり、レイヤーの順番が変わってしまったりとミスが起きやすいんです。
そんなわずらわしいPhotoshopのファイルから別のPhotoshopのファイルにレイヤーをまとめて移す時のチョットしたテクニックを紹介します。
レイヤーパレットの「アクティブレイヤーのリンク」 голова болит секс
Aces download 機能です。
「アクティブレイヤーのリンク」 голова болит секс Gnomes and Trolls: The Secret Chamber trailer を使うとファイルからファイルにレイヤーをまとめて移すことが可能になります。
Outlander film
上の画像の赤線で囲まれ部分が「アクティブレイヤーのリンク」 голова болит секс です。
このリンクマークがついているレイヤーは、グループ化された感じになるので、このマークの付いたレイヤーをドラックして、別のファイルにコピーするとレイヤーの順番や位置がそのままにコピーすることが出来るのです。
デザインした部品をうまく使いまわす際に便利な機能です。
なお、この「アクティブレイヤーのリンク」は、解除しない限りそのままなので、別々にレイヤーを移動する時などは、解除することを忘れないように
ブログランキング参加してます
投票おねがいします。
Black Christmas movie
download The Beverly Hillbillies movie
Dickie Roberts: Former Child Star dvd
自転車のチェーンカバーが壊れたatsushiです。
弊社で制作したホームページには、いつも相互リンク用のバナーとして88×31のマイクロバナーを制作しています。
また、バナー制作サービスも承っています。
このバナーですが、色々な規格（サイズ）があって、一番つくるのが難しいのが88×31のマイクロバナーかも知れません
88×31という小さい面積の中でサービスの内容が伝わり、クリックしてもらえるバナーをつくりたいからです。
写真を使うにしても、88×31に合わせると何の写真だかわからなくなってしまうこともしばしば…
そんな時は、写真をアニメーションでスクロールさせることで対処します。
問題は、テキストです。88×31の範囲だと最低のフォントサイズを12ｐｘ程度とすると横に書いた場合7、8文字程度しか並べることができませんから、サービスの内容や特徴を短い言葉でまとめないといけないですね…(もっと国語力をあげないと
）
それ以外に、文字を小さくすると読みづらくなってきます。
88×31のバナーに文字を入れるとこんな感じ
若干文字がにじんだ感じがします。
この原因は、「アンチエイリアスの設定」です。上記のバナーの中のテキストの設定は、アンチエイリアスが「鮮明」 Everybody Dies
Fierce People
なんですが、下記のバナーは、アンチエイリアスを「なし」
にしています。
文字がはっきりして認識しやすくなります。
こうすれば、文字のサイズを小さくしても文字の読みやすさを損なうことがありません。
ただし、MSゴシック・MS Pゴシック以外は、逆に読みづらくなりますので要注意です
ブログランキング登録中！清き１票をお願いします。
Abandoned movie
花の慶次がようやく読みおわるatsushiです。
ホームページのデザインを1からPhotoshopでつくっているのですが、Photoshopを使っていてすごく不便だなって思うことの一つに「1つ前に戻る」（Ctrl＋Z）が１つ前の作業までしか戻れないことです。
Illustratorは、何度でも戻ることができるので問題ないのですが、Photoshopは、（Ctrl＋Alt＋Z）で戻しても20個までしか戻ることが出来ないのです。
20個前の状態にしたい場合は、もう作り直すしかないんです。
でもこんな作業効率の悪さを解消するツールがちゃんと用意されているんですよね。
それが、「スナップショット」
The Brothers Bloom dvd
という機能です。
スナップショットとう機能は、仮の保存みたいな感じの機能で、スナップをショットを記録しておくと、記録しておいた状態にすぐに戻せる機能 Mad Max video Fly Me to the Moon
です。
たとえば、色や形で悩んだときに1パターン作ったところでスナップショットを記録しておき、2パターン目を作ったらまたスナップショットを記録しておく、そうするとデザインの比較もボタン一つでできるし、切り替えることも簡単なんです。
このスナップショットは「ヒストリーパレット」上で制御できるのでPhotoshopのデフォルトで表示するパレットにしておくと便利ですよ。
↓その他役立つ記事があるかも
よかったらクリックしてください。
The River King dvdrip
Shoot on Sight film
実物大ガンダムを見に行ってきたatushiです。
ホームページのデザインで苦労する工程のひとつに使用する画像の準備があります。
もちろん素材集などから写真を選んで使用していくのですが、使用する場所によっては、画像の大きさが足りなかったり、使いたいアングルの写真や、目的に合う写真が無かったりします…
写真素材を販売しているサイトもたくさんありますが、いずれも結構値段が高くホームページの一部に使うにしては、コストパフォーマンスに合わないことが多いです。
そんな時に頼れるのが、無料で使える写真素材を提供しているサイトです。（ほんとにありがたいです。）
しかし、この無料で使える写真でも商用での利用には、制限があったり、アカウント登録しなければならないものがあったり、そもそもクオリティーの高い写真がなかったり、以外に「これだな！」っていうものにめぐり合えません。
そんな中見つけた写真のクオリティーも高く画像の解像度も高い無料写真素材を配布しているサイトをご紹介します。
http://www.freepixels.com/
海外のサイトなので使うシーンを選びますが、写真のクオリティーが結構高いです。
それに写真の種類も多く、写真の解像度も高いです。
また、WEBデザインのことも考えられているのか？背景用の画像もあるのがうれしいですね。
きっと使ってみたい写真がみつかると思いますよ。一度見に行ってみてはいかがでしょうか？Dark Blue
Balto download
日焼けした肩がかゆくなってきたatsushiです。
いろんなホームページのデザインを見ていると、背景に斜線がループで入っているデザインを見かけませんか？
ホームページのデザインをし始めたころは、あれはどうやって作っているのかすごく気になってました。
デザインを始めたころは、IllustratorでWEB素材をつくっていたのでなんとかIllustratorで斜線はつくれないものかと色々物色した結果、パターンを登録したスウォッチを追加することでできることがわかりました。
このパターンスウォッチは、フリーで配布しているサイトや、ダウンロード販売しているサイトなどもありますのでIllustratorでパターンをよく使用する人は、ダウンロードしておくと重宝しそうです
また、自分でつくったパターン（柄）をスウォッチに登録することもできるのでオリジナルパターンをつくることも出来ます。
作り方は簡単です。
1.登録したいパターンをつくります。（ループして使えることを考慮したデザインにしておくといいかも）
The Village movie Cocoon: The Return divx
2.作成したパターンを選択し、「編集」－「パターン設定」
でスウォッチに登録
これだけです。
簡単につくれるので、デザインにちょっとしたアクセントつけるには、いいかもしれませんねAbout a Boy hd
Jackie Brown
最近、ウォーキングを始めるとやんでいた雨が降ってくるatsushiです。
ホームページのデザインをするとき、まず、Photoshopで原寸大の大きさでTOPページをデザインしています。
原寸大で制作することで、実際のサイトの仕上がりイメージに限りなく近いものが出来るため、デザインの提案時にお客様に完成後のイメージをつかんでいただけます。
また、原寸大で作ることで、そのまま、画像をスライスし、切り出すことができるので、WEB用の素材も同時につくれてしまうのです。
この方法でかなり制作時間を短縮できるようになりました。
このデザインの方法を確立する上で、すごく効果的だったのがPhotoshopの「ガイド」機能です。
まずは、真っ白なカンバスを用意し、そこに大まかなレイアウト（各部分の大きさ）を決め、それにあわせガイドを設定していきます。ガイドを設定することで「選択範囲」をそのガイド内に設定するとガイドの位置ぴったりとあうのでサイズがずれてしまうことがないのです。
そしてそのときのコツとして、ガイドは、Shiftキーを押しながら設定することで5pxずつ動きます。この仕組みを利用してページの各部品を5px刻みでレイアウトします。
こうすることで、画像のサイズも中途半端なサイズがなくなり、コーディングも少しは楽になるかもしれないです。
また、5px刻みのブロックのレイアウトだからデザインに安定感も生まれます。でも、デザインによっては、少し硬い印象になりがちなので使う画像などでやわらかさを演出すると良い感じにまとまると思いますよ
ひさしぶりに自転車通勤したatsushiです。
サイトの配色って決まるときは、すぐに決まってしまうのですが、悩み出すとどんどん深みにはまって収拾がつかなくなってしまいます。
いろいろ配色を見るサイトなども過去にご紹介してきましたが、それでもしっくりこないなんてことも多々あります。
そうなったらもう実際に色をつけながら確認するしかないのですが、Photoshopでデザインを制作していると色の塗り替えも結構不便です。
Photoshopならレイヤーごとに選択範囲を指定して鉛筆ツールやグラデーションツールなどで色を塗っていくのが定番のやり方だと思うのですが、この方法だと一回一回新しいレイヤーを用意して選択範囲を指定して色を塗り比較するというかなりめんどうなことになります。
それにレイヤーが増えすぎて後で自分でもわからないぐらいに…
そんな配色のバランスやためしに違う色をのせて見たいというときに便利なのが「レイヤースタイル」の
「カラーオーバーレイ」や「グラデーションオーバーレイ」です。
この機能は、もともとの色はそのままに、指定した色を上からかぶせてしまうという機能です。
もとのレイヤーを直接いじるわけではないので、レイヤースタイルを破棄していまえば簡単に基に戻すことが出来ます。
だから色を塗り替えるのにいちいち新しいレイヤーを用意することなく色を塗り替えることができちゃいう便利な機能なんです。
この機能をうまく使えばロールオーバーの画像の作成なんかにも生かせますね！！
Photoshopで効率よくデザインする方法ってまだまだいっぱいありそうです。
Photoshopって奥が深いね
