アドビ共同創設者のジョン・ウォーノック氏、82歳で死去。PostScript・Illustrator・PDFの生みの親、DTPの祖 | テクノエッジ TechnoEdge

2023/08/20 122 users TechnoEdge 生みの親 DTP テクノエッジ 死去

アドビ（Adobe）の共同創設者であるジョン・ウォーノック（John Warnock）氏が8月19日、82歳で亡くなりました（Adobeによるプレスリリース）。 ▲ジョン・ウォーノック氏（2022年撮影） Xerox PARC在籍時にアウトラインフォントを使った電子出版を考案したウォーノック氏は故チャールズ・ゲシキ氏（2021年死去）とともにA... 続きを読む

ベジエ曲線のなめらかさの話 / Bézier Smoothness - Speaker Deck

2019/05/17 228 users Speaker Deck

All slide content and descriptions are owned by their creators. 続きを読む

Seeker's eye: 円の描画

2017/10/20 12 users 描画 Fortran グラフィックス Illustrator

ちまたで、Illustrator の円はベジェ曲線による近似で誤差があるみたいな話が。 昔、マイコンの自作をやってた時にはグラフィックスは自分で書くわけ。誰も書いてくれないので。それで、マイコン雑誌に載っていたのが、 DDA Algorithm http://tinyurl.com/qa48sjv ですね。その当時、東工大では Fortran の演習があって。ちなみにカードだったんですが。それで ... 続きを読む

Illustratorで作図した円は歪んでる、という事を説明する図が話題に - Togetterまとめ

2017/10/12 434 users Illustrator 図形 Togetterまとめ 寸法

Illustratorで作図した円は歪んでる、という事を説明する図を1枚。Illustratorで作図した150mmの円。ベジェ曲線で近似の図形になってます。CADソフトに読み込んで寸法を表示させると150にはならずに中心もずれます。 pic.twitter.com/ot6bvO7Vi5 続きを読む

ベジェ曲線とは　初心者にもわかりすいよう下敷きに例えてみた | ホームページ制作 SEO対策【広島 岡山 山口 福岡】エム・フィールド広島オフィス

2017/07/06 20 users Tantan キホン Photoshop 曲線 習得

こんにちは、デザイナーのTantanです。 IllustraotrやPhotoshopのペンツールできれいな曲線を描く方法がわからない、ベジェ曲線って全然コントロールできなくてわからん！という方のために基本のキホンを「 例え 」で解説したいと思います。 ベジェ曲線の操作感は独特ですので、具体的な操作を学ぶ前に イメージを掴む と習得が早いと思います。 下敷きを思い浮かべてください 小学生の頃使った... 続きを読む

一から学ぶベジェ曲線 | プログラミング | POSTD

2017/02/23 151 users SVGアニメーション 曲線 POSTD 形態 動作

ベジェ曲線は、曲線を描くのに役立つ美しい抽象概念です。最もよく使われる形態である3次ベジェ曲線は、曲線を描いて格納するという問題を4つの座標を格納するという問題に変えます。点の2つは曲線の端点となっているので、多くのベジェ曲線を使ってさらに複雑な構造を正確に作り上げることが容易になります。(編注：SVGアニメーションについては 元記事 で動作をご確認ください。) 皆さんは線分のことをどう表現します... 続きを読む

ロゴの作り方から学ぶベジェ曲線の基本！これでイラレが得意になる | 株式会社LIG

2017/02/20 114 users イラレ LIG 谷川浩司 棋士 株式会社LIG

はじめまして、新人デザイナーのほっしゃんです。 LIGに来る前はフリーでイラストやグラフィックデザインや美術作品を作っていました。最近ハマっているものは詰め将棋。好きな棋士は谷川浩司です。よろしくおねがいします。 今日は初心に返ったつもりで、ロゴやフォントのデザインの際に覚えておきたい「ベジェ曲線」の基本をおさらいします。実際にロゴを作っていきながら覚えましょう。 ▼目次 ロゴ作りから学ぶライブト... 続きを読む

