Internship Blog June 2017

インターンシップ生ブログ

未分類

Photoshopでキラキラ効果を作る方法

投稿日:2017年6月14日 更新日:

こんにちは。MIYAです。
実習8日目。本日は、Webサイトで使う、見出しやグローバルナビゲーション、リンクボタン等のパーツデザインの作成をしました。大物から小物まで様々ですが、その中で作成した1つがこちら。

簡単そうだ!と思って作成に取り掛かったのですが、手が止まったのが右側にあるキラキラたち。これ、Photoshopで作るにはどうしたらよいのでしょう?今回はこの作り方についてご紹介します。

※ちなみに、Illustlatorでのキラキラ星の作り方は先日の北野さんの記事「抹茶ラテを作ろう」で紹介されています!

シンプルなキラキラ効果の作り方


では早速、一番シンプルなキラキラ効果の作り方をご紹介します。とても簡単でした!

1.ブラシで直線を引く

新規レイヤーを作成し、ブラシツールで横方向の直線を引きます。今回は線の太さを、1pxで設定しました。

この時、SHIFTキーを押しながら描くとキレイな直線になります。

2.線の両端をぼかす

メニューバーの[フィルター]→[ぼかし]→[ぼかし(移動)]より、直線の両端をすっとひきのばしてぼかしてやります。

ぼかしのウィンドウが見づらいのですが…、プレビューにチェックを入れて自分が程良く思う長さに調整します。

3.線を複製する

この線をもう1つ複製して、90度回転させます。これで十字型の光っぽいものになりました。

4.輪をつくる

円を作成し、レイヤースタイルで境界線の効果を追加します。この時の線の太さは5pxにしました。欲しいのは境界線の箇所だけなので塗りは0%にします。
さらに、メニューバーの[フィルター]→[ぼかし]→[ぼかし(ガウス)]で輪の輪郭をぼかします。

これで完成です。

もっとキラキラにする!


この程度の輝きでは物足りない!という場合は、縦横の線だけではなく斜め方向にも線を追加してください。このとき、線の長さは縦横線の半分くらいの長さにするのがポイントです。

キラキラ効果を沢山使ってみた


キラキラ効果を追加するだけで、写真の雰囲気もずいぶんと華やかになりました(笑)まだまだ知らない編集技術が沢山あるので、1つ1つ習得していきたいと思います。

-未分類

執筆者:


comment

関連記事

世界のWordPress

こんにちは、北野です。 実習14日です。 今日は、WordPressについて調べてみました。 毎日、WordPressでブログを書いているのですが、実はあまり分かっていません。 実習に来る前に聞いたこ …

Web技術の動向を把握する方法

こんにちは。MIYAです。 実習3日目。本日の実習では、前日に作成した自己紹介スライドをもとに、ふたっぱの皆様の前で自己紹介をさせていただきました。その後、ふたっぱさんの業務内容等について教えていただ …

フォントの選び方を考える

こんにちは、北野です。 実習16日目です。 パーツのデザイン・制作を続けています。 今日はシンプルなパーツを作りました。 ほぼ文字だけのものです。 文字だけですと、文字が読めなくては、いったいなんのパ …

初心者マーク

こんにちは、北野です。 実習17日目、最終日です。 あっという間の1ヶ月間でした。 短い期間でしたが、ここ株式会社ふたっぱ様ではたくさんのことを教えていただきました。 自分なりにですが、学べたことも多 …

人物写真をデッサン風に加工する方法

こんにちは。MIYAです。 実習15日目。今週もWebサイトのパーツをゴリゴリ作成しております。 今回は、Photoshopを使って人物写真をデッサン風にアレンジする方法をご紹介します。 ちなみに、も …