Processingでループアニメーションを作成しよう!ChatGPTにコードを書いて貰う方法

IllustratorとPhotoshopで作る、ワンランク上のサイバー風イラスト制作術

皆さまごきげんよう。

本日は、以前の記事でphotoshopとIllustratorで作成したオブジェクトを組み合わせてphotoshopで加工することにより、イラストの完成度を上げてみる試みです。

ぜひ以下の記事を順番にご覧下さい。その後、JPEG画像とIllustratorのオブジェクトがある状態でこの記事を読むと、より理解が深まることでしょう。

  1. photoshopで宇宙空間のイラストを描いてみよう
  2. Illustratorでサイバー風イラストを描くための6つのヒント

このチュートリアルで使える素材がダウンロード出来ます!記事の最後にダウンロードリンクをご用意しているので、ぜひ最後までご覧くださいませ。

目次 

“IllustratorとPhotoshopで作る、ワンランク上のサイバー風イラスト制作術” の続きを読む

Illustratorでサイバー風イラストを描くための6つのヒント

astronomy-07

皆さまごきげんよう。

本日はIllustratorでカッコいいサイバー風イラストを描いてみましょう。

さらに今回はIllustratorで使えるブラシファイルを、読者の皆様にプレゼント!記事の最後にダウンロードリンクを掲載しています。ぜひ最後までご覧ください。

目次

“Illustratorでサイバー風イラストを描くための6つのヒント” の続きを読む

ブログ記事作成を徹底的に時短!ChatGPTの活用法

皆さまごきげんよう。

ウェブサイトを運営する上で、良質な記事を定期的に投稿することは重要ですが、記事を書くのに多くの時間や手間がかかることも事実です。そこで、最近では人工知能を利用した自動記事生成のツールが注目されています。

本記事では、その中でも特に今、大・大・大注目のChatGPTを利用したブログ記事作成のメリットと使い方について実際に使ってみながらレポート致します。

それでは行ってみましょう!

目次

“ブログ記事作成を徹底的に時短!ChatGPTの活用法” の続きを読む

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を実装する” の続きを読む

©2012 freyjasrm.com