Go 言語で宇宙旅行風のアニメーション GIF を作った - てっく煮ブログ

2016/01/17 31 users 言語 アニメーション Gif golang 煮ブログ 末尾

宇宙旅行風のアニメーション GIF を Golang で生成してみました。完成品はこちら。 ソースコードはこの記事の末尾に掲載しています。以下では使ったライブラリーやテクニックを簡単に説明します。 draw2d を使って描画する Golang の標準ライブラリーだけでは複雑な図形を描画するのは難しいので、 draw2d を使ってみることにした。こいつを使えば、線とか弧とかベジェ曲線を描けるし、線の... 続きを読む

[JavaScript] 3次ベジェ曲線をCanvasに引いてみたい | CreateJS, EaselJS « きんくまデザイン

2015/12/28 24 users EaselJS CreateJS canvas きんくま バス

こんにちは。きんくまです。 今回は3次ベジェ曲線をCanvasに引いてみたいです。 ベジェ曲線っていうのは、そうですIllustratorなんかでパスを操作するときのやつですね。 こんな感じの 実は以前ActionScript3でも書いたことがあるんですが、今回はJavaScriptで書いてみたかったので。 >> [AS3] Illustratorのような3次ベジェ曲線を書く （5年も前の記事です... 続きを読む

ベジェ曲線が苦手な人に！PhotoshopとIllustratorのペンツールで思い通りに描けるようになる知って得する2つのこつ | コリス

2015/08/04 269 users ワークフロー コリス Illustrator コツ 役割

ペンツールは、PhotoshopとIllustratorで最も重要なツールの1つです。ペンツールを楽に使えるようになると、デザインの新しいチャンスが広がり、ワークフローも大きく改善されるでしょう。 PhotoshopとIllustratorでのペンツールの役割や使い方の違いを理解し、それぞれで作業する時にベジェ曲線を思い通りに描くのに役立つ2つのこつを紹介します。 Two Simple Techn... 続きを読む

【ベクター素材】これだけあれば何でも出来る！厳選、使える無料ベクター素材集 - NAVER まとめ

2015/04/12 442 users NAVER DTP ベクター素材 アイコン ロゴ

会員登録等なしにダウンロード確認済です！ベクター素材はベジェ曲線なので自由に加工が可能でとても便利な素材です！Web系の方もDTPの方も使えるよう、アイコン・イラスト・ロゴなどそれぞれ種類別に分けてまとめました。※著作権についてはサイトによって異なるので確認の上使用してください。 更新日: 2015年04月12日 続きを読む

PhotoshopやIllustratorのベジェ曲線をマスターするオンラインゲームThe Bézier Game - Photoshop VIP

2015/04/02 73 users Illustrator Photoshop ペンツール 以下

PhotoshopやIllustratorのペンツール機能、うまく使えていますか。 今回は、ペンツールの基本操作から美しいパス、ベジェ曲線の描き方をゲームを通して楽しく学ぶことができるオンラインサービスThe Bézier Gameをご紹介します。 グラフィックデザイナーとして不可欠なペンツールは、使い方を覚えることでデザインの可能性がグンと広がります。 詳細は以下から。 PhotoshopやIl... 続きを読む

ベジェ曲線をゲーム感覚で特訓して自由に操れるようになる「The Bezier Game」 - GIGAZINE

2015/03/05 596 users GIGAZINE Illustrator 難関 ペンツール

IllustratorやPhotoshopといったソフトを使う際に避けては通れないのがベジェ曲線の使い方です。特に初心者にとっては「最初の難関」として立ちはだかることも多いベジェ曲線ですが、そんなペンツールを使いこなすべく、全く知識がない人でも1から使い方を学べるようにしたのが「The Bezier Game」です。 The Bézier Game http://bezier.method.ac/... 続きを読む

[イラレの基本！ブラウザで気軽にペンツールの練習ができるサイト、The Bézier Game] 他 海外のIllustrator情報 | WEBデザインすーぷ

