サイタWeb・デザインスクールIllustrator教室 東京 Illustratorデザインスクール レッスンノート オリジナルWebサイトの制作

オリジナルWebサイトの制作

Illustrator教室のレッスンノート

レッスンノートって?レッスンノートって?

オリジナルWebサイト、トップページでユーザーが欲しいと思う情報を考えて、テキストの見直しをしました。
トップページ以外のページについても内容(企画案)のチェックを行いました。
実作業を進めるにあたって、
・写真(デスクトップの画像ファイルをIllustratorのドキュメントにドロップ→上部バーの埋め込みをクリック→画面をズームアウトして、コマンド・シフトを押したままWebのサイズまで縮小
・写真を載せたいスペースに図形を描く(図形ツール)
この作業はどちらが先でも構いません
・写真を背面へ送って、2つを選択して、コマンド・7(クリッピングマスク)
・ダイレクト選択ツール(白やじるし)で写真を選択、コマンド・シフトでバウンディングボックスを操作して拡大縮小し、トリミングする
・画像の枠を変えたい場合は、ダイレクト選択ツール(白やじるし)で図形の枠線を選択し、動かす

文字については、テキストツールで入力(トップページのテキストをコピー・ペーストして、文字内容を打ち変えれば、文字の設定が不要)

です。
このレッスンノートを書いたコーチ

現役デザイナーが教える「作るための使い方」。デザイン上達の方法も伝授!

新着レッスンノート

Illustratorを使って、イラストを描くためのコツをポイントにしてレクチャーしました ★ペンツールで自在に線を描くためのコツ ハンドルを伸ばす方向・長さ・アンカーポイントを打つ場所 の3つがポイントになります ★パスファインダーを活用する バラバラに描いたパスを図形化(パスの...

Illustratorは主に「線」と線で囲まれた「図形」を描画するアプリケーションです。 図形ツールやペンツールを使って図形を描画します。今回の体験レッスンでもペンツールのコツをレッスンしました。 印刷物やWebのデザインでは、Photoshopで色や明るさ、背景の切抜きなど加工をした画像...

・作成したWebページで上手くいかなかった問題点を解決しました 「修正したデザインがずれてしまう」 ・原因 画像ファイルのアップロード先を間違えていた 画像ファイルはimagesフォルダへアップロードします 【ポイント!】htmlファイルに記述されたとおりの場所に置く必要があります ...

Webサイトのデザイン、総復習課題の手順チェックをしました。 Illustratorでレイアウトをする(画像や文字を置く場所を考えることを念頭に) ↓ Web用に書き出し ↓ Photoshopで開いてスライス→リンクの設定 ↓ Web用に書き出し の手順を確認しながらやっ...

Webサイトのアップデートの手順の再確認とトラブルシューティングをしました。 ・リンク先の記述に注意しましょう ・アップロード時にクラウドのデータが更新されていない場合があるようなので注意しましょう ・アップロードが更新されない場合、一時的にデータを移して、また戻してみてください ・ア...

レッスンノート ページ先頭へ