終了

均一のウェーブで四角をつける方法が知りたいです。

Community Beginner ,
May 03, 2025 May 03, 2025

線を変形で波形にして繋げてフレーム?を作っているので

4つの角のデザインがバラバラです。

均一に四角のウェーブを作るのはどうすればよろしいですか?

 

あと、この四角の中を塗りつぶしたい色カードがあります。

そのやり方もわかりません。

 

自動選択ツールも何も反応されなくて、、

IMG_6353.jpeg

キーワード
iPadOS , iPhone , macOS
148
翻訳
レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Beginner ,
May 03, 2025 May 03, 2025

色コードですm(_ _)m

翻訳
レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
May 04, 2025 May 04, 2025

Photoshop以外に使用できるアプリはありますか?
IllustratorやAfter Effects などで作成できますが、Photoshopのみで作成する方法をご希望でしょうか。

 

ae101.jpg

翻訳
レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Beginner ,
May 04, 2025 May 04, 2025

Photoshopのみです。

パンダレスで似たような素材をとって色を変えるのがよろしいでしょうか、、

翻訳
レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
レジェンド ,
May 05, 2025 May 05, 2025

Pintarest(ぴんたれすと)でしょうか?

 

素材は…ですね、そういった所からではなく、確実に権利関係がクリアになっているもの…例えばAdobe Stock等から無料素材を探したり、買うなりしたほうがいいです。

万が一…というかPinterestあたりだと十が一くらいですかね、法に触れたり、触れかねないような素材を使ってしまうと、稀にSNSで晒されて大炎上したりします。人生終わりますよ。

このあたりは本当に気をつけたほうがよいですね。

 

Photoshopしかない…ということですが、こういった形状を作るのはベクトルを操作するアプリの独擅場でして、Photoshopはそういうところは不得意です。Illustratorが(名刺を作る場合でも)いいんですが、無料のInkscapeといったソフトもあります。

ただし、習得にはIllustratorよりも時間がかかると思います。もの凄くクセあるので。

 

そういったところを考えると、Canvaのほうが、Photoshopで無理矢理作るよりも楽なのかもしれません。

どうしてもPhotoshopでやりたい、というこだわりがあるのでなければ、CanvaやAdobe Expressなどのレイアウトツールも試してみるとよいかもしれません。

 

■■■■■■■■シェイプについて■■■■■■■■■■

 

>線を変形で波形にして繋げて

 

タテヨコの線を置いただけですと、後から中を塗るのは大変です。

 

シェイプを使いましょう。

 

①シェイプツールで大まかな矩形を描きます。

②ペンツールに切り替えて、以下のように設定します

SS_ 2025-05-05 19.41.34.png

③ ペンツールで(選択されている状態の)シェイプの線の上にカーソルを持っていくと、+マークのペンアイコンになります。

クリックするとアンカーポイントを追加します

SS_QuickTime Player_20250505-200355.png

 

④ジグザグにしたいので、すぐにoptionキーを押しながら同じ所をクリックします。

ハンドルが収納されます(鋭角になります)

 ※ペンツール使用時にoptionを押すと、一時的に「アンカーポイントの切り替えツール」になります

SS_QuickTime Player_20250505-200406.png

⑤ 必要なだけアンカーポイントを追加したら、

SS_QuickTime Player_20250505-200637.png

 

⑥ Command+shiftを押しながら、アンカーポイント(■)をクリックして、ひとつおきに選択します。

※ペンツール使用時にcommandを押すと、一時的に「パス選択ツール」になります。

※shiftキーを同時におしているのは、複数選択するためです

SS_QuickTime Player_20250505-200648.png

 

⑦ commandキーを押しながら(shiftは離す)、選択したアンカーのどれかひとつをドラッグして動かします。

SS_QuickTime Player_20250505-200654.png

 

必要なだけ繰り返してジグザグを作ってください。

 

■■■■■■■■フキダシを付け足す■■■■■■■■■■

 

 ①ペンツールのオプションから、「シェイプを結合」を選択しておき、

SS_Adobe Photoshop 2025_20250505-194532.png

