青図にするPhotoshopのアクション ダウンロードは、下記ページの下の方。 ライセンスは個人でも商用でも無料で利用できます、詳しくはダウンロードファイルの「License.pdf」をご覧ください。 Download Blueprint Photoshop Action 「Download」ボタンをクリックするだけで、ダウンロードできます。 ※日にちが経つと、メールアドレス登録に変わると思います。 使い方 Blueprint Photoshop Actionを使うには、準備が少し必要です。 ダウンロードしたファイルを解凍し、「Architect Blueprint Photoshop Action.atn」と「Patterns.pat」を自分の環境に合わせて移動します。 Step 1: アクションの登録 ダウンロードしたアクションファイル（.atn）をPhotoshopのアクションに登録

フォトショップで利用できるブラシ素材をお探しですか。実はフォトショップには、1000種類以上の無料の高品質ブラシが用意されており、Google検索などで時間を費やす必要はありません。 フォトショップのブラシ素材は、デジタルペイントや特殊効果の追加、または画像や写真レタッチなどに利用できるツールで、作業のクオリティーを大幅にアップすることができます。 この記事では、世界中で著名なイラストレーター、Kyle T. Webster氏が作成した1,000種類を超えるAdobeのPhotoshopブラシをインストール、使用する方法を学びます。また、Adobe Creative Cloudライブラリ機能を使った、お気に入りのブラシを整理、保存する効果的なテクニックも一緒に紹介しています。 Photoshopブラシのインストール方法 フォトショップブラシをダウンロード、インストールして、実際に利用するま

簡単にキーフレームアニメーションを作れるフリーウェア、「AnimeEffects」が「無料で公開していいクオリティーじゃない」と話題になっています。ニコニコ動画に使い方の紹介動画が公開されているのですが、非常に大きな可能性を感じさせてくれます。 同ソフトは、1枚の絵をアニメーションさせるためのソフト。pngやjpgなどの画像ファイルも使えますが、psd（Photoshop用の画像ファイル）を読み込ませるとレイヤーなども読み込んでくれるため、より多彩な動きを実現できます。 動画では、走るポーズをとったサーバルちゃん（テレビアニメ「けものフレンズ」の主人公の1人）のpsdファイルから走るアニメーションを作製しています。手足を別パーツとして動かすことで、自然な走る動きが作成できるもよう。 psdファイルを読み込んで いろいろと作業をすると 走るアニメーションが完成 どのパーツを上に表示するかを決

12月に『サルワカ』という色々なことを分かりやすく解説するWebサイトを作った。記事も充実してきたことだし（Photoshopの解説記事ばかりだが）、サルワカについて改めて紹介したい。 1. サイトコンセプト サルワカでは、次の8つことを大切にしている。 分かりやすさファースト 専門的な内容についての記事でも、専門知識がない人が見ても分かるように解説する。 図、イラスト、画像を多用 文字は補足程度におさえるのが理想。 読みにきた人を騙さない 本当におすすめできるものへの広告しか貼らない。 読みにきた人をイラつかせない 派手なアニメーションなどは入れない。広告は最小限。 読みにきた人が求めている長さの記事を書く 無理やり長文にしない、また無理やりバラバラにもしない（サルワカでその内容に関する知識が手に入り、検索をやめられるのが理想）。 読みにきた人を置いていかない 今何の話をしているのか常に

写真をやっている人なら一度は耳にしたことがある、みんな大好き（？）Lightroom。めちゃくちゃ多機能で多くのカメラマンの支持を得ていますが、初めてだといったいどこまでできるの？？Photoshopとの違いは？？と思っている方も多いでしょう。そこで今回はLightroomを使えばこんな現像が手軽に出来るよ！というポイントを1718個にまとめて紹介します。 魔法の現像ソフト Lightroomがスゴい写真は撮るだけではなく、撮影後に調整を行うことでさらに素晴らしい作品となるんです。最近のカメラではただシャッターを押したままでもそれなりに美しい写真が仕上がりますが、専用の現像ソフトを使うとさらに細かな所まで自分の思いのままに作品作りができるのです。 しかも、カメラで生成された写真は誤解を恐れずに言えば、メーカーのおすすめ設定で現像された「カメラに撮らされた写真」って考えることもできます（それ

PhotoshopでWebデザインのワークフローを効率的にするために、プロのデザイナーが実践している8つのテクニック・方法を紹介します。 Adobe CCのライブラリをもっと活用しよう、と思いました。 8 ways to design sites faster in Photoshop 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. ファイル管理のポイントは構造化 2. CSSフレームワークは勉強になる 3. PSDのレイヤーはコンテンツごとにフォルダ分け 4. よく使う操作はショートカットを覚える 5. Adobe CCのライブラリは使わないと損 6. イメージとベクターはスマートオブジェクトで 7. スタイルガイドをどう活用するか 8. コーダーと、そしてチーム内での共同作業 まとめ: デザインは正直に 1. ファイル

（※ 2015年4月9日に公開された記事を再編集しています。） あらゆるデザイン制作の現場で使われているPhotoshop。標準では装備されていない、かゆい所に手が届く便利な拡張機能、プラグインを使用して、作業効率をアップしてみてはいかがでしょう。 海外デザインブログHongkiatで、ウェブデザイナーが押さえておきたい10個のPhotoshop拡張機能・プラグインをまとめたエントリー「10+ Free Photoshop Plugins for Web Designers」が公開されていたので、今回は新しく公開されたプラグインと一緒にご紹介します。 参考 それがしたかった！Photoshop作業を快適にするすごいプラグイン、拡張機能16個まとめ 参考 Photoshopを快適カスタマイズ！作業がはかどる無料プラグイン、拡張機能14個まとめ 参考 快適Photoshopデザインライフを実現

イラスト素材は手元に沢山置いてあるという方はいらっしゃいますが、パターン素材を日頃から収集している方は意外にも少ないのではないでしょうか。 パターン素材といえば背景に使うイメージが強くありますが、既存のデザインに乗せて質感を変えたり、イラストの一部に柄を入れたりといった活用もできます。 アイデア、工夫次第ではイラストよりもさらに幅広いシーンで使えますので、収集しておくと便利です。 今回は、あらゆるシーンで使えるパターン素材60個をまとめて一気にご紹介します。 気に入ったものがあればぜひダウンロードしてみてください。 あらゆるシーンで使える無料パターン素材60選 1.Linear hexagon pattern background set https://www.vectoropenstock.com/vectors/preview/78552/linear-hexagon-pattern

Webページやスマホアプリのデザインカンプを作成する時に、大幅な時短になる便利な機能がたくさん詰まったPhotoshop CC2015.5対応の機能拡張を紹介します。 Bootstrapでつくる時はもちろん、それ以外のデザイン作業でも強力な機能を発揮します。 Web制作に携わるすべての人が、入れておいて損はない機能拡張です。 Bootcomp Bootcompの特徴 Bootcompのインストール Bootcompの使い方 Bootcompの特徴 先日当ブログで紹介したBootcompが昨日、CC2015.5にも対応してアップデートされました。1.0でも便利でしたが、2.0で更に便利になっています！ OS X, Win両対応で、日本語にも完全対応の無料の機能拡張です。

Photoshopで画像を切り抜いたり、選択範囲やマスクを作成するのにはいろいろな方法が用意されています。しかしCC 2015.5からの「選択とマスク」、CC2018の「被写体を選択」を一度使ってしまうと、ほかのやり方には戻れないくらい簡単で、そして正確に作成することができます。 そしてさらに進化したPhotoshop CC2021での「選択とマスク」「被写体を選択」の使い方を紹介します。 ちなみに、下の作業時間は1分かかっていません。

東京も早く梅雨明けしないかなようやく梅雨明けした（7/28）、今日この頃。 一足先に、秋のエッセンスを表現した素敵なカラーをPantoneから紹介します。 デザインやイラストに使えるPhotoshop, Illustrator用のカラースウォッチもあります。 FALL 2016 Pantone Fasion Color Report Pantoneがセレクトしたこの秋を楽しむ素敵なカラーは、「リバーサイド」「エアリー ブルー」「スパイシー マスタード」など新色5色を含む全10色。 Webデザインやイラスト、洋服や小物などのファッション、部屋のインテリアなどに取り入れたい魅力的なカラーばかりです。 ※カラー名のカタカナ表記は参考程度に。

打ち出し画像やポスターの印象的なグラフィック、フローラルを組み合わせるタイポグラフィ、Duotoneのグラデーション、幾何学的な形状を使ったデザインなど、最近の気になるデザインテクニックが身につくPhotoshopのチュートリアルを紹介します。 時間をつくって、一つずつじっくり作成してみたいですね。 How To Create a Colorful Fluoro Duotone Photo Effect 画像の彩度に合わせてDuotoneのグラデーション マップに置き換えて、繊細なディテールを表現します。さらにハーフトーンのテクスチャを重ねることで、レトロ風に。

フォトショップの新しい使い方や、テクニックを学びたいときはチュートリアルのつくり方を参考にしてみましょう。ステップごとに進めることができるので、実践的なツールの使い方を学ぶことができます。 今回はデザイナーが参考にしたい、最新 Photoshop チュートリアルをまとめてご紹介します。デモ用 PSD ファイルを無料ダウンロードできる素材もあるので、これからフォトショップをはじめるひとにもオススメです。 詳細は以下から。 これどうやって作るの？フォトショップの勉強で参考にしたい、チュートリアルつくり方まとめ 80年代レトロテキストのつくり方 Illustrator で作成した3Dシェイプ（Photoshopでも作成できます）に、レイヤースタイルを適用する手軽なテクニック。背景のつくり方もポイントで、参考PSDファイルも無料ダウンロードできます。 幻想的な多重露光エフェクトのつくり方 ポートレ

Photoshopって知れば知るほど、使えば使うほど、便利で欠かせないツールですよね。そんなPhotoshop CCの実作業が快適になる時短テクニックを紹介します。 例えば一時的にスポイトツールを使う時、どのように操作していますか？ 「I」を押してスポイトツールに切り換える時に「I」を長押しで使うと、「I」を離した時に元のツールに戻すことができます（全ツール対応）。戻せるのはスペースバーの時だけではないんですね。 まだまだ知らないことばかりです。 28 Powerful hidden tips, tricks 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。 ※各ショートカットは、OS X用です。 Windowsの場合は、下記のように置き換えて利用してください。 command = Ctrl option = Alt delete =

こんにちは、デザイナーのみやです。 飼い猫のラブ（�エサ）コールを無視していると、空気清浄機の風量をフルパワーに変えてアピってきます。この前はご丁寧にチャイルドロックまで設定してました。 ところで皆さん、Photoshop使ってますか？ ウェブサイトデザインを行う際にPhotoshopを使う方が多いと思います。何気なく使っているPhotoshopですが、ちょっとの設定で作業効率化を図ることができます。 今回はショートカットとアクションを上手に使ってPhotoshopでの作業を快適にする裏技をご紹介します。 キーボードショートカット登録 キーボードショートカット登録方法 キーボードショートカットの設定は『編集』＞『キーボードショートカット』または「Shift」+「option」+「command」+「k」からできます。 実際に開くとわかりますが、ここにはPhotoshopのメニューから実行で

みなさん、デジカメやスマホで写真を撮った後はどうしてますか？ ある程度写真が好きな方なら、数多く撮った中からセレクトした後、補正して書き出して保存していると思いますが、今回はその画像をWeb用に書き出す際に最低限やっておきたい写真の補正方法を個人的にまとめてみたいと思います。 写真は、簡単な補正でクオリティが上がります。写真好きな方には特におすすめの補正方法ですので、ぜひ参考にしてみてください。 また、RAW現像に関してはこちらの記事を参考にしてみてください。 デジカメ撮影後のかんたんRAW現像のコツ -個人的まとめ私はデザインの仕事をしてきて、入稿データなどの写真素材の構図を色々と見てきました。すると、自然にデジカメにもハマり、自分でも撮るようにな... 色の補正 写真の補正と聞くとまずは色補正ですよね。 私の場合、色補正はトーンカーブ、またはレベル補正、そして色相・再度の補正でほぼ完結

Photoshopでクオリティの高い加工が可能なプラグインのNik Collectionが無料になったって！？ もともとは日本円で約6万円ほどだったそうですが、これは使わない理由はないということで早速インストールして使ってみたらマジでやばかった、、 Nik Collectionってどんなことができるの？？ PhotoshopにNik Collectionをインストールする方法Nik Collectionへアクセスし、【Download now】をクリック。 ダウンロードした【nikcollection-full】をクリック。 私は日本語オンリーなのでもちろん日本語で。。 次へ、次へ、 対応ホストアプリケーションを選択、ここでは【Photoshop CS6】にインストール。 Nik Collectionの使い方Photoshopを再起動すると、【Selective Tool】というウィンドウ

PSDファイルでできるんだ！要素がぷるるんとアニメーションでくっついたり離れたりするエフェクト -Photoshop Gooey Effect

Photoshopで「画像の中にある●●を消す」といった作業は画像編集でよくある作業だと思います。 togetterで「初心者のPhotoshop加工はプレデターが生まれる→「例えが秀逸」「あるある」と腹を痛めるTL」というまとめがありました。その最初のツイートがこれ。 僕がPhotoshopを教えていて一番好きな瞬間は、「○○を消せ」系の初心者向け課題で、必死で作業すればするほどプレデターを次々に生み出して絶望していく生徒に「もうお前の地球は終わりだ」と講評することです。 pic.twitter.com/gEpXGVx7xo ? ﾚｲﾆｰ氏 (@moeebu) 2016年3月8日 おもしろい例えですね。スタンプツールで補正をすると、同じパターンが連続してしまうパターンです。 Photoshopで●●を消す作業の基本はスタンプツールですが、スタンプツールでチマチマ消す時間もない！という方に

【サンプルPSDデータ配布中！】デザイナーとフロントエンドにちょっと優しい「PSDルール」を考えてみた こんにちは、デザイナーのもりたです。 突然ですが皆さん、整理整頓は得意ですか？　私の会社のPCのデスクトップはスクリーンショットだらけです。 よく整理整頓の第一歩はルールづくりだと言いますね。 リモコンはサイドテーブルに置く、雑誌はラックに入れる、シャツ類は一番上の引き出しに入れる……。でも、整理整頓ができる人にはきっとわからないけれど、自分に合わせたルールをつくるのが一番めんどくさいんですよ！ だからデザイナーの間でもPSD（Photoshop Document）のレイヤー整理がまちまちだったり、同じ人でさえ場合によって変わったりします。そこで、いちいち考えることすらめんどくさくなったので、社内共通のルールをつくってしまおうということになりました。 せっかくつくったので、今回はそれをご