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

webかたつむり

WEB制作会社のフォトグラファー

illustrator

【AE】aiファイルを読み込む

各々のレイヤーを独立して動かすために必要な手順。 「プロジェクトウィンドウ」からドラッグアンドドロップして「コンポジションウィンドウ」に持ってきた状態 「コンポジションウィンドウ」でaiファイルにカーソルをのせて右クリック。 コンテクストメニュ…

black and white bitmap image変換してイラストレーターに再配置

splatterを使って遊ぶ。 resizeしてから、部分によってみるとこんな感じ。 ウォーターマークも見える。 グレースケールに変換する。目的は白黒のビットマップイメージを作ること。 破棄します。 OPTION! フィルター→ぼかし→ガウス 半径は1.5px 拡大するとこ…

パスのオフセット

星の先端をベベル結合にしたくないので、比率を大きくしておきます。 選択したパスの内側にオフセットしたいときはオフセット量を「ー」マイナスにしてあげればよい。 これを繰り返すと、、、、

マイター結合

線幅10ptで鋭角を描く。 角の形状は「マイター結合」 比率は「5」 このとき「線幅」*「比率」=50という値が重要! この値がマイター結合の臨界点(値)になる。 マイター長が「線幅」*「比率」の値を超えることはない。 マイター長が値を超えたときは、…

illustrator 円を中心から描く

楕円形ツールで円を描くと、外接する正方形の左上の頂点から描くことになる。 円(楕円)を中心から描きたい時は。「alt」ボタンを押したままドラッグすると中心から描くことができる。 四角形ツールでも、多角形ツールでも同様。

illustrator pentool の操作をいまひとたび復習したい

パスを書き終えるには、、、 ペンツールでパスを描く。 クローズしないでやめる(書き終える)には「ctrl」を押して「ペンツール」を「ダイレクト選択ツール」にして、どこかをクリックすればよい。 クローズドパスを途中で切る方法 切りたいパスを選択した…

illustrator 落書きオプション(後日追求しよう、、、)

handwritten stroke illustrator

少しだけ直線をラフにする方法。 「線」を「線」のままではなく、「拡張」して「形」する。 weightを持ったstrokeではなく、「fill」と「stroke」に拡張します。 「オブジェクト」「分割、拡張」 「効果」「パスの変形」「ラフ」 「パラメータ」の意味はよく…

illustrator で作成した、、、

illustrator で作成したレイヤー構造を そのまま photoshop に移植する 「レイヤーパレット」「サブレイヤーに分配(シーケンス)」 いったいどんな英語の邦訳なのか?センスを疑う分かりにくさ、、、 それから「ファイル」「書き出し」書き出し形式を「psd…

brush tool

ブラシを使って描いた線。 「線」なし「塗り」ありにすると、、、 ブラシツールのパターンがなくなってしまう。 元に戻します。 「散布ブラシ」で色を変えるとき、彩色を「なし」にしていると、カラーパレットで色を変えられない。 「彩色」を「淡彩と低明度…

confetti brush illustrator

confetti brush ちいさな丸を描く。小さくかく。大きくすることは簡単だけれども小さくするのは大変。想定サイズの最小で描く。 描画した円を選択した状態で「新規ブラシ」 「新規ブラシ」「散布ブラシ(scatter brush)」 パネルのオプションを変更しないと…

illustrator pentool

pentool4变化 アンカーポイントツール 書き始め、始点の表示。アンカーポイントを打つ前の状態。 「アンカーポイント」→「線」の始点となる「点」 アンカーポイントツールになっている時の表示「v」型 アンカーポイントツールはアンカーポイントに対する操…

dot

「線端」を丸にする。線分を「0」にすれば丸が描ける。 線分に値を入れると下の図のような形状になる 「間隔」ー「線幅」=丸と丸の間の距離

hatched shadow

線の準備 shift キーを押したまま、45度傾いた直線を描いた色を指定する。 文字の反対側にも同じく線を引く。線のバウンティンぐボックスが文字にかからないようにする。 2本の線を選択した状態で「ブレンド」「作成」 線と線の間に、指定された数だけ線を…

illustrator brush

パス上にパッターンを作る。 「ウィンドウ」「ブラシ」 パターンにしたい図形を選択して「新規ブラシ」 「パターンブラシ」 コーナーの処理方法を設定できる模様ですが、とりあえずデフォルトの設定で、、 線を引いて、適用したいパターンを選択すると、、 …

illustrator pattern

