気まぐれな戯れ言の部屋 バックナンバー６
気まぐれな戯れ言 バックナンバー６ 気まぐれな戯れ言バックナンバーです。全体の一覧はこちら。 03/06/29 ベジェ曲線の長さ編 03/06/14 立体視できる３次元物体編 03/04/02 CodecをつかったMP3のデコード・再生編－１ 03/03/14 簡易OSを作ろう編－３ とあるメーリングリストで出てきた話題なのでここで取り上げて見る。 ベジェ曲線はグラフィックの分野以外にもCADでも使われているらしい。 グラフィックならともかく、CADで使うとなるとその長さを求めてみたくもなるが単純な円弧でもないしどうやって曲線の長さを求めればいいんだ？という話。 一応数学的な部分についてはHK WORLDで述べられているので、これでわかる人はもうプログラムを組めるはず。 ただ、このサイトには実際のプログラムがないので一応ここでだらだら書いてみる。 とりあえずベジェ曲線そのものについて。 ベ
全くの未経験が独学でWEBデザイナーに転職するまで | SHIROMAG
私はWeb制作会社を経営しており、2023年現在で36歳になります。 28歳の時にWebデザイナーに転職してWeb業界でのキャリアをスタートさせ、32歳で独立しました。 この記事では、私が28歳の時に未経験から独学でWebデザイナーに転職した方法を紹介しています。 効率的な勉強方法や習得すべきスキル、転職活動のコツなど、Webデザイナーを目指している人におすすめの内容になっています。 また、今はWebデザイナーを採用する立場になっているので、「こんな人を採用したい」という視点も加わっています。 28歳（当時）の未経験がWebデザイナーに転職 Webデザイナーになるまでは、Webデザインどころか、デザインの仕事やプログラミング、Web関係の仕事すらやったことがありませんでした。 最初からデザインのセンスがあったわけでもなく、今見るとWebデザインの勉強を始めた頃作ったサイトは酷いものでした…
Photoshopの描画モード(ブレンドモード)を理解するための、画像合成は計算だという話 | 俺CG屋
よくPhotoshopの記事で「こんな画像にこんな画像をこの描画モードで重ねるとこんな感じになるよ！」みたいなのは見かけるのですが、それでは根本的にわかってないので、結局合成の際にカチカチしながら見た目で選ぶハメになります。また、よくわからない結果になっても、原因がつかめません。そこで、「画像合成ってなに？」という根本的なところから書きました。 Photoshop、AfterEffects、Illustratorなどレイヤー構造を持つAdobeのソフトには描画モードという画像合成機能が付いています。 この機能、知らないと一見使いにくいのですが、使いこなすとなくてはならない機能の一つと言えるくらい幅が広がるものです。 画像合成って結局何しているの？ この画像合成の本質は、ずばり「計算」です。コンピュータだから、当たり前と言えば当たり前ですが。 数学と言ってしまうと難しく聞こえてしまうかもしれ
レスポンシブおっぱいでまなぶスケーラブルグラフィックス
13. 書式 <svg> <circle cx="0" cy="0" r="30" /> <path d="M 0 0 q 150 -100 300 0" /> </svg> d属性のパスデータ構文 ・M modeTo 座標移動 ・L lineTo 直線をひく ・C curveTo 三次ベジェ ・Q Quadratic 二次ベジェ 16. oh. . . <path id="bikiniLeft" stroke="#000000" stroke-width="1.3197" stroke-miterlimit="10" d="M3 c-40.545,88.065-76.878,196.041-76.878,196.041S163.219,503.9,163.393,692.887c0,97. c62.188,23.381,146.33,29.262,209.33,6.51c159.213-
<!--:JA-->「デザイナーもJavaScript覚えるべきだよ」について<!--:-->
Web やアプリのデザイナーか「技術にしばられないでデザインを考えていく」コミュニティ。 月1回の定例MTGと年に数回のデザイン中心ハッカソンなどをしています。 先日、Facebookでぼやりとつぶやいたのですが、「デザイナーもJavaScript覚えるべきだよ」ということについて、思うことを素直に書いてみます。 2012年12月8日に開催されたCSS Nite in OSAKA, Vol.34でわたしは微力ながら第二会場の進行をしていました。 この日のセッション内容については、これからのWeb系の仕事まわりでは、なんとなく各専門家はいても、WebならWeb系全般の一般教養みたいなのはおさえておかないと、実際仕事につながらないよねーみたいな雰囲気でした。 たしかにそうなんです。 でも思うのは、「デザイナーもJavaScript覚えるべきだよ」と軽々しく言うのはちょっと違うと思うのです
SVG女子を90%軽くしたSVG軽量化テク+α #svggirl
あいつ仕事してないで女の子のイラストばっかりいじってるぞと陰ながら言われていた喜納です。 HTML5で動くSVGアニメーション「SVG女子」がラスベガスでのマイクロソフト基調講演MIX11で公開され、 世界を（いろんな意味で）驚かしてきましたが、 ついに本日、日本でも公開されました！ しかも日本版に合わせてアニメーションも長くなっています！ こっそりブラウザを英語にして見ていた人も必見です！ （神風動画さんによる予告編動画！） 神風動画さんによるハイクオリティアニメーションをSVGで再現すると言う試み、 プログラムについては SVG Girlの公開と内部実装（プログラマーブログ） で担当プログラマーの吾郷が説明していますが、とにかく いかにSVGをきれいに軽くするかが最重要！ SVGといえば拡大しても荒れる事の無いベクター形式で、pngよりも軽くつくれたりすることで使われていますが、 今回
「Ai→Canvas」イラストをHTML5形式に変換する画期的プラグイン 【増田@maskin真樹 | TechWave（テックウェーブ）
[読了時間:1分] 米Microsoftが運営するMixOnlineが10月12日、アドビ・イラストレーターのファイルをHTML5のCANVAS形式にエクスポートできるプラグイン「Ai→Canvas」を公開した。CANVAS形式で表現されたイラストは拡大縮小はもちろんアニメーションを施すことなどが可能になる。 プラグインインストール後、イラストレーターの「書き出し」コマンドを実行するとCANVAS形式を選択できるようになる。書き出されるのはHTMLファイルで、ベジェ曲線はそのままビットマップ画像はファイルとして保存される。対応ブラウザで表示することができる。（以下参照） 上のスナップショットでCANVAS変換したベジェのみで作成されたイラストを以下で公開している。 http://blog.metamix.com/sample/NAOC_LOGO_Illustration.html ソースを
グラデーションメッシュを使いたい！
どうもこんにちは！ カヤック意匠部新米イラストレーターのウシキです！ 今回はwebデザインではほぼほぼ使うシチュエーションのないillustratorのこの機能！ グラデーションメッ〜シュ！！！をご紹介したいと思います！ illustratorではかなり初期のバージョンからあるのに全然つかわないなぁって人もいらっしゃるのではないでしょうか！ Photoshopでできちゃうからいらないんじゃない？ 印刷向きでweb向きではないんじゃない？ って思いがちですが、 ってその通りですが、 意外と使い方覚えちゃえば凄く簡単に早く便利にwebにも印刷にも対応できちゃう綺麗なオブジェクトがつくれちゃう！ それがグラデーションメッ〜シュです！ 使い方にはいくつかコツが必要です！実際にグラデーションメッシュで描いたイラストを用いて説明していきます！ 下のイラストをご覧ください。今朝会社にくる前に30分で作っ
【ケータイ】画像のファイルサイズを50%削減するひと手間
こんにちわ。最近ソーシャルアプリやるようになったやしこです ソーシャルゲームはいま一番アツい分野！いろいろなゲームが群雄割拠です。 でも画像が重くてさくさく連打できないとゲームの爽快感が半減してしまいます。悲しいけどこれ携帯なのよね。 なるべくストレスフリーのみんなに優しいデザインをした〜い！ そんなユーザーにもエンジニアにもモテる爆軽画像への研究・発見報告です 基本の基本 画像の重さは１画面合計100k以内 PNGは使えないとおもっておk 画像にwidthとheightを指定しないのは死亡フラグ 元画像が複雑な場合ライブトレースで爆軽に 私が現在担当している英雄になりたい！は魅力的なキャラクターたちが登場する戦争ゲームです 繊細なキャラクターデザインでそれが重厚な世界観を作り出す大事なキーになっています ところがアニメ塗りと違って色数が多すぎて減量に不向きです。どうしても重くなってしまい
Go Media's Arsenal インパクトの強い画像を生み出すサイト
Get Free Stuff – Download Free Vector Art, Textures, Mockup Templates and More We would love to give you a taste of some of what the Arsenal has to offer. Our goal is to save you time and money on your projects and help you present the best work possible to your customers. Enjoy this variety pack featuring a smattering of free vector art, textures, templates, ebooks, and fonts. Sign up to the Arse
highside's Lab.
本サイトは Adobe Illustratorを使った写実描写のイラストの展示とTipsを紹介しています Win・Macは IE、Linuxは Operaでのみ動作確認済み SVGA窓表示・文字サイズ(中)/100% 推奨 メニューが表示されない方は、最新版 Flashプレイヤーをダウンロードされるか Flash無しバージョンでご覧下さい → No-Flash Ver. :::::::::: This website is written in JapaneseLanguage. :::::::::: Copyright (C) 2003-2008 highside (highside@inter7.jp), All rights reserved.
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
新着記事
ケータイFlashでさくさく動く Illustratorデータの作り方
Illustratorブラシいろいろ - DesignWalker
サービス終了のお知らせ
emibanban ::: Adobe Illustrator tutorial tips & Artworks