Adobe Illustratorで描いたイラストをSVGで実装する方法 - Hatsuka
SVG Advent Calendar 2015 10日目の記事です。 先週も別のAdvent Calendarに参加していたのですが、先月参加したリクリイベントでSVGについてちょっと勉強したこともあり、こちらのカレンダーにも参加してみることにしました。 今回はリクリで教わったことをベースに、データの作成からサンプル作成までの流れをざっくりと書いてみます。 SVGって？ XMLをベースにした、ベクター画像フォーマットです。 ベクター画像なので、拡大してもきれいなため、高解像度端末でもきれいに見えます。 対応環境 IE9～、Android3～で対応しており、その他のブラウザも最新版であれば問題なく表示されます。 （ちなみに、ChromeよりもIEの方がSVGのレンダリングがきれいだそうです。） 埋め込み方 埋め込み方は大きく見ると4つほどあります。 1.img要素としてHTMLに埋め込む
作業ペースが上がる！ブックマークしておきたい無料UIデザイン素材40個まとめ
ウェブサイトやアプリのデザイン制作は、時間のかかる作業のひとつです。今回は、作業ペースを格段にアップする、ブックマークしておきたいUIデザイン素材をまとめてご紹介します。 素材はどれも無料ダウンロード可能となっており、文字テキストや配色、サイズの変更、カスタマイズも自由に行うことができ、あらゆるUIコンポーネント素材が揃っています。また、Retinaディスプレイ対応やミニマルスタイルなど、人気のデザイントレンドをうまく取り込んでいます。PhotoshopやIllustrator、Sketchなど幅広いデザインアプリに利用できる点もポイントです。 、 完全無料で美しい！参考にしたいUIキット50個まとめ 2017年保存版 ウェブサイト作成に困ったら使いたい！Photoshop無料テンプレート素材まとめ 2017年版 作業ペースを格段にアップする、ブックマークしておきたいUIデザイン素材まとめ
これだけは持っておきたいIllustrator無料ブラシ素材厳選42個まとめ【2024年版】
今回はデザイン現場で役立つ、無料ダウンロードできる万能Illustratorブラシ素材をまとめてご紹介します。 2017年にこの記事を投稿したとき、Photoshopに比べて数が少なかったIllustratorブラシですが、7年間アップデートを続けたことで納得の充実した内容となっています。 しかも無料なので、いままで試したことのないスタイルに挑戦したいときにもおすすめです。 フォトショップの無料ブラシコレクションも最新版となりました。 フォトショップで入れておきたい無料ブラシ素材90個まとめ 2024年版 グラフィックデザインの定番ソフト Adobe Illustrator これから紹介するブラシを利用するには、Adobe Illustratorが必要となります。 Illustratorはロゴやアイコン、グラフィック、イラストなど、あなたが想像したあらゆるものを形にできるツールです。 今な
ちょっと珍しいブラシ素材 -鎖・チェーン・縄・紐・ロープ・配管・パイプ・電話線・ジッパーなどが自由に描けるよ
Vector Brushes Pack: 50 Material Brushes 「Download Free Version」からダウンロードできます。 Free Versionのブラシは個人のみ無料で利用できます。商用は有料でその隣のボタンから。 Illustratorにブラシをインストールする方法 ダウンロードしたファイルをIllustratorで利用する方法は簡単です。 ダウンロードしたファイルを解凍します。 「Vector Brushes Pack - free」をアプリフォルダ内の「ブラシ」に移動します。 \アプリケーション\Illustrator CC 2015\Presets\ja_JP\ブラシ\ Illustratorを再起動します。 あとは、Illustratorのブラシパネルから、「Vector Brushes Pack - free」を選択します。
How To Create a Seamless Topographic Map Pattern
I’ve posted articles about topographic maps before on my blog, namely my contour map effect Illustrator tutorial and my free pack of topographic map patterns. My first tutorial used Illustrator’s Blend tool to draw a series of concentric lines. It worked pretty well, but I went on to develop a technique that would help create more detailed and repeatable patterns, which I used to create that freeb
［角を丸くする］効果と、Xtream Pathの［スマートラウンド］効果｜DTP Transit
[Illustrator CS4]フォントの角も丸くなる - Mac,DTP et etc....を拝見して、そうそう！と思いつつも、［角を丸くする］効果ではうまく行かないこともあるよね、ということでXtream Pathの［スマートラウンド］効果をご紹介します。 ［角を丸くする］効果だと「D」や「P」のR部分が明らかにおかしい、こともわかるけど、次のように微妙におかしなところも見つかる。 比べて見るとこんな感じ。 Xtream Pathは有料のプラグイン。スマートラウンド以外にもいろいろなツールが揃っているけど、私はこのためだけに使い続けています。［角を丸くする］効果では NGな場合に試してみてください。 Illustratorの作業効率をアップ！直感編集ツールプラグイン：Xtream Path 追記（2013年8月13日）： Xtream Pathの［スマートラウンド］を使わずに、Il
フリーフォントM+を丸ゴシック化 ― Rounded M+ - itouhiroはてなブログ
M+（エムプラス）フォント wikipedia:M+ FONTS を丸ゴシック化 wikipedia:丸ゴシック体 しました！ Rounded M+（ラウンデッド・エムプラス）という名前です。 ダウンロード 追記 2013-07-05 MM様が、より新しいRounded M+を作成されました！ http://jikasei.me/font/rounded-mplus/ 漢字を多く含みますので、ここで配布しているのよりオススメです。 ※2012-02-29 一部の文字（全角の０〜７）がおかしい問題を修正しました。 ※2012-02-27 フォント名の問題（Windows7のフォントフォルダで見ると「Rounded M+」ではなく「M+」フォントにインストールされる）を修正しました。 フリーフォントです。 プロポーショナル（可変幅） Rounded M+ 1p http://sourcefor
LINEスタンプ用 Illustrator テンプレートと書き出しスクリプト - はてゆき
うっかり3週間ぶりのあわゆきです。 LINE のクリエイターズスタンプを作るときに使う Illustrator のテンプレートのお話です。以前から GitHub で公開しているものをアップデートして、さらに画像書き出し用のスクリプトファイルも追加しました。 テンプレートについて その名のとおりのもの。1ファイルでスタンプセットの全アイテムを作れるように、アートボードを配置したテンプレートです。制作ガイドラインで規定されている余白などもテンプレートレイヤーとして入っています。 今回の更新 『4列 × 10行』のアートボード配置に変更しました（以前は描き上げたアイテム数をカウントしやすいように『5列 × 8行』のアートボード配置だった）。 なんで4列なん 販売ページや実際のスタンプ使用時のレイアウトが4アイテム横並びなので、それに合わせた形です。 40アイテム全体を俯瞰したバランスや、販売ペー
Illustratorでピクセル単位の作業を奇麗に行うための方法（イラレのピクセルずれ問題） - フリーでWebデザインとかやってる紳士。
2017年の追記（CC2017向け） 次の点に留意して作業すればOK。基本的にイラレのピクセル周りの扱いはモリモリ改善されているのでだいぶ楽になった。 次セクション「2016年の追記」との違いだけを列挙する。 変形パネルの「ピクセルグリッドに整合」と「新規オブジェクトをピクセルグリッドに整合」が廃止され、あらたに「コントロール」バーの一番右に「ピクセルのスナップオプション」が追加された。これをオンにする。またその中の詳細項目にも全部チェックをつけておく。 それでも作業中に何かのはずみであるオブジェクトが整数ピクセルじゃない状態になったら、「ピクセルのスナップオプション」の隣にある「選択したアートをピクセルグリッドに整合」ボタンをポチして位置調整する。私は今までコントロールバーは邪魔なので非表示にしていたが今はこのボタンのためだけに表示している（スクリプトでなんとかなりそうな気もするが調べて
IllustratorでのWebデザインがいい感じ！おすすめポイントや設定いろいろ
2014年3月19日 Illustrator, Webサイト制作 これまでは「WebデザインといえばPhotoshop」というのが通例でした。しかしIllustratorもWeb制作の環境に適応されてきた今、フラットデザインやイラストを多く扱うWebサイトでは断然Illustratorをおすすめします！今回はあまり知られていないIllustratorとWebデザインの相性や、Webデザイン用の設定方法等をご紹介します。 ↑私が10年以上利用している会計ソフト！ Illustrator初心者さんへ Illustratorはベクター形式の画像を作成できるAdobe社のアプリです。ロゴやイラストを作る時にはかかせません。Adobeの公式チュートリアルサイト、Adobe TVではIllustratorの概要やチュートリアルをはじめ、新しい機能の紹介も随時追加されています。 Illustratorは
CGデザイナー・Webデザイナー・グラフィックデザイナーのためのクリエイティブ・タブロイド withD（ウィズ・ディー
2009.06.30 | トピックス クリエイティブ・タブロイド withD休刊のお知らせ 2009年6月30日をもって休刊させていただきました。 ご愛読いただき、ありがとうございました。 2009.06.29 | インスピレーション・ネタ探しの旅 行動につながる情報を見つけ出す インスピレーション・ネタ探しの旅 ♯26 ミキチョクシ（ペタビット／ナフタリン）
シンプルから個性的なものまでイラストレーターで使えるフリーパターン集「450+ Adobe Illustrator Patterns」
背景やパターンはデザインに世界観を与えてくれる便利なものです。適材なパターンを上手く使えれば一気にクオリティを上げてくれます。今日紹介するのはイラストレーターで使える便利なパターンを集めたエントリー「450+ Adobe Illustrator Patterns」です。 5 Seamless Vector Patterns (5 patterns) 全部で450ものパターンがまとめられており、全てベクターデータでフリーで取得可能です。今日はその中から幾つか気になったものをピックアップして紹介したいと思います。 詳しくは以下 FudgeGraphics Pack #1 (20 patterns) 幾何学的な模様をいくつかまとめたパターンセット Various Swatches (20 patterns) ドット的なレトロな雰囲気を出せるパターンセット Classic Vintage (7 p
(no title)｜鈴木メモ(旧)
Illustratorを覚えようと緩めにがんばるブログです。ただいま新アドレスhttp://suzukimemo.com/への移行中です。
実はあまり知られていない？Adobe公式の無料チュートリアル動画集
2014年8月17日 Illustrator, Photoshop, 便利ツール Web制作にはかかせない、PhotoshopをはじめとするAdobe社の製品。初心者向けのWebサイト制作についてかかれたサイトや書籍でも必ず目にする名前だと思います。覚える事が多くて何から勉強すればいいかわからない！なんて言う声もよく聞きますが、Adobeの公式サイトで配信されている無料動画で、基本的な使い方はマスターできちゃいますよ！昔からあるサイトですが、意外と存在を知らない方がいらっしゃったので、記事にしてみます。 ↑私が10年以上利用している会計ソフト！ Adobe TVとは？ Adobe TV Adobe TVはAdobe社公式の動画チュートリアルサイト。各ソフトの概要やチュートリアルをはじめ、新しい機能の紹介も随時追加されています。何より嬉しいのは動画で説明されているサンプルファイルもダウンロー
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Illustratorで作図した円は歪んでる、という事を説明する図が話題に
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
LINEスタンプを作ろう |
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
WebTips - デザインの裏技
