制作者の方は既に知ってるアプリケーションだとは思いますが、春ということで、新人の制作者やAbodeのアプリケーションを使い始めたばかりの人向けに書いてみました。2012seoセマンティックWebリッチスニペットや構造化データについて調べてたら、横断的に知る必要があると思ったのでそれらをまとめました。Microformats、RDFa、Microdataからschema.org、リッチスニペットまで。2012design最近Appleのアプリを中心に、質感や特徴など現実世界のモチーフを模倣したデザインをよく見るようになりました。Designと呼ぶそうです。Designについて書いてみました。2012photoshopphotoshopのレイヤーの便利な使い方をまとめました。これらを覚えておくとだいぶ作業が捗ると思います。対象はphotoshopを使い始めたばかりの方~効率的に使いたいと思ってる方です。使ってる方には得ることはないと思います。悪しからず...また、あまりに基本的なことは端折ってあります。※ショートカットはMac用の表記になってます。windowsの場合は[command]→[Ctrl]、[option]→[alt]に置き換えてください。新規レイヤー作成レイヤーパレットの新規レイヤーアイコンで新規レイヤーを作成できます。新規レイヤーアイコンで、ダイアログを出して新規レイヤーを作成します。新規レイヤーアイコンで、現在のレイヤーの下に新規レイヤーを作成します。新規レイヤーアイコンで、現在のレイヤーの下にダイアログを出して新規レイヤーを作成します。[N]で、ダイアログを出して新規レイヤーを作成します。[N]で、ダイアログを出さずに新規レイヤーを作成します。[J]で、選択範囲内の画像を複製して新規レイヤーを作成します。[J]で、ダイアログを出して選択範囲内の画像を複製して新規レイヤーを作成します。[J]で、選択範囲内の画像をカットして新規レイヤーを作成します。[J]で、ダイアログを出して選択範囲内の画像をカットして新規レイヤーを作成します。レイヤー複製レイヤーを新規レイヤーアイコンにドラッグするとレイヤーが複製されます。複数のレイヤーもグループも同様の方法で複製できます。[option]を押しながらドラッグでダイアログ表示してレイヤーを複製します。複数ドキュメント間の移動はレイヤーのドラッグドロップで複製できます。移動ツールで画像をドラッグドロップも可能です。レイヤーを選択した状態で右クリックで「レイヤーを複製」を選択します。プルダウンから移動したいファイルを選択して複製もできます。ドキュメントをタブで開いてる場合はこちらの方が使い勝手が良いと思います。「レイヤーパネルメニュー」で「パネルオプション」を選択し「コピーしたレイヤーとグループに『コピー』を追加」のチェックを外します。グループレイヤーを選択した状態でグループアイコンをクリックで新規グループを作成します。グループアイコンをクリックで、ダイアログを表示して新規グループを作成します。[G]で新規グループを作成します。+[G]で、グループを解除します。グループの描画モード描画モードを「透過」以外を選択するとグループ内の調整レイヤーや描画モードはグループ内にのみ適用されます。「透過」を選択するとグループの下のレイヤーまで適用されます。[]]で、1つ上のレイヤーを選択します。[[]で、1つ下のレイヤーを選択します。[]]で、現在の選択に加え1つ上のレイヤーも選択します。[[]で、現在の選択に加え1つ下のレイヤーも選択します。[A]で、全てのレイヤーを選択します。(ピリオド)で、一番上のレイヤーを選択します。[,](カンマ)で、一番下のレイヤーを選択します。[]]で、レイヤーの順序を1つ上にします。[[]で、レイヤーの順序を1つ下にします。[]]で、レイヤーの順序を1番上にします。[[]で、レイヤーの順序を1番下にします。マスクレイヤー、グループともにレイヤーマスクとベクトルマスクが作成できます。選択範囲を作成した状態でマスク追加ボタンをクリックで、レイヤーマスクが作成されます。マスク追加ボタンをクリックで、選択範囲を反転してレイヤーマスクが作成されます。マスククリックで、マスクを一時的に解除できます。リンクの部分クリックでリンクが解除されます。リンクを外すと画像とマスク個別に移動できます。レイヤーマスククリックで、レイヤーマスク編集画面が表示されます。+レイヤーマスククリックで、半透明の赤いレイヤーマスクが表示されます。マスクはドラッグドロップで他レイヤーに移動できます。ドラッグドロップで他レイヤーに複製できます。クリックで、クリッピングマスクの作成・解除ができます。[G]のショートカットでも作成できます。サムネイルクリックで、そのレイヤーの塗りの部分の選択範囲を作成します。サムネイルクリックで、今の選択範囲にそのレイヤーの選択範囲を追加します。サムネイルクリックで、今の選択範囲からそのレイヤーの選択範囲を削除します。サムネイルクリックで、今の選択範囲とそのレイヤーの選択範囲の共通部分を選択範囲にします。目アイコンをドラッグで一度に表示非表示を切り替えできます。目アイコンクリックで、そのレイヤーだけ表示にします。リンククリックで、一時的にリンクを解除できます。移動ツールの状態でレイヤーを複数選択すると整列パレットが表示されます。選択範囲を作成してる場合は、選択範囲を基準に整列します。[E]で、選択してるレイヤーを結合します。[E]で、表示レイヤーを結合します。[E]で、選択しているレイヤーのスタンプ(レイヤーを保持したまま結合を作成)を作成します。[E]で、全ての表示レイヤーのスタンプを作成します。レイヤー効果レイヤー効果をドラックドロップで、他レイヤーにレイヤー効果を移動できます。レイヤー効果を画面内にドラッグドロップでも適用できます。各レイヤー効果の文字ドラッグで個別のスタイルを移動できます。レイヤー効果をドラックドロップで、他レイヤーにレイヤー効果を複製できます。コピー元のレイヤーを右クリック→「レイヤースタイルのコピー」、ペーストしたいレイヤーを右クリック→「レイヤースタイルのペースト」でも複製できます。この方法では複数のレイヤーに対してもレイヤー効果のペーストが可能です。「ファイル」→「スクリプト」→「ファイルをレイヤーとして読み込み」で、複数のファイルを各レイヤーに一度に読み込めます。この他レイヤー関連として、スマートオブジェクトやスマートフィルタ、ノックアウトなどの機能がありますが、ボリュームが大きくなるので別の機会にまとめたいと思います。興味のある方は調べてみてください。Spiceサービス作りましたAbout自分で得た情報、学んだことのアウトプットのために始めたblogです。して情報を共有することで少しでもWEB業界に貢献できたらなと思ってます。このblogが誰かの役に立てたら幸いです。内容で間違いなどありましたら指摘頂けると助かります。AuthortooltipHiro東京在住のフリーランスwebデザイナー。TSUKURIBEと言う屋号で活動してます。お問い合せは右のフォームまたはTSUKURIBEのサイトよりお願いします。Formフォームまたはこちらよりお問い合わせください。