Illustrator+タブレット、そしてWebフォント

先日、タブレットの事を書いたのですが、私のパートナーもデザイナーで一緒に制作しています。その人もタブレットを使っています。（私がタブレットを買って、強引に使わせたんですが…）

そのタブレットのグリップゴムが薄くなって破れ、（溶けたようになって）セロテープを巻いて使っているのを見かねてネットでタブレットペンを捜したのですが、私のと同様に古いもので、見つかりませんでした。

たかが、ゴム質のグリップが破れただけでタブレット買い替えも、もったいない・・そこで、補修を考えました。

スーパーに行った際に文具コーナーに寄って、使えそうな（代替え品の）グリップゴム付きのペンを買って来たのですが、細すぎて駄目だった・・・・105円だったのでマ、イイか・・・

次のチャレンジ・・グリップゴムを外して太めの凧紐を巻いて直し？ました。

使い心地をきくと「まあまあ」との返事・・

暫くはそれで我慢してください　よろしく！

今年になってWebfontに興味を持ったので制作してみました。

手描きの欧文フォントで「YoreYore」と言うフォント名なのですが、

「図no材-絵no材」WebShopの営業カレンダーの玉（日づけ）に使っています。

右フレームのCATEGORY（この部分は画像）タイトルのフォントデザインです。

IEブラウザ用のEOT、それ以外のブラウザ用のWOFFフォントでWebで表示しています。

飾り罫フォントのWebfontも制作したので、手が空いたらデジグラ工房Webサイトで入力体験出来る様なページを作る予定です。

「図no材-絵no材」WebShopのアドレス：
http://e-digigra.com/cp-bin/eccube/html
です。

【ここでPR】

★飾り罫や、囲み罫が作れるユニークで、便利なOpenTyopeフォント

「KakomiFont84」があります!!

http://e-digigra.com/title_page/kakomi84.html

★飾り罫、記号フォント、地紋フォント、イラストフォントがセットになった、

「 DIGITALFONT 罫助・紋太・絵美・マーク」シリーズが

あります!!

http://e-digigra.com/FONIND.html

サンプルフォントがダウンロード出来ますよ！

Illustrator+タブレット

久方ぶりのブログ投稿です。

今日其の一：制作素材集の件

この春にリリースしたDigigra Picture EP13　CROSS×CROSS（この素材集はIllustratorパターンブラシのタイトル）のデータパーツ編として近々にリリースする予定の素材を只今、製作中。

もう一つ、

DIGIGRA PICTURE37,37系のクラフトシリーズ続編、デザインパーツ素材イメージのデータを制作中。

2タイトル共にラスター画像の為にデータ量が多くなり、DVD-Rで収録してタイトルにする予定です。

どの素材にも言える事なのですが、完成した1点を見ると「こんなもん？」と評されても、実は結構“試行錯誤”の繰り返しで、コツコツ、チョコチョコ修正を繰り返し、完成させていくのであります。

1,2点ならいいのですが、数百点から数千点を制作、チェックは大変な時間がかかります。毎日最低でも7時間は制作作業になります。

毎日8時半から6時半まで、モニターの前に座りつづけ、タブレットペン＜※＞を握り続け、顔面は亀のごとく前方に（モニター画面に）ググ～ッと伸びきっています。

＜※＞

十数年Illustrator+タブレットを使ってます。マウスでのペンツール操作は苦手で、マウスを使ってベジェ曲線を操る人は拍手を送りたい？？

だいぶ前どこかの書き込みで、

「Illustratorでタブレットを使う？タブレットはペイントソフトと画像処理のもんでしょう！llustratorはないね！」と…

私「この人はタブレット使った事の無い人ね…」

\(-OLO-)/ 使い始めは馴れないので違和感がありますが、使い始めると、これが無いと仕事になりません。

ちなみに、今は3代目ですが、でも-ふるるい-タイプIntuos2

＜※＞

今日其の二：「図no材-絵no材」WebShop開店！

デジグラ工房ECサイト、苦闘10ヶ月やっとカタチになりました。

http://e-digigra.com/cp-bin/eccube/html/

宜敷くお願い申し上げます

【ここで素材集の宣伝】

