IllustratorでSVGアニメーション用のSVGファイルを作ってみた | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは！ デザイナーのすーちゃんです。 雪を見ないと冬っぽさを感じられません。東京は全然雪が降らないので、年末実家に帰るのが楽しみです！ さて今回は、今さら聞けないかもしれない、SVGアニメーション用のSVGファイルの作り方をご紹介したいと思います！ どういったところでSVGアニメーションが使われているの？ まずは、どういった部分にSVGが使われているか見てみましょう！ carborocco 最初のローディングやロゴマークが表示される部分がSVGアニメーションみたいです。静止画で見るよりも、ロゴのイメージが湧いてきますね！ SERIO VERIFY スクロールに合わせて線が伸びていったり、描いているみたいにイラストが表示されたり……。これもSVGで表現されています。よりストーリー性があって、つい最後まで見てしまいますね！ 上で挙げたサイトのように、ストーリー性を持たせたり、強く印象づけ
Illustratorを使うとき、私が手放せない10個のスクリプト（2017更新版）＋ 入手できるスクリプト一覧｜DTP Transit
#1 【アートボード】アートボード作成、修正、書き出し 三階ラボさんのアートボード作成・再構築・書き出しのワークフローが鉄板。 特にアートボード名の修正（一括置換など）はデフォルトではできないので、本当に重宝します。 3flab inc. | #Illustrator でアートボードごとに画像を書き出してからファイル名を変更するのが面倒くさい 3flab inc. | アートボード再構築 3flab inc. | #Illustrator でアートボードを作り、そして書き出す #2 【テキスト】選択したテキストの編集をダイアログボックス内で行う これまた、三階ラボさんのスクリプト。 3flab inc. | テキスト編集 | Edit Texts Pro for Illustrator 3flab inc. | #Illustrator のテキスト編集をスムーズに行う リアルタイムプレビュ
パッケージ展開図無料作成ソフト 箱ラク® - 格安ネット印刷【グラフィック】
こんな方におすすめ！ 形状やサイズなど、いろんなパターンの展開図がほしい。少しでも早く展開図がほしい。毎回サイトから展開図を注文するのが手間。
誰か気付かなかったのか… あまりにも大胆すぎるシナモロールの絵本のミスが話題に
ﾌﾞﾃﾞﾖﾋﾞﾂｷﾌﾞﾄﾞﾊﾞｰ‼︎‼︎🍺 @neon_north イラレデータなしwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwwww
2015.4.24（金）24時間Illustratorイベント開催
アドビ システムズ主催のイベントとしては異例となる Illustratorの単独イベントを開催します。 それも単なるイベントではありません。 24時間ぶっ通しのオンライン配信とスペシャルイベントで Illustratorをとことん味わい尽くす、異例のイベントです。 テーマは「愛（Ai）はクリエイティブを救う」。 オンライン配信はスペシャルイベントが開催される 渋谷ヒカリエから幕を明けます。 そこから24時間多彩なゲストをお招きしながら、 Illustratorの魅力を大いに語っていただきます。 細かすぎる機能解説、意外な活用事例、目から鱗のTipsなど、 ここでしか観られない、聞けないコンテンツが目白押しです。 当イベントではユーザーの皆様の「Illustrator愛」を お伺いする投稿を募集中です。 イベント中、エピソードがご紹介された方には、 アドビオリジナルグッズをプレゼント！ 全国
Illustratorを使うとき、私が手放せない10個のスクリプト｜DTP Transit
最近、セミナーでスクリプトを紹介すると評判がよいので、10個選りすぐってみました。 これらを提供してくださっている作者さんたちに感謝します。 はまりどころを見つけると「むちゃくちゃ早く終わる」「手作業ではムリ」なことが実現できるので、「ここでこういうことができると快適になるのに」をリストアップしておいて、たまに棚卸ししてみるとよいと思います。 追記 2017更新版を公開しました。 Illustratorを使うとき、私が手放せない10個のスクリプト（2017更新版）＋ 入手できるスクリプト一覧 - DTP Transit なぜ、スクリプトを使うの？ Illustratorでの作業を効率化するには、キーボードショートカットやアクションを使う方法がありますが、そもそも次のような場合には、有償のプラグインを使うほか、スクリプトを使う方法があります。 Illustratorではできないこと できるけ
Illustratorで可愛いイラストを簡単に描くチュートリアル記事まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
お疲れさまです、デザイナーのモモコです。 今回はAdobe Illustratorを使って可愛らしいイラストが描けるチュートリアル記事をご紹介します。 これからイラレをどんどん使っていきたい！という初心者の方にも優しい記事を中心に集めてみました。 Adobe Illustratorを使って可愛いイラストが描けるチュートリアル6つ Create a Gentle Flat Oriental Pattern in Adobe Illustrator https://design.tutsplus.com/tutorials/create-a-gentle-flat-oriental-pattern-in-adobe-illustator–cms-20952 オリエンタルなパターンが作れるチュートリアル。 提灯や扇子など、あしらいを変えれば夏にも正月にも活躍しそうな要素がそろっています。 Cre
Illustratorのアピアランスにおける効果の順番【基礎】 - saucer
以前、Twitterでアピアランスの基本について連続ツイートをしました。その後、フォロワーの方にまとめ（その1／その2）も作っていただき、多くの方に見ていただくことができました。で、その中でアピアランスで効果の順番がイマイチ分からないというような発言していましたが、最近になってようやく分かってきたので、基礎的な部分を共有したいと思います。少し長いかもしれませんが、アピアランスで効果の順番が分からないという方は、ぜひ参考にしてみてください。 解説実例を交えながら流れに沿って順番に見ていく方式にしました。少し複雑なので、1つずつ順を追っていくと理解しやすいと思います。 まずは、Illustratorのオブジェクトが、どのような流れで画面に表示されるかを確認しておきましょう。 最初は「線」や「塗り」など一切の装飾要素を持たないただのオブジェクト（パス）があります。「線」も「塗り」もなく、ただ軸と
朝からイラレでくるくるリボン
hamko @hamko1114 @workstationm @kata1963 ありましたっ(`・ω・´) こんなんでも大丈夫ですか？3Dでマッピングするのですけども。私は、分割後に整理して左のようなツリーの絵にするのに使いました〜（なんか面の前後違ってますがw） http://t.co/qXee9zARNC 2014-03-26 09:42:17
mondrian.io - Domain Name For Sale | Dan.com
Buyer Protection Program When you buy a domain name at Dan.com, you’re automatically covered by our unique Buyer Protection Program. Read more about how we keep you safe on our Trust and Security page. Next to our secure domain ownership transfer process, we strictly monitor all transactions. If anything looks weird, we take immediate action. And if the seller doesn't deliver on their part of the
Web向けにIllustratorを使う上でのコロンブスの卵的なアプローチ｜DTP Transit
2010年にリリースされたIllustrator CS5でのWeb向けの機能強化以降、Web向けにIllustratorを使う上では、次のアプローチが基本とされてきました。 ドキュメントプロファイルに「Web」を選択し、［新規オブジェクトをピクセルグリッドに整合］にチェックを付ける ［ピクセルプレビュー］をオンにする 先週末に行われたdot-ai, Vol.2において、黒葛原 道さん（eater）が、次のアプローチを発表され、「なるほど！」と思ったのでご紹介します。 ［新規オブジェクトをピクセルグリッドに整合］はオフにする グリッドを1ピクセルに設定し、［グリッドにスナップ］をオンにする ［線の位置］は外側に設定する 次の図は、左が従来のもの。右側が黒葛原さん方式です。 Illustratorの「ピクセルグリッドに整合」は、3px x 3px、線幅1pxの図形を描画する際、ピクセルグリッド
ScaleOut | Supership
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
フリーベクター素材セットとIllustratorのチュートリアル「20 Fresh Free Vector Sets and 5 Illustrator Tutorials」
フリーベクター素材セットとIllustratorのチュートリアル「20 Fresh Free Vector Sets and 5 Illustrator Tutorials」 ベクター素材は非常に使い勝手が良く、制作にはとても便利なデータ形式ですが、一から描くのは一苦労。WEBで探していもなかなかイメージ通りのものが見つからない時は困ってしまいますよね。今回はそんな時のために是非ご覧頂きたい、フリーベクター素材セットとIllustratorのチュートリアル「20 Fresh Free Vector Sets and 5 Illustrator Tutorials」を紹介致します。 Free Golden Badges Vector 可愛らしいものやリアルで高級感あるイラスト素材、またその作り方が幅広くまとめられています。中でも気になったものをピックアップしましたので、下記よりご覧ください。
「イラレの円は本当は円じゃない」というけど誤差はどれくらいなのか - 大人になってからの再学習
次の記事が興味深かった。 ■ イラレの円は本当は円じゃない http://d.hatena.ne.jp/n-yuji/20131017/p1 Illustratorの楕円ツールで書く円は、本当は円（wikipedia:円 (数学)）ではなくて、近似値なんです。つまり、円としてはわずかに歪んでいるわけ。これはベジェ曲線（wikipedia:ベジェ曲線）というものを使う以上、そういう仕様なのですね。 http://d.hatena.ne.jp/n-yuji/20131017/p1 Illustratorで用いられる3次のベジェ曲線は、パラメータtと4つの制御点C0〜C3を用いて次のように表現される。 3次の多項式で表現される曲線なので、実際のところ円を正確に表現できない。 この問題を解決するために、NURBS曲線が発明されてCADソフトなどで使われたりしているのだけど、Illustratorで
イラレの円は本当は円じゃない（もしくは時空の裂け目について） - 遠近法ノート
Illustratorの楕円ツールで書く円は、本当は円（wikipedia:円 (数学)）ではなくて、近似値なんです。つまり、円としてはわずかに歪んでいるわけ。これはベジェ曲線（wikipedia:ベジェ曲線）というものを使う以上、そういう仕様なのですね。 ……ということを、いちおう知識として知ってはいたのですけど、「実際のところ、どれくらいの歪みがあるんだろ？」ってちょっと気になりませんか。 「でも、Illustrator内で正しい円が用意できないってことは、歪んだ円と比較も出来ないということではないの？」……そんなふうに考えていた時期が、自分にもありました。 でもでもですね、ちょっとした操作でその歪みを実感することは可能なのです。 ▼まず、楕円ツールで円を作ります。 ▼複製コピーして、片方を45度傾けます。色も変えましょう。 ▼2つの円を重ねます（整列を使うといいです）。 ▼ちなみに円
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Blog | Welcome to Adobe Blog
白地図、世界地図、日本地図が無料【白地図専門店】
新着記事
新着記事
新着記事
