A solo prop. & small business owner

I just got a phone call from a local small business owner. The person, I don’t know how the person found me, need 2,000 business card estimate. I recommended to use CostcoBuisinessPrinting.com.

Why?

It’s because of the cost!

First I’m always looking for a job and client, the size doesn’t matter. I myself just a single freelance for design, multimedia (video, animation, web dev etc…) productions. Working with a small job is relatively much easier and quicker turn around because less people involved that a mid-size to large corporation. Always welcome a small business client or individual. But now a days, thanks to the internet and web-based services, a lot of things can be done by non-professionals. Like brochures, business card even website.

Print collateral

I recommend costcobusinessprinting.com or shutterfly.com etc… google “custom business card, brochure etc…” you can find a very good deal and tons of design templates to choose from. You can upload your own photo taken by yourself from your smartphone and easily layout using the templates and order desired quantity. These sites are very well done and High Quality Do it yourself production. Also the printing cost is unbeatable because of the quantity they can handle. Professional printing shop also uses an ink-jet printer , slightly complex and higher quality (on demand printer) than one you have, but they run thousands of them simultaneously. So they can handle a small lot as well. Also shipping cost, they can make a good deal with logistic companies. + the can locate somewhere cheaper than CA.

Website

WordPress is one of the most famous website builder, if you sign up your domain with an ISP(internet service provider) such as GoDaddy or Bluehost, it’s come with it. And you don’t need to know any HTML/CSS, It’s a bit complicated for a beginner at the beginning but a lot of instructions are also available via the internet, thanks to YouTube! So you can build a good looking your own business (or personal blog) website so quickly, easily (once you got started) and free (except the hosting fee and the domain fee etc… but something like $25/months)

MS Office 365 and Google Drive and apps

I think you know that MS Office (Word, Excel, PowerPoint etc.. + storage) and Google similar services are free to use (some limitation on MS Office 365). I’m pretty sure some people uses only a tablet for business, no more computer, no more office space (Starbucks 😎).

So what professionals do then?

It’s a super good question, I’ve been asking to myself for a long long time. The simplest answer is “Time is money“. A good sense (design sense + skills) take a long time of studies, practices and experiences. So you are hiring a professional to save your time. And also your have to know what exactly you want, a clear vision and have to know where to look for.

Also It’s good idea to find out what you CANNOT DO by yourself. You’ve tried and stuck somewhere, then ask for a professional advise, once the problem is clearly outlined, it’s easy to find out why you need a pro. and what type of pro you need. So we can answer your questions much easily and efficiently.

On last thing, a good service is the best marketing 😃

SVG (scalable vector graphic) animation

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
  <rect x=0 y=0 width=100 height=100 fill="black" />
  <circle cx="20" cy="20" r="20" fill="red" />
</svg>

SVG animation with SMIL

<svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg">
<rect x="0" y="0" width="100" height="100" fill="black"></rect>
  <circle cx="20" cy="30" r="20" fill="red">
    <animate attributeName="cx" from="0" to="100" dur="2s" repeatCount="indefinite"></animate>
    <animate attributeName="cy" from="30" to="100" dur="2s" repeatCount="indefinite"></animate>
</circle>
</svg>

You can use Javascript to manipulate element

var svg = document.getElementById('IDNAME');

and/or CSS

@keyframes

<style>
.wrapper{
height:400px;
width: 400px;
background:#111;
text-align: center;
overflow: hidden;
}
.svg-wrapper {
  height: 60px;
  margin: 0 auto;
  position: relative;
  top: 50%;
  transform: translateY(-50%);
  width: 320px;
}

.shape {
  fill: transparent;
  stroke-dasharray: 140 540;
  stroke-dashoffset: -474;
  stroke-width: 8px;
  stroke: #19f6e8;
}

.text {
  color: #fff;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 22px;
  letter-spacing: 8px;
  line-height: 32px;
  position: relative;
  top: -48px;
}

@keyframes draw {
  0% {
    stroke-dasharray: 140 540;
    stroke-dashoffset: -474;
    stroke-width: 8px;
  }
  100% {
    stroke-dasharray: 760;
    stroke-dashoffset: 0;
    stroke-width: 8px;
  }
}

.svg-wrapper:hover .shape {
  -webkit-animation: 0.5s draw linear forwards;
  animation: 0.5s draw linear forwards;
}
</style>
<div class="wrapper">
<div class="svg-wrapper">
  <svg height="50" width="320" xmlns="http://www.w3.org/2000/svg">
    <rect class="shape" height="60" width="320" />
  </svg>
   <div class="text">HOVER</div>
</div>
</div>
HOVER

git cli update

My previous post was to introduce git, this one is for CLI update/note:

REMOTE

$ git init ProjectName.git --bare (create remote empty git repo as origin master to push)

$ git push --set-upstream origin BranchName. (To push the current branch and set the remote as upstream)

$ git push -u origin myBranchName

$ git remote -v (List remote repo)

$ git remote add <name> <url> (add remote repo <name> = “origin”, url = server.com:/where/the/project.git)

FILE

$ git checkout --filename.ext (remove the file filename.ext from git)

$ git status (show current status of git, I execute it before git add .)

$ git restore filename.ext (before commit, restore the file to previous status, even file is saved, the content is back to the before)

CLEAN UP GIT

$ git clean -df projectName (clean up git)

$ git log --oneline --graph (show list of commit.)

$ git reset --hard HEAD (go to current HEAD.)

$ git reset --hard HEAD^ (go back to the 1 commit from current HEAD.)