2015/03/03 53 users イラレ shade Inkscape Illustrator

思い通りにベジェ曲線を扱えない初心者さん必見のサイトです。ペンツールはPhotoshopやShade、Inkscapeなどでも使いますが、Illustratorの場合これを使わないと始まらない！というぐらい重要なツールです。このサイトは最初にお手本を見せてくれるので、まずはそのまま真似してみてください。目次 ベジェゲーム Adobe Illustratorで立体の雨のしずくデスクトップ壁紙イラスト... 続きを読む

ベジェ曲線すら知らなかった私が3ヶ月でLINEスタンプ「世界のこんにちは」をリリースするまでにやった事。 | Last Day. jp

2014/10/20 39 users iPhoneアプリ 経緯 審査 ラインスタンプ タイトル

タイトルにある通りなのですが、初めてラインスタンプをリリースする事ができました！審査にめちゃくちゃ時間かかりました。3ヶ月とちょっと待ちましたが、やっとリリースされました！！　 作ったLINEスタンプはこちら>>> LINEスタンプを作る事になった経緯 新しいものが出ると何でも作ってみたくなります。これまでに未経験ながらiPhoneアプリ、Androidアプリ、Windows 8アプリとリリースし... 続きを読む

ブラウザ上でベジェ曲線の描き方がマスターできる『The Bézier Game』 | IDEA*IDEA

2014/09/13 627 users IDEA イラレ GAM トレース チュートリアル

あ、これすごいぞ。ベジェ曲線の練習がブラウザ上で出来ます。 ↑ イラレのペンツールとかの使い方ですな。 ↑ そのときどきで使うショートカットも教えてくれます。 ↑ こういうのも描けるようになります。 ↑ チュートリアルとかが終わるとこうした課題が出ます。 ひととおりやればちょっとしたトレースはすぐに出来るようになりますな。かなり良いサイトかと思います。是非どうぞ。 » The Bézier Gam... 続きを読む

プログラマーがイラレで絵を描けるようになると、こうなる - pblog

2014/07/18 1770 users pblog イラレ プログラマー きっかけ 偏見

2014-07-18 プログラマーがイラレで絵を描けるようになると、こうなる プログラマー、絵が描けないじゃないですか（偏見） なので描けるようになりたいなとずっと思っていて、ベジェ曲線って滑らかでナンカヨサソウ、とチャレンジしました。 「ベジェ曲線」習熟ドリル 7,8年前に買ったのがこれ。そう、チャレンジは2回目なのです。前回は3ページぐらいで挫折してました。んで、最近急に暇になったのをキッカケ... 続きを読む

【0203】【完成】イラレが得意になるベジェ曲線の基本と疑問 | 株式会社LIG

2014/02/13 115 users イラレ LIG 下絵 谷川浩司 棋士

はじめまして、新人デザイナーのほっしゃんです。 LIGに来る前はフリーでイラストやグラフィックデザインや美術作品を作っておりました。最近ハマっているものは詰め将棋。好きな棋士は谷川浩司です。よろしくおねがいします。 今日は初心に返ったつもりで、ロゴやフォントのデザインの際に覚えておきたい「ベジェ曲線」の基本をおさらいします。実際にロゴを作っていきながら覚えましょう。 目次 下絵を準備する ライブト... 続きを読む

イラレの円は本当は円じゃない（もしくは時空の裂け目について） - 遠近法ノート

2013/10/17 92 users Wikipedia イラレ 数学 裂け目 楕円ツール

その他 Illustratorの楕円ツールで書く円は、本当は円（wikipedia:円 (数学)）ではなくて、近似値なんです。つまり、円としてはわずかに歪んでいるわけ。これはベジェ曲線（wikipedia:ベジェ曲線）というものを使う以上、そういう仕様なのですね。 ……ということを、いちおう知識として知ってはいたのですけど、「実際のところ、どれくらいの歪みがあるんだろ？」ってちょっと気になりません... 続きを読む

