ウェブデザインの勉強まとめサイト
Illustratorペンツールでバイキンマンをトレースした記事です。トレースの要所要所を切り取って説明します。 図形ツールで大枠の設定します。 ペンツールで綺麗に調整が難しそうな時は図形ツールをしようして枠を囲っていきます。 図形ツールと重なるように続いを書きます 最後にパスファインダーの合体でレイヤーをまとめます。 同じように手の部分なども行います 上手くあとでまとめられる部分は合体させると効率上がります。 微調整 最終的にズレている部分を微調整します。 トレース動画 Favorite
Continue reading
Illustratorペンツールの使い方についての記事です。ペンツールのトレース方法を解説します。 レイヤーを分けて動かないように設定します。 レイヤーを分けれたら作業を開始します。 左クリック長押しでヒゲが伸びます。 左クリックを離さずに伸ばしたい方向にマウスを動かします。 Altを押しながらクリックでヒゲがなくなります。 しっかりポインターに合わせ、Altを押しながら左クリックでヒゲが消えます。 レイヤーの順番によって重ね順が変わります。 重ね順を意識して、レイヤーの順番を決めていきましょう。もちろん後から変更可能です。 微調整 最終的に微調整で形を整えていきましょう。 実際の動画はこちら Favorite
Continue reading
Illustratorで立体文字作成 Illustratorを使って立体文字を作成します。 アクセントデザインに活用しよう。 Step01.数字や文字を入力します。 好きな文字を入力してください。 今回は数字を編集していきます。 Step02.文字のアウトライン 入力した文字をアウトライン化します。 Step03.グループの解除 アウトラインされた文字はグループになっているので、グループ化を解除します。 Step04.パスのアウトライン 文字のアウトライン後に、パスのアウトラインを行います。 Step05.パスのアウトライン 3D→押し出しで角度などの調整を行います。 Step04.完成 これで立体文字の完成です。 ぜひ一度チャレンジしてみてください。 立体文字作成法動画 Favorite
Continue reading
Illustratorで吹き出し作成 Illustratorを使って吹き出しを作成します。 コメントなどの際に吹き出しを使ってデザインをしよう。 Step01.レイヤーを新規作成します。 大きさは自由です。新規レイヤーから空白のページを作成しましょう。 Step02.図形ツールで楕円を書く 楕円形ツールで楕円を作成します。 Step03.ペンツール ペンツールで、三角を楕円の内側にかかる様に書きます。 Step04.パスファインダー合体 楕円形ツールと、三角形二つとも選択し、「パスファインダーの合体」を選択します・ Step04.完成 これで吹き出しの完成です。 ぜひ一度チャレンジしてみてください。 吹き出しの作成法動画 Favorite
Continue reading
クリッピングマスクの違い PhotoshopとIllustratorではクリッピングマスクの方法が異なります。その違いについてまとめました。 Photoshop編 まずクリッピングマスクしたい画像を新規レイヤーで開きます。 長方形レイヤーを選択します クリッピングマスクしたい大きさで長方形を作成します。 レイヤーを移動します 長方形レイヤーで作成したレイヤーを、ドラック&ドロップで画像の下のレイヤーへ移動します。 クリッピングマスク 画像レイヤーの右側で、右クリックを押します。横に一覧が表示されますので、「クリッピングマスク」を選択します。 Photoshopクリッピングマスク完成 Photoshopのクリッピングマスクはこれで完成です。 Illustrator編 まずクリッピングマスクしたい画像を新規レイヤーで開きます。 長方形レイヤーを選択します クリッピングマスクしたい大きさで長方形を作成します。 レイヤーを選択します 長方形レイヤーと画像を選択します。色は白塗りでお願いします。 クリッピングマスク 二つのレイヤーを選択した状態で、右クリックを押して「クリッピングマスク」を選択します。
Continue reading
簡単な名刺の作成 Illustratorで簡単な名刺を作成します。 初めて名刺を作成する際に参考にしてください。 Step01.印刷会社よりテンプレートをダウンロード 印刷会社には、入稿用のテンプレートがございます。 入稿予定の印刷会社より名刺サイズのテンプレートをダウンロードしましょう。 Step02.素材の準備 今回はYouTubeのロゴと、オリジナルロゴを使用します。 YouTubeのロゴは下記よりダウンロードが可能です。 https://www.youtube.com/intl/ja/about/brand-resources/ Step03.レイアウトの調整 背景一面に、色を入れる場合は塗り足し部分までしっかりと色を入れてください。 この部分に色を入れないと印刷後のカットの際に余白が残り白色が残ってしまう可能性があります。 またIllustratorはPhotoshopと違い、縦横比を保持して、縮める際にShiftを押す必要があります。 Step04.アウトライン 入稿の際には、文字のアウトラインが必要です。 パソコンに入っているフォントによりひらけない場合がある。 アウトラインしてないと印刷会社より際入稿依頼が届くので注意してください。 画像など使用する場合も埋め込みを行うか、フォルダにまとめて画像のパスが変わらないようにしましょう。 名刺作成法動画
Continue reading
画像のアイコンをパス化 Illustratorで画像トレースを使えば、画像だったものがパスへと 変換されます。 少しアイコンを変更したい場合や、背景を無くしたい場合にとても便利です。 Step01.Illustratorで画像を読み込みます ファイルから開くで画像を読み込んでください。 今回はいいねのアイコンを読み込みました。 Step02.上部のパネルより選択 上部のパネルより、画質を選んで、拡張をクリックします。 Step03.これでパス化完了 これだけで画像だったアイコンがパスへと変更されます。 レイヤーパネルより背景の白色を削除すれば透過のデータが完成です。 アセット書き出し ウィンドウのアセット書き出しを選択してアセット書き出しパネルを表示します。 後はドラックして書き出しファイル形式を選択で完了です。 画像トレース方法動画 Favorite
Continue reading
