フォトショップ 二等辺三角形,正三角形, 直角三角形 (Createa a Triangle in Photoshop)

Photoshopで三角形を作る方法

ORIGINAL SOURCE: Create A Triangle in Photoshop

Photoshopで三角形を作成する方法

三角形は基本的な幾何学的形状です。あなたがPhotoshopの初心者で、図形を扱ったことがない場合は、このチュートリアルPhotoshopで三角形を作成する方法を説明します

f:id:codingdude:20201009221243j:plain

photoshop 三角形



トライアングルとは?

三角形は、3つの直線の辺と3つの角度を持つ平面図形です。

 

三角形は、最小の辺(3辺)を持つポリゴンです。ジオメトリの基本的な形状の1つです。三角形の3つの角度の合計は常に180度になります。

三角形の種類

三角形には6つの主なタイプがあり、辺と角度によって分類されます。

  • 正三角形には3つの等しい辺があります
  • 二等辺三角形には2つの等しい辺があります
  • 斜角三角形には等しい辺がありません
  • 急性三角形には3つの角度<90度があります
  • 直角三角形の角度= 90度
  • 鈍角三角形の角度が90度を超えています

f:id:codingdude:20201009221353j:plain

フォトショップ 二等辺三角形,正三角形, 直角三角形



Photoshopで三角形を作成する

Photoshopで三角形を作成するには、ポリゴンツールを使用します。三角形は3つの辺を持つポリゴンなので、辺を3に設定します。

f:id:codingdude:20201009221445j:plain



3つの辺を持つポリゴンツールを使用して、正三角形を描画します。プレスコントロール-Tとキープシフトキーは、三角形を回転させるために押されました。

f:id:codingdude:20201009221509j:plain



トラングルのタイプを変更して二等辺のトレングルにしたい場合は、Control-Tを押して幅を80%に変更します(他のパーセントを選択できます)。

f:id:codingdude:20201009221528j:plain



Photoshopでシェイプを編集する

私たちが作成した三角形は、Photoshopベクターシェイプで、すばやく簡単に編集できます。

 

Photoshopでシェイプを編集するには、ポイント変換ツールを使用できます。

f:id:codingdude:20201009221547j:plain



Photoshopで正しい三角形を作る方法

変換ツールを使用して、編集する三角形のポイントまたはコーナーを1回クリックして選択します。矢印キーを使用してポイントを移動するか、Ctrlキー(MacではCommand)を押しながらポイントをドラッグします。

Photoshopのヒント:ボックス選択(ポイントを押し続けながらポイントをドラッグ)すると変換ツールでポイントを選択する方が簡単な場合があります。

 

上端を左に移動して直角三角形を作成し、垂直な辺と90度の角度を取得しました。Ctrl + 'を押してグリッドを表示します。Photoshopのグリッドは、あなたが要素を整列させ、また、完璧な形を作るのに役立ちます。

f:id:codingdude:20201009221629j:plain



Photoshopで三角形の輪郭を作成する方法

三角形のアウトラインを作成するには、三角形レイヤーにストロークレイヤースタイルを追加するだけです。アウトラインの内側の位置を選択します。次に、お好みのサイズと色を設定します。

f:id:codingdude:20201009221649j:plain



シェイプのアウトラインのみが必要な場合は、Fillを0%に設定する必要があります。

f:id:codingdude:20201009221720j:plain

Photoshopで三角形のアウトラインを作成する方法



丸みを帯びた三角形のPhotoshop

Photoshop CCには、角の丸い長方形を作成するために使用できる新しい角丸長方形ツールがあります。

 

ただし、丸みを帯びた三角形のPhotoshopの形状を作成する簡単な方法はありません。ペンツールを使用して、丸みを帯びた三角形を作成します。

 

このPhotoshopアクションを使用して、角が丸い形状作成できます

f:id:codingdude:20201009221809j:plain

photoshop 角丸 三角



ここでは、ペンツールを使用して、Photoshopで角を丸く描画する方法についての簡単なチュートリアルを示します。

ポリゴンツールペンツールを使用すると、複雑な三角形やその他の幾何学的図形を作成できます。

Photoshopの三角形

