実技 イラストロゴ作成実習①

-本日のアジェンダ-

1限目
実技 イラストロゴ作成実習①
ピクトグラムについて

2限目
実技 イラストロゴ作成実習①
ピクトグラム作成実習

3限目
実技 イラストロゴ作成実習①
ピクトグラム作成実習

4限目
実技 イラストロゴ作成実習①
ピクトグラム作成実習

5限目
実技 イラストロゴ作成実習①
講評

本日のテーマ

ピクトグラムを作ってみましょう

ピクトグラムとは (pictogram)とは 

ピクトグラムとは、言葉を使わなくても情報を伝えられる、単純化された視覚記号です。

参考サイト

ピクトグラム制作のポイント

「実際に使って見たイメージ」「デザインをそぎ落とした時の見やすさ」「情報の伝わりやすさ」 が大切です。1つの施設や企業といったテーマで、共通の世界観を持たせてみましょう。線の太さ・間隔の開け方・角丸カーブを揃えるなど 共通 のデザインルールを設けてみましょう 。

まずはじめに…

ガイドの作成をしましょう。
1. アートボード を用意する
  例:A4サイズ( 210 × 297 ミリ,CMYK )
2. 正方形(線無し)を用意する
3.「編集>環境設定>一般>(キー入力)」 でキー移動の値を変更
4.Alt+矢印キーで図形を複製
5.「表示>ガイド>ガイドの作成」でガイドを作成する
6. レイヤーパネルはロックし名前「ガイド」を付けて管理しましょう。

本日の基本操作

  • アウトライン「パス」「書式」
  • 定規・ガイド
  • スマートガイド
  • 環境設定(キー入力)

Illustrator基本操作まとめページ

アウトライン

アウトライン化とは、文字や線、パス、ブラシなどのアピアランス(装飾)をオブジェクトに変換することを指します。 文字をアウトライン化すると、画像下側のようにパスで囲まれたオブジェクトに変換されます。 文字をアウトライン化する理由は、違うパソコンでデータを開いてもフォントが置き換わらないようにするためです。

参考サイト「パスのアウトライン」

定規・ガイド

ガイドとは、通常青い線で表示され、レイアウトする範囲を示したり、オブジェクトを並べたりする時の目安として利用される、印刷されない線です。 自由に表示・非表示を切り替えておくことができ、表示したまま入稿しても問題ありません。

参考サイト

スマートガイド

スマートガイドとは、オブジェクトやアートボードを作成または操作するときに 一時的に表示されるガイドで、他のオブジェクトとの相対関係で作成、整列、編集 変形の際にスナップしたり、位置関係を示して作業を補佐してくれる機能です。

参考サイト

環境設定(キー入力)

環境設定で、キーボードの矢印キーの上下左右ボタンの入力で、選択しているオブジェクトやアンカーポイントが移動する距離を設定できます。

参考サイト

〜今までの基本操作〜

オブジェクトの塗りと線(Ai)

Illustratorで描画したものには塗りと枠に線で色をつけることができます。「塗り線」を組み合わせるのが基本になります。

参考サイト

本日の課題

ピクトグラムを作成し
4限目終了までにドロップボックスにUPしてください。
提出先・・・ 提出 / 【0290】ピクトグラム 11月24日(木)

5限目に講評を行います。
※ファイル名は、work_○○○○_20221124.pdf

学科 CMS構築基礎①

-本日のアジェンダ-

1限目
学科 CMS構築基礎①
WordPrsssについて

2限目
学科 CMS構築基礎①
WordPressについて

3限目
学科 CMS構築基礎①
投稿ページの作りかた

4限目
学科 CMS構築基礎①
課題制作

5限目
学科 CMS構築基礎①
課題制作

本日のテーマ

WordPressをポートフォリオへ

【資料】

Dropboxにある資料をダウンロードしましょう。
[保存場所]
Dropbox / DEAUアカデミー WEBデザイナー養成科 (短時間) / 資料 / 【STEP1】基本操作の理解・・・「Wordpress活用法の教科書①.pdf」 

【動画】

CMSとは?

CMS(コンテンツ管理システム)は、ウェブコンテンツを構成するテキストや画像などのデジタルコンテンツを統合・体系的に管理し、配信など必要な処理を行うシステムの総称。2005年頃より一般的に普及したといわれる。コンテンツマネージメントシステムとも呼ばれる。 ウィキペディア

参考サイト

WordPressとは?

WordPress(ワードプレス)は、ブログやサイト(ホームページ)を作成できるソフトです。今や、世界中のサイトの約3分の1はWordPressで作られていると言われています。日本国内でも、個人ブログだけでなく、企業や公共機関のサイトなどに幅広く利用されています。

参考サイト

WordPressの初期設定

記事を書き始める前にWordPressサイトの初期設定を実施しましょう。

参考サイト

参考サイト

ポートフォリオのページについて

Webデザイナーの就活で使用するポートフォリオとは、これまで作成してきた作品を1つのファイルにまとめた「作品集」のことをいいます。自分のスキルや個性を評価してもらう資料であり就活時に提出が求められます。履歴書だけでは伝わらない技術力やセンスなどを視覚的にアピールできます。

参考サイト

ワンポイントアドバイス

ポートフォリオの作成と言っても、最初は掲載する作品がないと思うかもしれません。でも、心配ありません。ここの訓練で作成したものや作成するものを整理して掲載することでちゃんとしたポートフォリオが作成できます。目指す就職先の分野も考慮してポートフォリオの構成を考えてみてください。

本日の課題

企画までの内容を投稿ページにしてみましょう。