webデザイン

fotoliaの有料素材を活用して個性的なWEBサイトに生まれ変わらせよう!

ここではfotoliaの有料素材を活用して素人っぽいサイトから脱却して個性的なWEBサイトに生まれ変わらせる、アイキャッチ画像の採用方法を解説します

デザイン初心者の方でもポイントを押さえて素材選びをすることで、作業時間にして約2時間と3,000円程度の費用でここまで変えることが可能です。


fotolia

fotoliaにアクセスして、任意のキーワードを入力。

キーワードを入力


イメージに適した素材をクリック

素材をクリック


[作品情報]から作者名横の[ポートフォリオ]を見るをクリック

ポートフォリオ


同じクリエイターの作品が一覧で表示

クリエイターの作品


スクロールしながら素材を厳選

素材を厳選


素材が確定したら価格を確認する

価格を確認

ここではWordpressの日本語テーマGorgeous(tcd013)を使用しているのでワイドが750px以上のMサイズ(6クレジット)を選択します。


マンスリーパックの素材サイズも確認

マンスリーパック


クレジット購入の価格表を確認する

クレジット購入

1素材6クレジット(※素材によってサイズとクレジット数は異なるので素材ごとにチェック)が必要なので、仮にMサイズを9枚使用したい場合には54クレジット/9,250円を選択すればジャストで収まりそうです


マンスリーパックの価格表も確認する

マンスリーパックの価格表

1ヶ月のうちにMサイズの素材を10枚ダウンロードすることができる3,000円のパックがあることがわかります。

年間を通して小さいサイズをちょこちょこダウンロードしたい場合にはクレジット購入のが良いですが、今回のようにサイト制作に必要なMサイズ以上の画像を一定期間内に必要とする場合にはマンスリーパックが断然お得です

個性的なWEBサイトが完成!

WEBサイト

fotoliaを活用することで約2時間程度の作業&3,000円のマンスリーパックでここまでサイトをイメージアップさせることができました。

123RFバージョンの記事も合わせて参考どうぞ ⇒ 123RFの格安素材を活用して素人っぽいWEBサイトから卒業しよう!

ロゴ部分はこちらを参照してください ⇒ 素人っぽいWEBサイトに見えてしまう4つのロゴデザインの特徴と誰でも簡単にできるPhotoshopとGIMPの3分解決策。

スリームデザインの無料メールマガジン

ピックアップ記事

  1. WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸…
  2. 必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…
  3. 柔軟な思考を大切にしたいクリエイター必読の5冊。私の頭をグニャングニャンに柔らか…
  4. 見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…
  5. photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…

関連記事

  1. キュレーション

    これは上品すぎるっ!WordPress日本語テーマのAN (tcd014)を使用した美しく設計された…

    ここでは上品に設計された安心感と信頼性のある、TCDワードプレステーマ…

  2. webデザイン

    境界線が複雑な模様やイラストを切り取りせずに合成する裏ワザ的フォトショップ【CS6】技術

    フォトショップで画像を合成させるためには、さまざまな切り取り方法がある…

  3. 3分の話

    PhotoshopでGIFアニメーションをトゥイーンで作って保存する方法。

    Photoshopではタイムラインを使うことで動的なGIFアニメーショ…

  4. マーケティング

    ワンランク上のBARやCAFEなどの飲食店集客におすすめなWordPressテーマ【Avalon】の…

    これまで飲食店の利益を確保するためには、ポータルサイトからの集客が重要…

  5. webデザイン

    フォトショップでアメコミ風に加工する所要時間たった3分のフィルター活用テクニック。

    フォトショップのフィルターを活用すると、画像を印象をガラっと変えること…

  6. 3分の話

    「なんの関係があるの?」ボーリングでスコア246叩き出し、ブログで314万PVを達成するための…

    「今月の数字、ペース割ってるけど大丈夫か?見込み客はあと何人?ちゃんと…

Wordpress日本語テーマのまとめ
photoshop日本語チュートリアル

よく読まれている人気の記事

最近の記事

  1. 「特訓Photoshopプロのテクニック教えます!」のWEB…
  2. 「いつも締め切りに追われてしまう」そんな人がミッションを成し…
  3. Photoshop CCのメニュー文字やツールバーが異常に小…

思考系のおもろい記事

ブログラ
  1. キュレーション

    必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…
  2. webデザイン

    photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  3. webデザイン

    「特訓Photoshopプロのテクニック教えます!」のWEB版を『無料』で一般公…
  4. SEO

    WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸…
  5. フォトショップ

    見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…
PAGE TOP