JaGraプロフェッショナルDTP&Webスクールスキルアップブログ

F-siteセミナー「Flashユーザーが取り組むHTML5」

2012-05-10T13:42:02Z

2012年5月19日土曜日13:15より「Flashユーザーが取り組むHTML5」と題したセミナーが開かれます。会場は国立オリンピック記念青少年総合センター(最寄駅小田急線参宮橋)、参加費は1,000円です。

HTML5はWeb制作におけるひとつの選択肢として定着しつつあります。とはいえ、いままでFlashで制作していたような演出をそのままHTML5で実現できるか？というとまた違うわけです。で、どう違うか？　何がHTML5に適しているのか？　続きは、当日セミナー会場のお楽しみ！

demo

「Flashユーザーが今覚えておきたいHTML5」ClockMaker 池田泰延(50分)
「制作事例から考えるテクノロジーの選択基準」世路庵沖良矢(50分)
「新登場！ CreateJSとは？」野中文雄(50分)

開催要項

日時：2012年5月19日土曜日13:15～17:00
会場：国立オリンピック記念青少年総合センターセンター棟 1階 102室
住所：東京都渋谷区代々木神園町3-1
定員：200名
費用：1,000円

参加申込み

F-siteセミナー情報ページから

ビデオ編集ソフト「VideoStudio X5」を使いこなしましょう！

2012-05-03T09:58:25Z

先日バージョンアップされたコーレルのビデオ編集ソフト「VideoStudio X5」の解説書、「Corel VideoStudio X5Pro/Ultima オフィシャルガイドブック」が、絶賛発売中です。

今回のバージョンでは、編集したムービーをHTML5に対応したHTMLファイルで出力できます。ということは、出力したHTMLファイルをそのままWebサイトで公開すれば、Webで動画を配信できるというわけです。

このほか、デスクトップ上での操作を、マウスの動きも含めて録画できる「スクリーン録画」機能が搭載されています。動画サイトの映像のそのまま録画できますが、録画した動画データは、VideoStudio X5で編集できるという優れものです。

このほか、写真を動きのあるスライドショー(フォトムービー)として作成する「インスタントプロジェクト」機能なども機能アップし、とても使いやすくなっています。

こうした新機能を含め、VideoStudio X5の操作方法を解説したガイドブック。VideoStudio X5を使いこなすための参考書としてご利用ください。

▼講座内容の詳細、お申し込みは下記をご覧ください

http://www.jagra.or.jp/school/video/videostudio_basic.html

ADC OnAirが隔週水曜日20:30からオンエア！

2012-05-02T18:08:33Z

AdobeからWeb制作者に向けたUSTREAM番組「ADC OnAir」が始まりました。隔週水曜日20:30から90分で、第1回は4月25日にAdobe CS6のWeb製品が紹介されました。

ADC OnAirは、Webサイト制作者やアプリ開発者向けのアドビ技術情報サイトADC（Adobe Developer Connection）がお届けするUSTREAM番組です。アドビの新製品情報やWeb関連の技術情報を毎回著名なクリエイターをゲストに迎えて、お伝えしていきます。

5月9日の第2回「Stage3Dを学ぼう！Flashで2Dコンテンツ」は、野中がStarlingフレームワークを入門者向けに解説します。番組の最後には視聴者向けのプレゼントコーナーがあり、当スクールからも提供する予定です。さらに興味を持たれた方は、半日の入門講座「Starlingで始めるFlash Player 11のStage3D」をぜひご検討ください。

Adobe Flash ActionScript講座

PhotoshopCS6の地味な新機能

2012-04-12T09:10:59Z

Adobe Photoshop CS6 パブリックベータ提供開始されています。派手な機能は、いろいろなサイトで紹介されていますので、おもいきり地味な変更を1つ。

Photoshopで画像解像度を変更するために、[イメージ]メニューから[画像解像度]を選択します。この時より画像を綺麗にするために、「縮小に最適」「拡大に最適」など変更する大きさに応じてオプションを選択する必要がありました。

PhotoshopCS6では、「バイキュービック自動」というオプションが設定できますのでわざわざ変更する必要がなくなりました!!

Photoshop：スポイトツール

2012-04-04T06:07:01Z

最近いただいた質問です。