Photoshop用のこれらのクールな三角形をダウンロードして、グラフィックデザインプロジェクトで使用してください。ベクトルの三角形を使用して、幾何学的な写真効果、写真のコラージュテンプレートなどを作成できます。

f:id:codingdude:20201009221953j:plain

三角形のPhotoshopの形



三角形の形状は、80年代のレトロなシンセウェーブスタイルの一部であり、80年代のクロムフォントタイポグラフィと一緒でした。80年代の背景を作成する場合は、このネオントライアングルをダウンロードできます。

画像を任意の形状にトリミングする方法(たとえば、三角形の形状)

通常、画像をトリミングすると、画像の正方形または長方形の部分が切り取られます。これは、トリミングツールを使用して簡単に実行できます。

しかし、画像を長方形以外の形にトリミングしたい場合はどうでしょうか。

画像を三角形のような形(円形やその他の形)にトリミングする場合は、最初にその形を作成します。あなたはすでに三角形の形を作る方法を知っているので、そうしてください。三角形を任意の色で塗りつぶし、角が丸い三角形にします。

次に、トリミングする画像を三角形のレイヤーのすぐ上のPhotoshopレイヤーに配置します。イメージレイヤを右クリックし、[ クリッピングマスクの作成 ]を選択します

 

できた!

 

これで、画像が三角形の形にトリミングされました。三角形はマスクのように機能します。三角形のレイヤーを選択すると、Ctrl + T(MacではCommand + T)を使用して三角形を変形または回転できます。

同じことが画像レイヤーにも当てはまります。
トリミングを希望どおりに配置したら、[ 画像] > [ トリミング]に移動して、透明なピクセルトリミングします。

 

これは、Photoshopを使用して画像を丸みを帯びた三角形にトリミングする方法の例です。

f:id:codingdude:20201009222209j:plain

Photoshopを使用して画像を任意の形状に切り抜く方法



この無料のPhotoshopアクションをチェックして、画像をより簡単に図形トリミングしてください。

f:id:codingdude:20201009222245j:plain

写真を三角形に切り抜く



画像をオンラインで図形にトリミングする

Photoshopをお持ちでない場合でも、無料のオンラインツールであるMockoFun フォトエディターを使用して、写真をオンラインで図形にトリミングできます。 

 

この簡単なテクニックを使用して、本当に強力なエフェクトを作成できます。幾何学的形状にトリミングされたさまざまな画像を組み合わせるこのPhotoshopテンプレートをチェックしてください。

f:id:codingdude:20201009222342j:plain

写真のコラージュテンプレート



三角形のロゴ

三角形は、背景、パターン、フォトフレーム、テンプレートの作成に使用されます。ただし、三角形を使用してロゴを作成することもできます。この三角形のロゴを確認し、MockoFun ロゴメーカーでオンラインでカスタマイズしてください。

Photoshopで三角形を使用して幾何学模様を作成する方法

Photoshopで三角形を使用して作成できる非常に優れた効果の1つは、繰り返し三角形パターンを作成することです。繰り返しパターンとは、シームレスなテクスチャ/パターンを意味します。

 

これは、Photoshopでシームレステクスチャやシームレスパターンを作成する方法のチュートリアルではないため、三角形パターンの作成手順を簡単に説明します。シームレスパターンの作成については、このPhotoshopチュートリアル Photoshop繰り返しパターンを作成する方法」を参照してください。

 

三角形のパターンを作ってみましょう!

ステップ1-単純な三角形の輪郭を作成する

新しいPhotoshopドキュメントを開いて、250x250ピクセルにします。これが、作成するシームレスな三角形パターンの基本サイズになります。正三角形の形状を作成する方法をマスターしました。したがって、ドキュメントの真ん中に正三角形を描きます。バックグラウンドレイヤーは必要ないため、削除します。

 

上記の手順と同様に、三角形の輪郭を作成します。今回だけ、輪郭色を黒にします。私は10ピクセルストロークサイズを選択しましたが、必要に応じて別のサイズを選択できます。

 

次のような空白の三角形が表示されます。

f:id:codingdude:20201009222425j:plain



ステップ2-Photoshopの三角形パターンを作成する

