Illustratorで作ったデータを印刷屋さんへの入稿（出稿）用に整えるときにすべきなのが、主にテキストのアウトライン化（書式→アウトラインを作成）とアピアランスの分割（オブジェクト→アピアランスを分割）。 この2つはどちらを先にすればいいのかを考えてみました。 スポンサーリンク 僕は以前から、「アピアランスの分割を先にやる」という考えで、実際に、ドキュメント全体に対して「アピアランスの分割→アウトライン化」の順に処理をするアクションを作り、それを使って入稿用のデータを作っています。 しかし、そのアクションではうまく処理できない場面が何度かありました。 その原因を探ってみると、いろいろと分かってきました。 アピアランスの分割を先にやる方がいい理由 僕がアピアランスの分割を先にやる方がいいと思っていたのは、以下のような理由からです。 例を挙げます。 上の例では、テキストに塗りを追加して、「

上部のバーの領域を「中抜き」する方法について考えます。 重なり部分のみに別の罫線を重ねるのがシンプルですが、次のような変更を行う場合、2本行う必要があり、面倒です… • 線幅を変えたい • 線を移動したい、増やしたい 複合シェイプでできないの？罫線でなくオブジェクトが「塗り」のみであれば、［パスファインダー］パネルで［中マド］をoption + クリックして複合シェイプにすることで、非破壊のまま中抜きできます。 しかし、罫線は罫線のメリットがありますので、罫線のままで扱いたいですよね。 ［パスのアウトライン］効果でいけないの？罫線に［パスのアウトライン］効果を適用することで、パスのアウトラインを仮に適用したことにできます。 この後、［パスファインダー］パネルで［中マド］をoption + クリックして複合シェイプにすると、次のようになってしまいます。 一方、長方形が前面にあれば、ねらいどお

LINE25 Line25 was built in March 2009 as a place to share web design ideas and inspiration through articles, tutorials and examples of stunning site designs. ポスターは、製品の宣伝・マーケティングにおいて重要なツールの一つです。以前は、ポスターといえば映画と限定されていましたが、衣料品ブランド、ジュエリー製品、さらには地元企業まで、今では多くのフィールドでポスターは使われています。しかし、どのフィールドと比較しても、映画におけるポスターの効果が一番顕著だと感じ取ることができます。 映画ポスターが宣伝・マーケティング効果を発揮するのは、創造的なデザインでメッセージを伝えることができるからです。では、映画ポスターをデザインするときのガイド

GoogleのPageSpeed Insightsを利用してWebサイトの高速化を図るにあたり、改善できる項目の中にある「次世代フォーマットでの画像の配信」について、どれほど速く、軽くなるのか検証をとってみたいと思います。 次世代フォーマットでの画像の配信とは GoogleのPageSpeed Insightsの説明では、 JPEG 2000、JPEG XR、WebP などの画像フォーマットは、PNG や JPEG より圧縮性能が高く、ダウンロード時間やデータ使用量を抑えることができます。 とあります。 次世代フォーマットのブラウザ等対応状況 2019年6月現在でのブラウザ、画像加工ツールの対応状況はどうでしょうか？ 『caniuse.com』で調べてみます。 JPEG 2000 SafariとiOSのみ対応 JPEG XR IEとEdgeのみ対応 WebP Edge、Firefox、Ch

概要 ▶ Adobe CCはCCの好きなバージョンが使えるわけではなく、Adobeが認めたバージョンだけが使えますという方針に変わったようです。それも事前の予告もなく今日突然。 ふとTwitterのTLを見ていると、Adobeアプリ（Creative Cloud・Creative Suite）の古いバージョンのインストーラーがダウンロードできない的なツイートが流れてきました。 またいつものように一時的なトラブルなのかななどと思って、スルーしていたら今度はFacebookで、ヤバい的な書き込みがあったので調べてみたら、Creative Cloudを契約している上で本当にヤバいことになっていました。 先に、結論を書いてしまいますが、Adobe CCを契約していても、CCの好きなバージョンが使えるわけではなく、Adobeが認めた最新版に近いバージョンだけが使えますという方針に変わったようです。

Webサイトやスマホアプリをデザインする際に、カラー・タイポグラフィ・レイアウトなどはどのようにすればうまくいくのか、ユーザーインターフェイスのデザインが一手間加えるだけでよくなるデザインの知識とテクニックを紹介します。 10 cheat codes for designing User Interfaces 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 1. テキストは重要、より大きく！ 2. 複数のブラックを作成しない 3. カラーを理解するためには数学が大切 4. 空白スペースを活用してグループ分け 5. カラーを使用して行を区切る 6. ドロップシャドウの代わりに乗算を使う 7. 一行の長さ 8. 新しいデザインに執着しない 9. ブランドカラーをアクセントとして使用する 10. リストにおけるビュレットのデザイン 1

◆ #いきなりHTML 2（レスポンシブ対応） なんと！スライスもコーディングも全自動！イラレからHTML+CSSへ一発出力します ◆ デザイン業界にもRPA！オリジナルスクリプトで時短革命 こんなにラクしてイイんです！お見積もり無料！お気軽にご相談ください ◆ 10倍ラクするIllustrator仕事術〜ベテランほど知らずに損してる効率化の新常識 イラレ使いにこれ1冊！ホントに10倍ラクできます ■ ご注意 ■ 当方で公開しているスクリプトは、Mac のみ、macOS High Sierra ＋ Illustrator 2020（24.3）までの検証となります。これ以降の macOS や Illustrator のバージョン、Windows での検証はできかねますので、ご注意ください。

