2016.01.15(Fri)

LINEスタンプ、Photoshopで グラデーション入れるとヤバイwwww

LINEスタンプ、Photoshopで グラデーション入れるとヤバイwwww

この記事を執筆した人

ぬー
ぬー(@Nuteeeen
デザイナー
毎日雑務こなしています。

グラデーションにするだけで華やかに見えたり立体的になったりしますよね!
グラデーションはLINEスタンプ制作でも必要不可欠だと思います!
ということで今回はLINEスタンプ制作でぜひ使って頂きたいPhotoshopでのグラデーションのさせ方をお教えいたします!


手順1.グラデーション用レイヤーを作成する

20160115_01今回グラデーションにさせるのはこちらのうさぎの周りに飛んでいるハートです。
グラデーションさせることによりちょっと立体的なハートにさせたいと思います。
まず色を付けたレイヤー(画像でいう塗りレイヤー)をクリックして選択し【レイヤーパレット】のゴミ箱アイコンの隣の四角の左下の角が捲れているアイコンをクリックして新しいレイヤーを作ります。
ここにグラデーションを作ります。
※必ず【塗りが入ってるレイヤー】の上に【新しいレイヤー】を作成してください。


手順2.グラデーションする範囲を決める

20160115_02【ツールボックス】の耳かきの上の部分だけのようなアイコン【自動選択ツール】をクリックして選択してください。
レイヤーは【塗りが入ってるレイヤー】をクリックして選択しグラデーションしたいものをクリックして選択範囲を作成してください。
もし上手く選択出来ないようであれば上部にある【許容値】の数字を変更して調整してみてください。
選択したくないところをクリックして選択してしまった場合はもう一度同じところをクリックすれば解除されます。


手順3.グラデーションツールを持つ

20160115_03グラデーション用のレイヤーをクリックして選択し【ツールボックス】の【グラデーションツール】をクリックして選択。
上部にある【グラデーションを編集】のボタンをクリックしてグラデーションを編集しましょう!


手順4.グラデーションツールを設定する

20160115_04ポップアップで【グラデーションエディター】というグラデーションを編集するパレットが出て来るかと思います。
ここでグラデーションのカラー、位置、透明度を設定します。

まず【プリセット】からしたいグラデーションに近いものを選びます。
今回は上が透明で下がくすんだピンクというグラデーションにしたいのでそれに近いものをクリックして選択します。
選択したら下の【グラデーションタイプ】のバーを編集します。
上の透明はもう出来ているので下のくすんだピンクを設定させます。
左のブルー枠内の四角をクリックしますここでカラーを設定できます。
クリックすると下の【カラー】が編集できるようになっているかと思います。
【カラー】の横の四角をクリックするとポップアップで【カラーピッカー】が出て来ると思うのでここでしたいカラーをクリックして選択し【OK】をクリックしてください。

【グラデーションエディター】に戻ったら【グラデーションタイプ】のバー左のグリーン枠内の四角をクリックして透明度の編集をしてください。
下の【不透明度】の編集が出来るようになっているかと思います。
こちらのくすんだピンクは透明にしないので特にいじりません。
またバーの四角や三角を移動することによりカラーの位置、濃度を編集することが出来ます。
今回はいじりませんがぜひ試してみてください。
編集が完了したら【OK】をクリックしてください。


手順5.オブジェクトにグラデーションをかける

20160115_05グラデーションをかけたいものにドラックしてかけてみてください。
最初は上手く行かないかもしれませんが何度か挑戦してお好みのグラデーションになるまで頑張ってみてださい。
これは感覚なので慣れが必要です。


以上がPhotoshopでのグラデーションのかけ方となります。
これだけでだいぶイラストが良くなったのがわかりますでしょうか?
ぜひ皆さんもグラデーションをかけて可愛いLINEスタンプをより可愛くしてくださいね!

使用スタンプ【アン眠ゴラうさぎ


この記事を執筆した人

ぬー
ぬー@Nuteeeen)デザイナー
毎日雑務こなしています。

コメントへの返信

入力エリアすべてが必須項目です。※メールアドレスが公開されることはありません。


更新情報


Twitter



合同会社ジョイネットは、東京都渋谷区でホームページ制作を行う専門会社です。

ホームページ制作、システム開発、ウェブマーケティング、リスティング、SEO対策などのインターネットに関わるお仕事をしております。

合同会社ジョイネット

〒151-0051 東京都渋谷区千駄ヶ谷1-22-3 三瑛ビル4F