Illustratorでウェブデザインを組むコツをお届けするシリーズです。イラレこそがレイアウトに最適、とは知ったものの扱いがイマイチ......という方に届けば嬉しいです。前の記事では、Illustratorでウェブサイトのレイアウトを組むときには常にピクセルの合った画像を作ることが大事ということで、ピクセルの合ったレイアウトを作るための設定のコツをまとめました。気をつけているつもりなのに、なんか合わない......、というときはここをチェックしてみてください。ミリ単位で作ってるウェブサイトのレイアウトをするときは、環境設定(コマンド+K)から「単位」を開き、すべての単位をピクセルに設定します。これをミリのままにしておくと、ピクセルが合いません。「ピクセルにスナップ」してないメニューバーから「表示」→「ピクセルプレビュー」を選択します。すると同時に「ピクセルにスナップ」にもチェックが入ります。すると、矩形ツールなどを使ったとき自然にピクセルに合うようになります。環境設定(コマンド+K)を開いた一番目の画面で「キー入力」の項目をチェックしてください。値が整数、単位がpxになっていますか?ミリ単位の設定から持ってくると、小数点以下の数字が入ることがあります。その設定のままオブジェクトを移動させると、キリのいいサイズで作ったはずなのに、いじっているうちにズレが......ということが起こります。線に気を配ってないここまで挙げたことを守っていても、「初期設定の塗りと線」で矩形を描くと、ピクセルに合わずにじんだ線ができたりします。これは、線の太さが1pxだから。オブジェクトの境界は線の中心にあるので、0.5pxはみだした格好になるのです。これを回避するには「線を内側に揃える」のオプションをチェックします。アートボードの位置が悪い以上のことを全部チェックしたのに、それでもどうしても合わない......という場合があります。そんなときは、アートボードの設定を疑いましょう。アートボードの位置が、いつのまにか小数点のついた数字になっていることがあります。アートボードをコピーしたときなどに起こりやすいのですが、こうなると中のオブジェクトもつられて変な位置になってしまうようです。整数の値に変更しましょう。ピクセルが合わないときは、以上のことをチェックしてみてくださいね。Top5シェアしてみんなに教えるシェアツイート大丈夫やで☆イラレでウェブデザイン【その1】ピクセルをにじませない、絶対に!大丈夫やで☆イラレでウェブデザイン【その3】「ピクセルグリッドに整合」は使わない。関連記事ウェブデザインスクールの選び方。Proにキーボードカバー。clearguard」買ってみたが悪くないよ。著書「Illustratorおいしいネタ事典」が発売されました。イラレ初心者にも使えるTipsが満載です。キーボードショートカットは手に負担?腱鞘炎が気になるデザイナーさんにぜひ使ってほしい左手デバイス「Orbital2(オービタル2)」フリーランスは全てが自己責任、何かあってからじゃ遅いから。特定のウェブサイトを検索結果に表示させない方法。#深海2017Ingressのbiocard(不審者カード)をイラレで作って、印刷所に発注してみよう![テンプレダウンロードつき]クリエイター丙についてこんにちは、鯛のマークのクリエイターブログです。クリエイターさんやフリーランサーさんに向けて書いています。IllustratorのTipsです。そのほかウェブのこと、WordPress、仕事術、旅行やゲームや趣味の話も雑多に取り扱っています。あなたのお役に立てれば嬉しいです。@creatorHeyこのブログについてこんなこと聞きたい。著書「Illustratorおいしいネタ事典」、イラストレーターさんの仕事を増やすウェブサイト制作サービス「いしつく!」代表など。#マイクラウェブデザインスクールの選び方。検索:イラレ使いのみなさんへ著書「イラストレーターおいしいネタ事典」イラレでこれどう描くの?を知りたい方に。なにげに今もじわじわ売れてます!Amazonで買う内容のご紹介ホームサイトマッププライバシーポリシーお問い合わせコンテンツの無断使用は固くお断りします。