『Photoshopの［スポイトツール］でクリックして抽出した色が、いつもは描画色に設定されるはずが、どこをいじってしまったのか、背景色に設定されてしまうのです。不便で困ってます。』

［スポイトツール］でoptionキー（WindowsはAltキー）を押しながらクリックすると、一応回避できるので、私自身なんとなくこの問題を深く考えずにいたので、この機会に調べてみました。

この現象を上の図で見てみましょう。ツールパネル下部で抽出した色が「背景色」に設定されていることが確認できます。

デフォルトの「描画色」に設定する方法は、下記の通りです。

1.［カラー］パネルを表示する。

2.［カラー］パネルの「描画色」ボタンをクリックする。

ツールパネル下部の「描画色」「背景色」のボタンでは、クリックすると「カラーピッカー」が表示されてしまいます。

とてもわかりづらいのですが、現在「描画色」と「背景色」のどちらが設定されているかは、ボタンの黒い枠で判断します。

下の図で見比べてみましょう。

【描画色】

【背景色】

ただし、［カラー］パネルの「描画色」「背景色」ボタンでも、すでに設定されている方をクリックすると、「カラーピッカー」が表示されます。

どこかで見たあのFlashコンテンツの動きを解説します

2012-04-03T05:43:00Z

50回を超えたgihyo.jpの連載「ActionScript 3.0で始めるオブジェクト指向スクリプティング」。本日公開された第57回「インスタンスをクリックした点で回しながらドラッグする」は、どこかで見たことのあるFlashコンテンツの基本的な動きを次回との2回に分けて解説します。

前編となる今回は、インスタンスをマウスでプレスしたら、その点を中心に回します。行列を使った座標の変換がお題です。後編では、マウスの動きに応じて、インスタンスが回る速さを変えます。そのとき、ベクトルの外積を使うことになります。

行列とかベクトルとか、高校で習ったときは何の役に立つのかわからなかった人も(筆者を含めて)多いでしょう。実用的といえるかは疑問もありましょうが、こんなことに使えると知ることで、数学を少しでも身近に感じていただけると嬉しいです。

Adobe Flash ActionScript講座

日程外開講リクエスト情報　2012/4/3

2012-04-03T04:54:19Z

日程外開講リクエストが更新されましたので、お知らせします。

リクエスト講座（2012年4月3日現在）

■DTP入門
　リクエスト人数：2名様

■InDesignベーシックトレーニング
　リクエスト人数：1名様

同じ講座の受講を希望される方は、ぜひリクエストをお送りください。
3名様以上のリクエストで、講座を開講させていただきます。

▼日程外開講リクエストお申し込みフォーム
https://55auto.biz/jagra/touroku/request.htm

Illustrator CS5から搭載された描画方法の切り替え

2012-03-13T05:09:35Z

Illustrator CS5から搭載された「背面描画モード」と「内側描画モード」ですが、切り替えをおこなう描画方法パネルがツールパネル内にあります。知らないうちにクリックして切り替わってしまい、パニックになる場合もあるので、切り替えボタンの位置とそれぞれの描画モードの機能を把握しておきましょう。

「背面描画モード」がONになっていると、アートワークを選択していない場合、選択されているレイヤーのすべてのアートワークの背面に描画できます。アートワークを選択している場合、新しいオブジェクトは選択したオブジェクトの真下に描画されます。

「内側描画モード」がONになっていると、選択したオブジェクトの内側に描画できます。内側描画では、描画、スタック順序の変更、選択、クリッピングマスクなどの多くのタスクを行う必要がありません。内側描画モードは、オブジェクト（パス、複合パス、テキストなど）を 1つだけ選択しているときにのみ有効です。

widthの読み方

2012-03-02T22:08:06Z

HTMLの属性やスクリプトのプロパティで「幅」や「高さ」を示す「width」と「height」。後者は多くの人が「ハイト」と発音するでしょう。けれど、前者の読み方にばらつきがあるようです。

意外とよく聞くのが「ワイズ」です。「wide」(ワイド)から連想する気持ちはわかります。でも、結論としては「ウィズ」または「ウイズ」が適切です。

業界は違いますが、靴の幅を示す用語に「width」があります。これが「ウィズ」 (BEAMS+ Blog「マックかマクドか!?"業界のグレーゾーンにメスを入れる"」、「靴の用語辞典」)または「ウイズ」(株式会社リーガルコーポレーション「知りたい！靴のマメ知識」)と書表わされています。