②フキダシの形のしっぽをペンツールで描きます。

元の図形と結合され、線や塗りも期待したようになります。

 

SS_Adobe Photoshop 2025_20250505-194719.png

③ひとつのレイヤー上で同居しているだけなので、後から移動することもできます。

SS_Adobe Photoshop 2025_20250505-194710.png

 

 

--
Yamonov
翻訳
レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
レジェンド ,
May 05, 2025 May 05, 2025

Photoshopの学習はYoutube等でしょうか?

もしそうでしたら、動画での学習はもの凄くコスパ・タイパが悪いので、本を買うことを強くお勧めします。

※一見動画だと分かりやすい気になってしまうんですが、必要な細かいことがそぎ落とされているし、ひとことで済むものを10分20分もダラダラ説明したりするので本当に効率が悪いです。

 

「細かいこと」も全てまとまっている、こちらがお勧めです。

https://www.amazon.co.jp/dp/4802613679/

 

その次にこちらを使って学習してみてください。

https://www.amazon.co.jp/dp/4798173479/

--
Yamonov
翻訳
レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
May 04, 2025 May 04, 2025

Photoshopだけということなので思いつく方法を二つ。

 

1つ目

パスを使う。

パスで四角形を作成して、パスに対してワープで形状を変更します。(編集→パスを変形→ワープ)

グリッドを5×5に変更、または必要に応じて追加で編集ポイントを増やし、変形させていく。

スクリーンショット 2025-05-05 10.51.28.png

 

パスが完成したらパスウインドウでパスを選択し、右クリックし「パスの境界線を描く」を選ぶ

ツールは鉛筆ツールを選ぶ ※事前に描画色を変更しておいてください。

OKを押せば境界線が描かれます。

スクリーンショット 2025-05-05 10.53.29.png

 

続いて再びパスウインドウで右クリック「選択範囲を作成」、選択範囲に対して塗りつぶしをします。

※事前に描画色の色を変更しておいてください。

スクリーンショット 2025-05-05 10.53.49.png

 

線を描くレイヤーと塗りつぶしのレイヤーを分けておくと後の調整はしやすいかなと思います。

 

この方法のデメリットはパスを細かく調整したい時にパスに慣れてないと難しいです。

illustratorだとパスを均一に変形することができます。

 

 

 



翻訳
レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Expert ,
May 04, 2025 May 04, 2025

二つ目の方法です。

 

ゆがみツールを使用します。

 

まずは新規レイヤーを作成し、楕円形を描きます。

楕円形選択ツールで選択範囲を作成してから塗りつぶしまたはシェイプツールを使用しても大丈夫です。

今回はシェイプツールを使った例で解説します。

 

楕円形ツールで楕円を描いたら、フィルター→ゆがみを選択。

スマートオブジェクトに変換をクリック

ワープツールを使って任意の形に変形させます。

スクリーンショット 2025-05-05 11.16.51.png

 

 

レイヤーウインドウ下にあるfxをクリックし、境界線をクリック。

任意で色や幅を設定し、OKを押す。

スクリーンショット 2025-05-05 11.25.51.png

 

思いついたままに解説しましたが、二つ目が圧倒的に簡単でしたね。

 

 

 



翻訳
レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines
Community Beginner ,
May 07, 2025 May 07, 2025
最新

Photoshop向きではないですがやってみました。

やはり手作業での調整が多くなってしまいます。

 

透明レイヤーに、使用サイズより二回りくらい大きい四角をかく

  ↓
波型変形する

  ↓
一辺ずつ選択・移動などして角がいい感じになるよう調整

  ↓
余った部分を消しゴムで消す

 

(色塗り)

自動選択ツールで中をクリック

  ↓

選択範囲を1〜2pxほど拡大
  ↓

下に新規レイヤーを作成
  ↓

塗りつぶし

翻訳
レポート
コミュニティガイドライン
他のユーザーへの思いやりを持ち、敬意を払いましょう。コンテンツの出典を明記し、投稿する前に内容が重複していないか検索してください。 さらに詳しく
community guidelines