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

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

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

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

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

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

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

スクロールさせるとアニメーションさせるjQueryプラグインはたくさんありますが、今回はWaypoints.jsを使った方法を説明します。アニメーションさせたい要素が複数ある場合や、それぞれ違う動きを...

HTMLを使った静的サイトを作成するとき、headerやfooterなど共有部分をパーツ化することで効率的にサイトを作ることができます。ページごとにheaderやfooterを何度も書く必要がなく、共...

今回はDreamweaverでCompassを設定する方法を説明します。Compassの開発は2016年に終了しているので本来であればAutoprefixerを使うことがベストです。ただDreamwe...