また、英語の発音としても英英辞書のDictionary.comは、「width」の項で「often, with」つまり「with」と同じ発音でもよいとしているのです。

もっとも、英辞郎は「width」の発音をカタカナで「ウィドゥス」と示しています。実際、「width」はこのカタカナで表すのだという人も少なくないようです。しかし、何とも読みにくい単語のうえ、未亡人「widow」(英辞郎のカタカナ表記「ウィドウ」)がたくさんいるのかと勘違いされかねません。

「『width』『height』の読み方（発音）を音声データで！」で、いくつかの辞書の発音を聴き比べることができます。興味のある方は、果たして「ウィドゥス」と聴こえるかどうかお確かめください。

PhotoshopCS5とスキャナ

2012-03-01T12:22:55Z

このスナップショットは、PhotoshopCS3でEPSONのスキャナからデータを読み込みするところです。

しかし、PhotoshopCS5以降では、TWAINというプラグインがインストールされなくなってしまいました。もしどうしても、TWAINを利用したいときは、下記のリンクよりプラグインをダウンロードすることができます。

http://kb2.adobe.com/jp/cps/234/234975.html

(リンクページにある、TWAINプラグインのインストールおよび対応状況を熟読してご利用下さい。)

Photoshop CS6とPhotoshop Touch

2012-02-28T21:55:07Z

Adobe CS5.5のリリースから9ヶ月。その際、メジャーアップグレード（整数バージョン）を2年間隔にすると発表されたので、予定通りでいけばCS6は5-6月に発売されます。

そんなタイミングですが、Photoshop CS6のみ、Sneak Peak（チラ見せ）のムービーがYouTubeのPhotoshop channelにて公開されています。

これによると、UIがAfter EffectsやPremiereのようにダークになり、また、ゆがみフィルタなどがかなり高速になるようです。

さらに今週はじめには、iPad用のPhotoshop「Photoshop Touch」がリリースされました。Android Tablet用として先行リリースされていたもののiPad版がようやくお目見えです。

セミナー「ActionScript 3.0 パフォーマンスチューニング－速い、軽い、うまいスクリプティングを目指す」レジュメ&サンプル公開

2012-02-27T16:43:58Z

2012年2月25日土曜日に開催しましたセミナー「ActionScript 3.0 パフォーマンスチューニング－速い、軽い、うまいスクリプティングを目指す」でお話しした内容のレジュメとサンプルをFumioNonaka.comに公開しました。

[基礎編]: F-siteセミナー「 ActionScriptでの最速を求める」
*[基礎編]の内容は、2月4日土曜日開催のF-siteセミナーのdemo4「ActionScriptでの最速を求める」と基本的に同じです。

[応用編]:「ActionScript 3.0 パフォーマンスチューニング
－速い、軽い、うまいスクリプティングを目指す [応用編]」

なお、当日中継したUSTREAMの録画が「スクールイベント本日開催！USTREAM生中継のご案内」でご覧になれます。

スクールイベント本日開催！USTREAM生中継のご案内

2012-02-25T01:02:37Z

本日2012年2月25日（土）の13:30より、ActionScriptの無料イベントを開催いたします。
イベントに足を運べないお客様は、ぜひこちらにてご視聴ください。

▼イベント概要はこちら
http://www.jagra.or.jp/schoolblog/2012/01/actionscript-30-1.html

配信予定時刻　13:30～14:30／15:00～16:30
※会場・回線の都合により、中継を中止させていただく可能性がございます。

アウトラインPDFがネガ反転する場合の対処

2012-02-17T22:38:23Z

今回は、印刷業界のトラブル対処方法の一例をご紹介します。

印刷業界では、大日本スクリーン製造の「TrueFlow」というRIPシステムを利用している企業が数多く存在します。

ワークフローRIP「Trueflow SE」

＊用語：RIPシステム

Raster Image Processorの略で、出力データを出力機器に適したビットマップデータへと変換するソフトやシステムの総称です。

このTrueFlowでは、PCから出力されたデータを、RIP内でOutlinePDFに変換します。

＊用語：OutlinePDF

出力データ内のフォント（文字）部分を輪郭線データに変換したPDF

