WEB design Illustratorの画面構成
Illustratorのワークスペース（画面構成）メニューバー「ファイルを開く」「Illustratorを修了する」など、さまざまなコマンドが表示される。ドキュメントタブファイル名やカラーモードなどが表示される。複数のファイルが開いている場...
WEB design WEB design ガイドの作り方（Illustrator）
ピクトグラム用アートボードを用意する。ex.) A4サイズ（ 210 × 297 ミリ/ CMYK ） 長方形ツールで正方形（線なし）を作るex.) 42×42mmメニューバー＞ウィンドウ＞または プロパティパネル＞で 整列パネルを開きオブ...
WEB design Photoshopのはじめかた
「新規ファイル」 と 「開く」の違い新規ファイル：バナーなど、作りたいモノのサイズが決まっているとき開く：写真自体を編集したい ＆ 写真のサイズを変更したくない場合 ex.)写真編集、レタッチ、合成、加工etc自分が「何」を作りたいのか、何...
portfolio 春の公園で待ち合わせ
■使用ソフト：Photoshop■制作時間 ：約1時間レイヤーの概念を教えるために作った素材を元に合成したもの。素材ぱくたそ（）2022年4月7日撮影
portfolio お正月三ヶ日にしないほうがいいこと
■使用ソフト：Photoshop / Illustrator■制作時間 ：１時間（イラスト含み）以前、Twitterで見かけた「お正月（三ヶ日）にしないほうがいいこと」を、リマインドがてら発信する際に使用したバナー。干支の寅と卯、鏡餅をIl...
portfolio 2023年 年賀状
■使用ソフト：Photoshop（カスタムシェイプツール・ペンツール使用）■制作時間 ：45分富士山は写真をトレースして使用。シンプルに、赤と白で吉事を表しました。元画像（本人撮影）
Training / Logs CSS基礎④
疑似クラス文章構造の範囲外にある情報によってスタイルを変化させることができるセレクタの後ろに「:擬似クラス名」を追記することである要素の特定の状態や特定の子要素だけにスタイルを指定することができる。HTMLには一切変更を加える必要がなく、変...
Training / Logs CSS基礎③
配置と表示についてpositionもう一度おさらい。「要素」とは。通常、記述しただけでは右or下に配置される要素を自由に配置したり固定する。staticデフォルト値。何も指定しなければコレになっている。上下左右に動かすことができない。要素の...
Training / Logs CSS基礎②
ボックスモデル（CSSにおける余白の考え方）についてボックスモデルCSSでレイアウトをする際に必要な４つの領域のこと。余白の考え方content（コンテンツ・中身）…HTML要素の中心にある領域（テキスト、画像、動画）border（ボーダー...
Training / Logs CSS基礎①
テーマ：「セレクタ」「プロパティ」「値」の基本構造を理解する。CSSとは「CascadingStyleSheets(カスケーディングスタイルシート)」の略で、文章にデザインを施したいときに使う言語。HTMLが文章の構造を作るのに対して、CS...