すぐにできちゃう!1minデザイン - 模擬授業 | WordPress・jQuery・HTML・CSSのスニペット集 WEBCRE8TOR.COM

WEBCRE8TOR.COM

すぐにできちゃう!1minデザイン

すぐにできちゃう!1minデザイン

中国短期大学 情報ビジネス学科の脇坂です。
今回は皆様に「すぐにできちゃう!1minデザイン」と題しまして、
難しそうに見えるけど実は簡単にできちゃうデザインをお伝えしようと思います!

この「1minデザイン」・・・内容の性質上、すぐに終わってしまいます!
光の速さを味わっていただきましょう!

Illustatorの1minデザイン

好きになるのは・・・もはや秒「ペンツール」

  1. 「ペンツール」で逆三角形型にアンカーポイントを3つ(左上→下→右下)打つ。
    Shiftクリックで90度のポイントが打てる。
  2. 「線パネル」の「線幅」を大きく変更する。
    目安:例えば❶の高さが20mmなら100pt程度の線幅が綺麗なカタチになる。
  3. 引き続き「線パネル」で「線端」を「丸形線端」にする。

さらにひと手間!

  1. 「ダイレクト選択ツール」で左上と右上のアンカーポイントをクリックする。
  2. 上部メニューバーの「アンカーポイント」にある「変換」内の「選択したアンカーをスムーズポイントに切り替え」をクリックする。
  3. 「線パネル」の「線幅」を増やす。
    目安:例えば❶の高さが20mmなら120pt程度の線幅が綺麗なカタチになる。
  4. 上部メニュー「オブジェクト」→「分割・拡張」→塗りと線にチェックが入った状態で「OK」ボタンをクリック。
  5. 「パスファインダー」パネルで「形状モード」を「合体」に。
  6. 「スウォッチ」パネルや「カラー」パネルで色を変更する。
  7. 完成。

参考:【illustrator】文字を図形に合わせて変形させる方法!(最前面のオブジェクトで作成)|DesignSpot デザインスポット (design-spot.jp)

一度好きになったらハートでいっぱい!もはや秒!「スクリプト:fillinger」

fillingerスクリプトのダウンロード
illustrator-scripts/fillinger.jsx at master · alexander-ladygin/illustrator-scripts · GitHub

  1. さっきのハートを3分の1程度のサイズに「Shift + ドラッグ」で変更する。
  2. ツールバー「楕円形ツール」をクリックして「Shift + ドラッグ」で大きな円を描き、ハートの横に配置する。
  3. ツールバー「選択ツール」をクリックして「Shift + クリック」でハートと円を両方選択する。
  4. 上部メニュー「ファイル」→「スクリプト」→「fillinger」をクリックする。
  5. いずれも参考設定数値だが「Max:10」「Min:1」「Min distance:5」「Resize Value:70」などを入力して。
  6. 「OK」ボタンをクリック。

さらにひと手間!

  1. キーボード「Ctrl + Z」で先ほどの❷の状態まで戻す。
  2. ツールバー「選択ツール」でハートをクリックし、キーボード「Alt + ドラッグ」でハートを複製。「クリック→Alt」の順に指を離す。
  3. 「スウォッチ」パネルや「カラー」パネルで複製したハートの色を変更する。
  4. 先ほどの❸から❻までの作業を行う。

参考:【illustrator】複数のオブジェクトをランダムに配置するスクリプト「fillinger」の使い方を解説!|DesignSpot デザインスポット (design-spot.jp)