http://e-digigra.com/EP_Webdata/EP13_15.html

Digigra Picture EP13 クロス×クロス

新発想!クロスステッチグラフィックの登場です。

刺繍のクロスステッチからヒントを得て、DTPデザインエレメントとして再現しました。

単純なX「クロス」が集まればクロスステッチグラフィック。色々組み合わせていくうちに、ブラシで見事に可愛いレース模様になる事を発見！「これは使える！・・」そして、ブラシ素材集として登場しました。

刺繍系のクロスステッチがライト感覚なグラフィックイメージを表現します。

Digigra Picture EP14　ブラシでリボン

リボンイメージパーツはすでに出回ってはいますが、ありそうでなかったのが「自在に描けるリボンブラシ」。

新発見！・・で「作って、使ってみたら以外と便利だ！」という事で、製品化しました。

Illustratorアートボード上で、自由自在に操れるリボンパターンブラシの誕生です。

囲んで・仕切って、ワンポイントに…リボンイメージは手軽で、素敵な素材です。

★★ほんとに景気が良くないですね・・グラフィックデザイン関係の皆さんガンバ!!★★

WebページのデザインはAdobeIllustratorで、其の2

WebページのデザインはAdobeIllustratorで…の続きです。

私はテキストエディタでhtmlのコーデイングしている事は書きました。

実際には初めに制作したhtmlを編集、拡張しながらページを増やしていっています。

まずはIllustratorでデザインしたイメージをPhotoShopでhtml用の画像に変換します。

次に、IllustratorとSafari、フリーのテキストエディタCotEditor（CSS用）、mi（html用）等を同時に開いて、基本となるheader、footer、bodyコード等を移植します。

それから、スタイルシート書き込みながら、htmlにセットして、Illustratorからテキストをコピーペースト、画像リンクさせてブラウザで表示を確認。

この作業を繰り返してコツコツ作り込んでゆきます。

プロのWebクリエーターの様な知識は無いので大変です。

ほぼ完成に近くなると、一度WindowsPCのIEで表示して検証します。

これがとても大変、

SafariとIE6、7、8、9、表示がバラバラなので、CSSハックで調整する事になります。

最近、先にWindowsメインでコーディングした方がいいのかな？と思い始めています。

昨日、新しいページをアップしました。

「DTP@デザイン・こんな事・知ってる！知らない？」というページです。
DTPデザインに関する知り得た役立つ情報を掲載してゆこうと思っています。

http://e-digigra.com/EP_Webdata/HOW_html/how_index.html

Windowsで一度確認はして、その後面倒なので未確認のままアップしました。

★素材集の宣伝です。

私たちが始めて製作して発売したイラスト素材集です。

今までにないカット集で、自信作でした。

真似をした製品も出てきましたが、真似をされる程「いいね！」と

言う事ですか・・・と思っています。

DIGIGRA PICTURE　ワンダフルカットシリーズ

シンプル、シンボリックな可愛いワンポイントイラストです。

http://e-digigra.com/DIGIG_IN.html

シンプルだけど、少しこだわったフォルムが特徴です。
3タイトル合計4861点
製作に数年かかったタイトルです。

WebページのデザインはAdobeIllustratorで…

▼Webページの制作はコツコツ、テキストエディタで！の続きになります。
販促物の制作はデザインは全てAdobeIllustratorとPhotoShopで一応足ります。
ページ物もカタログもAdobeIllustrator。
・QuarkXPressもInDesignも持ってはいますが、使っていません。というより、使う機会がないのと、InDesignは検証用に購入したので初心者に近いぐらいの知識しかありません。
・QuarkXPressはVer.4ぐらいまではB2のチラシやページ物の制作に使っていたので、中級程度の操作は出来ましたが、Ver.6でアップグレードはストップのままです。アップグレードの案内は来るのですが、必要ないのでそのままにしています。
・Macintosh、Windowsともに色々なアプリケーションを検証用に持っていますが、アップグレード費用が大変です。
それで、Webページを制作するのには、
まずは、↓

「WebページのデザインはAdobeIllustratorで」

