2016.01.12(Tue)

LINEスタンプ、 背景角丸にすると可愛すぎワロタwwww

LINEスタンプ、 背景角丸にすると可愛すぎワロタwwww

この記事を執筆した人

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

皆さん、可愛いLINEスタンプ作れていますでしょうか?
最近のLINEスタンプは手が込んでいるものが多いですよね!
背景をつけることなんて日常茶飯事!
でもただ単に背景をつけても可愛さは演出できません!!
細かい気配りが出来てこと本当の可愛さっていうのものが生まれるのです!!
そこで今回は背景の角を角丸にしてさり気無い可愛さ、一歩上の背景の作り方をPhotoshopの一番簡単な作り方で作ってみたいと思います。


Photoshopで型となる角丸長方形を作る

手順1.角丸長方形ツールを出現させる

20160112_01ツールボックスの【長方形ツール】を長押しすると画像のように【角丸長方形ツール】が出現するのでこちらをクリックしてください。


手順2.角丸長方形の設定をする

20160112_02角丸長方形ツールをクリックして選択出来たら上部オプションバー内の【塗り】【線】のボックスをクリックしてそれぞれ選択してください。
今回は画像のように【塗り】だけ色をつけて【線】はナシにしてください。
※【塗り】の色は何色を選択して頂いても構いません。
※角丸長方形を作成した後でも編集可能です。

【塗り】と【線】の選択が出来たら【ドキュメントウィンドウ内】をどこでもいいのでクリックしてください。
ポップアップで画像のような【角丸長方形を作成】というウィンドウが出て来るかと思います。
LINEスタンプの作成可能範囲である【幅:350px】【高さ:300px】と入力して【半径】は角丸の丸みの部分になりますのでお好きなサイズを入力してください。
ここでは10pxとさせて頂きました。
入力が全て完了しましたら【OK】ボタンをクリックしてください。
角丸長方形が作成できたかと思います。


作成した角丸長方形を中央に配置する

20160112_03作成した角丸長方形のレイヤーを選択したまま、ツールパネル内の【移動ツール】をクリックして選択しキーボードの【Ctrlキー】と【Aキー】を押しドキュメントウィンドウ内を全てを選択させます。
その状態のまま上部オプションバー内の【垂直方向中央揃え】と【水平方向中央揃え】をそれぞれクリックしてください。
すると角丸長方形がドキュメントウィンドウ内の中心に配置されるかと思います。


角丸長方形にカットする

手順1.角丸長方形の選択範囲を作る

20160112_04まずレイヤーの順番ですが必ず【カットしたい背景】が【角丸長方形】の下になるようにしてください。
その状態で【角丸長方形のレイヤー】を選択し【レイヤーのアイコン】部分をキーボードの【Ctrlキー】を押しながらクリックしてください。
すると【角丸長方形】が選択されるかと思います。


手順2.選択範囲を反転させる

20160112_05もう【角丸長方形レイヤー】は必要ないのでレイヤーの左横についている目玉マークをクリックして見せなくするかレイヤーパレットの下部についているゴミ箱へ持って行くかクリックして捨ててしまって問題ありません。
※その際、絶対に選択範囲が解かれないように注意して行ってください。
※背景をカット後に消しても問題ないです。

続けてメニューバーの【選択範囲】をクリックして【選択範囲を反転】をクリック。
選択範囲が【角丸長方形】の外側を選択している状態になっているかと思います。


手順3.カットさせる

20160112_06カットしたい背景レイヤーを選択してキーボードの【Deleteキー】もしくは【Back spaceキー】を押してください。
綺麗に背景の角が角丸になっているかと思います。


いかがだったでしょうか?
工程が少しあるので難しいように感じるかもしれませんが行ってみると凄く簡単なのでぜひ背景を角丸にしてよりワンランク上の可愛いスタンプを作ってみてはいかがでしょうか?

使用スタンプ【カノジョの妹スタンプ


この記事を執筆した人

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

コメントへの返信

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


更新情報


Twitter



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

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

合同会社ジョイネット

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