IllustratorとIcoMoonでSVGスプライトのラクラク設定！
2016年2月9日 Illustrator, SVG, 便利ツール 繰り返し使うSVG形式のアイコン等を表示する際に便利なSVGスプライト。しかし、symbol タグで囲んで…一つ一つにIDを付けて… viewBox 属性をコピペして…と、本当にコーディングがめんどくさい！新規プロジェクトを始める度に設定するのが煩わしくなり、いろいろと楽する方法を試した結果、アイコンジェネレーターツールの「IcoMoon App」を使う方法に落ち着いたので、やり方を紹介したいと思います。 ↑私が10年以上利用している会計ソフト！ SVGスプライトとは？ SVGスプライトは、ロゴやアイコンなどの複数のSVG画像をひとつのファイルにまとめて保存し、使いたい時に呼び出す方法です。SVGなので、拡大縮小しても画質が劣化しません。詳細は過去記事「アイコンフォントからSVGへ！より手軽にベクター画像を表示しよう」に目
Illustrator代替アプリAffinity Designerをセールで買ってみたけどいい感じ
Adobe Illustrator の代替アプリとして知られる Affinity Designer というMac用アプリ（¥6,000）がセールになっていたので購入してみました。 もちろん、月額ではなく買い切りのアプリです。 追記: このセールは既に終了しています。 しばらく使った感じ、なかなかよい感触だったので、使ってみて良いと感じたところと良くないと感じたところ、気づいたことなどまとめてみました。 Affinity DesignerのPhotoshop的な機能 Affinity Designer は、よく「Adobe Illustrator の代替アプリ」と言われますが、厳密には Illustrator の機能だけでなく、Photoshop の機能の一部も持っています。 具体的には以下のような機能です。 ちょっとしたビットマップ画像の修正（長方形選択ツール、ブラシツール、消しゴムツール
Illustratorでの二色刷原稿の作り方
デザイナーの井上のきあさんによる解説です。 イラストをライブトレースで起こして包装紙（のようなもの）を作るまでのノウハウ！
こんなやり方があったとは！IllustratorやSketchでWebデザインをはじめる前に必ず読んでおきたい -ベクターデータの教科書
最近のWebデザインに、ベクターデータの存在は欠かせないものになってきました。 アイコンやロゴなどをSVGで使用したり、Webページやアプリのデザイン・UI設計といった制作のワークフローをベクターで作業している人も増えてきました。 今までPhotoshopでデザインをしていた人には、IllustratorやSketchを使うとそんな事もできるのか！ と目からウロコかもしれません。 IllustratorのWebデザインならではの使い方、Sketchの詳しい使い方を知りたい、SVGの効果的な使い方をマスターしたい、そんなWeb制作者に絶対オススメの一冊を紹介します。 IllustratorやSketchで扱うベクターデータには、マルチデバイス対応のWebデザイン・実装にとって大きなメリットがたくさんあります。
Illustrator日本語英語対訳 CC2019（スクリプト作成・海外記事の翻訳に）
Illustrator日本語英語対訳表をCC（2019 23.0.1）版に更新しました。スクリプト作成や、海外のチュートリアル記事を調べる時に使ってください。 データが多すぎるので、このページには主要な項目だけ書いています。 アプリ内に登場するたくさんのテキストから検索したい場合は、お手数ですが下のテキストファイルをブラウザで開くか、ローカルに保存して使ってください。 2019版の主な変更点 追加ほか Adobe Fonts 関係 フリーグラデーション関係 グローバル編集 関係 SWF プリセット画面が実際に則していなかったので修正 ほか、アプリケーション側で追加されたものに加え、抜けていたものの追加なども含まれています。 抜粋ファイル Ai2019_tuika 言葉の変更 Typekit → Adobe Fonts バット線端→線端なし 余分なポイント→孤立点 （ブラシの）彩色→着色 ほ
Illustratorを使うとき、私が手放せない10個のスクリプト｜DTP Transit
最近、セミナーでスクリプトを紹介すると評判がよいので、10個選りすぐってみました。 これらを提供してくださっている作者さんたちに感謝します。 はまりどころを見つけると「むちゃくちゃ早く終わる」「手作業ではムリ」なことが実現できるので、「ここでこういうことができると快適になるのに」をリストアップしておいて、たまに棚卸ししてみるとよいと思います。 追記 2017更新版を公開しました。 Illustratorを使うとき、私が手放せない10個のスクリプト（2017更新版）＋ 入手できるスクリプト一覧 - DTP Transit なぜ、スクリプトを使うの？ Illustratorでの作業を効率化するには、キーボードショートカットやアクションを使う方法がありますが、そもそも次のような場合には、有償のプラグインを使うほか、スクリプトを使う方法があります。 Illustratorではできないこと できるけ
イラレで宛名印刷 'nengajou'
今年も残すところあと数週間、年賀状の準備を始める時期になりました。誰に出そうか出すまいか、どんな絵柄にしようかを考えたり、年賀状作りというのはなかなかワクワクする作業であります。 さて、去年までは「プリントマジック」を宛名印刷に使っていた私ですが、これが「可もなく不可もなく」という感じでどうもしっくりきておりませんでした。しばらく考えて、ふと思いついたのがIllustratorを使うこと。実行に移してみたらなんともうまくできた、ということでそのファイルをインターネットでも配布したいと思います。 概要Illustratorで年賀状の宛名印刷をするときのテンプレートです。変数機能を用いているので、差し込み印刷が可能です。 ファイル構成hagaki.ai（年賀状はがきのIllustratorテンプレート/CC→CS4書き出し）data.xml（差し込み印刷用のデータ）必要条件Illustrato
「ウェブ時代のデザイナーのための文字組入門 」に参加してきました - デザイナーのイラストノート
JUSO Coworkingで10/4に行われた「ウェブ時代のデザイナーのための文字組入門 」に参加してきました。講師はなんでやねんDTPで有名な大石さん。最近パンフレットなど印刷物をご依頼いただく機会も増え、本を買って読むもののなかなか疑問を解消できないわたしにはぴったりの勉強会でした。今回の記事はIllustratorで印刷物のデータを作る、という前提です。 そもそも文字組・文字詰めは何のため webデザインでは、デバイステキストを自由に詰めたり組んだりすることがむつかしいため、文字組・文字詰めと聞くと「なんか難しそう」と構えてしまいがちです。 私たちがよく使うフォントというのは、四角い箱の中でデザインされています。しかし日本語のように「ひらがな」「カタカナ」「漢字」と様々な文字の形があると、当然小さい形、大きい形が出てきます。また、約物と言われる「」や（）や・などは、隣り合うと何だか
「Web系の人がFireworksで作った図版が来ちゃった」ときの対処法｜DTP Transit
Fireworksというアプリでは、ネイティブ形式にPNGを使っています。これをFireworksを開いて、囲みや文字を入力して保存すると、再編集可能なPNGファイルとして保存できます。 といっても、これをこのままDTPで使えるわけはないため、正直、これで支給されてもな〜というのが本音ですが、量が量というときの裏技をご紹介します。 結論 Fireworks CS5からFXGに書き出せば、ビットマップ画像を保持したまま、Illustratorで開くことができる。後はIllustratorでがんばる。 注意点は次の通り。 Fireworks CS5.1からのFXG書き出しは、Illustratorで読めないことがある Fireworksのテキストはすべてエリア内文字（テキストボックス内に入っている文字）になり、稀に（リフローのため）文字が欠けてしまうことがある 必要に応じてポイントテキストに変
FireworksファイルからIllustrator CCへの移行ガイド（FXGファイルが開けない人向け）
概要 ▶ FireworksのファイルをIllustrator CCで読み込むための移行ガイドです。簡単にはいかないのが開発終了したFireworks側の辛いところ。 ようやく会社のPCもAdobe Creative Cloudの環境を導入でき、CC環境で便利に作業をしています。 それで、CC環境というと、Web制作でよく使われてきたFireworksがCS6で開発終了ということで、Fireworks CCは無い状況なわけです。Fireworks 3からさんざん使ってきた人間としては悲しいよ…。 Fireworks CS6からAdobe FXG経由で変換 それで、Fireworks CS6自体はライセンス的に使えるのですが、先がないソフトを使い続けるのもなんだな…ということで、FireworksのPNGファイル（CS6だと.fw.pngという拡張子ですかね）をIllustratorへ移行し
Illustratorでのウェブデザイン、環境設定からスライスまでの流れ
イラレでウェブデザインするぜ！そんな方に向けて制作の流れとちょっとした注意事項を書いてみました。 グラフィックデザインをメインにやっている方や、ホームページを作ったこと無いデザイン学生さん向けかなと思います。 （私も学校ではウェブデザインを学んでいません。） そもそも、イラレでホームページってデザインできるの？ そんな疑問もあるかと思いますが、実際に未経験の私がイラレを使って Web制作の現場で働き始めることができたので、全く問題無いです！ いくつかのポイントさえおさえれば、イラレさえ使うことができればウェブデザインできちゃいます。 1.まずは、イラストレーターを起動する 当たり前の事ですが、起動ですね。今回の環境はWin_CS6です！ CS4～ぐらいはそんなに大きな違いは無いはず！です。 ※現在は、MacでAdobe Creative Cloudを使っていますが、基本的な事は全て同じです
Illustratorテクニックとフリー素材まとめ | コムテブログ
作成：2013/10/21 更新：2014/11/01 無料素材 > フリー素材は沢山あるけれど、どこに何があるか分かりにくい。ロゴやイラストを作るのにまたあのサイトを探さないといけない。そういったことで１回まとめました。今回厳選したつもりですが、それでも量が膨大になったので簡潔にリストアップしてます。 エンジニア速報は Twitter の@commteで配信しています。 もくじ フリー素材まとめ ダウンロードしておきたいフリー素材一覧 Illustrator のチュートリアル 小技 基本テクニック フリー素材まとめ ダウンロードしておきたいフリー素材一覧 ロゴやイラストを作ったりするときに役に立ちそうなアイコン、ベクター、背景、テクスチャ素材をまとめました。少し変わったモノが多いですが、筆者が何度もアクセスしてしまうブクマ一覧です。 学校や教育関係／アイテム全200種類のアイコン素材 -
ScaleOut | Supership
2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。本件に関する詳細は、プレスリリースをご確認ください。 2024年4月1日より、Supership株式会社は親会社であるSupershipホールディングス株式会社に吸収合併されました。 合併に伴い、存続会社であるSupershipホールディングスは社名をSupershipに変更し、新たな経営体制を発足しました。 本件に関する詳細は、プレスリリースをご確認ください。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
https://503dg.jp/mojigumi-nyu-mon/
The Blog | Welcome to Adobe Blog
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
新着記事
404 Not Found
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
TOP 描き方から探す｜Illustratorハートの描き方