Webデザイナーの人はどうしているんだろう？
私は一応、クロッキー帳でサムネールを描いて、現寸のラフの後にAdobeIllustratorでベースのデザインを組み立てます。
初めIllustratorの環境設定で単位をpixelにして、Webのページ2カラムの枠を作り、ガイドラインにしてから、部品を作り、写真画像、文章も同時に入力してレイアウトしてゆきます。
そのページのスクリーンショットです。
リンク：index2.htmlページ

現在のindex2.htmlページは立体のイメージを作って制作しました。
DIGIGRA PICTURE5ベクトル3Dパーツがありますが、残念？ながら自社用のページには使っていません。

★素材集の宣伝.1

ベクトル3Dパーツページ
ベクトル3DパーツはIllustratorで使えるパスデータのボタンやパーツが沢山収録しています。
このページはDreamweaverで制作した初期のページです。

★素材集の宣伝.2

この時期にお薦めのSummer Image Selectionタイトルを
ご紹介中！jqueryで滲み画像切替のスライドショーでご案内をしています。
宜敷くお願い申し上げます

リンク：index2.htmlページ

Webページの制作はコツコツ、テキストエディタで！

ブログのトップイメージを久しぶりに切り替えました。
でもこの画像はデジグラ工房のindexページの使い回しで昔に撮影したものです。
苔の緑が好きで、苔を育てていますが、胞子が出来た時にマクロレンズでの接写ものです。
小鉢の苔が育って緑を見せてくれると、ほっとします。
・・・毎日の水やりは面倒ですが・・・

いまオープンソースのEC-CUBEで本格的？販売サイトを制作しています。
ホームページを始めて作った時はMacromedia Dreamweaverを使っていましたが、
本格的にCSS等の勉強のため、テキストエディタで全て、手入力でコーディングする様にしました。

其の動機はと言うと、Dreamweaverで制作したHTMLのソースを見た時に其のコードの内容があまりにも修正部分のタグ重複で驚いたからです。
Dreamweaverで制作した2カラムの「ワンダフルカットシリーズ」ページです。
この素材集はワンポイント用のシンボリックなイラストです。
http://e-digigra.com/DIGIG_IN.html
http://e-digigra.com/DG27_28_IN.html

一念発起、本を数冊買い込みチャレンジしました。
始めて全てCSSとHTMLをテキストエディタで制作したページタイプ。
KIRIE系シリーズ
http://e-digigra.com/title_page/NEOKIRIE_index.html

これ以降は少しづつですが拡張しています。
ポータルのつぎのページ「総合案内ページ」です。
http://e-digigra.com/index2.html

ホームページをテキストエディタでコーデングするのはとても面倒ですが、テキストエディタで制作していった事で、CSSやHTMLのコードが理解出来る様になってEC-CUBEWebサイトのデザイン変更に大変役立ちました。ただPHPなどはまだ分からないのでこれから勉強です。

教訓：何でも自動化、アプリケーションの頼り過ぎはいけません・・です。

ファイルメーカーProとIllustratorCS5

今、FileMaker Pro データベースで販促の宛名を印刷しています。 私はファイルメーカーProを使い始めたのはVer.4（多分？）からで、目的は画像ビューワー（画像カタログ）が作れるという事で始めました。ただ他の人が使うには、ファイルメーカーProが必要になります。
それで、Directerで作ろうと思ったのですが、手間がかかり、スクリプトも面倒だったのでランタイム版を作れるファイルメーカーPro5デベロッパーを追加購入して始めました。

今は多分Ver.12になっていると思うのですが、私のはまだFileMaker Pro AdvancedVer.10のままです。
今まででファイルメーカーのデータベースシステムで色々なものを作っていますが、現在一番、役に立っているものは弊社製品の受注・納品・請求のシステム、登録ユーザー管理のデータベース（郵便カスタマコードをセットしてシールや宛名ページで印刷が出来るタイプ＝これは住所からカスタマコードの記号に変換するのがかなり面倒なスクリプトを組んでいて、下記の理由でOSを変えてからはこの機能は使っていません。）、 そして最近のタイトルにセットしているデジタルカタログです。

