tutorial

A collection of 6 post

イラストレーターLiquid Bunnerアイデア

バナーアイディアを制作チュートリアル動画と共にとしてまとめて行きたいと思います。(備忘録) 今回の作成の要点 今回は白銀比で円を複数作成 16px × 1.414 ベースとなるメタボール作成する 配置したオブジェクトを選択して、 から → オフセット +40px もう一度 → オフセット -40px 角の形状は 出来上がったメタボール上のオブジェクトを複製して好みでリフレクトしたり、個別変形する ベースメタボール複数を再度上記工程で作成などして複数オブジェクト作成 グラデーションやパターンを使って装飾仕上げ

イラストレーターを使ったロゴアイデア/黄金比を使って文字ロゴをデザイン

ロゴアイディアを制作チュートリアル動画と共にとしてまとめて行きたいと思います。(備忘録) 今回の作成の要点 黄金比・白銀比を有効に使う シェイプ 形成ツール  +  を使い、パス・オブジェクトを効率よく拡張・分離させる Adobe カラーテーマを使い、カラーテーマを決定 グローバルスウォッチを設定 1. 設定したいカラーを選択し、スウォッチオプションを押下し、グローバルにチェックをいれる

イラストレーターでよく使うツール・機能・ツール翻訳 まとめ

個人的な備忘録 作業工程 ショートカット シェイプ形成 グローバルスウォッチを設定 ライブペイントツール ツール翻訳 ショートカット ツール キー 拡大・縮小 長方形 楕円形 ライブペイントツール 機能 キー シェイプ形成ツール切替 + 選択したシェイプ削除 シェイプ形成ツールを選択している状態で  設定したいカラーを選択し、スウォッチオプションを押下し、グローバルにチェックをいれる 3. カーソルキーでスウォッチを変更 でスポイト 4. Japanese English 選択ツール Selection Tool ダイレクト選択ツール Direct Selection…

Ionic-angularでGraphQLデータを取得する / ionicを使用したhybridなアプリを開発する忘備録02

第 2 回目は、フロントエンド側で ionic v4(angular) を構築して Graphql で値を取得していきたいと思います。 作業工程動画 作業工程 Ionic をローカルプロジェクトとして構築する GraphQL 接続してみる Code 1. Ionic のコマンドラインを global にインストールします。 次は Ionic のコマンドラインを使ってプロジェクトを作成します プロジェクト名など聞かれますので任意の名前入力したり、選択したりします。 今回は プロジェクト名を  として template…

Firebaseでgraphqlサーバーを構築する(NestJS) / ionicを使用したhybridなアプリを開発する忘備録01

これから何回に分けて ionic というアプリケーションフレームワークを使用して、Web/iOS/Android アプリ全てを同時に開発するチュートリアルを作成していきたいと思います。 チュートリアルと言っていますが備忘録的な側面もあるので、何かおかしい点などがありましたら是非ご指摘ください。 第 1 回目は、バックエンド側で Firebase Functions を使用して Graphql サーバーを構築していきたいと思います。 作業工程動画 作業工程 Firebase プロジェクトを作成・ローカルディレクトリと接続する Nestjs で Graphql サーバーを構築する Graphql…

After Effectsで作成したシェイプ アニメーションをweb実装出来るLottie-webを試してみる備忘録

作業工程動画 作業工程テキスト Affter Effects に bodyMovin をインストール Pacel を使ってブラウザ表示用のファイル作成 つまづきポイント Code 1. lottie-webのリポジトリの README にいくつかのインストール方法の記載があるのでどれかの方法で AfterEffects に bodyMovin というエクステンションをインストールします。 オプション 1 がお勧めの方法になっていたのですが、Adobe creative cloud…