Affinityの使い方 Affinity 切り抜き練習
概要以下の課題をAffinityでやってみましょう。作業内容画像にあるタコ、カニ、ヒトデを切り抜いて背景透過の画像にしてください。↓データ画像の上で右クリック→画像を保存使用ソフトAffinity答え合わせ（動画）レイヤーを選んでいないとオ...
Affinityの使い方 
フォトショップの練習問題 Affinityの選択範囲とマスクを理解しよう
概要無料公開されたAffinityの使い勝手を検証していきます。マスクが必要な例を紹介人物の画像を丸く切り抜きたい素材（画像上で右クリック→保存）やってみた動画Photoshopとほぼ変わらない操作感でした。楕円形選択は「中心から」がデフォ...
Affinityの使い方 Affinityで画像を明るくする
概要Afiifnityでphotoshopの課題をやってみました。作業内容暗い画像を次の画像を参考に明るくしてください。データ画像の上で右クリック→画像を保存使用ソフトAffinity使用する主な機能 明るさ・コントラスト※最終的に目標の状...
Affinityの使い方 Affinityで画像を配置してみよう
概要2025年10月31日にAffinityが無料になりました。無料のこのツールは実用できるのか？を検証していきたいと思います。まずは上記の課題をやってみたいと思います。レベル１ 画像を配置するPhotoshopでは作業をするときにデータを...
JavaScript練習問題 jQuery入門: ライブラリ活用のための第一歩
jQuery入門: ライブラリ活用のための第一歩この記事は、Web制作の初学者の方々が、jQueryの基礎を学び、最終的にslick.jsのような外部ライブラリを自力で導入・カスタマイズできるようになることを目的としています。現代のWeb制...
フォトショップの練習問題 【教科書にない！？】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などで囲み、そ...