webかたつむり ウェブデザインを勉強中 ウェブ初心者のおぼえがき

webかたつむり

ウェブデザインを勉強中

illustrator

ai を pdf に変換する

イラストレーターから直接pdfを作らない、が基本。データーが重たくなってしまう。 「文字」のアウトラインデータがとても重たい。文字のアウトラインデータを削除しないとデータが重たくなる。 元の「ai」ファイルのコピーを作る。 コピーしたファイルの「…

illustrator tips 配置、プレビュー、埋め込み

psから配置した、画像ファイルの扱い。 レイアウトするときは「配置」☞「リンク」にチェック このとき、イラストレーターに表示されている画像はプレビュー(72dpi)になる。下の画像で、緑のバッテンが画像の中央に配置されているリンクファイルはプレビュ…

ai ファイルを pdf に変換する

illustrator 「ファイル」「複製を保存」 保存するフォルダを指定する。 メールでのやりとりや、webでの公開用には「最小ファイルサイズ」プロファイルを選択する。 最小ファイルサイズ Webやインターネットでの表示、または電子メールでの配信に適した PDF…

banner copy

本日のお題 市松模様の作り方。10px×10pxの柄を下のように作る。 全部選択した状態で、スウォッチパネルにドラッグアンドドロップ。 これだけだとパネルに登録されていません。 下の「ライブラリー」ボタン(というのか知りませんが‥)をクリックして保存し…

banner copy

本日のお題 背景色をテンプレートから移植する。 背景レイヤーを重ねないで、少しずらしておく。背景レイヤーを選択したまま、テンプレートから「スポイトツール」を使って塗りたい色を選ぶ。 これで完成。 オブジェクトの周りに、同じ形状のパスをずらして…

banner copy

本日のお題。イラストから書きます! だいたい描けたら、「オブジェクト」→「ライブペイント」→「作成」 閉じられたパスが認識されて、カーソルを近づけると太い赤線で塗ることができる部分を表示してくれます。 テンプレートが見えるように背景の紫を表示し…

banner copy

本日のお題 イラストをトレーするときに、鉛筆ツールを使った。 鉛筆を離す度、その前に描いた線が消えてしまう。 鉛筆ツールをダブルクリックして「鉛筆ツールオプション」を開く。 その中の「選択したパスを編集」のチェックを外す。そうすれば解決。 イラ…

banner copy

本日のお題 本日の結果 「CMをチェック」の後の矢印をwingdingsから、アウトラン化して作った。 イラストレーターでテンプレートをなぞる、それからフォトショップにレイヤー構造ごと書き出す。それから写真を入れ込む。というフローがいいのかな? モリサワ…

Wingdings

効率的に記号を扱いたい…から準備をしよう。 illustratorでwingdingsの一覧を表示させる方法。 フォントを選択した状態で、「書式」→「字形」、で表示できます。 フォントを選択して入力する。今は「字」の状態。 この「字」を「図形」として処理できるよう…

banner copy

本日のお題 本日の仕上がり illustratorからphotoshopに移動する、最適な方法は? 飛行機マークをどうするか?以下のサイトからファイルをダウンロードして使用した。「cドライブ」→「windows」→「fonts」 問題は記号を入力するときにどうやって探すか? 年…

banner copy

バナーをまねして再現する練習。 食べ物の写真を探してくる。以下のサイトがおすすめ。 食材・料理や野菜・果物のフリー写真素材 無料画像のフード・フォト フォントが探せません。ひらがなの「け」「お」が変わっている…小塚明朝pro6nで代用。 最上段の英文…

color tip

illustratorでcolor tipを作る A4で新規作成 50pxの正方形を作る。 コピーしてもう一つ同じ正方形を作る。 2つの正方形を、A4の両サイドに配置する。 各々、好きな色を塗る。 「オブジェクト」「ブレンド」「ブレンドオプション」 「ステップ数」とは、2…

960 grid system

grid system か free layoutのどちらかしかない。選択肢は2つ。 当然ながらまず、gridsystem でレイアウトすることを考える。 そこで便利な道具がこれ。 illustratorのテンプレートを開く。 highlightしたレイヤーをダブルクリックすると… テンプレートにチ…

解像度の低いロゴを修正する svg

200%拡大したオリジナルのファイル イラストレーターで開く トレースして複合パスを作る、が基本らしいですが、自分の仕事を評価できません… 大事なのはここからです。とりあえず元ファイルは.aiで保存。 「オブジェクト」「アートボード」「オブジェクト全…

アキュートアクセント の入力方法 "café"の入力

Make sure that "Number Lock" is switched on. Don't release the "Alt" key until after you've typed the alt code. 自宅のPCにはテンキーがないので、numlockして、altキーを押しながら、233つまりKLLのキーを押す。 無事にアキュートアクセント付き…

illustrator イラストのトレース その2

正方形をひとつ作って、コピーする。両方選択してから、「オブジェクト」「ブレンド」「ブレンドオプション」 2つの正方形の間に、幾つの正方形を描くのか?今回の場合、9個。 「ブレンドオプション」「ステップ数(間に作るオブジェクトの数)=9」にする。…

illustrator イラストのトレース その1

本日のお題 A4にテンプレートとして配置。 カンプの通りにfuturaが使えないので、century gothicで代用しています。 尖ったクチバシは… 矢印のあたりにアンカーポイントを追加して、ダイレクト選択ツールで掴んで引っ張る。 細い足の部分は線を描いてから、…

navigation button の制作 2

下のようなものを作る。 幅800px長方形、左辺を基準に160px毎に縦の線を引く。左辺に重なるように1pxの線を引いて、水平に160pxコピー移動。 ctrl+Dで同じプロセスを繰り返す。 厳密にいうと最後の長方形は、内寸が 1px 狭いことになるが、無視をしたい。 文…

navigation button の制作 1

「新規作成」→「プロファイル」→「WEB用」 新規オブジェクトをピクセルグリッドに整合、チェックをオフにする。 1px の黒い線で長方形を描くと、幅 2pxでグレーの線になってしまう。 そこで、線の位置を内側にする。 こうしておけば、線の外側が指定したサイ…

pixel にこだわった illustrator の環境設定

「一般」キー入力 0.5pxに変更。 なんとなくすべての値を 1px にしてみる。 あたりまえだが、すべての単位を px にする。 グリッドは 10px を 10 分割。つまり、1px 刻み。