Blog
ブログで学ぶUX

カテゴリ: Web制作の記事

イラストレーターで表を作成する方法

この記事では、Adobe Illustrator CCで表を作成する方法をご紹介します。表は「段組設定」を使用して簡単に作成することができます。また、表の内容を簡単に挿入する方法、表の装飾(枠線の削除・余白の追加・色の指定)の方法についても解説しています。STEP1:表の枠組みを作る「長方形ツール」で任意の大きさの長方形を書きます。長方形を選択して、上部メニューの「オブジェクト」>「パス」>「段組……

投稿日:

イラストレーターで文字や図形にドロップシャドウで影をつける方法

この記事ではAdobe Illustrator CCで、文字や図形にドロップシャドウ効果で影を付ける方法を紹介します。この方法で影をつけると、後からアピアランスパネルで修正することができ、非常に便利です。またドロップシャドウダイアログで調整できる項目についても詳しく説明しています。STEP1:ドロップシャドウで影をつけたい文字や図形の準備「テキストツール」で文字を入力し、または図形を書きます。ST……

投稿日:

イラストレーターで文字の縁取りをして袋文字を作る方法

この記事では、Adobe Illustrator CCでアピアランス機能を使用して、文字の縁取りを行う方法を解説しています。アピアランス機能で文字の色と縁取りの色を指定すると、後から変更になった場合編集しやすく、また綺麗に表示することができます。STEP1:文字の入力「テキストツール」で文字を入力します。(ショートカット:英数入力の状態で「T」)「塗りと線の色はなし」にしておきます。「塗りと線の色……

投稿日:

イラストレーターで画像を埋め込む方法

この記事では、Adobe Illustrator CCで画像の埋め込みをする方法について紹介しています。また、一度リンク配置した画像を埋め込みに変更する方法や、元画像が編集された場合の更新の方法、画像埋め込みのメリット・デメリットもお伝えしています。STEP1:埋め込む画像の準備上部メニューの「ファイル」>「配置」を選択します。→ショートカットキーは「Shift+Ctrl+P」(macはshift……

投稿日:

PHPのfor文による繰り返し処理の書き方

処理を繰り返し行うときはfor文を使用します。ここではfor文の使い方について説明します。for文の基本的な使い方for文の書き方は以下のとおりです。for (式1; 式2; 式3) { 繰り返し実行する処理; }式1は繰り返しの開始時に1度だけ実行されます。式2は繰り返しの処理を継続するかを判定するものです。式2の条件式が真の場合は繰り返しが継続されループ内の処理が行われます。条件式が偽……

投稿日:

イラストレーターで点線を書く方法

この記事では、Adobe Illustrator CCで点線を書く方法を紹介します。標準的な等間隔の点線や、様々な点線を表現するのに必要な設定項目の解説をしていきます。また、点線の点部分を個別に編集する時に必要な「パスのアウトライン」についても触れています。STEP1:基本の点線を書く「直線ツール」で線を引き、書いた線を選択して[線パネル]を開きます。破線にチェックを入れます。これで破線を書くこと……

投稿日:

イラストレーターで矢印を書く方法

この記事では、Adobe Illustrator CCで簡単な矢印を書く方法をご紹介します。矢印の書き方は何種類かありますが、今回は直線・曲線の両方が書きやすい矢印の書き方をお伝えします。また、矢印を書いた後に編集するのに便利な「アピアランスを分割」する方法もご紹介しています。STEP1:簡単な矢印の描き方「直線ツール」で直線を一つひきます。作った直線を選択して、[線パネル]を開きます。今回は「線……

投稿日:

イラストレーターでトリミングをする方法

この記事では、Adobe IllustratorCCでの画像のトリミング方法を紹介します。Illustratorにはトリミングツールはなく、クリッピングマスク機能で画像をトリミングすることができます。※今回加工する画像はラスター画像(ファイル形式がbmp・png・jpg等)を対象としています。STEP1:長方形でトリミングトリミングしたい画像をアートボード上に配置します。「長方形ツール」を選択し、……

投稿日:

イラストレーターにフォントを追加する方法

この記事では、Adobe Illustrator CCにフォントを追加する方法をご紹介します。今までOSにフォントを追加する際は再起動が必要でしたが、Adobe製品用のフォントフォルダに追加すると、再起動することなくフォントを追加することができます。※Windows10環境で解説していきます。STEP0:Adobe Typekitの利用Creative Cloud版Illustratorでは、Ty……

投稿日:

イラストレーターでアートボードのサイズを変更する方法

この記事では、Adobe Illustrator CCでアートボードのサイズを簡単に変更にする方法をご紹介します。今回はアードボードオプションで、用紙サイズ指定(A4からA3に変更等)と幅・高さそれぞれの値を指定する方法・ドラッグして手動で指定する方法をお伝えします。ステップ0:アートボードとは?操作方法の前に、Illustratorの特徴的な機能である、アートボードについて簡単にご説明しておきま……

投稿日: