実はPhotoshopで前面シェイプを削除する方法は（細かく分けて）２つある。グレーアウトしている時は主に最初のレイヤーを分けるやり方の時が多い。（画像は英語表示） レイヤーを分けるやり方 シェイプ毎にレイヤーを分けた状態で前面シェイプを削除するやり方。この方法の方が一般的なのか、多くのチュートリアルでもこの方法が紹介されている。 Command + Shift + N で新規レイヤーを作成し、その上でシェイプを作成。前面のシェイプはまた新たにレイヤーを作成し、そこに前面のシェイプを作成する。 ２つのシェイプを選択するのにレイヤーを選択しているので、レイヤー毎にシェイプがある時は上のバーにあるアイコンからではなく、レイヤーメニューの中の「 シェイプを結合」から前面シェイプを削除を選ぶ必要がある。 上のバーにあるアイコンから選ぼうとしてもグレーアウトされて表示されない。 同一レイヤー内で「前

こんにちは。QualiArtsでエンドライド~Xfragments~(以下、エンドライド)デザイナーをしているよんよん（ベク）です。2015年に新卒でサイバーエージェントに入社しました！ 今回は、Photoshop初心者が知っておくと役に立つ機能かつ、働く上で頻繁に使っているPhotoshopの機能についてまとめてみました。入社して3年、毎日がPhotoshopとの格闘で、Photoshopの様々な機能を試行錯誤してきました。その中から、実務でよく使うPhotoshop初心者が知っておくと便利な5つの機能を紹介しようと思います。 機能の話に入る前に、まずはPhotoshopの初期設定から！ 1.レイヤー複製時に、「コピー」を付けない設定 レイヤーウィンドウの右上にあるメニューボタン→パネルオプションで設定します。 まず、”コピーしたレイヤーとグループに「コピー」を追加”にチェックが付いてい

Take control of your lines! Lazy Nezumi Pro is a Windows app that helps you draw smooth, beautiful lines, with your mouse or pen tablet. It adds stabilizers, rulers, and scripting to many of your favorite art programs, including Photoshop and Clip Studio. Why do I need it? Clean line-art taking forever? Forced to make fast strokes to avoid seeing any jitters? Pressing really hard to use the full p

しばらく使ってみて常用しそうなのと、最近日本語化されたようなのでLazyNezumiProというソフトのことを書きます。 LazyNezumiProはマウスやタブレットペンの動きを補助してくれるグラフィック用ツールで、ペイントソフトと合わせて使うことで描線補正や筆圧コントロールなど色々な用途に使えます。 30日試用できるフリー版と35ドルのPro版（学生版は20ドル）があり、今のところ残念ながらWindows専用です。（32bit/64bit対応） ツールパレット。グラフなど細かいパラメータ微調整が可能らしいけど使ってないのでよくわかりｍせん。 使用手順がPhotoshopとそれ以外のソフトで勝手が違ってきます。 ツールの動かし方（Photoshopの場合） ・LazyNezumiPro(以下LZN)インストール時、Photoshopがある場合プラグインへのパスを指定することでプラグインが

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

ベーシックなストライプのPhotoshopパターン 460個セットを作りました ： 460 Basic Stripe Set 仕事でストライプのパターンを良く使うので、まとめて作ってみました。ストライプのパターンは、斜め・縦・横の3種類、白と黒（背景透過）、線幅2pxごと、線幅の間隔は等倍・1.5倍・2倍の全460個です。 (stripe.zip:571KB) Zipファイルを解凍後、パターンファイルをPhotoshopにドラッグ＆ドロップするとパターンが追加されます。 商用利用OK、印刷OKです。再配布はNGです。ご使用の際の報告やリンク、著作権表示は不要です。お気軽にお使いください。 ストライプパターンについて 斜めのストライプは、英国式の右上がりです。 線の色が白と黒なので、描画モードを「オーバーレイ」等にすれば、大体どんな色にでもできると思います。 線幅は、1pxと、2～50pxま

こんにちは。デザイナーのもりたです。 私はいつもデザインするとき、パターンが必要になったらその都度適当に作ってしまって、結局パターンファイルの中が「パターン45」とかそんな名前で埋めつくされるタイプなんですけど、デザイナーの皆さんいかがでしょう。 自分の中の命名ルールが決まってないから名前つけても適当すぎて判別できないんだよね……。結果いちいちクリックして試すなんて非効率的なことに。 まあそんなわけで、一念発起してこの自作パターンを整理しようと思い立ったわけですが、せっかくなので、Webデザイン制作時にセットで持っていると便利そうなパターンをまとめて配布することにしました。 独学でつまずいていませんか？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。どんなスクールがあって、どんな内容が学べて、費用はどれ