$ git reset --hard HEAD~2 (go back to the 2 commits from current HEAD.)

$ git reset --hard index (go back to the commit where the index is)

UPDATED 09/16/2021

Just encounter an accident, so I’m updating the post.

Accidentally overwritten a file!! OMG. A awesome thing about git is you can retrieve a file or files later. Usually right after you save a file and notice a mistake and Ooops, I shouldn’t save the file, in stead save as different file name. Anyway if you saved and noticed, means you have not git commit the change. So simply:

$ git status (show status what has been modified)

$ git restore fileName (restore the file)

IMPORTANT: Once you notice, you need to change the file name before do git restore, so you can have both.

If you’ve already git add . + committed, you should use

git reset --hard HEAD^ (go back to the 1 commit from current HEAD.)

IMPORTANT: before git reset, always nice to have a current backup somewhere else in local or remote.

UPDATED 06/09/2022

find remote branch names

$ git remote -v show origin

pull the remote branch

$ git pull branch-name

git? A powerful tool for manage your project.

Do you know or have you heard “git” or maybe “github”?

Wiki definition

Git (/ɡɪt/)[7] is software for tracking changes in any set of files, usually used for coordinating work among programmers collaboratively developing source code during software development. Its goals include speed, data integrity, and support for distributed, non-linear workflows (thousands of parallel branches running on different systems).

Even you are not a programmer or computer software/web developer, I think this tool is a super useful. If you only use Word, Excel etc.., anything that you need to save some data as a file, it’s very helpful to manage your project.

EXAMPLE: You are working on a project to input some data to an Excel spreadsheet. You boss come and ask to add a new column [Gender] and input (F) or (M), so you follow the order. A few days later, your boss came again and ask to add other 2 columns [F] and [M], divide data [Gender] to [F] and [M], if it’s (F), input “1” to [F} column, if it’s (m), [M] to 1. So you worked on the devision. Next day, your boss come again and said bring back to [F] and [M] to [Gender] and a few days later… Things like this happen all the time, isn’t it.

If it’s simple(but stressful 😫) as the example, probably when you’ve asked to add the 2 columns, you save the current file as different file name as a backup before adding these, and you continue working on the same file. So list,exl and list-backup1.exl. But I’m pretty sure that your boss come again and ask more changes… and so on, You’ll make so many backups and alternative files, the project folder getting messy easily. Imagine if you are saving files at the Desktop… nightmare!! Also if are working with some other collaborators to share the folder or even a file together, it’s so hard to manage and track what’s going on in the project folder, what have been changed and by who.

git can help manage the project.

The GUI (Graphic User Interface) is available for free, I recommend Sourcetree, available both Mac and Windows.

  1. download from Sourcetree’s website
  2. install
    • (if you have some problem with Mac Mojave or later, simply move the downloaded app to Applications folder and launch, The OS prompt you to allow access to the app, type your OS user password to authorize.)
    • It’s good to se Author name and Author Email address especially if you work with others but it’s up to you. You can change this setting later too
  3. New (cmd⌘+ N || CTL+N), select [local]. Add a folder Drag/Drop | [Scan a directory] to select a folder where you want to start using git.
  1. Once you select a folder, click on the folder name,
  1. then the project window appear, it’s look like this. (I’ve add a folder called “GIT”)
  1. Start a new excel file and just save it, it ‘s automatically appear to the git screen, at the “File status” on the left menu bar under WORKSPACE but it’s not yet in the tracking system, so you have to commit the file.
NOTE: if your file still open ~filename appear, when you close the file, it will be disappeared.
  1. To commit the file, select the file (check the box), it will automatically move to Stage files section and at the bottom “Commit” section, type “my first git commit” or something you can refer later and press [Commit].
  1. Switch view to “History” at the left menu bar. You see the fie added to the git system. Congratulations! You get started to using git.
  1. git watches all the files contained in the folder, so if you create another file, Word, it also tracked by git. You can work on it and save it and commit to add to the History. Every time you commit, you commit to Master branch.
  2. When boss come and divide a column to 2, you can make a branch to keep the original and start new branch to record the new history.
  3. To make a branch, click on “Branch” on the top menu and type name of branch as you like, let’s call it “gender”.
  1. You work on the excel and save it, now you are committing to the new branch “gender”. So the master is untouched as before you committed to the new branch.
  1. Switching (checkout) over 2 branches “Master” and “gender” by clicking BRANCHES at the left bar to see how the files in the folder changes.
  1. Merge, when you are done with a specific changes such as [gender] column, you can merge the branch together, merge “gender” to “Master” branch

GIT REMOTE

Working with collaborators using git is just amazing, you can work a same file with them at the same time and sync changes when you need to. or share your experiment with them etc..

GitHub is built for a remote git storage, storage called a “repository” in git, share a git repo to the world. You can download (git clone) to your computer (local) whatever uploaded to GitHub as public. And it can be shared ONLY for private too. GitHub has became so popular, maybe that’s why it sounds familiar to you too.

To work with remote git repository using Sourcetree,

  1. First, you have to have a remote git repository, in your own cloud server, GitHub.com etc..
  2. The name of repo has to be the same, so If you started GIT.git in your local, create an empty remote repo as the same name.
  3. Once you have the remote git repo, click “Setting” from the top right, select to “Remote” tab, [Add] to add a new remote git to store the git.