Edit > Transform > Flip Verticalを使用して、三角形を上下逆にします。次に、三角形のレイヤーを右クリックし、[ スマートオブジェクトに変換 ]を選択します

 

フィルター] > [ その他の オフセット]に移動し、水平垂直の両方に125pxを選択します。シームレスな三角形のパターンに別のサイズを選択した場合、ここではそのサイズの半分を使用する必要があることに注意してください。

 

新しい正三角形を作成し、黒で塗りつぶします。三角形の他の部分と重ならないように中央に配置します。次に、[ 編集] > [ パターンの定義]に移動して、三角形をPhotoshopパターンとして保存します。仲介手順は次のとおりです。

f:id:codingdude:20201009222533j:plain

シームレスな幾何学的三角形のPhotoshopパターンを作成する



友人と共有したい場合は、このパターンの塗りつぶしを.PATファイルとして保存することもできます。

ステップ3-色付きの三角形でPhotoshop幾何学模様を作成する

このシームレスパターンは、パターンフィル調整レイヤーを介してそのまま使用するか、レイヤースタイルでパターンオーバーレイとして使用できます。

 

さらに一歩進んで、このパターンを大きな画像で使用した後、バケットツールを使用して、黒い三角形のいくつかをランダムに色分けしました。

f:id:codingdude:20201009222608j:plain

Photoshopの三角形の形のパターンと色



結論

これはおそらくPhotoshopで三角形を作成する方法に関する最も完全なガイドの1つだと思います。

f:id:codingdude:20200601175508j:plain

Create a Triangle in Photoshop


何か不足していると思いますか?コメントをドロップして、それが何であるかを知らせてください。以下の星の評価を使用して、このガイドの評価を教えてください。

スムーズエッジPhotoshopアクション

Photoshopでの滑らかなエッジ

この無料のアクション  を使用して  、Photoshopでエッジを滑らかにし、Photoshopで丸い角を数秒で作成します。

Photoshopでエッジを滑らかにする方法は?

Photoshopでエッジを柔らかくする方法は、Photoshopユーザーの間でよくある質問です。

Photoshopの私には縁を滑らかにするには、使用して選択ツール絞り込みエッジを。このようにして、テキストレイヤー、シェイプ、PNGカットアウト、ラスターイメージなどのエッジを滑らかにします。

無料のアクションを使用して、ギザギザのエッジをすばやく簡単に滑らかにします。エッジスムージングは便利なテクニックです。

Edge Photoshopの修正を修正

Photoshopでエッジシャープにする方法を探している場合も、同じアクションを使用できます。

このアクションで、Photoshopでざらざらしたエッジをすばやく修正する方法を見つけました。

smooth edges photoshop

smooth edges photoshop

 

無料のアクションをダウンロード:Smooth Edges Photoshop

コロナウイルス情報ポスター

MockoFunでオンラインで編集できるコロナウイルス情報ポスター。 オンラインで簡単に編集でき、独自のテキストを追加できるコロナウイルスのポスターを探している場合は、ぜひお試しください。

f:id:codingdude:20200424015655j:plain

コロナウイルス情報ポスター

(FREE) Coronavirus Information Poster - MockoFUN

フリー署名フォント

無料の署名フォントをお探しですか?

このリストでは、個人用および商用目的で無料で使用できる最高の署名フォントをいくつか集めました。 MockoFunは、何百もの無料の筆記体フォント、手書きフォント、スクリプトフォント、署名フォントをオンラインで提供するオンライン署名作成者です。

これらの署名フォントをダウンロードして、Photoshop、Wordなどのデスクトップアプリケーション用のコンピューターにインストールできます。または、MockoFunテキストエディターでオンラインで使用できます。

f:id:codingdude:20200325162820j:plain

フリー署名フォント

www.mockofun.com

Photo Editor Chrome Extension

Chrome Extension for MockoFun

Grab any image off the internet and upload it into MockoFun. Then do image editing, add text, poster and flyer design, etc.
 

MockoFUN is a free online graphic design tool​

Create beautiful designs using the browser. You don’t need to know Photoshop to make awesome images. Graphic design is fun when you’re using MockoFun.

 

📷 PHOTO Editor

Edit photos online using photo filters and blending modes. You can add a photo mask, photo frames and borders, photo vignette, photo overlays and much more...

 

