コーディング練習問題 リンク練習初級
概要まずは以下のファイルをダウンロード、解凍しましょう。作業する場所に移動し、VScodeで「フォルダで開く」をしましょう。ダウンロードしたデータは3ページのWEBサイトです。現在リンクが繋がっていません。各ページを行き来できるようにファイ...
Photogentle
コーディング練習問題 
コーディング練習問題 「こんにちは」と表示する
概要目的フォルダとファイルの作成を体験し、エディタの扱いに慣れる。ブラウザで自分の作ったファイルを表示してみる。目標ファイルとフォルダを新規に作成し、ブラウザで次のように表示されるようにしてください。データ新規作成のためなし使用ソフトVis...
フォトショップの練習問題 Photoshop 主要な選択ツールを解説
Photoshopの選択ツールを解説よく使う選択ツールについて解説します。基礎的なツールを除き、よく使う順に解説していきたいます。全機能は網羅していません。Web制作において必要なものだけ掲載しています。基本のツールなげなわツール使い所：大...
フォトショップの練習問題 パプリカを赤くする
概要納品形式 jpg素材を活用して次の画像を作成してください。素材データ画像の上で右クリック→画像を保存使用ソフトAdobe Photoshop使用する主な機能例 テキストツール 長方形ツール 調整レイヤー 選択範囲答え合わせ（動画）
フォトショップの練習問題 マグカップに文字入れ
概要画像サイズ 幅1024px 高さ1024px納品形式 jpgテキスト coffeeフォント Times作業内容素材を活用して次の画像を作成してください。素材データ画像の上で右クリック→画像を保存使用ソフトAdobe Photoshop使...
フォトショップの練習問題 赤いちご青いちご
概要作業内容素材を活用して次の画像を作成してください。素材データ画像の上で右クリック→画像を保存使用ソフトAdobe Photoshop使用する主な機能例 色域指定 色相・彩度答え合わせ（動画）
フォトショップの練習問題 山 vs 海
概要作業内容素材を活用して次の画像を作成してください。素材データ使用ソフトAdobe Photoshop使用する主な機能例 クイックマスクモード グラデーションツール レイヤーマスク答え合わせ（動画）グラデーションとマスクを組み合わせると実...
フォトショップの練習問題 選択とマスクのブラシ練習
概要画像サイズ 幅1024px 高さ1024px納品形式 jpg作業内容素材を活用して次の画像を作成してください。選択範囲の修正に「選択とマスク」を活用してください。素材データ画像の上で右クリック→画像を保存※背景の水は「パターン」で選択で...
フォトショップの練習問題 青い薔薇の画像作成
概要画像サイズ 幅1024px 高さ768px納品形式 jpgフォント Noto serifテキスト 美しき青い薔薇作業内容素材を活用して次の画像を作成してください。素材データ画像の上で右クリック→画像を保存使用ソフトAdobe Photo...
フォトショップの練習問題 文字入れ / レイアウト練習
概要顧客の依頼海の生き物のおもちゃを宣伝するバナーを作成してください！お風呂で遊ぶ、水鉄砲のおもちゃです。幼児〜小学生をターゲットして楽しいイメージを伝えてください！画像サイズ 幅400px 高さ300px納品形式 jpgテキスト ※内容は...
フォトショップの練習問題 画像の一部の色を変更（調整レイヤー）
概要作業内容画像にあるタコ、カニ、ヒトデを指定の色に変更してください。 カニ：青 タコ：赤 ヒトデ：緑↓データ画像の上で右クリック→画像を保存使用ソフトAdobe Photoshop使用する主な機能 オブジェクト選択ツール レイヤーマスク ...
フォトショップの練習問題 切り抜き練習
概要作業内容画像にあるタコ、カニ、ヒトデを切り抜いて背景透過の画像にしてください。↓データ画像の上で右クリック→画像を保存使用ソフトAdobe Photoshop使用する主な機能 オブジェクト選択ツール レイヤーの複製 レイヤーマスク※最終...