今日は炎のテクスチャを使って写真と合成するテクニックを紹介します。炎の背景が黒であればどんな写真にも馴染ませることができるので、ぜひ試してみてください。 この記事の目次 Photoshopに写真を配置...

今回はテキストも画像もパララックスできるRellax.jsの使い方を紹介します。jQueryに依存しないで使えるプラグインですが、今回はjQueryを使用して説明します。 まずはデモサイトを作ったので...

今回はローディング画面をjQueryで実装する方法を紹介します。アニメーションや画像を多く使っているサイトにおすすめです。 デモサイト この記事の目次 HTMLに書くこと CSSに書くこと image...

WordPressのGutenbergではブロックごとにテキストや画像を入れます。ブロックとは以下のようにアイコン化されていて、入力したい内容に沿って選択します。（例：画像を挿入したかったら画像のアイ...

ガラスのような半透明のものを切り取って、背景と合わせる方法を紹介します。半透明なものであれば基本的に何でも切り取れるので試してみてください。 この記事の目次 事前準備：レイヤーを配置する 半透明のグラ...

今回は折りたたまれたような複雑なシワにイラストや文字を合わせるテクニックを紹介します。布や紙などの素材の質感まで反映されるので使えると便利です。 この記事の目次 レイヤーを配置する シワを反映させる素...

今回は洋服などにあるシワに文字を馴染ませる方法を紹介します。上の画像は実際に服のシワにテキストを馴染ませています。 この記事の目次 シワの上に文字を配置する 文字をシワに合わせて変形させる 服と文字を...

今回はPhotoshopで写真を水彩画にように見せるテクニックを紹介します。説明をする前に必要なブラシや紙素材をタウンロードしておきましょう。 水彩ブラシ01 Free Hi-Res Watercol...

今回はPhotoshopを使ってシミやニキビなどの肌荒れを消して、自然な美肌に補正する方法を紹介します。余計なモノは消しつつ、肌の質感は残せるのでポートレートなどに役立つテクニックです。 作業環境は以...

WEBサイトを制作する上で重要になってくるのがフォント選び。どの機種、どのブラウザでも同じフォントで見えることが望ましいですが、それがなかなか難しい。有料WEBフォントを使わない限り、同一のフォントで...