何かと使える飾りパーツ フォトショップで作るカーリーブラケット

図形を色々組み合わせると色んなパーツに早変わり。
写真なんかを編集するのもPhotoshopの魅力なんですけど、図形を組み合わせて自分で色んなパーツを作り上げるのも楽しいですよ。

今回は、基本的な図形を組み合わせて滑らかな形のカーリーブラケットを作ってみましょう。

基本パーツの準備

まずは新規ドキュメントを作成していきましょう。
下記のような設定で用意しました。

幅:1200pixel、高さ:800pixel

「角丸長方形ツール」を選択してオプションバーで「ツールモード:シェイプ」にしておきカンバスをクリックします。

幅:1000pixel、高さ:500pixel、半径:すべて100pixel


角丸長方形を作成したら、カンバスの中央に配置しておきます。

パーツの作成

「長方形ツール」を選択して、カンバスをクリックして、

幅:120pixel、高さ:120pixel

この正方形シェイプを作成し、下記のように設定します。

塗り:R:255、G:0、B:0
線:なし

このように設定しておきます。色はわかりやすいように角丸長方形とは違う色にしておくと良いでしょう。

正方形のシェイプを選択した状態で

「編集」→「パスの変形」→「ワープ」を選択。

「オプションバー」で「ワープ:膨張」、「カーブ:-100%」にして実行してください。


カーブのある星形のようになりましたね。

そして、

「編集」→「変形」→「回転」を選択します。

オプションバーで「角度:45°」にしたら「〇」をクリックして角が真上に来るように変形します。

この星形シェイプをあと三つ作成して(レイヤーをコピーすれば一発ですね)
角丸長方形の上下左右の中央に配置しましょう。

「表示」→「エクストラ」を有効にしておくと、中央に揃えやすくなって便利です。

全てのシェイプレイヤーを選択して、レイヤーの上で右クリックして「スマートオブジェクト」に変換しておきます。

カーリーブラケットのベース作成

「編集」→「変形」→「ワープ」を選択し「オプションバー」で「ワープ:膨張」、「カーブ:-20%」に設定して実行します。

四辺が滑らかな曲線になりましたね。

「レイヤー」→「レイヤースタイル」→「境界線」を選択して、

「幅:8px、位置:内側、塗りつぶしタイプ:カラー、カラー:R:230、G:180、B:195」に設定します。

続けて、左側の効果一覧から「カラーオーバーレイ」を選択して、カラーを「白」に設定してください。
「境界線」と「カラーオーバーレイ」を設定し終わったら「OK」をクリックして効果を反映させます。

カーリーブラケットの完成

これで枠内に文字などを配置すれば、自由にカーリーブラケットを使う事ができますね。
スマートオブジェクトにしてありますので大きさを変更しても、画質が乱れたりしません。

四辺の曲線の膨らみを変更する事もできますので、使いたいシーンに合わせたカーリーブラケットに変更できます。
再度変更する時は、「編集」→「変形」→「ワープ」から設定を変更してくださいね。

関連記事

  1. コーディングで見間違えやすい()カッコをSublime Text3で見やすいフォントに設定変更

  2. 圧倒的なビジュアル力でセルフブランディングができるブログが作れるWordPressテーマ「IZM」

  3. エックスサーバーでワードプレスサイトを無料独自SSL化する方法

  4. スマホでも読める!熟読しておきたいweb制作に関するブログ

  5. Photoshopで木の板に焼き印をしたようなロゴの作り方

  6. クマのぬいぐるみ写真を使ったレトロ風イラストの作り方

  7. コーダーに必要なスピードと正確性を実現出来るテキストエディタ Sublime Text3

  8. 自己ブランディングに必須!簡単にワードプレスサイトが作れるエックスサーバーの登録方法

  9. Sublime Text3をより使いやすくカスタマイズ おすすめパッケージのインストール

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

転職テクニック

  1. 内定が3ヶ月から1ヶ月に短縮 転職エージェントを使うほど仕事探しが格段にラクにな…
  2. 転職エージェント「サポタント・ワークポート・パソナテック」の登録から面接までの流…
  3. アラフォーの私が実際に内定を取るまでに使った転職エージェント7選
  4. アラフォー男が内定を勝ち取れた 転職エージェントを使うメリット
  5. アラフォーが内定を勝ち取った面接テクニック 簡単だけど難しい?笑顔の効果
  6. アラフォーが内定取るまでにかかった時間 後から焦らない為にご注意を!
  7. アラフォーで内定を取って気付いた転職活動で大事な事
  8. 心と体のズレが出てくる一週間。理想の生活習慣について考える 活動記録 其の3
  9. まずは転職に向けて派遣登録申し込みと情報収集 活動記録 其の2
  10. アラフォーで転職せざるを得なくなった男の活動記録 其の1

人気記事ランキング

PSテクニック

オススメテクニック

PAGE TOP