その他

2022.08.26

写真にたったひと手間加えるだけでオシャレに!?加工テクニック3選

こんにちは、デザイナーのC.Abeです。

皆さんはInstagramなどのSNSをやっていますか?
撮った写真をそのまま上げてもイマイチだなと思ったり、もっとオシャレに見せたいなと思ったことはないでしょうか?
今回はオシャレに見せることのできる加工テクニックを3つご紹介いたします!

今回はこちらの写真を使用したいと思います。

これだけでも十分ですがさらにひと手間加えることでオシャレになります…!
ではさっそくやってみましょう!

①画像の上下中央、左右中央に線を入れる

写真の上に線を重ねるだけの簡単な方法です。
上下中央と、左右中央に線を入れるだけでもオシャレに見せることが出来ますね!

加工後
加工前

▼使用したもの
・線(白/太さ10px)

②透け感のある枠と文字を重ね入れる

画像の内側に透かしのある枠線を付け、そこへさらに写真に写っているものを英語にした文字やオリジナルの文字を入れることでオシャレに見せることが出来ます。
文字は横書きのまま入れるだけでも、今回のサンプルで作った写真のように向きを90度変えて入れてもどちらでもオシャレになります!

加工後
加工前

▼使用したもの
・枠線(白/不透明40%)
・英語文字:Futura PT

③ぼかした写真のうえにさらに小さくした写真を重ねる

同じ写真を2枚用意し、1枚は何が写ってるかギリギリ分かるくらいまでぼかします。
ぼかした写真の上に小さくした写真を重ねます。最後に重ねた写真の周りに枠線を付けて完成です!
立体感が出て1つ目に紹介したものとはまた違った見せ方になったのではないでしょうか!?
枠線の色も濃いグレーにすることで落ち着いた雰囲気になりました。

加工後
加工前

▼使用したもの
・ぼかした写真(Photoshopのフィルター:ぼかし(ガウス)半径8.0px)
・枠線(濃いグレー(#333333)/5px)

まとめ

たったひと手間加えるだけで同じ写真でも違った見え方になります。
写真の見せ方に迷っている方は今回紹介した見せ方を参考にしてみてはいかがでしょうか?
紹介したもの以外でも様々な見せ方があるので、ご自身に合った加工テクニックを身に付けていきましょう!

この記事をシェアする

関連記事

  • 2024.03.22

    Webデザインにおけるアニメーションについて考えてみた〜実例編〜

    その他

  • 2024.03.12

    Webデザインにおけるアニメーションについて考えてみた〜メリット・デメリット編〜

    その他

  • 2023.12.30

    案件を切り替える拡張機能「Project Manager」が便利!

    その他

おすすめ記事

  • 2021.02.26

    SEO対策に効果的!?headに入れるメタタグの種類と使い方

    その他

  • 2021.09.14

    【似顔絵実績】イラストショップSPIQA&ARTで作成した似顔絵イラストをご紹介します!

    その他

  • 2021.04.08

    【勝手にWEBサイトレビュー#25】縦横スクロールの動きが面白いページ

    その他

TAG

×