Type remote git name as “origin‘. Then URL/path “https://koo-ds.com:/data/git/GIT_TEST.git“, where you put the remote repository. If you push to GitHub, the option, select Host Type such as GitHub, Host Root URL will automatically filled as https://github.com, then type your GitHub Username. (when sourcetree try to connect to the remote server, it will ask you to type your username and password.)

Now you can push your project to remote server, select REMOTES at the left and select your server where you want to access to, Then “Push” at the top bar. You can select what branch you want to upload. Then It will connect and send git data to the remote server. When you are working the project from different computer, start new and “clone” the data from the remote repo, then add all files to your new local git repo and commit, push back to the remote repo, then go back to you original computer and “Pull the changes to it. You can work with collaborator remotely do the same.

work => save file => git add all => commit => push THEN pull => work => save => git add all => commit => push =>…

GITHUB Desktop

If you use GitHub, there is GitHub desktop software available. https://desktop.github.com

CLI (Command Line Interface)

If you are familiar with a command line shell, you can use CLI, here is some command note:

$ cd toProjectFolder

$ git init (make a git in a project folder)

$ git add . (add all the changes to git)

$ git commit -am "My first git" (commit)

$ ssh username@remote_server.com

@ remoteServer $ cd /where/your/gitRepo/willbe/

@ remoteServer $ git init projectName.git --bare

$ git remote add origin usrname@remote_server.com:/where/gitRepo/willbe.git (set a remote git repo, you should create “willbe.git” repo first, it can be just empty git)

$ git push --set-upstream origin master (push to the remote)

$ git branch gender (create a new branch)

$ git checkout gender (switch to the branch)

$ git add . (add saved files to the new git branch)

$ git checkout master (switch back to master)

$ git checkout gender (switch to gender again)

$ git push (you can push a branch to the remote repo too)

$ git checkout master (before you merge, go back to master)

$ git merge gender (merge all the changes you made and committed to gender branch to master)

$ git branch -d gender (delete gender branch)

$ git clone username@remote_server.com:/where/gitRepo/willbe.git (when you use different computer or your collaborator start to work remotely, download all the git project)

プロのようなビデオを自分で作ろう!| 分析編(4/4)

from koo design studio newsletter – vol. 37(J) 04/06/2021

MAKING A VIDEO LIKE A PRO!

シリーズ第4段

自分の製品やサービスを紹介するビデオを自分で制作したい人もいるのではないでしょうか? そう思ったら始めてみましょう!
ここではプロの立場から制作のちょっとしたヒントのいくつかを共有しようと思っています。
ビデオ制作の過程に対する理解向上と実際にビデオ制作をする方の成功に役に立つと良いのですが。

今回が4つの過程の最終回になります:

  1. 企画 (プリプロダクション)
  2. 撮影 (プロダクション) 
  3. 編集 (ポストプロダクション))
  4. 解析 (YouTubeに公開して、視聴者の行動を分析) [今回]

分析 (YouTube と視聴者分析)

ビデオ制作完成おめでとうございます!では YouTube にて公開しましょう。

YouTube

アカウントへのサインインもしくはアカウントの作成

YouTube は世界で最も成功したウェブ放送局の一つである事は疑いありません。あなたのチャンネルを作成する事をお勧めします。あなたのGoogleアカウントでサインインができます。もしまだビジネスアカウント(個人アカウントでも)が無い場合は早速作ってみてください。

ビデオのアップロード

video+ アイコンをクリックしてあなたのコンピュータからアップロードします。

YouTube Studio

右上のあなたのアカウントのプルダウンメニューから YouTube Studio にアクセスします。チャンネルの分析、それぞれのビデオでの視聴者の動向などを分析する事等が可能です。これは非常にパワフルなツールです。特にビデオの視聴者動向は再編集したり、今後のビデオ制作の参考になります。

他の動画共有サイト

vimeo

こちらもビデオを公開するのに良いサイトです。あなたの既存のFacebook, Google, Apple アカウントにてログイン可能ですし、あなた独自のEメール、パスワードにてアカウントを作る事もできます。

YouTubeとだいたい同じですが、解析等の全ての機能を使用する場合は有料アカウント(VimeoPlus, VimeoPRO)にアップグレードする必要があります。

Instagram, Facebook, Twitter, linkedin

動画共有サイトとは若干異なりますがこれらのSNSと呼ばれるサイトもあなたのビデオプロモーションには利用できます。SNS用に短く再編集する事が大切だと思います。

ビデオはコミュニケーションツールです。共有していろんな人に見てもらいましょう

koo design studio

koo design studio では、私自身のプロデューサー、監督、編集、アーティスト、また時には俳優としての経験から全てのビデオ制作、コンサルテーション、制作、公開、分析の一連の流れの全ての側面を部分的または全体的にお手伝いしています。もしあなたが既に美しいフッテージを撮影しており編集だけが必要な場合や、ビデオにモーショングラフィックスを追加したい場合、また素晴らしいアイディアがあってもどこから初めて良いかわからない場合、またあなたの計画の予算案が欲しい場合など全てをお手伝いさせていただきます。

14歳から友達とちょうど公開されたStarWars Episode IVに影響されてSF映画を8mm フィルムで映像制作を始めたのをきっかけにそれ以来映像制作を行なって来ました。長いキャリアと言えるでしょう。その間いろんな変化がありました。デジタルテクノロジーによりいろんな制作の側面、配信が変わった事は非常に良かったと思います。またそれと同時に失われた側面も懐かしく思い出します。ただ映像制作そのものの本質ほぼ何も変わっていないと思います。実写でも、デジタルで俳優や背景、建造物を作成しても、カメラで撮影する事には変わりありませんし、編集する必要もあります。

