スマートフォン対応サイトで右上や左上にある「≡」こんな形の三本線のメニューはいわゆるハンバーガーメニューと言いますが、ハンバーガーメニューのデザインに関してA/Bテストを行っていた記事があったので紹介します。 ●ハンバーガーメニューのデザインパターンハンバーガーメニューは色々なデザインがあって、例えば以下の様なパターンがあります。（サイトイメージは「グラシン工房」から） まずはBootstrapの標準に近い形式。三本の線があるだけのパターン。 次に三本の線のしたにメニューという文字を配置して、アイコンの意味を説明するパターン。 三本線を線（border）で囲い、ボタンらしく見せるデザインのパターン。 他にもいくつかデザイン・表現方法がありますが、それは前に書いた「【Web制作】スマートフォンサイトのメニューのアイコンデザイン・表示を比べてみた」の記事をご覧ください。 ●アイコンだけ・文字付

この花火の加工の方法は1枚1枚写真を足していって1枚の写真に仕上げています。下記のこのような写真を足していくと上記の画像のような写真になります。 --- では逆にこの写真の花火の部分を引いていくと、 と考えました。 実はこの「複数枚から同じ部分は残しておいて、違っている部分だけを消す」という処理方法はPhotoshopのある機能を使えば実現出来るのです。 ノイズはどの写真も微妙に違う花火が写っていない夜空の写真というのは、そんなに欲しいと思わないでしょう。特に必要性が無いのと、簡単に撮影できるからです。 そこで、「普段は写っているけど、写っていないと嬉しいもの」を考えたとき、自分が思いついたのはノイズでした。 都合が良かったのはどの写真のノイズも微妙に違う（ランダム）ということです。 風景はずっと動きませんが（同じ部分）、ノイズだけはバラバラです（違う部分）。つまり、風景が固定されてる写真

Microsoft CopilotをPowerPointで使ってみたら、一瞬で資料作成や要約ができた!使い方・料金・導入方法とは?

350dpiが最適ですが200dpi程度でもポスターという印刷物の特性上、あまり問題はありません。 まず、ポスターという印刷物の特性上、チラシ・パンフレット・冊子・ポストカードなどの至近距離で見られるものと違い、20cmや30cmなどの近距離で見られることは考えづらいです。 このため、印刷物の推奨解像度の350dpiは必ずしも必要とは言えず、200dpi程度でも見た目の上で問題ないものと考えております。 また、デジタルカメラで撮影したデータのピクセル数などによっては、ポスターの実サイズで画像の解像度を200～350dpiを確保できない事も考えられます。 こうした場合に、よくPhotoshopのメニューから「イメージ」→「画像解像度」で「画像の再サンプル」にチェックをつけて、解像度を上げる（ピクセル数を増やす）ことを考えられる方がいらっしゃいます。しかし、拡大しても印刷物でのぼやけた感じはあ

Find Your CalmOur goal is to help you improve your health and happiness.

画像にエフェクトをかけて拡大表示したり、スライドを作ったり、ツールチップで表示したり、というような画像を使用したjQueryプラグインが沢山あるのと、探してる方が直ぐに見つけられるように、という事でリンク集を作りました。 という訳で、集まっているjQueryのプラグインの共通点は画像を使っている、という事だけです。一貫性無いといえば無いですが、個人的にも必要とする事が多いので自分用のメモも兼ねてシェア。 日本語English 結構カテゴリ分けはいい加減かもしれませんのであしからずご了承下さい。画像じゃなくてもいいんじゃ・・みたいのもありますが、デモで画像を使ってる、画像と相性が良さそう、みたいなものは基本的に掲載しています。 リンクにマウス乗せればキャプチャが出ます。 LightboxLightbox風に画像を表現できるjQueryいろいろ Lightbox2 / ベーシックなタイプ。グル

プロなら知っておきたいデザイン・印刷・紙・加工の実践情報誌『デザインのひきだし』の制作日記です。書いているのは編集・津田です。ご意見、ご感想などあれば、hikidashi＠graphicsha.co.jpまで。 by design_hikidashi ……平日毎日更新とか公言しておきながら、このていたらく。すみません。今日から心を入れ替えて、毎日更新したいと思います。ちょっとしたことはtwitterでつぶやいてしまっているので、なかなか姿勢を正してブログを書くということに至らなくて……というのがさもしい言い訳です。 さて、『デザインのひきだし９』では紙の特集をしているわけですが、その記事中に「事務所に常備したい　紙見本帳一覧」というページがあります。ここで白もの以外の紙で、今わりと入手しやすい紙見本帳をご紹介したのですが、その中にはWebから申し込めばもらえるというものがけっこうあります。

2014年3月6日 Photoshop, Webデザイン 水彩画っていいですよね。なんだかほんわかした雰囲気が大好きです。ということで今回はPhotoshop CS5を使って画像を水彩画風に加工する方法と、便利なPhotoshopブラシ、水彩画風デザインのWebサイトを紹介します。デザインの参考にしてみてください！ ↑私が10年以上利用している会計ソフト！ 写真を水彩画風に加工する方法 また動画撮ってみました。ただでさえ時間かかってないのに、４倍速にしたら30秒くらいになっちゃいました。簡単なのでぜひ試してみてくださいね！ 1. ぼかし 画像を開いて、そのレイヤーを複製します（コマンド＋J）。 複製したレイヤーを「blur」にレイヤー名を変更します。 フィルター > ぼかし > ぼかし（詳細）で、「半径」を10、「しきい値」を25〜30に設定します。 2. エッジの光彩 元の画像レイヤーを