Portfolio

TOU-KEN/tou-k/Red bullet

画像

エフェクト制作

Aftere ffect

一覧

クリック!
  • 文字が光りながら出現
    プラグイン:saber

    • 1. 比較的に簡単。

    • 2. チュートリアル参考。

    • 3. 結構かっこいい。

    • 4. テキストでもマスクでも作れる。

    文字が光りながら出現saber使用
  • リアルな水面
    素材なし

    • 1.まあまあ簡単。

    • 2.チュートリアル参考。

    • 3.水を扱う企業のHPとかで。

    • 4.データは重め。

    リアルな水面素材なし
  • 南国風な水面
    素材:背景イラスト

    • 1.少々手間がかかる。

    • 2.チュートリアル参考。すごく丁寧で分かりやすい。

    • 3.背景イラストを合成してイイ感じ。

    • 4.チュートリアルは平面だったので3Dカメラ追加。が、これが重い。

    南国風な水面海と雲のイラスト
  • 手書き風
    素材:ダストマンさん配布

    • 1.ベースを保存できる。画像差し替え可能。

    • 2.ダストマンさん参考。

    • 3.カメラワークで演出色々

    • 4.動画素材は背景ができるだけ固定のものが良い。

    手書き風素材:ダストマンさん配布
  • 文字が光になって消える
    素材なし

    • 1.砂になって消えるエフェクトの応用。

    • 2.チュートリアルなし。

    • 3.パンッとはじけるように。

    • 4.数値を変更すれば色々な動きに変更できる。

    文字が光ってはじける素材なし
  • 素材ゼロでエヴァカウンター
    ちょっとだけプレミアプロで編集

    • 1.デザイン含めてすべてAEで作成。

    • 2.チュートリアル参考。デザイン作成時の数値設定に苦戦。

    • 3.テキストを変えて結婚式入場などに使用され人気。

    • 4.アニメーションはオリジナルで追加。

    素材ゼロでエヴァカウンター素材なし(効果音除く)
↑カラフルバーをドラッグでスライドできるよ!

動画編集

Premiere Pro

一覧