これらのヒントによりあなたのビデオ制作がより良いものに、また何か新しい事を始めようとしている人の思いを勇気づける事ができる事を願っています。たぶん始まってしまえば後は進めるだけですが、終わるのが大変です、その手伝いが必要な場合はお知らせ下さい。

このシリーズはなるべくそれぞれの側面の特定の詳細、ある特定の場所での撮影、ある特定の編集ソフトウェアの使用法等は避け、なるべく一般的な情報とヒントを提供しようと心がけました。もし特定の質問がある場合はコメント欄に残して頂ければ答えを書きます。

Today’s LIST OF TOOLS 

– インターネットにつながったコンピュータ

もちろん!! ご相談や制作にプロのお手伝いが必要でしたら、 いつでも私に一声おかけ下さい!!

成功するビデオ制作を、より詳細にわたってアドバイスさせて頂きます。

読んでいただきありがとうございました

Make a video like a pro by yourself! | Analysis(4/4)

from koo design studio newsletter – vol. 37(J) 04/06/2021

MAKING A VIDEO LIKE A PRO!

THIS IS 4TH OF THE SERIES

Some of you might think to make your product/service promotion video by yourself. It’s good idea and fun so let’s do it. 
In this blog, I’d like to shares some professional tips for you. I hope that will help you to understand the production process and you succeed in your video production.

This is a series of 4 process tips:

  1. Planning (pre-production)
  2. Shooting (production) [This issue] 
  3. Editing (post-production)
  4. Analysis (publish to YouTube and analyze the viewer)

Analysis (YouTube and analyze the viewer)

Congratulations! You’ve completed a video. Let’s publish through YouTube

YouTube

Sign in or create your account

YouTube become one of the most succeeded web broadcasting channel internationally without doubt. I recommend to create your channel. Just sign in as your Google account. So if you don’t have one, create one for your business (it can be a personal account too).

Upload a video

Click the video+ icon to upload your video from your computer.

YouTube Studio

Under your account at the top-right, in the pull down menu, you can access your Youtube Studio, where you can analyze your channel analytics, viewer’s behavior for each video you’ve uploaded etc.. it’s a very powerful tool. Especially you can analyze each video’s viewer behavior. So you can re-edit the video accordingly or you can use as a reference to create a new video.

Other sharing sites

vimeo

It’s another great web video output source. You can login with your Facebook, Google, Apple, account or your email+password.

