Photoshopでは、整列機能を使うことでカンバス上のオブジェクトを正確に瞬時に整列させることができます。手動である程度整列はできますし、ガイドなどを使うことで正確さも保てるかもしれませんが、複数のオブジェクトを手動で整列させるのは少し面倒ですよね。整列機能の使い方を把握しておくことで、より作業の効率を上げることができるでしょう。Photoshopでカンバス上のオブジェクトを整列させる方法新規キ……
CSSにおいて、標準では左寄せや左揃いが適用されています。しかし、デザインに合わせて要素を中央寄せや右寄せにしたいことがあると思います。そこで、今回はCSSで要素を左寄せ・中央寄せ・右寄せする方法を紹介します。要素を左寄せ・中央寄せ・右寄せする方法ブロック要素内で位置を指定する場合ブロック要素内で位置を指定したい場合は、text-alignを使用します。左寄せブロック要素{ text-alig……
UX MILK編集長の三瓶です。 UX MILK主宰で新イベントシリーズはじめます。その名もDESIGN ＆ CURRY。サブタイトルは「カレーを食べながらウェブ/アプリのデザインの仕事を知ろう」（今気づきましたが「の」が多いですね…）。概要はサブタイトルのとおりです。UX JAMと違うのは、完全【学生向け】というところです。 開催の経緯 私、たまに大学生向けのセミナーでUXの話をするのですが、U……
Photoshopの技術を向上させるためには、作品のチュートリアルを見ることがとても役立ちます。普段使っているツールの思いがけない使い方や、あまり使っていない便利なツールを知ることができる情報が盛りだくさんでしょう。今回はそんなチュートリアルの中から、ロゴを作成するのにオススメなチュートリアルをご紹介します。１. フォトショップでキラキラに輝くレトロな飾り文字を作る方法フォトショップでキラキラに輝……
Photoshopでは、編集する範囲を選択して画像の編集を行います。選択範囲を作成する方法はいくつかありますが、特定の色だけを選択したい場合、画像内の色を使って同じ色を選択する方法があります。画像を編集する上で非常に便利な機能ですので、ぜひ使い方を覚えてください。Photoshopの色域指定の使い方Photoshopで編集したい画像を開きます。メニューバーの選択範囲を押して、色域指定を選択します。……
プラットフォームが提供できる機能への返答として、最初に開発されたモバイルサイトは「創造」よりも「折衷案」によって生み出されたものでした。しかし、機能性に富んだ現在のデバイスは、ユーザーを惹きつけるだけでなく、エクスペリエンスのユーザビリティを向上させる、視覚的に魅力的なデザインを作成する機会を与えてくれます。しかしながらこのような機会に伴い、新たな課題も発生しています。 「パート1：……
Photoshopには様々なフィルターや機能が用意されています。それらを活用すれば写真をイラスト風に加工することも簡単にできます。イラストの風合いにもいろいろあるので、それぞれご紹介していきます。Photoshopで写真をイラスト風に加工する方法Photoshopで、編集したい画像を開きます。メニューバーからフィルターを押し、フィルターギャラリーを選択してください。特殊なフィルター効果を、プレビュ……
Photoshopのパッチツールは、画像上の不要なものを、画像上の他の部分をパッチのように使って削除したりして画像を修復するツールです。Photoshopのパッチツールの使い方Photoshopで編集したい画像を開きます。今回は赤ちゃんの画像のワクチンの痕をバッチツールで消してみたいと思います。次に、ツールパネルから「バッチツール」を選択します。バッチツールを選択したら、消したい箇所をドラッグして……
Photoshopのレンズフィルター機能は、カメラにフィルター効果のあるレンズを取り付けて、写真を撮影することで写真に得られる効果を、Photoshop上で再現できる機能です。Photoshopの「レンズフィルター」の使い方Photoshopで編集したい画像を開きます。メニューバーからレイヤーを押し、新規調整レイヤー→レンズフィルターを選択します。直接画像に効果をかけてしまいたい場合は、メニューバ……
暗いところなどでフラッシュを使って写真撮影をすると、目が赤く写ってしまうことがあります。赤目と呼ばれるものです。暗いところだと瞳孔が開くため、目の網膜にフラッシュが反射しやすくなり、赤目にもなりやすくなるといわれています。カメラの機能や撮影方法で赤目を避ける方法もありますが、赤目になってしまった画像は修正を行うしかありません。Photoshopには赤目を修正するための専用のツールがあるため、簡単に……