イラストレーターで人物を書き出すチュートリアル「Beautiful Vector Illustration」
TOP > Design > イラストレーターで人物を書き出すチュートリアル「Beautiful Vector Illustration」 写真からイラストレーターに落とし込むときは皆さんどういう風に書き出しているでしょうか、光と影をうまくつかまないとなかなかうまくいかずチープな物になってしまうことが多いです。今日紹介するのはイラストレーターで人物を書き出していくときのチュートリアル「 Beautiful Vector Illustration」です。 光と影をどうつかめば良いのか、何処の部分のライティングを押さえればうまく立体的に見えるのかなど、手順を交えて紹介してくれています。いきなりは難しいかもしれませんが、がんばれば上記のようなグラフィカルな人物を制作することができます。 詳しくは以下 写真の選び方からベクターデータのアウトラインまでと写真を交えながら詳しく説明してくれてい
WindowsVista風のガラス風ボタンを作成するPhotoShopチュートリアル:phpspot開発日誌
Icojoy this tutorial we will try to make round button in one of Windows Vista styles. WindowsVista風のガラス風ボタンを作成するPhotoShopチュートリアル。 次のようなボタンを作成するチュートリアルがムービー付きで公開されています。 以下がそのムービーです。 ガラスのような質感を作成する場合に参考になる良いチュートリアルですね。 このVista風のボタンもカッコいいのでサイトに盛り込んでカッコいいサイト作りに役立てられそうです。 関連エントリ 56のクールなPhotoShop用レイヤースタイル集 PhotoShopでMacOS、Leopard風ロゴを作るチュートリアル
User Interface Icons.com - Preview 32x32 pixels
Sizes: Icons come in 4 sizes; 80 by 80 pixels, 48 by 48 pixels, 32 by 32 pixels, and 24 by 24 pixels. Format: .PNG (transparent background)
ウノウラボ Unoh Labs: Webデザインする上でFireworksがステキな12のポイント
GT Nitro: Car Game Drag Raceは、典型的なカーゲームではありません。これはスピード、パワー、スキル全開のカーレースゲームです。ブレーキは忘れて、これはドラッグレース、ベイビー！古典的なクラシックから未来的なビーストまで、最もクールで速い車とカーレースできます。スティックシフトをマスターし、ニトロを賢く使って競争を打ち破る必要があります。このカーレースゲームはそのリアルな物理学と素晴らしいグラフィックスであなたの心を爆発させます。これまでプレイしたことのないようなものです。 GT Nitroは、リフレックスとタイミングを試すカーレースゲームです。正しい瞬間にギアをシフトし、ガスを思い切り踏む必要があります。また、大物たちと競いつつ、車のチューニングとアップグレードも行わなければなりません。世界中で最高のドライバーと車とカーレースに挑むことになり、ドラッグレースの王冠
MOONGIFT: » CreativeCommonsの各種素材集「OpenWebGraphics」:オープンソースを毎日紹介
サイトを作る上で大事なのがデザインだ。だが、これが技術者にとっては最も厄介な存在だろう。システムはある程度組み上がっても、デザインがうまくいかずにそのまま放置…なんて経験は誰しもが持っているのではないだろうか。 サイトデザインについては、既に様々なオープンソース系サイトが立ち上がっている。さらにアイコン等が欲しい人はここを利用しよう。 今回紹介するオープンソース・プロジェクトはOpenWebGraphics、アイコンやバナーをCreative Commonsの下に提供するサイトだ。 OpenWebGraphicsで提供されるアイコンは2.0系のクールなものが数多く、サービスを立ち上げる際にはきっと役立つであろうものが揃っている。サイズはどれも16×16になっている。 バナーはアイコンに比べると汎用性は低いが、参考になりそうなものがある。画像またはPSD形式で提供されている。壁紙は2.0系や
ベジエ曲線の仕組み (1) - 昔話 - てっく煮ブログ
asドローソフトなどでもお世話になることが多いベジエ曲線について解説していくシリーズ。小学生のころ、BASIC で本のサンプルを入力して遊んでいたのですが、あまりのきれいさに衝撃を受けたプログラムがありました。それはこんな絵を出力するプログラムでした。左上と左下の点をそれぞれの x 座標、y 座標を少しずつ増やしながら、直線を引いています。いくつもの四角形が端に行くにしたがって変形していくところが、いかにも近未来風の CG に見えました（当時は）。しかも、この絵は直線だけで構成されているのに、カーブして見えるところが不思議でなりませんでした。さて、15年のときを経て、このプログラムを ActionScript で実装してみました。点をドラッグして曲線の変化を楽しんでみてください。前置きが長くなりましたが、実はこのカーブして見える曲線の部分は２次ベジエ曲線になっています。３つの黒い点がベジエ
CSSでWindowsVista風のナビゲーションバーを作成するサンプル:phpspot開発日誌
CSS - Creating a vista style nav bar in css In today’s tutorial I want to show you what you can do with a minimal effort and a little imagination. What we are going to do is re-create the Vista toolbar in pure CSS with buttons and hover effect in cross-browser compatible CSS and HTML. CSSでWindowsVista風のナビゲーションバーを作成するサンプル。 画像とマークアップが公開されています。 実際に動作しているサンプルはこちら ファイルを一括ダウンロードすることも出来るようです。 Windows Vis
デザイナーならブックマークしておきたい記事10選『10 lists every designer should bookmark』 | CREAMU
Design デザイナーならブックマークしておきたい記事10選『10 lists every designer should bookmark』 デザインに使える記事を探している。 そんなあなたにおすすめなのが、『10 lists every designer should bookmark』。デザイナーならブックマークしておきたい記事10選だ。 以下にご紹介する。 » 101 ideas to get more freelance work and generate new clients leads フリーの仕事を増やすアイディア101選 » 25 best free quality fonts 無料で使えるクオリティの高いフォント25選 » Where can i find textures and background images? テクスチャと背景画像配布サイト集 » Free
ウノウラボ Unoh Labs: グラフィック作りのコツとカン
こんにちは。yamazakiです。 前回はレイアウトなどについて非常にざっくりとですが書いてみたわけですが、いかがでしたでしょうか。 そろそろ「グラフィック」のほうも少し書いてみようかという気になってきたので、グラフィック品質を高めるベーシックな技術についても少しずつ書いていってみようと思います。 基本のき 具体的な話に入る前に、まずは基本的な話から。 とりあえず、ざっとあなたの周囲を見回してみてください。壁にしても、PCにしても、「単なる一色のベタ塗り」にはなっていないのではないかと思います。光の加減などで、「影」や「グラデーション」がついていると思います。また、ものの表面には「つるつる」「ざらざら」といった「質感」があるのが当たり前、という中で私たちは生活しています。 そのため、人の目はそういう「グラデーション」や「影」、「質感」がある状況を「見慣れて」います。 グラフィック上
CSSだけでイメージマップを作る有用サンプル:phpspot開発日誌
CSS Image Maps - Flickr-like Technique? Below is a sample image map that's built entirely using CSS and XHTML. CSSだけでイメージマップを作る有用サンプル。 画像の特定部分にカーソルを合わせると、説明を画像上に表示できるCSSとXHTMLサンプルが公開されていました。 JavaScript を一切使っておらず、CSSだけで実現されているところがすごいですね。 JavaScript が要らず、次のような綺麗なHTMLで実現できるところも嬉しいですね。 実装も簡単そうです。 <dl id="officeMap"> <dt id="monitor">1. Monitor</dt> <dd id="monitorDef"><a href="#"><span>Here's my 17" M
MOONGIFT: » デザイナー必須！オートトレースソフト「Potrace」:オープンソース...
Webに限らず、PC上で画像を作成しようと素材をもらったら、ラスタ画像で渡された経験はないだろうか。またはデジタルデータすらなく、紙でしか素材が存在しないこともある。スキャンして手作業でトレースしていく作業をしていると嫌になってしまう。 それらの苦労から開放してくれるソフトウェアがこれだ。 今回紹介するオープンソース・ソフトウェアはPotrace、オートトレースソフトウェアだ。 Potraceはコマンドラインで動作するソフトウェアで、PBM/PGM/PPMまたはBMPファイルを読み込み、EPSやPS、SVG/PDF/GIMPPATHといった形式に変換してくれる。かなりレベルの高いトレース結果が得られる事に驚くはずだ。 そのまま使ってみてもいいし、微妙な調整は閾値を直すことで行える。対応プラットフォームが数多く、Linux/BSD/Mac OSX/Windows等となっている。Mac OSX
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
イラストレーターを勉強しよう - DesignWalker
Flickrの写真を横方向のスライドショーにしてくれる『Slideoo』 - 100SHIKI ～ 世界のアイデアを日替わりで ～
MercuriusLab++ - Error
無料で使える人気アイコンまとめPART2*ホームページを作る人のネタ帳
https://jp.techcrunch.com/2007/08/19/a-peek-at-didjacom-veryfunyads-clone/
web制作者の為の2007年7月に見逃がせないベストエントリ66個ほど*ホームページを作る人のネタ帳
Purchase Intent Data for Enterprise Tech Sales and Marketing | TechTarget
無料のテクスチャ素材が大量に集まっている「TextureKing」 - GIGAZINE
http://kengo.preston-net.com/archives/003300.shtml