Photoshop

Photoshopのはじめかた

「新規ファイル」 と 「開く」の違い 新規ファイル:バナーなど、作りたいモノのサイズが決まっているとき 開く:写真自体を編集したい & 写真のサイズを変更したくない場合 ex.)写真編集、レタッチ、合成、加工etc 自分が「何」を作りたいの...
Portfolio

春の公園で待ち合わせ

■使用ソフト:Photoshop ■制作時間 :約1時間 レイヤーの概念を教えるために作った素材を元に合成したもの。 素材 ぱくたそ() 2022年4月7日撮影
Portfolio

お正月三ヶ日にしないほうがいいこと

■使用ソフト:Photoshop / Illustrator ■制作時間 :1時間(イラスト含み) 以前、Twitterで見かけた「お正月(三ヶ日)にしないほうがいいこと」を、リマインドがてら発信する際に使用したバナー。 干支の寅と卯、鏡餅...
Portfolio

2023年 年賀状

■使用ソフト:Photoshop(カスタムシェイプツール・ペンツール使用) ■制作時間 :45分 富士山は写真をトレースして使用。シンプルに、赤と白で吉事を表しました。 元画像(本人撮影)
訓練ログ

CSS基礎④

疑似クラス 文章構造の範囲外にある情報によってスタイルを変化させることができる セレクタの後ろに「:擬似クラス名」を追記することである要素の特定の状態や特定の子要素だけにスタイルを指定することができる。HTMLには一切変更を加える必要がなく...
訓練ログ

CSS基礎③

配置と表示について position もう一度おさらい。「要素」とは。 通常、記述しただけでは右or下に配置される要素を自由に配置したり固定する。 static デフォルト値。何も指定しなければコレになっている。 上下左右に動かすことができ...
訓練ログ

CSS基礎②

ボックスモデル(CSSにおける余白の考え方)について ボックスモデル CSSでレイアウトをする際に必要な4つの領域のこと。 余白の考え方 content(コンテンツ・中身)…HTML要素の中心にある領域(テキスト、画像、動画) border...
訓練ログ

CSS基礎①

テーマ:「セレクタ」「プロパティ」「値」の基本構造を理解する。 CSSとは 「CascadingStyleSheets(カスケーディングスタイルシート)」の略で、文章にデザインを施したいときに使う言語。 HTMLが文章の構造を作るのに対して...
訓練ログ

HTML基礎④

前回の振り返り <!--(ソース中にコメントを入れる)-->/コメントタグ <!-- -->で囲まれた部分がコメントになる。 HTMLソース中にコメントを記述したり、一時的にコンテンツの一部を隠したり、タグを無効にする際に使用。 今日のアジ...
訓練ログ

HTML基礎③

HTMLの基本構造 ブロックレベル要素とインライン要素 ブロックレベル要素は幅、高さ、余白(padding,margin)が指定できる。 インライン要素は幅、高さ、余白指定できない。 HTML5ではこの考え方はなくなり、正しい文章構造の表現...