Adobe認定トレーニングセンター

主にAdobeのソフト操作を紹介しています。DTPやWebの業務で役にたったことやツールのポイントなど参考になればと思います。 主観的なものもありますのでご了承ください!

トップ画像

Photoshop

Adobe Stockの素材を使ってオリジナルの缶をデザインしよう!

使用ソフト: Photoshop CS5  

みなさんAdobe Stockはご存知ですか?

PhotoshopやIllustratorなど、様々なクリエイティブアプリを展開しているAdobeが提供するストックフォトサービスです。

今回はそのAdobe Stockにある無料のテンプレートを使用し、オリジナルの缶をデザインする方法を紹介します。(Adobeアカウントが必要となりますので登録されていない方はご登録ください。)

1.素材をダウンロードする

Adobe Stockのトップ

まずAdobe Stockのページを開き、Adobeアカウントでログインしましょう。

そして今回ご紹介するテンプレートのファイル番号である230675008と検索します。

素材ページの画像

するとこちらの画面が表示されますので、ダウンロードします。
今回の素材は無料ですが、基本的にAdobe Stockは有償のライセンスを契約して利用するものです。他の素材を利用する際はご注意ください。

2.ダウンロードしたファイルを開く

ダウンロードしたファイルをPhotoshopで開きます。画像の編集にはPhotoshopCS5を使用していますが、ダウンロードしたpsdtファイルはCreative Cloudのある環境でしか開くことができない可能性があります。また、データの容量が大きいため環境によっては動作が重くなる可能性があります。ご了承ください。

ダウンロードしたデータを開いたPhotoshop画面のスクリーンショット

このような状態のテンプレートが用意されています。ここからデザインしていきます。

3.レイヤーパネルから編集する缶を選択する

今回使用する素材には330ml、500ml、440mlと3種類の大きさの缶が用意されています。(海外の方が作成したテンプレートなので、日本でもっともよく見る350ml缶がありません。残念!)

その中でも日本と共通している500ml缶を使って紹介していきます。

まず、使用しない330mlと440mlの2つの缶を非表示にしてしまいましょう。

親切に缶のサイズごとにグループ分けされていますので、レイヤーパネル左端の目のアイコンをクリックして非表示にします。

レイヤーの非表示

次に500mlのグループ「缶2」をフォルダアイコン左の矢印をクリックして開きましょう。

缶2グループを開く

するとその中にまたいくつかのグループが存在しています。

まず最初から非表示になっているグループについて先に紹介しておきます。

縁のカラーを表示すると、缶の飲み口や底部分が銀色から金色に変わります。

シャドウを表示すると缶の底付近に影が表示されます。

今回はシャドウを表示して、反射は非表示にして進めていきます。

4.グループ「缶のラベル」からデザインを反映する

グループ「缶のラベル」を開きます。

グループ「缶のラベル」を展開

このようにいくつかのレイヤーが入っていますが、基本的に操作するのは[画像をここに配置]というレイヤーだけです。

[画像をここに配置]レイヤーはスマートオブジェクトになっています。
スマートオブジェクトはサムネイルをダブルクリックすることで新たなウィンドウが開き、編集することができます。

その際、このように警告が出てくるかもしれません。

その場合はそれぞれ「レイヤーを保持」「いいえ」を選択すれば問題ありません。

警告1

警告2

スマートオブジェクトのウィンドウが開くとこのような状態になっています。

スマートオブジェクトを開く

今回は全てオリジナルのデザインを作りたいので、元々のレイヤーは背景をのぞいて全て非表示にします。

ここから先はとても簡単!

このスマートオブジェクト上のカンバスに好きなデザインを描画したり、写真などを貼り付けるだけです。

たとえば、このようにデザインを作成します。

スマートオブジェクトにデザイン

その後スマートオブジェクトをファイルメニューから保存、またはcommandキー+Sのショートカットで保存します。

そしてスマートオブジェクトのウィンドウから元の素材のウィンドウに戻ると…

スマートオブジェクト編集後

なんと!このように元々あった缶の画像に先ほどのデザインがぴったりと馴染んでいます!

光の加減や影などはそれぞれ「ハイライト」「シャドウ」レイヤーで調整できるのでこだわりのある方はそちらでより自分のイメージに近づけることができます。

このテンプレートを使用すれば他にもこのようにデザインが簡単にできちゃいます。

マウンテンペールエール
写真を配置してみたり。

ssIPA
カスタムシェイプを使ってみたり。

various shape lager
こちらはIllustratorで作成したaiデータを配置して作成しました。
配置されたaiデータはスマートオブジェクトとなり、Illustratorで編集しながらテンプレートに反映させることができるので作業がしやすくなります。

おわりに

いかがでしたでしょうか?

こちらのテンプレートを使用すれば、とても簡単にオリジナルデザインの缶を作成することができます。

実際に缶にプリントできるわけではないので、あくまでもデザインの確認ではありますが再現性の高いテンプレートです。

もし缶のラベルをデザインする機会があればぜひお試しください!

  • このエントリーをはてなブックマークに追加
hulu dTV

関連記事

  1. Photoshop

    超簡単!?自然な移動と削除

    「この人いらないなー」「この人もう少し中央にきたら良い写真なのになー」…

  2. Photoshop

    写真をロマンチックな雰囲気にしよう

    これからの時期、ウェディング関連のデザイン制作が増えてくると思います。…

  3. Photoshop

    二つの画像を自然に重ねる

    ライオンの画像とシマウマの画像。レイヤーマスクを使い、二つを自然に…

  4. コピースタンプ

    Photoshop

    コピースタンプツールの応用

    普段Photoshopを使用していてコピースタンプツールはどのような場…

  5. 手描き風のコーヒーの画像

    Photoshop

    写真を手描き風に加工してみよう

    今回はPhotoshopを使って写真を手描きのイラスト風に加工する方法…

  6. Photoshop

    写真を水彩画風の加工しよう

    今回は写真を手書きの水彩画風にする方法を紹介します。作り方 …

人気の記事

おすすめの参考書

PAGE TOP