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

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

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

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

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

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

illustrator初心者の方へ送る、ベジェ曲線を描く際知っておくと便利なことと練習法（サンプルテキストもあるよ）

2011/04/28 832 users illustrator初心者 サンプルテキスト 練習法

ご存知のない方やお忘れの方も多いかもしれませんが、私、本職は一応グラフィックデザイナーなのです。 毎日illustratorやPhotoshop、InDesignと言ったアプリケーションに触れているわけで、まぁ人並みにはそれらのソフトを使えるわけですよ。 で。 先日TL上で、ウェビメモの@xxmiz0rexx さん、Moon Blackの@tsuki_kuro さんとillustratorの話をし... 続きを読む

Illustrator（Photoshop） のペンツールできれいなパス、ベジェ曲線を描くためのコツ（私流）

2011/03/10 778 users Illustrator Photoshop 曲線 バス コツ

IllustratorやPhotoshopのペンツール。初心者の頃はこのペンツールできれいなベジェ曲線、パスが描けなくて悩んだものでした。どうやったらきれいなベジェ曲線が描けるのか、パスの書き方とともに私も実践しているコツをまとめてみました。WebテクニックIllustratorPhotoshop ShareIllustratorやPhotoshopのペンツール。 初心者の頃はきれいな曲線が描けな... 続きを読む

Photoshop でつややかな表現をわりと簡単に実現する

2006/05/05 738 users Photoshop Illustrator Tips 表現

2006-05-05T20:05:06+09:00 Illustrator などを利用してベジェ曲線で書いた絵に Photoshop を利用してつややかな表現を加える方法は何通りもあり、すでにたくさんのノウハウが存在しますが、それなりのものならほんの少しの作業で実現できます。いつも違う方法でやってしまいあとで苦労する事があるので、自分自身の忘記録も兼ねてその Tips をまとめておきたいと思います... 続きを読む

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

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

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

ベジェ曲線をゲーム感覚で特訓して自由に操れるようになる「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/... 続きを読む

デザイン勉強会のまとめをするよ！ | Blog hamashun.com

2007/09/09 463 users Blog hamashun com まとめ ウィキ 名刺

追記 2007-09-11 まとめWikiへのリンクを追加 2007-09-11 cremaさんの資料追加 FrontPage - デザイン勉強会まとめサイト - livedoor Wiki（ウィキ） デザイナーでない人のデザイン入門 ベジェ曲線で行こう 簡単に名刺を作ろうぜ！ Webサイトのあり方と考え方 総括 Twitter繋がりのまめこが主催するデザイン勉強会に行ってきました。 という訳でま... 続きを読む

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

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

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

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

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

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

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

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

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

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

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

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

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

2019/05/17 228 users Speaker Deck

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

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

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

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

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

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

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

アドビ共同創設者のジョン・ウォーノック氏、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... 続きを読む

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

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

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

フリーハンドでベジェ曲線を描く

2006/05/17 115 users Opera フリーハンド Firefox サンプル 自体

点列をベジェ曲線に変換する BezierGenerator.js のサンプルです。 このサンプルは Firefox, Opera くらいでしか動きませんが、BezierGenerator.js 自体に環境依存性はありません（たぶん）。 続きを読む

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

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

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

分裂勘違い君劇場 - 絵の描けない人もベジェ曲線で強力なプレゼン資料が作れる

2007/02/05 105 users グラフィッカー 分裂勘違い君劇場 プレゼン資料 部品 専門家

プレゼン資料は、字よりも図で説明した方が分かりやすいです。そして、図で何かを表現するとき、ちょっとした絵を部品として使うだけで、劇的に分かりやすくなることがあります。そのため、図に必要な画像部品を、Googleの画像検索で探しまくるのですが、なかなかぴったりの絵が見つからないことは、よくあることです。 そういうときは、絵を描く専門家(グラフィッカー)に、必要な絵を描いてもらうように、依頼するしかあ... 続きを読む

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

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

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

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

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

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

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

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

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

[イラレの基本！ブラウザで気軽にペンツールの練習ができるサイト、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アプリとリリースし... 続きを読む