It’s pretty much the same as YouTube. But you need to upgrade to a payed account (Vimeo Plus and Vimeo PRO to use the full feature.

Instagram, Facebook, Twitter, linkedin

It’s slightly different from a video sharing site since it’s considered as a SNS but as long as you can promote your video, why not using it.

A Video is a communication tool, enjoy sharing your video.

koo design studio

I’m offering all aspect of video production, from consultation, production, publish, analyze circle with my long experience of all the process as a producer, director, editor, artist and sometimes as an actor! If you’ve already shot some beautiful footages and need to edit, you want to add some motion graphics to your video, you have a great idea but don’t know where to start, or you have a plan and you need some estimates. These all I can help.

I started making a 8mm film movie when I was 14 with my friends. It was a SF movie inspired by Star Wars episode IV which just came out. Since then I keep making films and videos, it’s been a long career. I’ve experienced many changes and I’m glad that the digital technology change many aspects of film/video making and distributions, at the same time, I miss a lot of things which has gone. The basic process of making a film/video has not much changed, either shooting in real or digitally generate a character, landscape, building etc.. you still need to shoot, you still need to edit and so on. I’m hoping that these tips help improve your production or encourage you to start something new. Probably it’s easy when you get started and if you are having a hard time finishing it, please let me know.

This series, I’ve avoid to describe too much details of each aspects such as how to shoot specific location or how to use an editing software, try to give some general information and tips. If you have any specific question, please feel free to leave a comment.

Today’s LIST OF TOOLS 

– Your computer with the internet access

Of course!! If you need a professional consultation or production, 
Please
 contact me anytime!!

I’ll give you more detailed advice for your successful production.

Thank you for reading

MYSQL 8 on Mac OS Catalina (10.15.7)

Upgrade mysql5.6 to 8.0.25

  1. simply delete entire /usr/local/mysql where v5 installed
brew remove mysql
brew cleanup

sudo rm /usr/local/mysql
sudo rm -rf /usr/local/var/mysql
sudo rm -rf /usr/local/mysql*
sudo rm ~/Library/LaunchAgents/homebrew.mxcl.mysql.plist
sudo rm -rf /Library/StartupItems/MySQLCOM
sudo rm -rf /Library/PreferencePanes/MySql*

launchctl unload -w ~/Library/LaunchAgents/homebrew.mxcl.mysql.plist

rm -rf ~/Library/PreferencePanes/My*    
sudo rm -rf /Library/Receipts/mysql*
sudo rm -rf /Library/Receipts/MySQL*
sudo rm -rf /private/var/db/receipts/*mysql*

  1. download 8.0.25 from https://dev.mysql.com/downloads/mysql/

NOTE: download is free but you need to create your account first. Also download .dmg

  1. The installation is pretty straightforward. When “Configure MySQL Server”, you MUST CHECK on “Use Legacy Password Encryption” otherwise you’ll screw later with “ERROR 2059 (HY000): Authentication plugin ‘caching_sha2_password’ cannot be loaded: dlopen(/usr/local/Cellar/mysql@5.6/5.6.51/lib/plugin/caching_sha2_password.so, 2): image not found”
  1. make the shell access
echo 'export PATH="$PATH:/usr/local/mysql/bin"' >> ~/.zprofile
source ~/.profile
mysql -u root (or your username) -p
  1. Download MySQL Workbench

https://dev.mysql.com/downloads/workbench/ go to Archive to select 6.3.10 (the latest version is for 11. Big Sur)

Make a video like a pro by yourself! | Editing(3/4)

from koo design studio newsletter – vol. 37(J) 04/06/2021

MAKING A VIDEO LIKE A PRO!

THIS IS 3RD OF THE SERIES

Some of you might think to make your product/service promotion video by yourself. It’s good idea and fun so let’s do it. 
In this blog, I’d like to shares some professional tips for you. I hope that will help you to understand the production process and you succeed in your video production.

This is a series of 4 process tips:

  1. Planning (pre-production)
  2. Shooting (production) [This issue] 
  3. Editing (post-production)
  4. Analysis (publish to YouTube and analyze the viewer)

Editing (post-production)

I hope you’ve enjoyed shooting! It’s fun, isn’t it? Now all footages need to be transferred from the SD cards (or smartphones) to your computer.

Software

Here is a list of editing softwares:

Premiere Pro, Final Cut Pro, Avid etc.. are fully functioned and made for professionals. I personally like “SHOTCUT” which available for all platforms (Windows, Mac and linux). If you are a Mac user, iMovie is also good choice for sure.

All editing software’s functions are basically pretty much the same, it’s consisted by “Bin (where you footages are stored)”, “Track editor”, “Effect control”, “Main View with audio level”

shootout editing software
shortcut screen image
  • Bin :It stores a footage reference (The actual data are where you placed in the computer, it’s just a references/shortcuts), so you can access a desired footage easily.
  • Track Editor : Where you bring a footage from bin to edit. It’s layered tracks. (for video, title, sound/ music, transition/effects), The higher the track, the higher the visual priority.
  • Effect control : You can control scaling and moving a selected footage, add and control audio effects. Also you can control a effect which you’ve added to the track (such as fade in/out, transition, overwrap transition, color correction, footage transparency, sound volume etc…)
  • Main View + Audio level meter : You can monitor the track editor’s visual and audio.

Let’s Start Editing!

Tell a story

Editing is telling a story. In some cases, it may be more effective to discard the original script, review all the footage you shot, and reconstruct a new story from it.

  1. First of all, I usually watch and check each shot as many times as possible. It is very important to memorize what you have.
  2. Then trim each footage to keep only the sections you need.
  3. After the trimming, roughly place those footage according to the script (if you have two or three alternative takes, arrange these shots vertically) to see if the story works as a video as when you wrote the script. Not pay too much attention to the details at this point, pay attention to telling the story. Reorder the footage or replace it with an alternative take until it works.
  4. Finally tune up all footages (trim more or less, add transitional effects, color collects, adjust audio levels, remove/add noises etc..)

The flow of telling story is very important, so I add a temporary music and follows the rhythm to edit (find a genre of music, rock, jazz, classical etc.. to fit your story). You can find a good royalty-free music online for free or a little of money. (Youtube offers some too)

This is an example of how I edit to show a function:

1. Start from the tight shot of main subject: You show what is it.
2. 2nd, show all. You can show the relationship of all (the subject, presenter and environment). Which also can emphasize the feature of subject such as scale, color, shape are how to fit to the environment3.
3. Tighter shot of presenter: By showing the close up of presenter’s face, viewer gets more familiar and good impression to the subject.
4. Then explain how the function works.

Color correction

It’s good idea to correct the color for all footages once you done the storytelling. Even you shot at only one location where the light setting is the same, the color can be slightly different (especially if you move the camera location). By correcting the color, you can emphasize the subject vividly and alive.

Pay attention to the white and black area for the balance, find a whitest spot in a footage and move the mouse point over there to see RGB balance to find out what color higher then others (R: 244, G 200, B 198 = too much red), then bring the red channel down to make even it even. Do the same as black spot too. This time all value can be close to 0,0,0. If RGB is R255 G255 B255 in larger area, it’s most likely the image is too bright (burned out), so make it slightly darker to adjust a good over all color balance and contrast. Once you did one footage, you can apply the same color correction to the similar footages.

Title/subtitle

Adding a title in the opening will help viewers. Good to add some subtitles to explain and/or emphasize features to the viewer but not too much or too long, always keep it short and simple. Also for the caption, if you need adding some language options and if you’ll post to Youtube. Maybe it’s good to use youtube’s caption system rather hardcode to the video with the editing software. I’ll explain how-to at the next post.

Music and sound effects

A music helps to keep a good tempo for the flow. If you already have a good music, add to the sound track right after your 1st rough cut. A sound effect is also helps the scene and drama very effectively. Keep a good balance with voices and music.

Patience and rhythm are your best friends when it comes to edit

2. SFX

I want to mention just a little about a special effect (SFX, some people call it a visual effect, VFX)

Even you don’t have a SFX specific software like Adobe After Effects, Nuke, Fusion etc.. you still can add some cool effects to your video. For example like making a digital scrapbook. You can masking out your footage only you need very roughly and place on top of an image like a paper textured. Then use a page-curl transition to the next cut.

Explore possibility with something you’ve already familiar with in your daily life, then adapt the idea into the digital creation. Idea comes always first and technology follows.

Today’s LIST OF TOOLS 

– Video editing software
– music (royalty-free)

Editing (post-production) is always my favorite section of film making!

Of course!! If you need a professional consultation or production, 
Please
 contact me anytime!!

I’ll give you more detailed advice for your successful production.

TO BE CONTINUED >>>

プロのようなビデオを自分で作ろう! | 編集編(3/4)

from koo design studio newsletter – vol. 37(J) 04/06/2021

MAKING A VIDEO LIKE A PRO!

シリーズ第3段

自分の製品やサービスを紹介するビデオを自分で制作したい人もいるのではないでしょうか? そう思ったら始めてみましょう!
ここではプロの立場から制作のちょっとしたヒントのいくつかを共有しようと思っています。
ビデオ制作の過程に対する理解向上と実際にビデオ制作をする方の成功に役に立つと良いのですが

This is a series of 4 process tips:

  1. 企画 (プリプロダクション)
  2. 撮影 (プロダクション) 
  3. 編集 (ポストプロダクション)[今回]
  4. 解析 (YouTubeに公開して、視聴者の行動を分析)

編集 (ポストプロダクション)

撮影を楽しめましたか?楽しいですよね!では全ての撮影フッテージデータをSDカードやスマートフォンからコンピュータにトランスファーしてください。

ソフトウェア

以下編集ソフトウェアの一部のリストです:

Premiere Pro, Final Cut Pro, Avid 等は、完全機能でプロ使用に耐える様に作られています。個人的には全てのコンピュータプラットフォームに対応した”SHOTCUT”をお勧めします。またもしMacユーザーなら iMovie が良いと思います。

全ての編集用ソフトウェアは基本構造は同じです。「ビン(フッテージを格納)」「トラック編集」「エフェクトコントロール」「メインの映像確認画面とオーディオレベル確認」にて構成されています。

shootout editing software
shortcut screen image
  • ビン:フッテージのリファレンスを格納してあり(実際のフッテージはコンピュータの保存した場所にあり、データの参照・ショートカットを表示します)必要なフッテージに即座にアクセスする事ができます。
  • トラック編集:ビンからフッテージを持ってきて、それぞれを繋げ編集するのに使います。(トラックはそれぞれ、ビデオ、タイトル、サウンド、音楽、トランジッション・効果)上位のトラックが視覚優先順位が高くなります。
  • 効果コントロール:選択したフッテージのスケールや移動、サウンドレベルや効果等をコントールします。またトランジッション(フェイドイン・アウト、オーバーラップ、カラーコレクション、フッテージの透明度、サウンドボリューム等)の効果をコントロールします。
  • メインの映像確認画面とオーディオレベル確認:トラック編集の画像、音楽を確認します。

編集を始めよう!

物語を語る

編集とは物語を語る事です。時にはオリジナルスクリプトを忘れて、全ての撮影したフッテージを見直し、そこから新しい物語を再構築する事もできます。

  1. まず撮影した全てのフッテージを可能な限り何度も見て検証します。撮った内容を記憶するのは非常に大切で編集に非常に役立ちます。
  2. 次にそれぞれのフッテージの必要な部分だけを残し前後を切り取ります。
  3. 切り取り作業が終わったら、大まかにスクリプトに沿ってフッテージを並べて(もし2、3代替えテイクがある場合はトラックを追加してその下に縦に並べます)物語がシナリオ通りにビデオとしてきちんと機能しているかをみてます。この時点では細部にはあまり拘らず物語を語る(構築する)ことに集中します。フッテージを並べ変えたり、他の代替えテイクと入れ替えたり何度か試して最良の流れを探します。
  4. 最後にそれぞれのフッテージに手を入れます(切り取り部分の調整、トランジッション効果の追加、カラー調整、オーディオのレベル調整、ノイズの除去または追加等)。

物語の流れは非常に重要ですので、一時的な曲でも良いので音楽を加えリズムに合わせて編集します(ロック、ジャズ、クラッシック等物語に合う音楽ジャンルを探します)。著作権フリーの音楽がオンラインにて低予算で入手可能です(YouTubeにもいくつかあります)。

以下は私がある製品を紹介する編集のやり方のサンプルです:

1. まず主体(製品)のクローズアップから:それが何か
2. 次に全体を見せます。全て(主体、紹介者、周りの環境)の関係を見せることにより、主体の大きさ、色、形、環境適応等の特徴をより明確に見せることができます
3. そして、紹介者が主体を紹介する為、紹介者のクローズアップ:紹介者の顔の表情のクローズアップにより主体への親近感や良い印象を演出することができます
4. 最後に特徴機能の説明に移ります

カラー調整

物語の構築が終わったら全てのフッテージのカラー調整をすることをお勧めします。全てを一箇所で撮影してとしても(特にカメラの位置が移動する)と照明の場所が変わるので色も変化します。カラー調整により主体をよりはっきり生々強調することができます。

白と黒に部分のカラーバランスに注目します。フッテージのもっとも白い部分にマウスカーソールを当て、RGBバランスをみて、どの値がより高いか((R: 244, G 200, B 198 = 赤が強過ぎる)を探り、他より高い値を落とし同じレベルにします。黒い部分も同様にします。この場合は値は0, 0, 0 に近くなります。もし白の値 R255 G255 B255 が広範囲に渡る場合、フッテージは全体的に明る過ぎますので少し暗くして、全体のカラーバランスとコントラストを調整します。一つのフッテージで調整が終われば、その設定を他の似たフッテージに簡単にカラー調整を適応することができます。

タイトル・サブタイトル

タイトルをオープニングに追加することで視聴者がこれから何を見るのかが分かります。また、サブタイトルを付けることにより主体の説明や特徴を視聴者により強調する事ができます。しかし多過ぎたり長過ぎたりするのも逆効果ですので、常に短く的確に。多言語対応のキャプションですが、YouTubeにポストする事を前提にしているなら、編集時にビデオに直接言語タイトルを追加するよりはYouTubeのキャプション機能を使用しましょう。次回詳細を説明する予定です。

音楽と効果音

音楽はビデオの流れを良いテンポで支えます。既に使用する良い音楽があれば、一番初めのラフカットの時から編集の音楽トラックに置いてみます。効果音はシーン、ドラマを効果的に助けます。声と音楽の良いバランスを保って下さい。

忍耐力とリズム感が編集を助けます

2. 特殊効果(SFX)

特殊効果について少し書きます(SFX、視覚効果VFXと呼ばれる事もあります)。

Adobe After Effeccts、Nuke, Fusion 等のSFX専用のソフトウェアが無くてもかっこいい効果をビデオに追加する事ができます。例えばデジタルスクラップブックを作る要領です。フッテージ映像の不要な部分をマスクで大まかに切り抜き、紙等のテキスチャーの上の置きます。そしてページを開くトランジッション効果を使ったりします。

あなたが日常生活で既に良く知っている事を探求して、そこからのアイディアをデジタルクリエーションにも適用して見て下さい。アイディアがいつも先にあり、技術はその後からついてきます。

今日のツールリスト

– ビデオ編集ソフト
– 音楽(著作権フリー)

編集(ポストプロダクション)は映像制作の中で常に最も好きな仕事です!

もちろん!! ご相談や制作にプロのお手伝いが必要でしたら、 いつでも私に一声おかけ下さい。

成功するビデオ制作を、より詳細にわたってアドバイスさせて頂きます

TO BE CONTINUED >>>

プロのようなビデオを自分で作ろう! | 撮影編(2/4)

from koo design studio newsletter – vol. 37(J) 04/06/2021

MAKING A VIDEO LIKE A PRO!

シリーズ第2段

自分の製品やサービスを紹介するビデオを自分で制作したい人もいるのではないでしょうか? そう思ったら始めてみましょう!
ここではプロの立場から制作のちょっとしたヒントのいくつかを共有しようと思っています。
ビデオ制作の過程に対する理解向上と実際にビデオ制作をする方の成功に役に立つと良いのですが

今回が4つの過程の第2回になります:

  1. 企画 (プリプロダクション)
  2. 撮影 (プロダクション) [今回]
  3. 編集 (ポストプロダクション))
  4. 解析 (YouTubeに公開して、視聴者の行動を分析)

撮影(プロダクション)

台本の準備ができ、撮影場所を選び、いざ撮影!と言う前にいくつかやる事があります。撮影が始まると同時にいろんな事が起こるので、常に時間がいくらあっても足りないと思うはずです。

1. 最終出力のレゾリューションの選択

カメラを手にしたら撮影可能なレゾリューション(解像度)を確認して下さい。4K=UHD, 2K=HD 等いろいろ選択ができると思います。また最近のスマートフォンでは4Kで撮影が可能です。下がレゾリューション(16×9 スタンダード比)のリストです:

  • 4K = 4096 x 2160 または UHD = 3840 x 2160
  • 2K = 2048 x 1080 または HD = 1920 x 1080
レゾリューションテーブル

一つの選択肢としてお勧めなのが、4Kで撮影、HDベース編集、完成させる事です。

なぜなら、限られた撮影時間内で被写体のフレーミングに時間をあまりかけず、後の編集段階で決める事ができるからです。編集時に 1/4 までズームダウン(スケールダウン)しても4倍の大きさで撮影しているので画質をキープし、後から自由に動かしてレイアウトが可能になります。つまり、撮影時にフレーミングに必要以上に時間をかけなくても良い訳です。もし4Kで撮影、4Kで編集した場合だと、縮小はできませんし、拡大すればするほどイメージがボケてしまいますので最大120%が限界だと思います。

最近では確かに4Kが主流になりつつありますがこれら上記の利点を考えるとHDの選択をお勧めします(またはそういう選択肢がある事を知っていて下さい)。まだ視聴者はスマートフォン、タブレットの小さい画面か、PCのHDレゾリューション画面で見ているのでまだしばらくはHDでも大丈夫だと思います。

(ちなみに最近ではプロは編集時での自由度、撮影スピード等の利点を考慮して6〜8Kで撮影して4Kで編集しています)

4K撮影 HD編集

2. 撮影計画を立てます

  • カメラとオーディオおよび照明に一人ずつ、最低2人アシスタントを探しましょう。それにより監督作業に集中でき、時間とストレスを軽減する事ができます。*アシスタントとの打ち合わせは綿密に!
  • 特に屋外で撮影予定の場合は風の強い日は避けましょう。オーディオにも照明調整も困難になります。
  • きちんとカメラを固定できる三脚 (1台$10位から)。カメラ使用する台数分用意します。カメラの手持ち撮影は出来る限り避けます。またその様な効果が欲しい場合は編集時に追加可能ですが、逆に揺れた映像を修正する(スタビライズ)のは非常に難しいです。もしカメラを移動する必要がある場合(ドーリー)は子供からスケートボードを借りて、その上に三脚付けたカメラを置きスケートボードをゆっくり動かして撮影します。スーパーから買い物カートを無断で借りるのはお勧めしません😎 もし手持ち撮影が必要な場合はスタビライザー付きグリップを用意しましょう。
  • マイク (長いコード付き、またはワイヤレス: $20位から)。特に屋外で撮影する際に、俳優の胸部周辺にマイクを設置するのをお勧めします。 室内撮影の場合、俳優の上部に吊り下げるのも良いでしょう、その場合カメラのフレーム内に入らない事を確認して下さい。
  • 大きな白い紙。スクリプトのキーワード(カンニングペーパー)を書いてカメラの横に置いて俳優の演技を助けます。

照明:室内撮影

室内自然照明(真上から)+1または2スポットライト(LED等 $150~ LEDは温度が上がらないのでお勧め)

照明:屋外撮影

太陽光をベッドシーツで遮り直接被写体に陽が当たるのを避けます。また影の位置やベッドシートを吊す位置が被写体の真上になる事を考え正午を避けます。全体の照明の位置とのバランスを下の2つのサンプルを参照してください:

照明サンプル例

頭の中でグレースケールトーン(白黒写真)として考えてみて下さい。一番強く照明が当たるを約10%落とした明るさに設定する事で、そのエリアが真っ白(白飛び)になる事を防ぎます。(特に屋外撮影の場合)背景は多少明るくても良いですが、暗くする事でメインの俳優等の被写体をより強調する事ができます。照明のゴールは背景と被写体の良い関係のコントラストを見つける事により、視聴者の注意を被写体に向ける事です。

1. 撮影

用意スタート!!

照明を設定し、マイクをセットして、カメラの位置を決めたら撮影開始です。まずカラースケールシート($10程度で購入可能、または白い紙の半分に100%の黒を印刷するだけでも良いです)を30秒程撮影します。後で編集時にカラー調整に非常に役にたちます。

カラースケールシートサンプル

カメラ2台または数台

カメラに関してですが、前回より2台使う事をお勧めしていますがその理由を書きます。一回の演技で広角と接写を同時に撮影する(マルチアングル撮影)が最大の理由です。くれぐれも被写体に近いカメラが後ろの広角撮影カメラのフレームに入らない様に設置して下さい。同時撮影する事により、編集時に広角と接写を交互にうまく繋ぎ合わせる事がより簡単になり、シーンがより魅力的になります。ただこの方法は俳優がカメラに向かって視聴者に話しかける状況では、視線がどちらかの1台のカメラにいくので、あまり上手くいきません。

撮影セットサンプル
Camera 01 (広角)フレーム内に接写用のカメラや遮光用のベッドシート等不要物が入らない様に確認します
Camera 02 (接写クローズアップ)

AE/AF固定(オート露出とオートフォーカス)

カメラは通常オート露出とオートフォーカス機能がついていますが、これらを固定し、手動設定で撮影する事でより良い映像撮影が可能ですので固定をお勧めします。もしカメラにシャッタースピード設定機能があれば、被写深度(背景をボカす)やモーションブラーをコントロールする事ができるのでこちらも設定可能な場合は使ってみて下さい。

iPhoneで撮影する場合、フォーカスしたい場所を長押しする事でAE/AF固定が可能です。また上下スワイプで露出を固定後変更できます。これらスマートフォンには有効で興味ある専用のアプが豊富にありますので、是非アプストアをチェックしてみて、自分の目的にあったアプを見つけて下さい。

音をチェック

常に録音状態をチェックしましょう。もし他にアシスタントがいる場合、長い棒の先にマイクをぶら下げて、画面に入らない様にして、俳優の上から録音するのも良いアイディアです。可能な限り、環境音の無い、より静かな撮影場所を選んで下さい。シーン撮影の最後のカメラを移動する直前に1分ほど環境音のみを録音して下さい。この環境音は編集時に非常に役立ちます。

Bロール

俳優や被写体等のメインの撮影(Aロール)が終わったらBロール(手のアップ、風景や小物のカット等アクセント的な映像)をできるだけ同じ照明の元で撮影します。これらの映像を編集時に追加していく事でストーリー感情、幅や奥行き感を与え臨場感、抒情感のあるビデオを組み立てる事ができます。

急がない焦らない!撮影第1日目はカメラ・照明・音声のテストとリハーサルに当てるのも良いアイディアです。

2. 俳優との作業

監督として俳優(自分自身が演じる場合も含め)に方向性を指示します。大事な事は:

  • 俳優がそれぞれの台詞の目的を理解しているか確認する
  • どんな感情を込めるのか
  • セリフのスピードが程度か、早すぎないか(アマチュアの俳優は特にカメラの前で早口になりすぎる傾向があります)
  • 「用意スタート」と言う前にカメラは既にレコーディングボタン(映像と音)が押させている事を確認します
  • 何か上手くいっていないと感じたらすぐに撮影を止めます。時にはセットで台本を書き直す必要もあります。時間を惜しまない事がある場合には最短方法でもあります。

本日のツールリスト

– ヴィデオカメラ: 1 or 2 +
– 三脚: = カメラの台数分 (オプション=モーションスタビライザー付きグリップ)
– マイク(一度に撮影する俳優の数)
– 照明 : 1 or 2 +
– ベッドシート: 1
– カラーチャート(または白黒に印刷した紙)
– 大きい紙(俳優用にキーワードを書く)

もちろん!! ご相談や制作にプロのお手伝いが必要でしたら、 いつでも私に一声おかけ下さい!!

成功するビデオ制作を、より詳細にわたってアドバイスさせて頂きます。

TO BE CONTINUED >>>