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

関連記事

Photoshopで水滴

こんにちは、北野です。 実習11日目です。 暑い季節になってきました。 梅雨入りしてから雨がふっていません。 今日は、Photoshopで水滴を作ってみました。 かなり難しかったです。できたのは奇跡と …

自己紹介

はじめまして、北野と申します。 本日より、株式会社ふたっぱ様にて実習生としてお世話になります。 実習生といいましても、年季が入っておりまして、サイトってなに?サーバーってなに?と、そもそもからはじめな …

初心者マーク

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

IllustratorとPhotoshopで和紙

こんにちは、北野です。 実習12日目です。 ひたすらひたすらパーツとバナーを増産しています。 使えるものかどうかわかりませんので、実質は増えていないかもしれませんが。 少しワンパターンになってきました …

Illustratorで金メダル

こんにちは、北野です。 実習10目です。 パーツを作り続けています。 今回はIllustratorで金メダルを作ってみました。 この方法が正しいのかは、まだ分かりません。 でも、見た目は金メダルに見え …