webサイト制作の勉強|2023年11月クラス用ブログ

ファリカテクニカルアカデミーのwebサイト制作科の授業解説ブログです。フェリカテクニカルアカデミーは池袋にある求職者支援訓練の学校です。

Photoshop

photoshopでコラージュ画像の作成

コラージュとは? コラージュとは絵画の技法の1つで、フランス語の「糊付け」を意味する言葉である。 通常の描画法によってではなく、ありとあらゆる性質とロジックのばらばらの素材を組み合わせることで、例えば壁画のような造形作品を構成する芸術的な創作…

3つの配色ルール

配色には色々なルールがありますが、まずはこの3つを覚えましょう 1、コントラスに気を付ける 2、色数を抑える 3、トーンを合わせる HSBを使った配色 photoshopではRGB以外にもHSBやLabといった数値でも色の調整が出来ます。特にHSBは配色時によく使うので是…

Photoshopでのマスク処理

画像のマスク処理 マスク処理とは、特定の部分のみを表示し、それ以外の部分を表示しないようにする画像処理のことをいいます。 Photoshopには、クリッピングマスクとレイヤーマスクという2つの「マスク機能」があります。この2つのマスク機能を使い分ける…

動きのあるバナー

制作見本 作成したバナー Photoshopのアニメーション機能を使う事で、比較的簡単に動きのあるバナーが作れてしまいます。 複数のフレームを順番に表示することで、画像が動いているように見せています。 必要なフレームをレイヤー別に作り、レイヤーの表示/…

GIFアニメーション

GIFアニメーション(ジフアニメーション、GIF animation)は、Graphics Interchange Format (GIF) の「マルチイメージ」を使ったアニメーション。アニメーションGIF (animated GIF) ともいう。 一時はFlashや動画に取って変わられ見る事も少なくなりましたが…

描画モードを使ってみる

描画モードを上手に使う事で、様々な合成が出来るようになります。 各描画モードの特性を覚えて目的にあった描画モードを使い、円滑に合成などの処理を行えるようになりましょう。 画像素材 https://yachin29.jp/school/ps-felica01.zip

Photoshopで写真をポラロイド風にする(メゾティント加工)

元画像 Photoshopの加工で一番大事なのはレイヤー構造です。レイヤー構造を理解する事で幅の広い加工が出来るようになり、バナー作成などにも役に立つので、様々な加工方法を覚える事がPhotoshop上達の一番の近道です。 まずはレイアー構造をしっかりと把握…

バナーの制作

Webデザイナーとして任される最初の仕事として代表的なものがバナー広告の制作です。 www.uniad.co.jp バナーのサイズ 広告の場合、ある程度はサイズに規定があります。仕事の場合大抵クライアントの方から指定があります。1種類のバナーに対し様々なサイズ…

不必要な物を消す

Photoshop 基礎

Photoshopの基本的な使い方 Photoshopで行う作業は大きく別けると以下の3つ 画像を作る。 画像を補正する。 画像を加工する。 ・Photoshopの初期化 目的は、無駄に消費されているメモリの記憶をリセットすること。 アイコンをダブルクリック等で起動。 この…