クリック!
  • N`s yoga様 : ヨガ教室
    イントロ/Pv

    • 1. イメージ : きれいに。女性らしく。

    • 2. ベース : mixkit

    • 3. 選曲 : ポップで明るいイメージ?

    • 4. 尺 : YouTubeでも使えるよう、長過ぎず、短過ぎず。

    イントロ/PvN's yoga様:ヨガ教室
  • 株式会社東建工業 : ウォータージェット
    イントロ/Pv

    • 1. イメージ : HipHop番組のオープニング風

    • 2. ベース : mixkit

    • 3. 選曲 : 社長の好きな曲

    • 4. 尺 : とにかくテンポ良く

    オープニング東建工業:YouTube用
  • ゲーム実況風動画
    YouTube

    • 1.テロップ入力がしんどい。が、読み上げアプリ(ここでは棒読みちゃん)を使用する場合、そのテキストを併用すればさほど苦ではない。
      読み上げアプリの注意点 : 普通に文章を作成すると読み上げ時に意図しない読まれ方をする場合があるので、その際は文字を変更する。
      例)「本日は」⇒『本日わ』
      またカタカナで発音が変わったりしたので、何度も再生して少しでも聞き取り易くなるよう字体を調整。

    • 2.仕様曲のループの調整にひと苦労。曲のつなぎを目と耳で探し合わせるのに苦戦。アドビ機能の勉強不足。しかし、ポジティブに考えるなら『自力でも可能』ということ。

    • 3.素材の使用条件に注意(ライセンス)

    ゲーム実況風動画テキスト読み上げ/テロップ
  • ゲーム内ムービーを編集
    Pv風

    • 1.ストーリーを崩さず動画編集

    • 2.楽曲使用条件あり(YouTube)

    • 3.最後のプレイ動画は自ら録画。動画使用を意識してプレイするのは難易度が上がる。

    • 4.楽曲のリズムに合わせて動画の切り替えを意識

    ゲーム内ムービー編集Pv風
  • YouTubeオープナー
    bade:MixKit

    • 1.Mixkitをベースに編集追加。

    • 2.少し長めのOP。(16秒)

    • 3.ベースになる各エフェクトの数値変更。

    • 4.曲に合わせてアニメーションを微調整。

    YouTubeオープナーなっチャンネル!
  • Portfolio Video
    DEMO

    • 1.自分のDEMO動画

    • 2.動画編集/曲編集/エフェクト/調整/の流れ

    • 3.反省点:全体的に暗い。次は明るい感じで作りたい。

    • 4.使用曲:クロスドライヴ/風人さん(カッコイイ曲たくさん)

    Portfolio Video自分のDEMO
↑カラフルバーをドラッグでスライドできるよ!

画像編集

Photoshop

一覧

クリック!
  • 画像

    GTA風に加工(濃いめ)

    • 拡大画像 ➡ 

    • 1. 元画像 : 写真

    • 2. アクション使用 : 重ね掛け+α

    • 3. カラー : 個別調整

    • 4. その他 : 自作グラサンあり

    グラセフ風?アクション加工
  • 画像

    ゲーム画像と実在の写真 : MHRise
    合成加工

    • 拡大画像 ➡ 

    • 1. 写真 : ゲーム内フィールドに似た実在写真

    • 2. 合成内容 : ゲーム内キャラクター

    • 3. 色調 : 馴染むように各レベル調整

    • 4. 切り抜き : より自然になるようキャラだけさらに合成

    合成加工ゲーム画像と実在の写真
  • 画像

    デッサン風
    写真加工

    • 拡大画像 ➡ 

    • 1.アクション使用(Painterly-Photoshop Action)

    • 2.このアクションはフォトショが英語版でないとエラーが出る。英語版を追加インストールすればアプリ内の設定で日本語との切り替え可能(都度アプリ再起動)。変換サポートファイル名を変更し任意にパスを無効にする方法もあるが、安全面で不安があるので注意。

    デッサン風写真加工
  • 画像

    グラフィティアート風
    テキストと写真の加工

    • 拡大画像 ➡ 

    • 1.人物写真:ブラシ感を出すためノイズと境界線を主に変更。

    • 2.レンガ壁:同じ画像9枚を向きを変えたりして合成。

    • 3.テキスト:同じテキストを変形させて使用。

    • 4.参考チュートリアルなし。

    グラフィティアート風テキストと写真の加工
  • 画像

    水彩画とぬりえんぴつ
    写真加工

    • 拡大画像 ➡ 

    • 1.こちらもN's yogaインストラクターのナミさんの画像をお借りしました。

    • 2.挿し絵みたいな使用をイメージ。

    • 3.アクションプラグイン使用(水彩画1・鉛筆1)

    • 4.複製してからそれぞれカラー種類を組み合わせ。全体にイメージに合うよう色調補正してます。

    水彩とぬりえんぴつ的な写真加工
  • 画像

    N`s yoga様 : インストラクター
    写真の加工

    • 拡大画像 ➡ 

    • 1. イメージ : 芸術、絵画

    • 2. 色 : 幻想的、抽象的に。

    • 3. 加工 : 人物の反射、外枠合成

    • 4. その他 : 光、影、色調、レベル調整

    ホームページ用画像加工N's yoga様:ヨガ教室
↑カラフルバーをドラッグでスライドできるよ!
  • 【参考動画・サイト:リンク一覧】

  • ➡ サルワカさん(Webデザインでも勉強させてもらってます)

  • ➡ ROOM8さん(イラストレーター用Photoshopショートカットまとめ)

サイト制作

Dreamweaver/その他Editor

一覧

