紙媒体にもウェブにも対応できるIllustratorの設定［環境設定編］｜スタッフブログ - ビットスター株式会社
R.Tです。 紙媒体にもウェブにも対応できるAdobe Illustratorの設定内容をご紹介します。 今までの使い勝手とかなり変わるかもしれませんが、1994年、Illustrator 5.5の時代から、Illustratorを使ってデザインを行ってきた先人たちが、より使いやすく、より作業を早くするための知恵が絞られた設定なので、ぜひ実践してみてください。 まずは環境設定を行います。 Illustratorは2015年2月にリリースされた、Adobe Illustrator CC (19.2.0) が最新バージョンです。 ※2016年1月6日現在。 Illustratorを立ち上げ［Ctrl(⌘)］＋［K］を押すと「環境設定」が開きます。ここから設定を変更していきます。 一般 まずは『キー入力』の値を変更しましょう、紙媒体で使う場合は0.5mm、ウェブなどで使う場合は1pxに設定します
Tips_フチ文字の隙間を埋める – イラレラボ illustrator-labo
フチをつけた時にできるスキマや文字の中マドを埋めたい時もアピアランスで処理しましょう。 テキストを用意します。今回はフリーフォントのHarrringtonを使ってファンシーな感じで、行間や字間をイイ感じに調整します。 テキストの塗りをなしにし、アピアランスパネルで新規塗りを追加を2回クリックして上の塗りに濃いめのピンク［#FF7B8F］下の塗りに焦げ茶［#42210B］を適用します。 下の塗りを選択し、効果メニュー＞パス＞パスのオフセット…を［オフセット：10/角の形状：ラウンド/角の比率:4］で適用します。 アルファベットの中マドや文字同士がくっついてできるスキマを埋めます。下の塗りを選択し、効果メニュー＞パスファインダー＞分割を適用します。アピアランスパネルの適用した分割をクリックし、パスファインダーオプションダイアログを表示します。［分割およびアウトライン時に塗りのないアートワークを
Illustrator アピアランスのキホン 〜概念編〜 - hamfactory
Illustratorはバージョン1.1のリリースから今年で29年目。 ここ数年で賑やかに騒がれているアピアランスは2000年リリースのバージョン9からの機能なので、既に搭載から16年が経過しようとしています。 今回の記事ではアピアランスがそもそもどんなものであるのか、アピアランス機能でどんなことが可能になったかを解説していきます。 アピアランスのなりたち 英単語“Appearance”は「見た目・外観」という意味で、Illustratorにおいてはオブジェクトの見た目のことを指します。 Illustratorのアピアランスはアピアランス属性と呼ばれる要素の組み合わせで構成されています。アピアランス属性には線、塗り、効果、不透明度の4つがあります。 要するに、アピアランスパネルで操作できる要素すべてがアピアランス属性ということです。 結果がわかりやすく派手なのもあり、どうしても効果に注目が
『Illustratorで水彩（風）表現』
過去記事がピックアップされて、モニタに映るビーナスが下手すぎて恥ずかしい^^ もっと小さく使えば良かった…。 それはさておきこのイラスト、Illustrator機能の紹介なのに線画だけIllustratorで色は別ソフトで塗ってるなと思いました？ でも実はこれ全部Illustratorのデータなんです。 Illustratorでサッと線画を描いて、色を塗って、水彩風にするの、とっても簡単にできます。気が向いたら記事にしようと思っていたのにすっかり忘れてました^^ というわけで、メイキングスタート。 1 線画を描く まず、「RGBモード」で書類を作成し線画を描きます。これは過去記事参照。 ブラシやペンツールで描いても全然OK。 ↑線画のパスは背面に送り込まない 2 色を塗る 線画レイヤーを複製して下のレイヤーをライブペイント化、線をなしにしてライブペイントで色をペタペタ塗ります。 ↑再配色や
『Illustratorで水彩（風）表現 〜応用編2〜』
つづきです。 この手法、見た目は水彩風ですがデータはガチガチのベクトル形式なうえ、構造もそれほど複雑ではないので直しにはめっぽう強いのです。 ●修正 オブジェクト単位、色単位で選択や変更、ボケ足や濃度の調節が出来ます。これは一発勝負のアナログ水彩やラスター系ペイントソフトでは味わえない手軽さです。 描画レイヤーのオブジェクトはオリジナルのままなので通常のイラストと同様に修正が可能です。 ただし、絵柄を変更した場合、オーバーレイレイヤーのオブジェクトを削除して複製から繰り返しになります。 ●イラスト加工 ライブペイントは拡張すると直接編集できるので、個別変形やら効果やらが使えて表現力がアップします。拡張の前に保険のためにレイヤーを複製しておくと良いでしょう。 ライブペイントを使わない人も、絵柄や加工具合によってはパスファインダー合流をかけてから加工する方が良い場合もあります。 イラストを加工
セグメントをきれいに対称にするIllustratorのスクリプトを作りました（CS6以降） - saucer
精密なトレースや作図において、セグメント両端の方向線（ハンドル）を対称にしてカーブのバランスを整えることはよくあります。しかし、Illustratorには方向線をコントロールする機能が少ないため、正確な対称のカーブを作るのに工夫が必要です。この作業を楽にするためのスクリプトを作りました。セグメントの左右どちらか一方の方向線を基準として、もう一方を対称します。わかる人にはわかるニッチな機能ですが、便利そうと思ったらぜひ使ってみてください。 更新履歴GitHubのリポジトリをご確認ください対応バージョンIllustrator CS6 〜 CC 2018ダウンロードスクリプトをダウンロードするインストール方法ダウンロードしたファイルを解凍します。所定の場所に「セグメントを対称にする.jsx」をコピーします。Windows版ではお使いのIllustratorの種類によって保存する場所が異なります
HTML 5.2の新機能・削除された機能、変更された記述ルールのまとめ
HTML 5.2は2017年12月14日に勧告（Recommendation）され、仕様がRECステージに達しました。これはW3Cメンバーとディレクターの正式な承認を受けたことを意味し、Web制作者として、新しい機能の実装を開始するのに最適な時期になります。 HTML 5.2ではいくつかの新機能と削除された機能があり、記述ルールもいくつか変更され、今までinvalidだったものがvalidになり、新しくinvalidになったものもあります。 すべての変更点はHTML 5.2: Changesで確認することができます。 Web制作に最も影響を与えると思われるいくつかの変更点について説明します。 What's New in HTML 5.2? 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 HTML 5.2の新機能 HTML 5.2
Photoshopでぼかした色の境界が暗くなる時の対処法
Photoshopで画像を制作している時、ぼかした色の境界が暗くなったり濁った色や不自然な色になってしまうことがあります。 また、他の方が制作したデータでカラー設定を合わせているはずなのに境界部分の色が変わってしまうということがあります。 この記事では、その原因と対処法について解説します。 きっかけ YouTubeで公開されている Computer Color is Broken（コンピューターの色は壊れている）という動画でこの問題について解説されています。 この動画は英語ですが、内容を日本語に翻訳した記事もあります。 参考: なぜ画像に「ぼかし」を入れると色の境界部分がつぶれてしまうのか？ – GIGAZINE 記事の最後に 一部の画像編集ソフトでは、数学的にも一切誤りのないアルゴリズムを使用できるにもかかわらず、デフォルト設定となっていない とありますが、これはPhotoshopのこと
これどうやって作る？参考にしたいIllustratorのすごいチュートリアルまとめ
毎月、新しく公開されたIllustratorの使い方を体感的に学ぶことができるチュートリアルをまとめています。今回は、「これ、どうするの？」といったIllustratorの基本テクニックから、覚えておくと目からウロコな実践向けデザイン小技、そしてより高度なイラストテクニックまで幅広いセレクションが揃います。 覚えておきたい基本ツールの使い方を、実際にデザインを行いながら覚えることで、即戦力となるデザインテクニックを学ぶことができます。また、最新グラフィックデザインのトレンドを意識した、新しいツールの使い方や活用方法を知るのにもぴったりです。 基本を押さえて学ぶ！しっかり身につく Illustrator チュートリアル34個まとめ 2017年9月度 これどうやって作る？参考にしたいIllustratorのすごいチュートリアルまとめ シロクマをシルエットにしたベクターイラストをデザインする方法
Illustratorでパターン作成時に白い線が入る場合の解決方法
イラストレーターでパターンを作成し、適用させた時にパターンの境界線に白い線が入る場合があります。 拡大・縮小表示（ズームイン・ズームアウト）してみて、白い線が消える場合はイラストレーターのソフト上でだけ見えているものなので印刷には影響がなく特に問題はありません。 拡大縮小しても白い線が消えない場合はデータに問題がある可能性が高く、プリント時にも白い線が入ってしまいます。 せっかくパターンを作って、登録したのにプリントされた布に白い線が入ってる…(¯；ω；¯)なんてことにならないように解決方法を何点かご紹介したいと思います。 パターンに白い線が入る場合の解決方法 パターンそのものに隙間が入っている場合はパターンの編集画面から修正します。 パターン編集について詳しくはこちら パターンは問題ないのに白い線が出る場合は下記の項目をチェックしてみてください。 新規作成時にピクセルグリッドに整合にチェ
【総まとめ】2017年公開のすごいPhotoshopチュートリアル、作り方厳選86個
新年あけましておめでとうございます。 当サイトでは毎月、Photoshopのテクニックを学ぶのに最適なチュートリアル、作り方をまとめて紹介しています。今回は2017年のあいだに公開された中で、特に確認しておきたいPhotoshopのデザインチュートリアルをまとめてご紹介します。 分かりやすい解説で紹介されたPhotoshopの基本から、目からウロコのデザイン小技テクニックや、設定ひとつで完成のお手軽テキストエフェクト、Photoshopならではの本格的な写真合成テクニックまで人気デザインの作り方が揃います。新しい年がはじまり、Photoshopを始めてみようというひとにもぴったりなテクニックを揃えています。 【総まとめ】2017年すごいIllustratorチュートリアル、作り方厳選70個 【総まとめ】2017年公開のすごいPhotoshopチュートリアル、作り方厳選86個 美しい夕焼けに
iOS Safariでbackground-attachment:fixedが効かない不具合 | HTML・CSS・JavaScriptのテクニック集 | Webサイト制作支援 | ShanaBrian Website
iOS Safariでbackground-attachment:fixedが効かなくなる不具合があります。 原因 この現象はbackground-sizeプロパティを指定していることで起こります。 回避方法 この不具合を回避するには、次のように疑似要素を使い、その疑似要素に対して背景を指定することで回避できます。 CSS body::before { position:fixed; top:0; left:0; z-index:-1; width:100vw; height:100vh; background:url("img/sample.jpg") no-repeat; -webkit-background-size:contain; background-size:contain; content:""; }
まりなの初心者講座
マルチドメインについて マルチドメインとは、1つのサーバー(さくらのレンタルサーバ)で複数のドメインを使えるようにする事を指します。 公開するページごとにフォルダ（Web公開フォルダ）...
iPhone写真のフォーマットHEICをJPEGに変換する便利ソフト | コラム | ホームページ制作 大阪 インフォメーションメディアデザイン株式会社
どうもです。 先日iPhone6sからiPhone8 Plusへと機種変した希少な人間です。 そもそもiPhoneXの発売を待つつもりもなく、iPhoneでポートレート写真を撮ることが目的の私は早々にiPhone8 Plusに乗り換え。 果たしてiPhone8 Plusを持っている人って何人ぐらいいるのでしょうね。 かなりレアなiPhone端末になりそうな気がします。 まぁそんな話はさておいて今回はiPhone写真の新フォーマットHEICをPhotoshopで加工するためにJPEGフォーマットに変換する便利ソフトの紹介です。 HEICって？ 拡張子のHEICって何？ それはiPhoneで新しく採用された画像データ・フォーマットの拡張子です。 iPhoneのカメラの性能が上がれば当然JPEGの容量も上がります。 カメラの性能が上がる度にデータサイズはどんどん増えていきデータ転送スピードが重く
配色設計に使えるツールいろいろ｜会社辞めブログ
やぁみんな！ atomだよ！ 今回は、配色を考えるときに使える便利なツールをご紹介するぞ！ 僕もすごくお世話になっちゃってるツールばっかりなんだ！ 制作の現場で、きっと役に立つと思うぞ！ ■基本色から簡単に補色や近似色などを割り出せる Color Scheme Designer 3 http://colorschemedesigner.com/ ■15000種以上の配色テーマを参考にできる Kuler http://kuler.adobe.com/ ■基本色を設定すると、基本的なWEBサイトテンプレートで配色を設定してくれる ウェブ配色ツール Ver2.0 http://www.color-fortuna.com/color_scheme_genelator2/ ■任意の本や雑誌からカラーチャートを作成できる Colo of Book http://colorchart.jp/ ■写真をア
イラストレータのトンボの作成方法と使い方
イラストレーターのトンボの作成方法と使い方です。 トンボと聞くと印刷業者さんに印刷をお願いする時にしか使わなそうと思うかもしれません。ですが、おうちでのプリントでも特殊な用紙サイズでプリントする時、トンボを知っているとプリントした時の端が切れる失敗がしにくくなります。 トンボについて各項目にまとめています。せひ参考にしてください。 目次 1. トンボとは？ 2. トンボの名称と役割 3. トンボの作成方法 4. トンボを使って印刷物(DM)を作成する トンボは多色刷りの版ズレの防止や、断裁(カット)する位置の目安になるものです。印刷業者さんに印刷物を入稿する時に必ず必要になります。 印刷所で断裁する時は、大量の用紙を一度にカットするため、多少のズレが生じます。そのため、印刷業者さんに入稿する時は、仕上がりサイズより3mmほど大きく印刷できるように仕上げます。 仕上がりサイズぴったりにデザイ
【カラーの適用】ワンクリックで画像の色調を合わせる
複数の画像を使う時に、各画像の色合いを合わせたいことがあるかと思います。 そういう時に活用できる補正機能のご紹介です。 [カラーの適用]を使用 次の２枚の画像はフリー素材サイトからDLしたものです。 かなり色合いが違うので、そのまま並べると違和感があります。 そこで、２つの色合いを合わせるためphotoshopの[カラーの適用]機能を使用します。 今回はバイク画像の色調を車のタイヤの方に合わせてみます。 （バイクを青みがかった色合いにする）
完全無料のソフト一つで、Youtube動画をダウンロードしてDVDに焼く方法
Youtubeの動画ファイルをダウンロードして、DVDに焼き、DVDプレーヤーで再生するまでを、無料ソフト一つで行う方法を紹介します。使用したマシンはWindows 8です。 Youtubeの動画のダウンロードからDVDへの書込みまでを、オールインワンで行える、完全無料のWinXDVD Authorを使ってみることにしました。 紹介するまでに何度か試してみたのですが、DVDに焼く機能だけを考えると、私の環境では面倒な操作なしで行うことができました。DVD1枚（120分録画再生）焼くだけなら、30分とかからずにできると思います。ただし、いくつか気になる点もあったので、その辺りは最後の「まとめ」でお話しします。 はじめにfree WinXDVD Authorの作業手順を一通り紹介します。 完全無料 WinXDVD Authorのダウンロードは、以下のDigiarty Softwareのサイトか
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
The Blog | Welcome to Adobe Blog
Vischeck: VischeckImage
