Photoshop

Photoshop

photoshopでアセット機能を使ってみる

Photoshop以前はwebサイト制作のワークフローとして、Photoshopでカンプを作成し、画像を書き出す為に「スライスツールで各画像を切り出す」という作業を行なっていましたが、この「スライスツールで画像を切り出す」という作業が色々と...
Photoshop

GIFアニメーション

PhotoshopGIFアニメーション(ジフアニメーション、GIF animation)は、Graphics Interchange Format (GIF) の「マルチイメージ」を使ったアニメーション。アニメーションGIF (animat...
Photoshop

トンマナを合わせたバナー作り

Photoshopwebデザイントンマナ とは、「トーン&マナー」の略で、 広告 におけるデザインの一貫性を持たせることを指します。 また、ブランドのイメージカラーとホームページのデザインカラーを合わせる必要があるなど、「 トンマナ 」は企...
Photoshop

photoshopでカンプを作成する

Photoshopラフデザインカンプデータサンプルデータ PhotoshopでWebデザインをはじめよう! - Adobe BlogPhotoshopでのアートボードアートボード機能は、Illustratorでは以前からあった機能ですが、P...
Photoshop

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

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

photoshopの描画モードを使う

Photoshop描画モードを上手に使う事で、様々な合成が出来るようになります。各描画モードの特性を覚えて目的にあった描画モードを使い、円滑に合成などの処理を行えるようになりましょう。psgips.blog24.fc2.com焼き印のような...
Photoshop

モバイル用のバナーの作成

Photoshopバナー広告とはディスプレイ広告の1つです。広告代理店によってバナー広告のサイズは細かく決まっています。ここではGoogleのディスプレイ広告のガイドラインに沿って、モバイル用のバナーを作成してみましょう。バナー広告の種類レ...
Photoshop

Photoshopによるスライスとコーディング

Photoshopwebサイト制作既存のサイトを真似してコーディングしてみるのは、非常に良い練習なので、積極的にやりましょう。ただ、練習に向いているサイトとそうでないサイトがあるので、注意が必要です。作業手順1. 既存のサイトのキャプチャー...
Photoshop

レイヤーマスクの復習

Photoshop今までの授業で色々なツールを使用してきましたが、中でもレイヤーマスクは非常に便利で使用頻度の高いツールなので、使い方をしっかりと復習しましょう。helpx.adobe.com
Photoshop

バナーの制作

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