Backgroundプロパティを利用して画像をトリミングして表示するコードを紹介します。概要以下の記事では object-fit プロパティ、clip-path プロパティを使用して画像をクリップする方法を紹介しました。object-fit
Bootstrap のパッケージを利用しているプロジェクトでビルド時に "Two assets found targeting the same path with incompatible asset kinds" エラーが発生する現象と
CSS clip-path プロパティを利用して画像をトリミングするコードを紹介します。概要こちらの記事では、CSSのobject-fit プロパティを利用して、画像をトリミングするコードを紹介しました。この記事では、より複雑な形状でトリミ
object-fit プロパティを利用して、CSSで画像をトリミングするコードを紹介します。概要画像の一部をトリミングして表示したい場合があります。CSSのobject-fit プロパティを使用すると、画像の一部を指定したサイズでトリミング
Illustratorにて「はさみツール」を用いてパスの一部分を切り取る方法を紹介します。手順Illustrator を起動します。[ファイル]メニューの[新規]メニューでキャンバスを作成します。[楕円ツール]を用いて円を描画します。円形が
質問: Illustratorでのパスの連結2つのパスがあり、それぞれの端点どうしを連結して1つのパスにしたいです。どのような操作をすれば、パスを連結できるでしょうかIllustratorで2つのパスの端点でパスを連結します。メモ複数のパ
無限大 (∞) 記号の形状を描画する手順を紹介します。手順ドーナッツ型の形状(円形2つ)を重ねたものを描画し、複製を作成しドーナッツ型の形状を2つ描画します。左側の外側の円と、右側の内側の円の共通の接線で交差するほうの線を描画します。共通の
カテゴリ: Illustrator /
タグ:
カラーウィンドウのカラー選択インターフェイスをカラーホイールにする手順を紹介します。概要とデフォルトの動作Photoshopでカラーウィンドウを表示します。デフォルトでは、下図の表示スタイルです。カラーウィンドウの中央の領域でクリックすると
塗りのある図形のアウトラインの結果です。概要塗のある図形をアウトライン化した場合どのような結果になるか確認します。動作の確認キャンバスに塗りと線のある図形を描画します。今回は円形を描画しました。[オブジェクト]メニューの[パス]サブメニュー
Illustratorでふたつの円の共通接線を描画する手順を紹介します。補足多少のずれは発生しますので、厳密な作図をする場合は、CADアプリケーションの使用をお勧めします。手順:外側の共通接線2つの円を描画します。片方の円の中心に合わせても
Illustratorで保存時にローカルPCへの保存ダイアログをデフォルトで表示する方法を紹介します。補足Photoshopでの設定方法はこちらの記事を参照してください。デフォルトの動作の確認Illustratorでドキュメントを作成し、[
中心の位置を基準にして図形を拡大、縮小する手順を紹介します。概要Illustratorでは選択ツールで図形を選択すると図形の周囲にハンドルが表示され、ハンドルをドラッグすることで、図形の拡大や縮小、回転が実行できます。標準の動作では、ハンド
Adobe Creative Cloud 2023 のスプラッシュスクリーンの紹介です。PhotoshopIllustratorAnimateAfter EffectsPremiere ProMedia EncoderInDesignInC
中心の位置を固定して円を作成する手順を紹介します。デフォルトの動作楕円形ツールを選択し、キャンバスにマウスポインタを移動します。マウスのドラッグにより、円を描画できます。このとき、ドラッグを開始した位置は、右下にドラッグした場合は円の左上に
線幅の太い線を接続すると、線の端が接続した線に食い込んで表示される現象の対処法を紹介します。現象の確認線幅の太い線を描画し、線の途中の線上に別の線の端を重ねて接続します。接続すると、片方の線の端がもう一方の線に食い込んで表示されてしまいます
Illustratorで重なる図形で部分ごとに重なり順が異なる図形を描画する手順を紹介します。手順:塗りのみの図形の場合長方形ツールを利用して、傾けた正方形を2つ描画します。線幅を60ptに設定します。2つの図形を重ねます。重ねた図形の片方
トゥーンシェーダーを利用してレンダリングする手順を紹介します。手順下図のシーンを作成します。ボックス、球、円柱のオブジェクトを配置しています。レンダリングします。下図の結果となりました。[レンダリング]メニューの[マテリアル エディタ]サブ
UロフトによるNURBSサーフェスの作成手順を紹介します。~手順シーンにシェイプの作成で、円のシェイプを複数作成します。作成した、この円をつなぐ曲面を作成します。作成した円のスプラインをNURBSサーフェスに変換します。円を選択して[修正]
シェイプをNURBSサーフェスに変換する手順を紹介します。手順シーンにシェイプを作成します。シェイプの作成手順はこちらの記事を参照してください。作成したシェイプを選択し、コマンドパネルの[修正]タブをクリックして選択します。下図の画面に切り
エクスプローラーでフォルダを開くと新しいウィンドウでフォルダを表示する動作にする設定手順を紹介します。概要エクスプローラーのウィンドウでフォルダの項目をダブルクリックすると、デフォルトの動作では、選択したフォルダ内の項目一覧に画面が切り替わ
エクスプローラーのホーム画面の[クイックアクセス]枠に直近にアクセスしたフォルダを非表示にする手順を紹介します。概要エクスプローラ(ファイルエクスプローラー)を開くと、下図のホーム画面が表示されます。[クイックアクセス]の枠には、デスクトッ
Windows 11 (version 22H2 以降)でウィンドウのドラッグ時にスクリーンの上部にウィンドウスナップのバー(細い横長のバー)が表示されないようにする手順を紹介します。概要Windows 11 (version 22H2 以
シェイプをスプラインに沿って押し出して、ロフトオブジェクトを作成する手順を紹介します。手順コマンドパネルの[作成]タブをクリックして選択します。パネル上部のツールバーの[シェイプ]ボタン(円と四角のアイコンのボタン)をクリックして選択します
UVエディタで面の移動、回転、拡大/縮小をする手順を紹介します。手順UVエディタを表示します。クイックピールが実行された後なので、シームで区切られた面が配置されています。この面を移動したり回転させたり、拡大/縮小の操作をしたいです。はじめに
Windowsマシンで利用できるDirectXのバージョンを表示する手順を紹介します。手順ファイル名を指定して実行ダイアログを表示します。表示手順はこちらの記事を参照してください。ファイル名を指定して実行ダイアログの実行するプログラム名のテ
UVWアンラップでのシームのエッジを解除、削除の手順を紹介します。概要UVWアンラップ時にシームのエッジが自動で作成されますが、場合によってはシームを作成したくない場所にシームのエッジが作成されてしまい、解除したいことがあります。この記事で
UVWアンラップモディファイヤを適用してもシームのエッジが作成されない場合の対処法を紹介します。現象の確認下図のオブジェクトを作成します。ボックスのプリミティブに対してポリゴンを編集をした形状です。オブジェクトを選択し、コマンドパネルの[修
iOS16 の壁紙iPhone 14 Proの壁紙iPhone 14 の壁紙iPad 2022iPad Pro 202
スプラインを作成する手順を紹介します。概要図形をスプラインに沿って押し出す場合など、開いたシェイプを作成する場合があります。この記事では、開いたシェイプであるスプラインを作成する手順を紹介します。メモシェイプ (閉じたスプライン)を作成する
選択したポリゴンをスプライン(パス)に沿って押し出す手順を紹介します。手順シーンにボックスを作成します。長さと幅のセグメントを"3"に設定します。ポリゴンを押し出すためのスプラインを作成します。ボックスを選択し、コマンドパネルの[修正]タブ
エッジを基点にして片側だけ面の押し出しをする手順を紹介します。概要「エッジからヒンジ立上げ」の機能を利用すると、ポリゴンの編集でエッジを基点にして片側だけ面の押し出しができます。手順シーンにボックスを作成します。長さと幅のセグメント数を 3
Substance 3D Painterを利用して、オブジェクトに複数のテクスチャを配置してペイントする手順を紹介します。概要こちらの記事で紹介したUVW展開でテクスチャを作成する方法では、UVW展開したテンプレートの図形をもとにPhots
Substance 3D Painterのペイント結果のマテリアルやテクスチャの設定をsbsar形式で書き出す手順を紹介します。概要Substance 3D Painterのバージョンアップにより、ペイント結果のテクスチャやマテリアルの設定
ID Map を利用した面の塗り分け手順を紹介します。概要こちらの記事では、複数のマテリアルをオブジェクトに設定して面ごとにマテリアルを別のものに設定する方法を紹介しました。紹介した方法で面ごとのマテリアルの塗分けを実現できますが、面をまた
3ds Maxを使用して、Substance 3D Painter の ID Mapを作成する手順を紹介します。概要こちらの記事では、マルチ/サブオブジェクトを利用して、面ごとに別のマテリアルを適用して複数のマテリアルを扱う手順を紹介しまし
複雑な図形で円筒投影法を適用するとテクスチャの一部が欠ける現象と対策を紹介します。現象の確認Substance 3D Painterでプロジェクトを作成し、下図のオブジェクトを読み込みます。テクスチャを読み込みます。テクスチャの読み込み操作