◆ #いきなりHTML 2（レスポンシブ対応） なんと！スライスもコーディングも全自動！イラレからHTML+CSSへ一発出力します ◆ デザイン業界にもRPA！オリジナルスクリプトで時短革命 こんなにラクしてイイんです！お見積もり無料！お気軽にご相談ください ◆ 10倍ラクするIllustrator仕事術〜ベテランほど知らずに損してる効率化の新常識 イラレ使いにこれ1冊！ホントに10倍ラクできます ■ ご注意 ■ 当方で公開しているスクリプトは、Mac のみ、macOS High Sierra ＋ Illustrator 2020（24.3）までの検証となります。これ以降の macOS や Illustrator のバージョン、Windows での検証はできかねますので、ご注意ください。 おつかれさまです。GOROLIB DESIGNです。 イラストレーターで文字をオブジェクトの上下中央に

◆ #いきなりHTML 2（レスポンシブ対応） なんと！スライスもコーディングも全自動！イラレからHTML+CSSへ一発出力します ◆ デザイン業界にもRPA！オリジナルスクリプトで時短革命 こんなにラクしてイイんです！お見積もり無料！お気軽にご相談ください ◆ 10倍ラクするIllustrator仕事術〜ベテランほど知らずに損してる効率化の新常識 イラレ使いにこれ1冊！ホントに10倍ラクできます ■ ご注意 ■ 当方で公開しているスクリプトは、Mac のみ、macOS High Sierra ＋ Illustrator 2020（24.3）までの検証となります。これ以降の macOS や Illustrator のバージョン、Windows での検証はできかねますので、ご注意ください。

◆ #いきなりHTML 2（レスポンシブ対応） なんと！スライスもコーディングも全自動！イラレからHTML+CSSへ一発出力します ◆ デザイン業界にもRPA！オリジナルスクリプトで時短革命 こんなにラクしてイイんです！お見積もり無料！お気軽にご相談ください ◆ 10倍ラクするIllustrator仕事術〜ベテランほど知らずに損してる効率化の新常識 イラレ使いにこれ1冊！ホントに10倍ラクできます ■ ご注意 ■ 当方で公開しているスクリプトは、Mac のみ、macOS High Sierra ＋ Illustrator 2020（24.3）までの検証となります。これ以降の macOS や Illustrator のバージョン、Windows での検証はできかねますので、ご注意ください。

「ウェブリブログ」は 2023年1月31日 をもちましてサービス提供を終了いたしました。 2004年3月のサービス開始より19年近くもの間、沢山の皆さまにご愛用いただきましたことを心よりお礼申し上げます。今後とも、BIGLOBEをご愛顧賜りますよう、よろしくお願い申し上げます。 ※引っ越し先ブログへのリダイレクトサービスは2024年1月31日で終了いたしました。 BIGLOBEのサービス一覧

MOONGIFTはオープンソース・ソフトウェアを紹介するブログです。2021年07月16日で更新停止しました READMEなどテキストファイルには罫線を駆使したアスキーアートが載ることが多々あります。一度だけであれば良いのですが、メンテナンスもしづらいですし、見やすいものではありません。 しかし技術者としてはドローソフトウェアでいちいち描いたりするのも面倒です。そこで使ってみたいのがsvgbobです。 svgbobの使い方 一例です。左側のテキストがSVGに変換されています。 工夫すれば日本語も使えます。 こんな複雑なイラストも。 ____[] | ___ | || || device ||___|| loads | ooo |----------------------------------------------------------. | ooo | | | | | ooo |

ウェブサイトやグラフィック制作において、重要なデザイン要素のひとつであるアイコン。デザインアプリによってファイル形式が合わずに、せっかく見つけた素材が使えないときも。 今回は、Photoshop や Illustrator、Sketchなど幅広いデザインツールで利用でき、無料ダウンロードも可能な新作アイコン素材をまとめてご紹介します。 今年のデザイントレンドを意識した作品も多く、ウェブサイトの見た目をガラリと変えてくれる高品質なアイテムを中心に揃えています。 商用利用可能！フリー(無料)ダウンロードできるアイコン素材50個まとめ 2017年3月度 図解でうまく伝わるデザインを！参考にしたいすごい無料アイコン素材まとめ EGO Illustrations ユニークなイラストが今年のトレンドにも通じる、6種類の高品質アイコン素材。 収録形式 AI | Sketch | SVG 48 Nolan

こんにちは、スイカは白いところまで食べる小林です。 今日は個人的主観で、よく使う、あるいは使いたいと思っている定番欧文フォントをご紹介したいと思います！ フォント選びで迷うと、ついつい、無難なフォントを使いがちですが、そのフォントの性質やディテール、成り立ちを知ることで、よりそのデザインにマッチしたフォントが選べるようになると思います！ セリフ体 Baskerville （バスカヴィル） 伝統、高貴さを感じさせる、1750年代にイギリスのジョン・バスカヴィル（John Baskerville）によって作られた、Transitional（※）フォントの代表格です。 バスカヴィルのフォントは当時のイギリスではなかなか受け入れられず、アメリカやフランスで多く使われたようです。 しかし今では堂々とした大文字などからイギリスを代表する書体デザインの一つと言われています。 Baskerville Ol