フォトショップの練習問題 【教科書にない！？】Photoshop 画像アセット書き出し
概要Photoshopの応用機能解説です。この記事では「画像アセット」機能を紹介します。こちらの機能は通常のPhotoshop機能と異なる点が多いです。まずどんな機能か把握しましょう。Photoshop 画像アセットの基本Photoshop...
フォトショップの練習問題 
フォトショップの練習問題 Photoshop アートボードツールの使い方&隣に見本をおいてみよう
概要Photoshopの応用機能解説です。この記事では「アートボード」機能を紹介します。アートボードの基本まず、アートボードを有効にするには新規作成の際にチェックを入れておく必要があります。こうすることでアートボードが有効になります。レイヤ...
Figmaの練習問題 WEBデザイン課題：クリエイターのためのコワーキングスペース「Pass Office」
課題概要Figma向けのWEBデザインの課題です。フリーランスのクリエイター向けコワーキングスペース「Pass Office」のウェブサイトデザインの制作をお願いします！Pass Officeは、利用者同士でインスピレーションを得て、新しい...
プログラムを作ってみよう 画像に簡単に文字入れするツールを作った「クリップボード画像エディタ」
上記サイトから使えます。クリップボード画像エディタの使い方まずは編集したい画像をコピーします。スクリーンショットをとることを想定しています。ページにアクセスしctrl＋vもしくは⌘+vで画像を貼り付けてください。各種ツールで文字入れ、四角形...
フォトショップの練習問題 photoshop合成練習
作業内容2つの素材を合成および、補正をして次の画像を作成してください。素材データ使用ソフトAdobe Photoshop使用する主な機能例 画像配置 オブジェクト選択 調整レイヤー答え合わせ（動画）
未分類 オリジナルフォントの作り方 その１
ふとフォントを作ろうと思い立ちました。そこで、フォントの作り方について作成の進捗状況とともにお送りしたいと思います。参考サイトまずは参考サイトフォントを作っている先駆者の方々の情報を参考にします。今後の予定フォント名は「さんさんひまり」です...
コーディング練習問題 【はじめて課題】Flexboxレイアウト練習
概要最初のコーディング課題として、フレックスボックスの基本とメディアクエリーの使い方をマスターしましょう。事前知識Flexbox■２つの要素を横並びにしたいときはFlexboxレイアウトを利用する。①まずは並べたいものをdivなどで囲み、そ...
コーディング練習問題 【はじめて課題】中央揃えレイアウト練習
概要最初のコーディング課題として、中央揃えの基本をマスターしましょう。事前知識■文字や画像の中央揃えをしたい中央にしたいものを囲む親要素に「text-align:center;」例：■エリア（ボックス）の中央揃えをしたい①必ず中央にしたいエ...
未分類 コーディングを「身につける」ってどういうこと？初心者がぶつかる壁と乗り越えるヒント
コーディングを「身につける」ってどういうこと？初心者がぶつかる壁と乗り越えるヒントコーディングを学びたいと思っても、「結局どこまでできれば“身についた”って言えるんだろう？」と疑問に思ったことはありませんか？この記事では、「コーディングを身...
コーディング練習問題 シンプルなHTMLとCSSファイルを新規作成してみよう！
概要 HTMLとCSSの新規作成 HTMLとCSSの接続 タグの記述とclassの記入 CSSの記述初心者の場合、上記の基本的な工程が頭の中で繋がっていないことがよく見受けられます。この辺りをハードルとして挫折しないようにしていきたいです。...
コーディング練習問題 CSS超基礎課題
概要CSSに関する基礎的な課題です。CSS指定の第一歩として取り組みましょう。目的簡易なCSS装飾指定をできるようになる。(本当に基礎的なCSSの課題がWEB上に見当たらないので作成しました。) 文字装飾 背景色指定 背景画像指定 要素のサ...
コーディング練習問題 プロフィールリンクのコーディング
概要上記の課題の続きです。サンプルこちらのサイトをコーディングしましょう。サイト幅 横幅390px を想定する納品形式 htmlおよびCSSデータ一式参考サイト： 目的簡易なWebページをコーディングできるようになる。作業内容作成したオリジ...