パターンとは！？ パターンとは、下記の例のような、継ぎ目なく規則的に繰り返される模様のことをいいます。 今やデザイナーでなくともフォトショップなどのデザインソフトを使う時代です。 基本的なパターンの作り方を押さえていきましょう。 パターンの使い方 パターンを使うには、 ①最小単位のパターンを作る ②「パターンを定義」でパターンとして使える状態にする ③シェイプや、塗りつぶしでパターンを適用する という3つのステップが必要です。 パターンを作ってみよう！ パターンの表示の仕組み 今回例として、下記のようなドットのパターンを作ってみようと思います。 この場合のパターンの表示の仕組みですが、下記のように、繰り返しに必要な最小単位のパターンが、たくさん敷き詰められて表示されます。 なので、後の「パターンを定義」で定義するパターンとして、まず最初にこの最小単位のパターンを作ります。 最小単位のパター

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

Adobeが提供しているPhotoshopやIllustratorの操作を、マウスやキーボードとは別にボタンやフェーダー(スライダー)、ダイヤルなどで行うことができるコントローラーが「Palette」です。Paletteは各コントローラーにソフトウェアの機能を割り当てることで、ハードウェアコントロールを可能にし、より直感的な操作を行うことができるようになっています。 Palette Gear: Hands-on Control of your Favourite Software http://palettegear.com/index プロの業務にも余裕で対応できる高機能編集ソフトである「Photoshop」や「Illustrator」といったソフトは、高機能であるがゆえの複雑さを持っていることも一方では事実です。普段使う機能はある程度限られてくるものですが、それでも複雑な機能をキーボー

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

The Blog | Welcome to Adobe Blog アドビのブログでは、Creative Cloud、Document Cloud、Experience Cloudの最新情報や役に立つ情報を紹介しています。

まえおき Photoshopには、全てのレイヤーを個々のファイルに書き出すための 「レイヤーをファイルに書き出し(Export Layers to Files)」というスクリプトが標準で入っているのですが、 これがめちゃくちゃ遅いため、書きなおして速くしてみました。 レイヤー25枚のpsdで使うと55秒かかっていたのが、 このスクリプトに置き換えると、3秒で終わります。 準備 以下のURLから、ExportLayersToFile.jsxをダウンロード https://raw.githubusercontent.com/kyubuns/yogurt/master/ExportLayersToFile.jsx ダウンロードしたファイルを'/Applications/Adobe Photoshop CC 2016/Presets/Scripts/'以下にいれる (Windowsは、C:\Pro

以前グラフィックパターンの柄やテキスタイルの名前まとめと言う記事を書いたのですが、それのパターンを実際に作りました。自作パターンを持ってない人はベースに是非★ 今回作ったのはPhotoshopのパターンファイル。拡張子は.patで、Photoshopのプリセットのpatternフォルダには初期設定のものが入っています。この辺は過去記事[Photoshop]ブラシ、テクスチャ、スタイル…自作のアイテムを作ろう！で一通り説明しています。使い方が分からない人はそちらを参照してくださいね。 グラフィックパターンの名前を調べましたけど 以前書いた[デザイン]グラフィックパターンや柄、テキスタイル等の名前まとめという記事で、色んなグラフィックパターンや柄の名前を調べてみました。服飾やインテリア壁紙、ファブリック等に使われるこれらのパターンですが、webサイトに応用することでクールだったり、かわいらしい

2014年6月27日 Illustrator, Photoshop, 便利ツール PhotoshopやIllustratorなど、Adobeの製品はクリエイターの必需品のひとつとなっています。しかしその値段からなかなか手が出せない…という方も多いのではないでしょうか？今回はAdobe製品の代用として使える無料アプリをいくつか紹介します。金欠の学生さんや、様々な理由から脱Adobeを考えている方の参考になれば幸いです！ ↑私が10年以上利用している会計ソフト！ Photoshopの代わりに GIMP 長年Photoshopの代用として愛され続けているGIMP。Photoshopの拡張子であるpsdファイルが開けることはもちろん、Photoshop用のブラシなども利用可能。画像の編集・加工ツールとしてPhotoshopとほぼ同様の機能を備えています。日本語の公式チュートリアルも充実！私もお金の