イラストレーターに配置したリンク画像を、自動で収集する方法（CS5）
失敗も後悔も振り返れば全てが成長。そんなグラフィックデザイナーがフリーランスになるまでのアウトプットブログ。 僕は下版する際、いまだにイラストレーターデータとイラストレーターにリンクで配置している画像を圧縮して、メールで飛ばすというやり方が主です。pdf入稿であれば配置画像を入稿する必要がなく、データも軽くなるので、今はそっちが主流なのかなと思いつつ、イマイチpdf入稿に慣れていないので、ついつい昔ながらのイラレデータ&画像入稿から抜け出せないでいます。 イラレデータ&画像入稿の場合、データを印刷屋さんに送るときに余計な画像データまで送ってしまうと重たくなってしまうので、基本は配置している画像だけを送るのですが、フォルダに余計な画像が入っていると画像を選ぶだけでも大変です。 MacOS9の頃は『イラレの鬼』っていう大変便利なフリーソフトがあって、配置画像の収集も出来るし、画像のカラーモード
【★★★ - 手書き風 】 - Illustratorで手書き風タッチにするアレコレ | デザイナーブログ | 株式会社LIG
今回はIllustratorで手書き風イラストを作成する方法をご紹介します。手書き風といっても色々な種類があるので、自分好みのものを見つけてください。 もとの画像はこれ！ 春らしく桜で！ ※編集部注：2011年に公開された記事を最新の情報に更新しました。 1. 落書き風 [効果]→[スタイライズ]→[落書き]の順で選択。 デフォルトの設定だとちょっとざっくりしすぎているので・・・ 今回はこんな感じに線幅や感覚を調整しました。 これで完成！ 簡単です。 2. 粗いパステル画 [効果]→[アーティスティック]→[粗いパステル画]の順に選択。 こちらもデフォルトだとざっくりなので微調整して、完成です! こちらはほんのり手書き風。 3. ストローク（スプレー） [効果]→[ブラシストローク]→[ストローク（スプレー）]の順に選択。 こちらはクレヨンで書いたような手書き風イラストになります。 効果は
イラストレーターで文字をオブジェクトの上下中央に揃える方法 : GOROLIB DESIGN #はやさはちから
◆ #いきなりHTML 2（レスポンシブ対応） なんと！スライスもコーディングも全自動！イラレからHTML+CSSへ一発出力します ◆ デザイン業界にもRPA！オリジナルスクリプトで時短革命 こんなにラクしてイイんです！お見積もり無料！お気軽にご相談ください ◆ 10倍ラクするIllustrator仕事術〜ベテランほど知らずに損してる効率化の新常識 イラレ使いにこれ1冊！ホントに10倍ラクできます ■ ご注意 ■ 当方で公開しているスクリプトは、Mac のみ、macOS High Sierra ＋ Illustrator 2020（24.3）までの検証となります。これ以降の macOS や Illustrator のバージョン、Windows での検証はできかねますので、ご注意ください。
A Better Way To Design For Retina In Photoshop — Smashing Magazine
Are you designing at “Retina” resolution in Photoshop? In this article, Murdoch Carpenter will walk you through the problems he faced in creating Retina mockups to be displayed on a tablet device. He will then explain a way to work that is easier and gives you better performance. This is about Murdoch’s experience with Photoshop, but it could be applied to Illustrator and other software. Throughou
【保存版】Illustratorでインターフェイスをデザインする時に役立つ時短テクニックのまとめ
Illustratorでウェブやアプリなどのインターフェイスをデザインする時に役立つ14の時短テクニックを紹介します。 Speed Design with Illustrator Illustratorの時短チップスを書いたのはVincent Le Moign氏で、彼の別サイト「WEBALYS」ではたくさんのフリー素材を配布しているので覗いてみてください。 WEBALYS 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様に許可を得て翻訳しています。無断翻訳・まとめ記事の転載をしているあのブログの注意喚起を海外のブロガーから聞くのでご注意ください。 時短でボタンをつくる 1クリックでテキストをデザイン カラー変更の強い味方「グローバルカラー」 モジュール式のデザイン アイコンフォントを簡単に扱う方法 グリッドの設計 グリッドにスナップさせる アートボードの活用 サイ
illustratorでUIデザイン：基本編 - Two hats
前回は設定について記事にしましたが、今回から具体的な使い方について書きたいと思います。 ただ、ボリュームが多くなりそうなので「基本編」「応用編」「ショートカット」「部品切り出し」など項目を分けたいと思います。 線の位置は「外側 or 内側」にする。 「ピクセルグリッドに整合」しない場合、線を中央に揃えておくと線の太さが奇数になったときにぼやけた線になってしまいます。そのため「外側」か「内側」にする必要がありますが私は「内側」で作成しています。 「外側」だと指定した縦横サイズより大きく見えてしまうため、見た目の座標とillustratorの座標がズレているように見え、寸法指示の際に不都合が生じそうなので採用していません。 但し、Webデザインの場合、Borderのデフォルトは「外側」と同じ考えになるようなので、開発するシステムに合わせて内側・外側を設定すると良いと思います。 ※CSSの「bo
Kodlian.com - Home
Clipboard Center 2.0 Manage and easily use your clipboards! Visit my gallery Discover and download dozens of icons, mascots and illustrations. Icon Slate 4 Discover the new Icon Slate, the ultimate tool to compose and create icons in mutliformats. App for Apple users! As a developer and user of Apple products, I'm involved in creation of apps for Mac and iOS devices. I have two apps available in t
The Bézier Game
The ideal solution has 0 nodes. Think you can do better? Try again This game requires keyboard and mouse It seems you are on a touch device, but I can't tell for sure, please confirm: I'm using a keyboard and a mouse/trackpad You will continue to The Bézier Game. I'm using my fingers on a phone or tablet You will be redirected to The Boolean Game, which works on any device.
ロゴ作成に役立つ制作フローや素材・知識まとめ
作成：2014/03/24 更新：2014/11/01 無料素材 > ロゴの作成依頼があって作ってみたものの、しっくりこない。ありきたりなアイデアしか浮かばない。どういった手順をふんで、どういったことに気をつければ、よいロゴができるのだろうか。今回はロゴを完成させるまでのフローや基本的な素材の作り方、アイデアの出し方など参考になる記事をまとめました。 エンジニア速報は Twitter の@commteで配信しています。 １．ロゴマークの作り方 イチからロゴを作成する場合、クリエイターさん達はどうやって作っているのでしょうか。ロゴ作成における一連の流れをまとめました。 ロゴ作成の手順を実例とあわせて紹介！ | Webクリエイターボックス Illustrator初心者のための「ロゴ作成講座」 | OZPAの表4 新米デザイナーに読ませたい、ロゴデザインの制作プロセス - W3Q ロゴを作る時に
How To Create an Icy Blue Vector Geometric Design
This post was originally published in 2013 The tips and techniques explained may be outdated. In today’s Adobe Illustrator tutorial we’re going to create a cool abstract geometric design with icy blue polygonal shapes. This style of art is perfect for adding stunning visuals to your design work and being vector based means it can be used for anything from a book cover to the background of your web
Illustrator初心者のための使い方・初期設定まとめ | 株式会社LIG(リグ)｜DX支援・システム開発・Web制作
こんにちは、LIGブログ編集部です。こちらは「Illustratorをはじめて使う人が、ひと通りの基本的な操作ができるようになる」ところまでを目標とした全4回の超初心者向けIllustrator講座です。 第1回は「Illustratorって何？」というところから、ダウンロードしたIllustratorをWeb制作に適した環境に設定するところまでを説明していきます。初心者ではない方は、おさらいのつもりで確認してみてください。 「ググってわからないこと」が一瞬で解決するかも？ Webデザインを効率的に学びたい、転職・就職を目指している、誰かに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGのスクールでは、現役デザイナーがマンツーマンで指導します！ ▼少しでも気になる方は、ぜひ公式サイトをご覧ください！ Illustratorって？ Illustratorとは、アドビ
Tips for Getting a Web Design from Illustrator into the Browser | Envato Tuts+
Scenario: someone hands you an Illustrator document with their latest web layout and it's your job to convert it into working HTML and CSS. Let's take a look how you can do that. Note: The aim of this tutorial is not to perfectly recreate the design for web use. Instead, we're going to use it to explore workflows and features within Illustrator which help us to do so. The Illustrator File Let's st
これからのWebデザインはIllustrator派が増えてくるのでは？ | 5 LOG
個人的に、今はWebデザインはイラレでやります。Photoshopは画像の調整にしか使いません。 これからは、徐々にDesigning in the browserにシフトして、ワイヤー、ラフ、パーツ制作にイラレを使用していくつもりです。 ただ、まだまだデザインカンプの作成が必須となっていて、なかなかシフト出来ないのが現状です。 なぜIllustratorか？ そもそもイラレの方がレイアウトが組みやすい。 これが一番の理由なんですが。。。 いや、これ以外にも、いろいろとあって、 以前は、とにかく画像画像だったパーツ（ナビゲーションとかボタンとか見出しとか）が、CSS3で表現出来るようになり、Webフォントやアイコンフォントが主流になってきて、画像で書き出すパーツが大幅に減った。 さらに、Retina等、解像度の違うディスプレイが登場して、今後も増えてくる事を考えるとSVGの使用も増えてくる
Web制作者が捗る！知識が増える2014年トレンドまとめ
作成：2014/06/9 Web制作 > トレンド感のある動きや、洗練された見え方を実現するために、知っておきたいことや方法など。Web制作の現場で知っておくべきことをまとめました。全部取り入れるのは無理ですが、押さえておくことで今以上に見栄えのするサイトを作れると思います。ここ最近のトレンドをおさらいしたいときに。 エンジニア速報は Twitter の@commteで配信しています。 もくじ ファーストビューで使いたいエフェクト １．ロングシャドウ ２．ポリゴン ３．ラージフォトスタイル ４．ブラーエフェクト ５．フルスクリーン動画 ６．画像シーケンス 脱ビットマップ画像 ７．SVG ８．Webフォントを円で囲む 配色・フォント ９．配色(フラットデザイン) １０．タイポグラフィ(フラットデザイン) １１．フォント(フラットデザイン) 効果 １２．Infinite Scroll(無限スク
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ベクタークラブ＜イラストレーター素材が無料＞
【Photoshop入門】Webデザインをはじめよう！第1回 デザイン前に覚えておきたい環境設定とレイヤー機能 - Adobe Blog
[M]WEBデザインを勉強したい方必見！実際に読んで参考になったWEBデザイン系スライド5選 | miMemo(ミメモ)![[M]WEBデザインを勉強したい方必見！実際に読んで参考になったWEBデザイン系スライド5選 | miMemo(ミメモ)](https://cdn-ak-scissors.b.st-hatena.com/image/square/5e150ee9637acb3305e1bc4705dac7271529b553/height=288;version=1;width=512/https%3A%2F%2Fweb-mimemo.com%2Fwp-content%2Fuploads%2F2014%2F06%2Fslide_web_basic.jpg)
