IMGタグでSVGを表示する際にハマりやすい3つの点
SVG画像をimgタグ表示する際にウゴゴゴゴ……と唸っている人が居たのでメモがてら記述 内容としては一部古い端末(iOS, Android)でSVGが崩れているように見えたけど実際は崩れまくっていたというお話です。 タイトルは適当に決めたので怒らないでください。 まずはここで有名なTigerさんに登場してもらって、ちょいと検証します。 http://commons.wikimedia.org/wiki/File:Ghostscript_Tiger.svg からFull resolutionをダウンロードして適当なhtmlを用意してimgタグで置いてみます。 ＿人人人人＿ ＞ Tiger ＜ ￣Y^Y^Y￣ 左からChrome, Firefox, Safari 置いてみると表示はされるんですが、Ghostscript_Tiger.svgには両端に空白があるため意図しないサイズに変形されてしま
Illustrator備忘録:奥行きのある絵に平面の図をはめこむ方法
最近 仕事でIllustratorを使う機会が増え絶賛勉強中なのですが、 こんな便利な機能があったとは知らなかったのでメモ。 世のデザイナーさんからしたら常識なのかもしれませんが、こういう場合は『エンベロープ』という機能を使うのですね。 例えばこのようなモニターの絵に、 こんな感じの図をはめこみたい状況があったとします。 （どちらもIllustrator上でパスがきってある状態です） そんな時は、オブジェクトメニューにある『エンベロープ』機能を使うとカンタンにはめこむ事ができるのです :) ①はめこみ先の四角を選択し最前面に配置する ついでに平面の図をグループ化しておきましょう。 ②はめこみ先の四角とはめこみたい平面の図を両方選択 ③オブジェクトメニューからエンベロープ→最前面のオブジェクトで作成を実行 ④おわり。 こんなにカンタンにはめこむ事ができましたっ！ たぶんコレ学生さんでも知って
ハイレベルなillustratorチュートリアル「Adobe Illustrator Tutorials – Best Of」
TOP > Design > ハイレベルなillustratorチュートリアル「Adobe Illustrator Tutorials – Best Of」 先日Adobe Illustratorの基礎の部分を中心にしたチュートリアルを「Illustratorの基本チュートリアルを200個以上集めた「Illustrator Tutorials」」と言う記事でお伝えしましたが、今日紹介するチュートリアルよりもさらに先を行くチュートリアルを集めた「Adobe Illustrator Tutorials – Best Of」です。 キャラクターからグラフィックス、立体的なアートワークまで様々なチュートリアルが公開されています。今回のチュートリアル集はデザインを仕事にしている方でも十分に参考になるレベルの物だと思います。今日はその中からいくつか気になるものをピックアップして紹介したいと思い
Creating a ribbon in Adobe Illustrator | Veerle's blog
You are looking at archived content. The hot new stuff is happening at Veerle's blog 3.0. You should check it out! Ever wondered how you draw a ribbon in Adobe Illustrator? A while ago a reader e-mailed me with this question. A prefect tip for a step-by-step tutorial, I hope you enjoy it :) Step 1 - draw the first part of the ribbon A basic knowledge on how to use the pen tool and how to draw bezi
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ピクセルのイメージをシャープに仕上げる！ - ADOBE DESIGN MAGAZINE TIPSコレクション
