「Photoshp左右に丸いグラデーションをかける」の編集履歴(バックアップ)一覧はこちら
追加された行は緑色になります。
削除された行は赤色になります。
Photoshopで左右に丸いグラデーションをかける方法について執筆していきます。9月30日記事
画像はhttp://www.photo-ac.com/から拝借しました。
~
~
イメージ
&image(width=500,circlegradient008.png)
~
~
目次
#contents
~
~
----
~
*Photoshopでキャンバス新規作成
[ファイル]→[新規]を選び、適当にサイズを選んで、背景を透明にしていきます。
&image(width=400,circlegradient001.png)
~
~
*画像配置
[ファイル]→[配置]を選び、画像を選択していきます。
&image(width=300,circlegradient002.png)
&image(width=500,circlegradient003.png)
~
~
*Shiftキーを押しながら画像を枠に調整
shitfキーを押しながらすると、アスペクト比(縦横比)を保ちながら拡大縮小ができます。
&image(width=500,circlegradient004.png)
~
~
*長方形選択ツールから楕円形選択ツールを選ぶ
左上の長方形選択ツールを長押ししたまま、楕円形選択ツールを選んでいきます。そして、ぼかし距離を多少大き目に設定していきます。ここでは20pxにしました。
&image(width=400,circlegradient005.png)
~
~
*「ctrl」+ 「-」で縮小し、全体にかかるように選択
縮小させたものを選択していきます。
&image(width=400,circlegradient006.png)
~
~
*レイヤーパレットのレイヤーマスクの作成ボタンを押す
レイヤーパレットの「レイヤーマスクの作成ボタン」を押します。
&image(width=400,circlegradient007.png)
~
~
*完成
完成です。
&image(width=500,circlegradient008.png)
あとはctrl+shift+alt+sでWEB用に書き出していきます。背景を透過させる場合pngやgifでないとできないのでpngやgifを選んでください。
Photoshopで左右に丸いグラデーションをかける方法について執筆していきます。画像はhttp://www.photo-ac.com/から拝借しました。9月30日記事
~
~
イメージ
&image(width=500,circlegradient008.png)
~
~
目次
#contents
~
~
----
~
*Photoshopでキャンバス新規作成
[ファイル]→[新規]を選び、適当にサイズを選んで、背景を透明にしていきます。
&image(width=400,circlegradient001.png)
~
~
*画像配置
[ファイル]→[配置]を選び、画像を選択していきます。
&image(width=300,circlegradient002.png)
&image(width=500,circlegradient003.png)
~
~
*Shiftキーを押しながら画像を枠に調整
shitfキーを押しながらすると、アスペクト比(縦横比)を保ちながら拡大縮小ができます。
&image(width=500,circlegradient004.png)
~
~
*長方形選択ツールから楕円形選択ツールを選ぶ
左上の長方形選択ツールを長押ししたまま、楕円形選択ツールを選んでいきます。そして、ぼかし距離を多少大き目に設定していきます。ここでは20pxにしました。
&image(width=400,circlegradient005.png)
~
~
*「ctrl」+ 「-」で縮小し、全体にかかるように選択
縮小させたものを選択していきます。
&image(width=400,circlegradient006.png)
~
~
*レイヤーパレットのレイヤーマスクの作成ボタンを押す
レイヤーパレットの「レイヤーマスクの作成ボタン」を押します。
&image(width=400,circlegradient007.png)
~
~
*完成
完成です。
&image(width=500,circlegradient008.png)
あとはctrl+shift+alt+sでWEB用に書き出していきます。背景を透過させる場合pngやgifでないとできないのでpngやgifを選んでください。