photoshopでグリッチアートを描いてみよう

glitch-tn-01

皆さまごきげんよう。

本日はphotoshopでグリッチアートを描いて、それを元にアニメーションGIFを作ってみましょう。

目次

前回のIllustrator編はこちらからどうぞ↓

Illustratorでグリッチアートを描いてみよう

“photoshopでグリッチアートを描いてみよう” の続きを読む

photoshopで惑星を描いてみよう

planet-thumb

皆さまごきげんよう。本日は前回作った宇宙空間に惑星を作って配置してみます。

宇宙空間は前回の記事、photoshopで宇宙空間のイラストを描いてみよう を参考に作ってみてください。

目次

“photoshopで惑星を描いてみよう” の続きを読む

photoshopで宇宙空間のイラストを描いてみよう

space-03

皆さまごきげんよう。このところ宇宙やサイバーチックな画像を作るのが楽しくてはまっています。これから何回かに分けて、いろんなテイストのデジタルイラスト作成法をシェアしたいと思います。

本日はphotoshopを使って宇宙空間のイラストを作ります。

目次

  1. 小さな星くずレイヤーを作る
  2. 大さな星くずレイヤーを作る
  3. 雲模様1で星雲の元レイヤーを作り、色を塗っていく
“photoshopで宇宙空間のイラストを描いてみよう” の続きを読む

Illustratorでシームレスパターンの作り方

ai-pattern00

皆さまごきげんよう。

本日はIllustratorでシームレスパターンを作ってみようと思います。

毎度自分が忘れがちな点を、備忘録としてまとめてみました。どうぞお付き合いください。

目次

  1. illustratorの初期設定
  2. レイヤー構造
  3. オブジェクトを配置しパターンを編集する
  4. オブジェクトの書き出し
  5. Illustratorでありがち、謎の小数点を消す
  6. Illustratorで書き出したパターンに白い線が出てしまう時の対処法
“Illustratorでシームレスパターンの作り方” の続きを読む

photoshopでシームレスパターンの作り方

ps08

皆さまごきげんよう。

今回はphotoshopでシームレスパターンを作り、パターンファイルを書き出してみます。

どうぞお付き合いください。

目次

  1. オブジェクトを配置しラップアラウンド
  2. シームレスパターンの作り方の基本
  3. パターンを編集する
  4. パターンの登録とファイルの書き出し
“photoshopでシームレスパターンの作り方” の続きを読む

ワードプレスの任意の要素ににp5.jsを実装する

2022.1.10 更新

皆さまごきげんよう。

本日は前回の記事、「ウェブサイトの任意の要素ににp5.jsを出力する」の実践編として、ワードプレスの任意の要素にp5.jsを表示させてみようと思います!(最初から読んでみたい方はこちら↓も合わせてご覧くださいませ)

目次

  1. p5のsketch.jsファイルを用意する
  2. sketch.jsファイルをphpファイルに読み込ませる
  3. ワードプレスに外部ファイルを読み込ませる
  4. まとめ
“ワードプレスの任意の要素ににp5.jsを実装する” の続きを読む

ウェブサイトの任意の要素ににp5.jsを出力する

2022.1.10 更新

皆さまごきげんよう。

本日は前回の続き、p5.jsで作ったスケッチを任意の要素に出力してみようと思います。

前回の記事はこちら→ウェブサイトの背景画像にp5.jsを使う方法

目次

  1. p5でsketch.jsファイルを作る
  2. htmlファイルを作る
  3. 任意の要素ににp5.jsを出力する
“ウェブサイトの任意の要素ににp5.jsを出力する” の続きを読む

©2022 freyjasrm.com