困った事に、MacOSからOS Xになりバージョンごとに関数が無くなったものもあり、うまく機能しない部分も出て来ています。（関数をなくすとシステムがおかしくなるのになぜなくすのでしょう。）
だから受注、納品請求のシステムを組み直すのが大変？なので、旧OSでVer5.5のまま使っています。
バージョンの移行は4.0→5.0→5.5→7.0→9.0→10.0。

どうして？…
Mac版10.0はIllustratorEPSファイルをピクチャー挿入するのにMac8bitでないと出来ない！IllustratorCS5のEPS保存にはMac8bitでは保存出来ない様になっています（私のだけ？）。
だから一旦、IllustratorCS3に保存して、IllustratorCS3からMac8bitのEPSファイルにしてピクチャー挿入しています。

悩ましい…
ソフトやOSはバージョンアップばかり、使っている周辺機器は簡単には変えられない…
今のシステムはMacOS X10.68、イメージPOP（スキャナー）はOS9、EC-8500はOS X10.4でないと認識しない。
プリンターのセッティングもIPアドレスでのセット、ファイルのアクセス権、ネットワークの共有…
昔のMacintoshの日本語システムフォルダで馴染んで来た私にはとても面倒に思える。

頑張らないと…
でも、パソコンのOS環境に依存する製品を作っていると、頑張って馴れないといけない。
MacintoshとWindowsを並べて分かる限りに格闘しています。

デジグラ工房の新製品：Digigra Picture EP13/EP14/EP15/宜敷くお願い申し上げます
http://e-digigra.com/EP_Webdata/EP13_15.html

パターンブラシにハマってしまう!!

久々の更新です。
新製品のリリースが佳境に入り、一心に、必死にデータと格闘して、やっと完成にたどり着き、
リリスする運びになりました。

構想3年、データ制作は少しづつ、コツコツと2年をかけて作りました。と
制作者のCさんが申しております。
よく考えたら、私はチェックのみで、制作に加わっていなかったのです。
ちなみに上のチラシのデザインは私がいたしました。
今回は3タイトル有りますが、私のチェックに力が入り、リリースが随分ずれ込みました。
このタイトルの感想は、

“これ、いい！”

私はDigigra Picture EP13　CROSSxCROSS　クロスxクロスが気に入っています。
製品コメントは

「刺繍のクロスステッチタイプのIllustratorパターンブラシ・スウォッチパターン素材集です。
クロスステッチイメージのパーツや、可愛いレース模様が作成できます。
ライトな感覚のクロスステッチイメージのグラフィック表現がデザインに活かせます。」

特にレースのイメージを作れるのが、一押しのところだと思います。 と言うところで、

中途半端なのですが、今日はこれで終了します。

私の仕事はデザイン素材集の宣伝！

ブログを書く時間が取れない、と言うより、題材が見つからない。

本当は素材集の販促のつもりで始めたので、素材集を一つづつ紹介すれば良いのですが

なかなか簡単にはゆきません。

/*デジグラ工房Webの掲載内容をコピペすれば簡単とは思うのですが*/

/*××××*/はCSSのコメントコード記号です。

・

性格からして、そのままではいけない！と考えてしまいます。

でも文章を作るのに時間がかかってしまい、ブログでこんなに時間を取られていいだろうかと

考えてしまいます。

これも性格です。

・

前回出の記号マーケット紹介の続きを今回も、と思ったのですが、ホームページを見てもらえれば分かる事なので、カテゴリーだけ載せておきます。

【収録カテゴリー】

協会団体・公共マーク・郵便・電話ファックス・手旗・宅配・JR・交通標識・地図記号レジャーマップ・シティーマップ・地球・方位・日本地図・世界地図・天体・星座・天気マーク・工事・危険表示・事務機器・アナログ時計・デジタル時計（デジタル文字）・数字記号・印刷記号・テンプレート・フローチャート・吹きだし・矢印・車関係・オーデイオ・家電・洗濯・アイロン。電化製品・電気配線・カメラ・パソコン・電卓キー・キーボード・学校・病院・宿泊施設・マンション設備・指数・カード・光熱・生活・手話・点字・ゲーム記号・ヒューマン・フェイス・音符・家紋パーツ

/*これもコピペです*/

・

念のためもう一度URL入れておきます。

http://e-digigra.com/DIGI3_IN.html

・

2月末に腰を痛めて今は整形外科に通っています。