OutlinePDFは、さまざまな出力機で出力可能なPDFとして、国内外の印刷会社や印刷加工会社間でデータ交換する際に利用されています。

◆トラブル事例

最近、このOutlinePDFをIllustratorに配置して埋め込みした際、画像部分がネガ反転するという現象に合いました。

▼Illustratorに配置したOutlinePDFに対して、リンクパネルの［画像を埋め込む］にすると、PDF内の画像がネガ反転する

この現象は、既知のエラーですが、その対処方法についてご紹介します。

]]>

◆対処方法

1．【Acrobat】OutlinePDFを開いて、EPS保存します。

［ファイル］メニューから［名前を付けて保存］＞［その他のオプション］＞［EPS］

▼Acrobat X Proの［EPS保存］

2．【Illustrator】AcrobatでEPS保存したデータをアートボードに配置します。

3．【Illustrator】配置したEPSを選択し、［リンクパネル］の［パネルメニュー］＞［画像を埋め込み］を選択します。

▼Illustrator CS5.1の［リンクパネル］メニュー＞［画像を埋め込み］

この方法によって、PDF内の画像がネガ反転せずに埋め込みが行われ、編集が可能になります。

◆なぜPDFをIllustratorに配置して埋め込みするのか

「入稿データや交換データとしてのPDFは、そのまま出力できる状態なのに、なぜ編集なんかするんだろう？」という疑問を持つ方も多いかもしれませんね。

印刷会社や印刷加工会社では、その会社が保有する機材に合わせて、専用台紙データへ、出力データのセットをする場合があります。

この時に、配置のみでOKな場合と、部分的に微調整をしなければ使えない場合があります。

微調整する際には、PDF自体を編集せざるを得ないのです。

PDFの元データ（IllustratorやInDesignデータ）が入稿されていれば問題ないのですが、印刷の最終工程に近い印刷企業ほど、元データではなく、OutlinePDFなどの最終出力データを受け渡しされることが多々あります。

こうした背景から、PDFの再編集という作業が発生しています。

そして、PDFは、Illustratorで開くことが可能なファイルでもあることから、Illustratorで開いたり、配置して埋め込むことで編集をすることがあるわけです。

こうした印刷関連のPDFの取扱について、JaGraでは、「印刷用PDF駆け込み寺」というセミナーを開催しています。

JaGra印刷用PDF駆け込み寺

ご興味のある方は、ぜひ足を運んでみてくださいね。

鉄道ムービーを楽しむ

2012-02-08T05:19:16Z

みなさんは「鉄道ジャーナル」という月刊誌をご存じでしょうか？　鉄道ジャーナル社から発行されている鉄道雑誌で、いわゆる鉄ちゃん、鉄子ちゃん必読の月刊誌です。

実は、ここでビデオ関連の連載記事を執筆しております。「鉄道ムービーを楽しむ」というコンセプトで、ビデオの撮影方法やビデオの編集方法などを解説しています。現在発売中の最新号(３月号)では、ビデオ編集ソフトの選び方について紹介しています。初めてビデオ編集ソフトを購入したいが、なにをポイントに選べばよいのかわからない、というユーザーは必読です。

また、次号では、ビデオ編集ソフト「VideoStudio X4」を使ってビデオ編集を行う方法を紹介しており、VideoStudio X4とはどのようなソフトなのかが理解できると思います。

もう一つ、実はなのですが、ライターを始める前は、雑誌、書籍の編集をやっていたのです。その時代に、この鉄道ジャーナルでもお世話になり、日本各地の鉄道情報について取材／記事執筆を行っていたこともあるのです。そのような関係から、この連載のお仕事が始まったという裏話しもあります。

VideoStudio X4については、JaGraでも基本講座と応用講座の２講座を開講しており、VideoStudio X4の基本操作から、使いこなしのポイント、DVDビデオの作成方法などを解説しています。鉄道ジャーナルの記事を読んでVideoStudio X4に興味を持たれたら、ぜひ、講座にも参加してみてください。

もちろん、講座の中で、鉄道ムービーについてのご質問等を承ることもできます。
また、卒業、入学のシーズンでもあります。こうしたビデオを撮ったが、どう編集すればよいのかわからないというビデオユーザーも、参加をお待ち申し上げております。

JaGraプロフェッショナルDTP&Webスクール スキルアップブログ