浅野 桜

(株)タガス 代表・デザイナー / 印刷会社、消費材メーカーのインハウスデザイナーを経て現職。DTP・Webなどの企画立案、デザイン制作や中小企業が抱える販売促進全般の問題解決や新規立ち上げにあたる。共著書に『神速Photoshop』『Webデザイン必携。プロに学ぶ現場の制作ルール84』など。

浅野 桜

Adobe XDでウェブデザインを加速する![第2回] Photoshopの精度をキープしつつ、XDでレイアウトの速度をアップ!

PhotoshopとXDを組み合わせてウェブサイトをデザインするワークフローは大きく2種類に分けられます。 ひとつはPSDでウェブのデザインカンプを作成しておき、それをXDで開いて作業を継続する方法です。もうひとつは、部...

浅野 桜

Adobe XDでウェブデザインを加速する![第1回] Photoshopユーザー的、Adobe XDコラボのススメ

ウェブの黎明期以来、多くのデザイナーがPhotoshopを使ってサイトデザインに取り組んできました。その一方で、近年はAdobe XDでデザイン制作をする人も増えています。では、両者の違いはどこにあるのでしょうか? この...

浅野 桜

Photoshop CCの基本 第4回:Web用画像を書き出す4つの方法をマスター!

この連載では、“イマドキ”のWebデザインに欠かせない、Photoshopの最新機能を活用したノウハウをシリーズでご紹介します。 この記事では、Web制作の現場で役立つ、PSDドキュメントから画像を書き出す方法をご紹介し...

浅野 桜

Photoshop CCの基本 第3回:モバイルチェックは「デバイスプレビュー」+iOSで一瞬!

この連載では、“イマドキ”のWebデザインに欠かせない、Photoshop最新機能を活用したノウハウをシリーズでご紹介します。 この記事では、お手持ちのiOSデバイスでデザインカンプをリアルタイムで確認できる、「デバイス...

浅野 桜

Photoshop CCの基本 第2回:「選択とマスク」で素早く合成!

この連載では、“イマドキ”のWebデザインに欠かせない、Photoshop最新機能を活用したノウハウをシリーズでご紹介します。 この記事では、写真の合成に便利な「選択とマスク」の基本操作について説明します。 (記事執筆時...

浅野 桜

Photoshop CCの基本 第1回:「アートボード」でRWD用カンプを楽々作成!

この連載では、“イマドキ”のWebデザインに欠かせない、Photoshopの最新機能を活用したノウハウをシリーズでご紹介します。 この記事では、Photoshopの「アートボード」の基本や便利な使い方について説明します。...

浅野 桜

スマートオブジェクト入門~直しに強いPhotoshopデータを作ろう~ 第3回:何度でも変更できる「スマートフィルター」

前回に引き続き、Webデザインには欠かせない「スマートオブジェクト」の機能をご紹介します。今回は、スマートオブジェクトにフィルター効果をかけられる「スマートフィルター」機能について解説します。最後に、リンクされたオブジェ...

浅野 桜

スマートオブジェクト入門~直しに強いPhotoshopデータを作ろう~ 第2回:「スマートオブジェクト」と「配置」の活用で徹底時短

前回に引き続き、Webデザインには欠かせない「スマートオブジェクト」の機能をご紹介します。今回はスマートオブジェクトの編集機能を活かした画像やボタンなどの一括変更の方法や、「埋め込みで配置」「リンクで配置」の使い分けにつ...

浅野 桜

スマートオブジェクト入門~直しに強いPhotoshopデータを作ろう~ 第1回:劣化知らずの「スマートオブジェクト」

この連載では、PhotoshopでWebデザインするときには欠かせない 「スマートオブジェクト」の特徴と、デザイン作業を効率化するヒントをご紹介します。 Photoshop CC の体験版をダウンロード スマートオブジェ...

浅野 桜

【Photoshop入門】Webデザインをはじめよう!第6回 完成したWebデザインから、画像やCSSコードを生成しよう

Webデザインが完成したら、実際のWebページで使用する画像を書き出します。本記事では、定番の「スライス機能」を使った書き出し方法のほか、Photoshop CC 14.1から搭載された「画像アセット機能」を使った自動書...

浅野 桜

【Photoshop入門】Webデザインをはじめよう!第5回 写真をレタッチして、配置しよう

Webデザインの仕上げとして、写真を配置します。本記事では、Photoshopを使って写真の汚れや余計やものを消して見栄えをよくするノウハウ、写真をデザイン上に配置する際に役立つ「マスク」機能について解説します。 Pho...