ctrl + c ,ctrl + f で同じ位置に重なるようにコピーができる。 下のレイヤーを黒、上のレイヤーを白、白い方は縮小して若干回転させる。 線はなし、塗りだけ。 ctrl + g グループ化する。 拡大or 縮小 ctrl + d

watercolor texture

1つのパスで文字組した場合 illustratorで文字を組む。 watercolor textureの画像ファイルを配置する。 画像を埋め込んで、最背面に配置する。 両方選択してから、右クリック「クリッピングマスクを作成」 2つ以上のパスで文字組した場合 illustratorで文…

袋文字別解(personal memorandom)

boldで文字組 オブジェクト、分割拡張 線を黒、塗りを白 パスファインダーでパスを結合 複合パス(先の黒が塗りに重なっている箇所を解消できる)

badge

形を作る 細長い長方形と、丸を書く。円の直径に対して、延長線上にに長方形がくるようにしておく。 ctrl+y でアウトラインを表示する。 長方形を選択した状態で(回転させるものを選択する)、 r (rotation 回転ツール) cyanの十字ポインターがでてくる。…

swatch 1

swatchパネルを整理する ごちゃごちゃといろいろある使わない色を削除して、好みのパレットにする。 まずいらない色を捨てる。 swatchパネル左下の「ライブラリー」から好みの色をパネルに登録しておく。 初期設定にはいつでも戻せます カラーブックを検索す…

shevron

chevron単体 縦線を一本引く。 選択した状態で、「パスの変形」「ジグザグ」 オプションの設定 「大きさ」は折れ曲がる度合い。コーナーを深くする場合は値を大きくする。 「折り返し」は何回折り返すか。 「ポイント」は「直線的に」にするとジグザグに、「…

bannar

選択した状態で右クリック☞ メニューから「変形」「リフレクト」 MANFRED KLEIN FONTERIA - Fonts and dingbats 「ワープ」「アーチ」で変形するパターン 「ワープ」「旗」で変形するパターン 一度「ワープ」したら「アピアランス」ウィンドウで調整(ON&OFF…

illustrator shortcut

「ctrl+t」 ☞文字パレットの表示 もう一度 ctrl+t で切り替える前のワークスペースに戻る。 「t」 ☞ 文字ツールに持ち替え 「v」 ☞ 選択ツールに持ち替え 「a」 ☞ ダイレクト選択ツールに持ち替え 「+」 ☞ ポイントを追加 「m」 ☞ 長方形ツールに持ち替え

Envelope Deformations

You could also try Path Effect / Envelope Deformations(first - font converted to path Ctrl+Shift+C/ then Ctrl+Shift+G / and Ctrl++)Note that not all the fonts are suitable for this kind of deformation (you may see in the example that all "…

複数のアートボードを使う

illustrator まずは新規作成で「1つめ」 「ウィンドウ」「アートボード」 新規アートボードを作成 赤い部分をクリックすると「アートボードオプション」ウィンドウが現れる。 アートボードのサイズを決める。 これを繰り返せば一つのファイルに複数のアート…

Curining Illustrator

和文フォントなのでベタの状態=和文等幅。これは理解できます。 A-OTF中ゴシックBBBの場合 プロポーショナルメトリクス=自動 筑紫明朝Proの場合

下付き文字 Illustrator

一つ目の方法 1つの方法は「OpenType」「位置」「下付き文字」 この方法はOpenTypeフォントでしか使用できません。 もともとフォントに下付き文字の設定がされている場合しか機能しません。 下の例だと、OpenTypeのフォントですが、フォントに下付き文字の…

イラストレーター 初期設定のフォントを変更する。プレビュー方法も、、、

windowsの隠しファイルを表示する設定にする。 explorlerを開く。 メニューバーの表示タブをクリックしてから、「隠しファイル」にチェックを入れる。 次にイラストレーターを立ち上げる。 「ファイル」「開く」から以下の階層をたどる。 設定を変更したい項…

illustrator 行送りについて

イラストレーターで行送りの設定に「()カッコ」がついているときは自動になっている。 デフォルトの値は175%、つまり行間が文字サイズの(これが微妙な表現っぽいです、、、)に対して75%ということ。さて、実験。 値を0にできないので0.1にしてみる。当…

illustrator 設定変更箇所の備忘録

文字の空き量を設定する 「文字組アキ量設定」和文と欧文の間の空きを設定しなおす。 「書式」「文字組アキ量設定」で新規に設定する。 設定の際は、「約物半角」をベースにして、「欧文の前後」だけを設定変更する。 最小、最適0%、最大50%と指定する…