Adobe記事一覧
詳細を見る
Webデザイン
Adobe XD 「シェイプの合成」でキラキラアイコンを作ってみよう！シェイプの合成についても解説！
突然ですが、遊び心やあしらいに “キラキラアイコン“を使いたいと思ったことはありませんか？ Font AwesomeやMaterial Iconsにもあったりなかったりしますが、この”キラキラアイコン”、XDと発想の転換で自作できちゃうんです。 目標：背景色や大きさ、枠線、縦横比を変更できるアイコンを作る 今回目標とする形は画像のようなキラキラです。 […]
詳細を見る
Webコーディング
なぜあなたのポートフォリオサイトは完成しないのか。原因はたったひとつ！制作着手前のステップも公開！
近年、Web制作を仕事にしようとSNSのプロフィール欄に自作のポートフォリオサイトのリンクを添付している方が多くみられます。 その中でも気になったのが、 ナビゲーションのリンク切れ ページのコンテンツが途中 リンク遷移先が他と同じページ といった「完成していない」ポートフォリオサイトが散見されます。 そして数ヶ月後また同じサイトを見るとまだ見せられる段階にない…。 完成もされていないので、メンテナ […]
詳細を見る
Webコーディング
丸く配置したテキストがくるくる回転するデザインを作ろう！
よくおしゃれなサイトで丸配置のテキストがくるくると回転しているデザインを見ることが多くなってきました。 See the Pen 回転 by Ito Hiroki (@ito-hiroki) on CodePen. サイトのアクセントになって見栄えが増しますね。 今回はそんな丸配置のテキストが回転するデザインの実装方法を紹介します。 必要なツール Adobe Illustrator テキストエディタ […]
詳細を見る
Webデザイン
Adobe XDでパディング設定する方法
文字と長方形を作成 図形を作り、その上に文字を重ねます。 グループ化 文字と長方形を選択し、右クリック→「グループ化」 もしくはショートカットキー「⌘ + G」でグループ化します。 パディング設定 グループ化したものをクリックすると右側メニューに「パディング」が表示されます。 「レスポンシブサイズ変更」がアクティブになっていないとパディング設定できないので注意。 パディングは上下左右で数値指定でき […]