ベジエ曲線のラインに沿ってテキストを折り返すことができるjQueryプラグイン・Bacon! - かちびと.net

2012/03/18 237 users Bacon net 備忘録 テキスト ベーコン

ちょっと面白いプラグインだったので 備忘録。曲線に沿ってテキストを折り 返せるようにするjQueryプラグインで す。新聞のようなレイアウトも組めそ うです。用途はあまり無さそうですけ ど、珍しいので覚えておきたい。 Bacon!(ベーコン)です。名前の経緯は分かりませんが、ペジェ曲線にそったテキストの折り返しが可能です。 Bacon! こんな感じ。結構前に同じようなライブラリありましたね。こちら... 続きを読む

Life is beautiful: ベジェ曲線の数と「達筆度」と

2011/11/17 19 users 字形 ストローク アルゴリズム 曲線 手書き

neu.Note+ 向けに曲線のスムージングのアルゴリズムを開発中。特に文字の場合、オリジナルの字形を崩さずにどこまで自動できれいなスムージングをかけられるかが勝負になる。 左の図で、一番左のものがオリジナル。iPad上に指で書いたものだが、手書き特有の「よれ」が見れる。それぞれのストロークは３０〜４０個のベジェ曲線から構成されている。 これに開発中のアルゴリズムを適用したものが真ん中のもの。隣接... 続きを読む

文字詰めの次はベジェ曲線をマスターできるゲームだと・・・？！ | IDEA*IDEA

2011/11/09 129 users IDEA Compare ベジェ スコア 文字詰め

ちと出遅れた感がありますが、なんとも楽しいので。前回ご紹介した「文字詰めゲーム」に続き、「ベジェ曲線ゲーム」が登場したようです（DTP-Transitさんに教えてもらいました）。 ↑ ピンクの丸をドラッグしてベジェ曲線を調整していきます。 ↑ 適当に調整して「COMPARE」するとスコアと正解が・・・むずいｗ。 ベジェは正解が見えにくい微妙なところなのであれですが、腕に覚えのある方は是非どうぞ！ ... 続きを読む

ベジェ曲線の操作感覚を試すことができる「SHAPE TYPE a letter shaping game」: DesignWorks

2011/10/27 20 users アルファベット イラストレーター DesignWorks

イラストレーターでイラストを描く際に使用するベジェ曲線。慣れている人なら器用に使いこなすことができますが、経験が未熟だと、独特の操作方法に苦戦される方も多いかと思います。今回は、そんなベジェ曲線を操作する感覚を試すことができるwebサイト「SHAPE TYPE a letter shaping game」を紹介したいと思います。 表示されたアルファベットの一部の形が崩れており、その箇所をベジェ曲線... 続きを読む

中学生でもわかるベジェ曲線 - Rui's Blog

2011/10/09 1568 users 曲線 直線 速度 中学生 一定

ベジェ曲線をレンダリングしていたら面白くて丁寧に描いてしまった。せっかくなのでこれを使って誰にでもわかるように（たぶん中学生でも分かるように）ベジェ曲線というものが何かを説明してみたいと思う。 ベジェ曲線というのはなめらかな曲線を描くためのものなのだけど、説明はまず単なる直線から始めることになる。この下の図の点の動きがすべての基本になるからだ。 一本の直線があって、その上を点Mが一定の速度で移動し... 続きを読む

超絶サンプル満載のベクター画像描画JavaScriptフレームワーク「Paper.js」:phpspot開発日誌

2011/06/28 67 users ベクターグラフィック フレームワーク ライブラリ about

Paper.js ? About 超絶サンプル満載のベクター画像描画JavaScriptフレームワーク「Paper.js」。HTML5で描画するタイプのフレームワークです。 ベジエ曲線をマウス位置に応じてリアルタイムにぐにゃぐにゃ動かすサンプルやベクターグラフィックが動きまわるサンプル等、こうしたライブラリは将来使う予定がないという方もWEBに関わるなら絶対に見ておいたほうがよいと思います。 とに... 続きを読む