スベリ症からくる変形◯◯…？と診断がありました。

若いときからの持病でたまに出てきます。でも今回はとても長いので困っています。

仕事中に抜けて、治療（運動治療：リハビリ）にゆかなくてはなりませんので、今制作中の素材集完成が徐々に遅れてきています。

4月中にはリリースする予定ですが、プレッシャーがかかります。

・

素材集販売でお世話になった加賀電子のフォトガレージ（旧マルチビッツ）が閉鎖になりました。

また一つのお付き合い先が無くなりました。とても残念に思っています。

一時はとてもいい取引先で、担当の方々もとても頑張っていらしたのですが、

10年という時は、色々なものを変えてしまいます。

・

わたし達も、素材集を製作、発売して13年がたちますが、

デジグラ工房はまだまだ続けます！

コツコツ、我慢、辛抱が身上の性格ですから。

デザイナーの皆さん宜敷くお願い申し上げます
・
今日はこれで、失礼致します。

最近考えさせられ事・フリー素材

最近考えさせられ事・フリー素材が溢れてる！

なんだかフリー素材が溢れすぎて“なんなんだー！”と言いたくなってしまいます。

私はこのたぐいはあまり見ない様にしているのですが、国内も海外も半端でないぐらいで回っていますね。

内容もピンキリでこんなすごい素材を無料でダウンロードさせるか…と思う所もあります。特に海外のはスゴイ！・と言っても全て英語なので分からないのですが、いったい目的は…と考えてしまいます。

国内でのフリー素材のページにはアフリエイトのリンク広告が並んでいて、多分これが目的だとは思うのですが、とにかく考えさせられる状態です。

私達の商売に少なからず影響が有るのは何とか見過ごせることは出来るのですが、

・

なかで一つ気になったのが記号類、ロゴ、マーク等の無料配布です。配布するのに許諾を取る必要なものも有ります。（ロゴ等は当然論外ですが！）

デジグラ工房素材集に記号マーケットがあります。

収録しているデータはオリジナルのマークがほとんどですが、それでも著作・意匠物として調べながら慎重に制作してゆきました。全て自社で資料を参考に下書き、トレース制作したデータ素材です。

・

公共・団体・規格等のマーク、記号は自由に配布出来るものも有りますが、配布禁止、許諾が必要なものもあります。それらは全て使用許諾契約を受けて収録しています。まずは所有の団体等に電話をして、製作物の概略を説明し、製作物内容、許諾申請書面等を郵送、そして許諾が出た段階で許諾契約を交わしました。時には営業を（製作当時は営業が居りましたので）東京まで出向かせた事もあります。

※清刷りやコピーを頂き、規格通りにトレースしました。

そのなかで一般には配布不要として断られたものも沢山あります。しかし…

フリーでダウンロードさせているマーク類の中に、それらマークも普通に含まれています。

・

この記号マーケットの製作は本当に時間と手間がかかりました。

6000点以上の素材データを収録していますが、準備期間と、実際の制作時間、許諾を取得する手間、企画から完成まで2年はかかった様に記憶しています。

それだけに汎用性の高い、定番タイトルとしてDTPユーザーの皆さんに愛用して頂いております。

使われ方は色々ありますが、一つのグラフィックとして充分にメッセージ出来る記号・ピクト類は“いいね！”をあげたいエレメント素材です。

URL:http://e-digigra.com/DIGI3_IN.html（旧HTML仕様ページ）

19時10分。今日はこれで時間切れ！本日は文章のみ、

続きは後日に書きます。

誤字脱字はご容赦ください。

お先に…

これがデザインエレメントだ！