👉 TEXT Editor

MockoFun is a free text editor with fonts. We have over 800 free fonts to choose from. You can make curved text, circular text, highlight text and outline text. Try our text effects, they are so cool!

 

👉 LOGO Maker

Use MockoFun as a logo maker. Create a logo using vector shapes and clipart illustrations from our gallery. Add circular text or curved text to make awesome logo design.

 

✨ CREATE AMAZING DESIGNS FOR WEBSITES, SOCIAL MEDIA & PRINT

In the MockoFun gallery you find hundreds of templates, mockups, flyers and posters, greeting cards and logo designs to choose from. Using this Chrome extension you can easily grab any image from the internet and open it for editing in MockoFun. You can apply filters, add text and then download the result as a JPG, PNG or PDF for print. Search any image you need online and then press the MockoFun button in the corner of the image to open it in MockoFun.

Christmas Graphics

sourcehttps://blog.goo.ne.jp/graphicdesign/e/bc16390b8808f89240f75a107c78da20

Looking for Christmas graphics?

In this list you will find free Christmas graphic resources that you can use for making Christmas cards, eCards, invitations, flyers, etc.

Christmas Card Maker

Software needed: Photoshop

Price: FREE

File type: PSD

This Christmas PSD file for Photoshop comes with beautiful Christmas graphics included: all kinds of Christmas decorations, Christmas tree, etc. All the elements are in separate layers, so you can move them and customize the colors and text as needed. You can create beautiful personalized Christmas cards.

Christmas Card Maker

Online Christmas Cards

Software needed: No software needed (this works online)

Price: FREE

File type: JPG, PNG or PDF

You can personalize all these free Christmas cards online using MockoFun. All the elements in the cards are editable. You can change the font, edit the text (add your own) or modify the colors to your liking. Choose from over 800 different fonts, and especially for Christmas, check out this list of over 50 Christmas fonts that you can use for free.

Online Christmas Cards

Christmas Mockup for Photoshop

Software needed: Photoshop

Price: FREE

File type: PSD

You can use this Christmas mockup to create Christmas backgrounds, Christmas wallpapers or beautiful and creative Christmas cards. The mockup comes with 40 high quality images of Christmas decorations and symbols. Arrange the elements as needed and change the background color to get unlimited results.

Christmas Mockup

Christmas Pattern

Software needed: Any image software

Price: FREE

File type: JPG

Free Christmas pattern that can be used as a beautiful Christmas background, wallpaper or even for gift wrapping paper. Download the full size JPG image and use it in Photoshop, Gimp, Word, PowerPoint or any other image software. You can also use this Christmas pattern for your website header or background. Make sure to get the full size image because that is a seamless pattern. That means that you can use this Xmas graphics at any size.

You can also check out this cute Merry Christmas pattern.

Christmas Mockup

50 Christmas Backgrounds

Software needed: Any image software

Price: FREE

File type: JPG

Christmas backgrounds are beautiful graphic resources that you can use as wallpapers for your desktop, Christmas card designs, website headers and more. Download the image and use it in Photoshop, Gimp, Word, PowerPoint or any other image software.

The list includes over 50 Xmas backgrounds with Christmas elements like snow, snow flakes, Christmas balls, Christmas trees, Santa Klaus, reindeers, etc.

In Conclusion

You can make wonderful Christmas images with free resources made by talented graphic designers.

Doesn't matter if you are a professional designer or not, if you work with Photoshop, Gimp, PowerPoint or any other graphic design software. This list has plenty of Christmas graphic resources for everybody.

Movember チラシ デザイン

 Need A Movember Poster Or Flyer Template?

If you need a Movember poster template that you can quickly edit and print for your Movember event, let me tell you about MockoFun.

 

MockoFun is a free online graphic design tool. It comes with hundreds of premade templates including poster and flyer templates for Movember, the moustache men's health awarness event happening in November.

 

Here are 2 free MockoFun templates for Movember. You can customize:

  • The Movember poster text font and colors
  • Poster background color
  • The position of the elements in the poster templates

Movember Party Poster Template

Movember Party Poster

Movember Flyer Template

Editable Movember Flyer Poster