クリック!
  • ホームページ : 個人
    なっチャンネル!/DEMO

    • 1. イメージ : 映画館、ゲーム、スポーツPv、

    • 2. 参考チュートリアル : Tutorialzine CSS3さん

    • 3. 著作権 : 個人責任

    • 4. 全体 : 動きがあって面白いサイト

    個人/ホームページ?なっチャンネル!Plus:DEMO(音声なし)
  • N's yoga

    N`s yoga様 : ヨガ教室
    稼働中

    • 1. イメージ : ヨガの陰陽のように表と裏でページ制作

    • 2. 陽ページ : 明るいイメージで親しみやすく。

    • 3. 陰ページ : ヨガの少しだけ深いところを説明。

    • 4. 改善箇所 : 陽ページの中間のコンテンツが見ずらい。

    N's yoga様/ホームページ稼働中
  • 株式会社 倉和工業
    公開待ち

    • 1. 固くなりすぎないよう手書きイラスト追加(工藤画伯:作)

    • 2. スタイリッシュとコミカル

    • 3. アニメーションは動画を使わずCSS。

    • 4. 全体のバックに動画を流し、下部スクロールに合わせて淡くグラデーションしていく。

    企業/ホームページ株式会社倉和工業様
  • e-sperts画像

    企業/ホームページ
    ㈱東建工業IT事業部

    • 1.e-sportsのサイト設定なので全体を電子なイメージで。

    • 2.画面固定で各コンテンツをパネル表示

    • 3.アニメーションを多く使用

    • 4.プレイ動画は仮想なので直入れしているが、実際に使用する場合はYouTubeなどで埋め込み。

    企業/ホームページ㈱東建工業IT事業部
  • e-sports画像

    仮想サイト
    DEMO制作

    • 1.e-sportsのサイト設定なので全体を電子なイメージで。

    • 2.画面固定で各コンテンツをパネル表示

    • 3.アニメーションを多く使用

    • 4.プレイ動画は仮想なので直入れしているが、実際に使用する場合はYouTubeなどで埋め込み。

    仮想サイトe-sports Clobu
  • 画像

    工事中
    工事中

    • 1.

    • 2.

    • 3.

    • 4.

    工事中工事中
↑カラフルバーをドラッグでスライドできるよ!

デザイン

Illustrator/…ets

一覧

クリック!
  • ブタ画像

    シンプルロゴ
    最初は普通の豚でした。

    • 1.シンプルにデザインしたかったので白黒

    • 2.パスとエンペローグ重ね

    • 3.お試し制作

    • 4.普通のブタを描いてたのに途中から・・・。

    シンプルロゴ最初は普通のブタだった。
  • 画像

    シンプルロゴ2 : ウォータージェット
    ポンプ車

    • 1. シンプル イズ ベスト

    • 2. 単純に黒ベースに文字抜き

    • 3. 枠なし

    • 4. 背景透過

    シンプルロゴ2東建工業
  • 画像

    ポスター/デザイン
    感じるままに制作

    • 1.とにかく直感で

    • 2.なにもかも思いつくままに制作したら

    • 3.いい感じになった

    ポスター/デザイン感じるままに
  • 新企画始動のお知らせチラシ
    ㈱東建工業

    • 1.デザインコンセプト:イベント

    • 2.中央モニターに社長
      社長写真、イコライザー画像、ライブ画像など加工

    • 手前観客は同画像×2枚をサイズ変更+α個別に加工

    • 4.

    チラシ用グラフィックデザイン
  • 画像

    レトロ
    ヴィンテージ

    • 1.昔のマッチ箱をイメージ

    • 2.素材は無料の画像

    • 3.フォントは3種類

    • 4.アクションなし

    レトロでヴィンテージ
  • 画像

    ロゴ
    Tokencrew a,k,a Y`s connections

    • 1.それぞれのテキスト部で詳細設定

    • 2.顔(ニコニコマーク)をイメージ

    • 3.図形にテキスト導入
      (図形のパス上でテキスト展開)

    ロゴ顔っぽく
↑カラフルバーをドラッグでスライドできるよ!
  • 【参考チュートリアル:特になし】

  • イラストレーターでゼロから制作するというよりも、補助的な感覚で使用しています。
    簡単なアイコンなどはすぐ作れて便利ですけど。

  • ポスター/デザインで、はじめて全てをイラストレーターで制作したのですが、使いこなすにはもっともっと×100倍くらい勉強が必要だなと感じましたw

    about

    画像 H・Name : R.bullet(日本)
    Birthplace : かろうじて東京都(大自然に在住)
    Date of birth : 1977.3.6
    Occupation : 株式会社東建工業/IT事業部/Webデザイナー(総合デザイン)
    Education : 第二国際文化理容美容専門学校/ペガサスキャリアスクール
    Hobby : ゲーム(好きだけど...)/PlayStation/switch/ソシャゲ
    sports : サーフィン(もはや丘)/スノーボード(もう飛んだり跳ねたりは…)/パルクール(初心者!)
    likes : 肉とかお肉とかミート
    dislikes : 骨の多い魚(骨ごと食べれる!と言われてもムリ)/和菓子(あんこ類)
    Skills :  java/HTML5/CSS3/premiere pro/after effect/Photoshop/illustrator/Wordpress
    Strengths : 多種多様な職務経験が武器。
    ➡土木(足場、塗装、型枠)/飲食業(キャバクラ、ダーツバー、スタンダードバー、居酒屋)/アパレル(サーフ系)/美容(美容室)/配送(大手家電)/リゾ—トバイト(海の家、雪山(ペンション、チケット売り場、スノーボードスクール)/警備業(指導教1号2号、施設・交通・雑踏:一級を保持)
    comment : チュートリアルを漁るのが趣味。

© 2021 Red bullet
㈱東建工業は、Amazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイトプログラムである、Amazonアソシエイト・プログラムの参加者です。
Copyright(c)2019 Ciaran Walsh Copyright(c)2019 Ciaran Walsh Copyright(c)2019 Ciaran Walsh
back to top