図形と画像の処理
13.アイコン・ロゴの作成(デザイン)
「今回の目標」
・レイヤの使い方(重ね合わせ)
・スタイルの設定
・グラデーション(適用位置変更を含む)
次へ
,
最初のページへ
前回課題の解説
課題36
(再提出)
課題51
(再提出)
課題52
(再提出)
課題53
(再提出)
13-1.レイヤ(べた塗り、パターン、グラデーション)
初期編集画面
新規作成 ( Ctrl+N )
新規
ファイル名:課題54
プリセット:カスタム
幅:1500pixel 高さ:1500pixel 解像度:300ppi
カラーモード:RGBカラー カンバスカラー:白
べた塗り(プルダウンメニューから選択)
レイヤー(L)
新規塗りつぶしレイヤー(W)
べた塗り(O)
□下のレイヤを使用してクリッピングマスクを作成
(チェックなし)
描画モード:通常
不透明度:100%
べた塗りする色:#000000 (R=0,G=0,B=0) (黒)
パターン(プルダウンメニューから選択)
レイヤー(L)
新規塗りつぶしレイヤー(W)
パターン(R)
□下のレイヤを使用してクリッピングマスクを作成
(チェックなし)
描画モード:
輝度
不透明度:
85%
パターンの選択
比率:15%
パターン:泡
グラデーション(プルダウンメニューから選択)
レイヤー(L)
新規塗りつぶしレイヤー(W)
グラデーション(G)
□下のレイヤを使用してクリッピングマスクを作成
(チェックなし)
描画モード:
覆い焼きカラー
不透明度:
100%
スタイル:円形
角度:135
比率:150
☑逆方向
☑選択範囲内で作成
「ブラック、ホワイト」を選択
グラデーションの中心を上へドラッグ
不透明度を 55% に設定
文字横書きツール(選択ツール)
フォント
フォントファミリー:Consolas Bold フォントサイズ:84pt テキスト中央揃え 行送り:72pt 色:#cb2525
開始位置を指定(クリック)し
POPPED
[改行]
UP!
と入力
UP!
を サイズ:146pt に変更
ワープテキストの作成
ワープテキスト
スタイル:円弧
◎水平方向
水平方向のゆがみ:0%
垂直方向のゆがみ:0%
レイヤの複製
レイヤウインドから「フォント」レイヤ を 選択し マウスの右クリック→複製
レイヤー(プルダウンメニューから選択)
レイヤースタール
スタイル設定 (POPPED UP! のコピー)
角度:90°
☑光彩
☑内側
サイズ:25px
色:#ffffff
不透明度:50%
レイヤー(プルダウンメニューから選択)
レイヤースタール
スタイル設定 (POPPED UP!)
角度:90°
☑ドロップシャドウ
サイズ:10px
色:#000000
距離:15px
不透明度:75%
(POPPED UP! のコピー) と (POPPED UP!) の位置を合わせて完成
提出用に、フォルダ「
図形と画像の処理
」内にあるフォルダ「
課題
」に、photoshop形式で「
課題54
」と名前を付け保存する
完成品
他の作品を真似てみよう(
サンプル
をダンロードし"AMBER"を自分の名前(アルファベット)に置き換える)
※文字だけ変えることは難しいので注意!(レイヤを活用し設定内容を比べながら再現する)
提出用に、フォルダ「
図形と画像の処理
」内にあるフォルダ「
課題
」に、photoshop形式で「
課題55
」と名前を付け保存する
課題提出:指示された提出物を1つの(zip)ファイルにまとめ、提出する
ファイル名
に於ける
英数字は全て半角
であることに注意する(異なっていた場合には事前に変名を済ませること)→全角文字や余分な空白がある場合には自動判定できず未提出扱い
圧縮フォルダーの作成
ディスクトップアイコン/スタートメニュー/タスクバーから
エクスプローラ
を開く
→ Excel/Wordのファイルを開く画面とは違うので混同しないこと
(Excel/Wordのファイルを開く画面では左上にExcel/Wordのアイコン表示)
該当するファイル
を(必要に応じて複数個)選択する
(提出範囲は進捗により変動するので別途指示)
→ キーボード[Ctrl]キーを押下しながらマウス左クリックを繰り返すと複数選択可
課題36
課題51
課題52
課題53
課題54
課題55
選択ファイルの上
でマウスを
右クリック
→コンテキストメニュー →「
送る
」 →「
圧縮(zip形式)フォルダー
」を選択
圧縮ファイルが作成されファイル名を確認してくるので #07 回目分 の課題提出なら
20240531
と
半角文字
で指定する(
名前の変更
)
課題の提出
アップロード画面
[要ログイン]から、指定回で先ほど作成した"
20240531.zip
"を選択し、送信する
注意)
画像ファイルを直接添付しない
戻る
,
最初のページへ