Illustrator Illustrator備忘録
ガイド線の作り方
アートボードの用意
正方形（線なし）を用意
「編集＞環境設定＞一般＞（キー入力）」でキー移動の値を、正方形の幅の値に設定
Alt+矢印キーで図形を複製
...
2023-04
Illustrator 
CSS/SCSS CSS備忘録
CSSアニメーションで遊んでみた
HTML
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="utf-8">...
Illustrator 実技 イラストロゴ作成実習④
名刺の作成
トリムマーク(トンボ)
トリムマークとは、印刷時や断裁位置を明確にするために必要不可欠な「しるし」
「トンボ」ということが多い
内トンボと外トンボがある
内トンボと外トンボの間隔は通常3ｍｍ
...
Illustrator 実技 イラストロゴ作成実習③
アクセスマップの製作
線路の作り方
線ツールで線を作成
アピアランス＞新規線を追加
アピアランスで、下側の線の大きさを上側の線の大きさより大きくする
上の線を白
上の線を選択した状態で、線パネルを選択...
Illustrator 学科 ユーザーインターフェイス基礎②
アクセスマップ
アクセスマップとは通常の地図と違い、「ある特定の目的地へのアクセス」に特化した地図。
目印は公共施設など、なくなる可能性が低いものを選ぶ（目印にした建物がなくなると、アクセスマップを更新する手間がかかるため）。...
CSS/SCSS HTML/CSS備忘録
ローディングアイコンの作成方法
空のdiv要素を配置
上下左右にborderを設定(色を別々にする)
border-radiusの設定
animationの設定
@keyframesの設定
<...
Illustrator 実技 イラストロゴ作成実習②
ロゴ作成
文字ツール
文字ツールの入力方法は2種類
ポイント文字・・・幅を狭めても改行されない(強制的にEnterキーやReturnキーを使って改行可能)
エリア文字・・・幅を狭めると改行される
※切り替...
CSS/SCSS よく使うEmmet(CSS)
CSS
foo<foo></foo>posposition:relative;pos:position:absolute;d:ndisplay:none;d:bdisplay:block;d:fdisplay...
Illustrator 実技 イラストロゴ作成実習①
ピクトグラム制作
使用ツール等
ダイレクト選択ツール
ペンツール
アンカーポイントの追加ツール
長方形ツール
楕円形ツール
直線ツール
鉛筆ツール
リフレクトツール
パスファイ...
HTML よく使うEmmet(HTML)
HTML
foo<foo></foo>!<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8" /&...