前のブログでデザインエレメントの事を描きましたが、今日はその宣伝です。
DIGIGRA PICTURE11　デザインエレメントのショートコメント！
DIGIGRA PICTURE11：デザインエレメントはユーザーの方々から頂いたデザインパーツに関する要望等を形にしたタイトルです。沢山のお声の中から特にこれはというカテゴリーを選んで満足していただけるように作り込みました。デザインの隙間を埋めるものでなく、デザインするための素材としてただ1点のパーツとして終わることなく組み合わせることによりデザイナーの感性を形にすることのできる自由度の高い素材です。
・
このタイトルも完成まで2年はかかったと思いますが…4名が関わった製品です。
・
【収録内容デザインエレメントデータ】
PARTS:551点/◆カリグラフィ罫◆あらゆるデザインに幅広く使えるオプチカルパターン◆金券、チケット用に制作したオプチカルパターン◆円とラインで構成したドキュメントデザインデータ
PATTERN:250点/◆金券、チケットのBG用のイメージパターンタイル◆印刷のスクリーンの約20線の網点を疑似に再現するパターンタイル
HAND:170点/◆イメージ広告等でよく目にするのが手のイラスト。1本の線で描かれた手の表情と生きたコピー、写真との組み合わせで単純でありながら主張のある広告が出来ます。
BORDER:250点/◆各種封筒の下部にある、社名等を入れる囲み罫。長3、長4、角2、角5の4タイプ
DATE:◆日付部分（日時・期間パーツ）のデザインパーツ（フォントアウトラインタイプ、システムフォント入り)各145点/
FUDEMOJI: ◆毛筆かな・数字類419点
合計1785点/データファイル:1599ファイル）
【その他データ】作成例：8ファイル
 ◆収録データイメージブラウザー（電子版カタログ：DIGIGRA IMAGE CATALOG）セット。
●IMAGE CATALOG動作環境：Macintosh・OSX/Windows・XP、VISTA、Windows7（Mac:10.4.11/Win:XPsp3、VISTAsp2、Win7推奨）/
DIGIGRA IMAGE CATALOG PDF併録（Adobe Reader 6以上必要）
・取り急ぎ以上が収録概要です。
・
今日の業務は強制終了のため、これまでです。
・
▼タイトルのチラシイメージです。
パッケージは変更になっています。

春にうれしい新製品

新タイトルの制作も佳境に入って来ました。3タイトルの素材データはほぼ完成、今はチェックの段階です。
そのなかの1タイトルは昨年の12月の後半から始めた、新タイトルの修正が2ヶ半、いやその前から計算すると、4ヶ月を費やしているかもしれません。2月25日に修正が完了しました。（今は他の1人＜担当Cさん＞が再チェックをしていて、何点かパスが無かったり、複合パスになっていなかった部分を見つけて、嬉しそうに？？？私に告げます。）
修正だけにこれだけ費やすと多分原価消却は何年もかかるでしょう。
ここ数年、毎月の出荷点数が極端に少なくなっていますから…
・
今は2タイトル目の修正も完了して、1セットファイルの編集に入っています。これももうすぐ完了します。あと残りは1タイトル、今月中には製品にしたいと思っています。
新製品はイラストとIllustratorパターンブラシの製品です。
・
私はこの様なジヤンルの仕事をしていますが、あまり競合相手の製品を見ません、内容の研究もしません。あえて無関心でいようと考えて、そうしています。他社製品に翻弄されたくないからですが、時には1年ぐらいかけて制作していて、もうすぐ完成という時に同じ様な製品が出され、“なんじゃ〜”と言う時もあります。知らない同士が同じ様なイメージデータを同じ様に製品化に向かっている偶然はあるもんだとその時には思いました。そこでこのイメージの単独タイトル製品化は急遽中止にしました。
DIGIGRA PICTURE11の手表現イラストです。
http://e-digigra.com/DG11CA_M.html
MC DIGITALFONT：罫助・紋太・絵美・マークの製品化のとき、フォント名を色々考え、グラフィックフォントに決定、弁理士に商標登録手続きを依頼しました。その時点での調査の結果、特許庁での公示は（グラフィックフォント）未登録で、十数万かけて登録申請をしましたが、実は、すでにグラフィックフォントは数ヶ月前に登録申請が出されていました。数ヶ月の公示ブランクで登録申請済が判明しなかったという事です。
この時にはすでに登録が無いという事で、パッケージ、カタログ等を印刷済。パッケージは全廃棄という結末です。
・
3タイトル目は来週の後半ぐらいからチェック・修正に入る予定ですが、この製品もちょっと手がかかりそう。
・
もうすぐ春になります。
でも明日から少し寒くなる様です。三寒四温の春
穏やかの日差しが恋しいです。