恋をしてボロボロになることもある・・・それも秒・・・「効果の追加」

  1. fillingerを反映した元のハートを、ツールパネル「選択ツール」でクリックする。
  2. 「アピアランス」パネルの下から新規塗りを追加し、色を「白(#ffffff)」にする。
  3. 「アピアランス」パネルの下部「fx(新規効果を追加)」から「スタイライズ→光彩(内側)」をクリックし「色:黒(#000000)」「描画モード:通常」「不透明度:100%」「ぼかし:ハートの横幅の1/4程度のサイズ」「境界線」にして「OK」をクリックする。
  4. さらに「fx(新規効果を追加)」から「ピクセルレート→メゾティエント」をクリックし「種類:粗いドット(強)にして「OK」をクリックする。
  5. さらにさらに「fx(新規効果を追加)」から「パスの変形→ラフ」をクリックし「サイズ:1%」「詳細:30inch」「ポイント:丸く」にして「OK」をクリックする。
  6. ボロボロのハートが完成・・・。
  7. 悲しい恋は忘れてしまおう!ハートをツールパネル「選択ツール」でクリックしてキーボード「Delete」で削除!

参考:【illustrator】イラレで文字をスタンプのように掠れさせる方法|DesignSpot デザインスポット (design-spot.jp)

乗り越えた君には春が来る!それもきっと秒!「パスの変形」

  1. ツールバー「スターツール」をクリックして「Shift + ドラッグ」で大きな星を描く。
  2. 上部メニュー「効果」→「パスの変形」→「パンク・膨張」をクリックする。
  3. 数値を「20%」にして「OK」ボタンをクリックする。
  4. 上部メニュー「オブジェクト」→「アピアランスの分割」をクリックする。
  5. 「スウォッチ」パネルや「カラー」パネルで色を変更する。
  6. 桜の完成!春がきたね!

参考:【Illustrator】かんたんなお花のつくり方(梅・桜など) | nozakichi.com

Photoshopの1minデザイン

レモンスカッシュを飲みたい!サイダーにレモンをドボン!もちろん秒!「ブレンド条件」

使用素材①背景の画像使用素材②レモンの画像

  1. 画像2枚をそれぞれPhotoshopで開く。
  2. ②レモンの画像のタブを開き、「オブジェクト選択ツール」でいずれかのレモンの画像をクリック。
  3. 「レイヤーパネル」の「レイヤーマスク」をクリックしてマスクを生成し、レイヤーを選択して「右クリック→スマートオブジェクト」をクリックしてレモンのスマートオブジェクトを生成する。
  4. 上部メニュー「編集→コピー(Ctrl + C)」でコピーする。
  5. ①背景の画像のタブに切り替え、上部メニュー「編集→ペースト(Ctrl + V)」でレモンを配置する。
  6. 上部メニュー「編集→自由変形(Ctrl + T)」から、レモンのサイズをコップに収まる程度に小さく変形する。
  7. レモンのレイヤーの右側の何も表示がないところをダブルクリックし、レイヤースタイルのポップアップを表示させる。
  8. 「ブレンド条件」の枠にある右側の△を「Alt」を押しながら右にスライドする。
  9. レモンスカッシュが完成!

参考:【Photoshop】モノを凍らせる合成方法(ブレンド条件)|DesignSpot デザインスポット (design-spot.jp)

まだ早いよ!海開き前!砂浜の写真からサーファーを消しちゃうのも秒!「生成AI塗りつぶし」

昼間のビーチでサーフボードを運ぶ2人の写真

  1. 画像をPhotoshopで開く。
  2. ツールバー「選択ツール」でサーファーを選択する。
  3. コンテキストメニューの「生成塗りつぶし」をクリック。
  4. 「生成したいものを入力してください(任意)」と表示されるが、消す場合は空欄のまま「生成」ボタンをクリックする。
  5. 少し待つ。
  6. 「プロパティ」パネルでバリエーションが表示されるので好みの結果をクリックして選択する。
  7. サーファーが「あ、海開きはまだだったんだな、うっかりしてたな」と分かってくれたため帰ってくれました。

サンタクロースさんの顔、見てみたくない?もちろんこれも秒!「生成AI拡張」

Free Texting Santa Image: Stunning Photography

  1. 画像をPhotoshopで開く。
  2. 上部メニュー「レイヤー→新規→背景からレイヤーへ」をクリック。
  3. ツールバー「切り抜きツール」で上を広げる。
  4. コンテキストメニューの「生成」ボタンをクリック。
  5. 少し待つ。
  6. 「プロパティ」パネルでバリエーションが表示されるので好みの結果をクリックして選択する。
  7. 念願だったサンタクロースさんのお顔を見ることができました!

あなたも遊んでみてね!

どのデザインも難しそうに見ますが、実はこうして数秒で簡単に生成することができます
あなたもよろしければ「秒で〇〇!」の新しいアイディアで遊んでみてください!

WEBCRE8TOR.COM

SEARCH

PAGES

CATEGORY

ARCHIVE

LINK

CLOSE