ブログBLOG

そういうの待ってた！【Photoshop2020】アップデートで追加された便利機能まとめました。

Web制作において、なくてはならない存在のPhotoshop。 昨年の11月に発表されたPhotoshop2020では様々な機能が追加&アップデートされました！ 個人的に便利だなと思った機能7つをピックアップしてご紹介したいと思います。 [toc heading_levels="2"] ...

初心者デザイナー向け！＋αでもっとデザインをクオリティアップしてみよう！～バナー・アイキャッチ編～

作っている途中に「なんだか違和感がある…」「どうしていいか分からない…」など、制作に悩みはつきもの。 新人のデザイナーさんはよく初めのお仕事としてバナーやアイキャッチを作成することが多いかもしれません。 弊社では入社して比較的すぐに大きい案件に関わる事もありますが、デザイナー志望の新 ...

新卒でWebデザイナーになる為に必要なポートフォリオの中身

前回はポートフォリオの作り方についてまとめました。 今回は新卒でWebデザイナーを目指す人のポートフォリオにどんな中身が必要か、書いていこうと思います！ [toc heading_levels="2"] ポートフォリオの中身 Webデザイナーになりたいなら中身の作品が ...

新卒でWebデザイナーになる為のポートフォリオの作り方

就活の季節ですね、コロナの影響もありなかなか動けず悩んでいる学生さんもいるのではないでしょうか… 今回はデザイナーとして就職活動をするには必須となる、ポートフォリオについて紹介していきます。 [toc heading_levels="2"] ポートフォリオとは ここで紹介するポー ...

【デザイン段階でも動く？！】Adobe XDのプロトタイプで、デザインに動きをつけてみよう！

ウェブデザインを製作する際、「ページを更新した時、順番に下から出てくるアニメーションを付けて欲しい…。」など、言葉で挙動の説明は難しく、伝えるためにアニメーションをデザイナー側で用意するのも大変…。 デザイン・コーディングどちらも自分が担当できる場合であれば融通が利きますが、チームでの作業 ...

【Bodymovin】コーディング苦手なデザイナーさんも、リッチなアニメーションをWebサイトで動かしてみよう！【After Effects】

コーディングの動きの指示をする際、「このサイトのこの部分に似せて欲しい」などの具体的な指示があれば分かりやすいですが、動きを伝えるというのは難しいと思います。 また、デザイナー自身で動きが付けられるとやりとりの手間が少なくなるかと思います。 しかしJavaScriptなど、コーディングで ...

【テレワークにもオススメ】デザイン修正指示ツール徹底比較！【AUN・MONJI】

コロナウイルスの影響で、在宅勤務やテレワークスタイルになった会社も多いのではないでしょうか？ 修正指示をいつも口頭でしていた場合、依頼者・担当者に距離があるとどうしてもやりとりがしづらくなってしまいます。 PDFに手書きをして送る場合は担当者が文字を判別出来なかったり、単語のコピペ出 ...

静止画は動かせるのか！？動く写真シネマグラフ

静止画の素材を動かしたい…動かしてほしい…そんな話を受けた人がいるのではないでしょうか？　 今回は静止画を動かしたいというテーマで、静止画の一部だけ動かしたシネマグラフの紹介や 静止画を動かすため、Photoshopのタイムラインを駆使し、チャレンジしてみる内容など （比較的？）簡単に動か ...

今すぐコーディング爆速化！プロ仕様なChrome検証ツールの使い方

軽くて拡張機能も豊富で、日本国内でも世界でもトップシェアを誇るブラウザ・それがGoogle Chrome。 Chromeの検証ツール（ディベロッパーツール）のお世話になっているサイト制作者は多いはずです。 この記事ではサイト制作のプロであるサイト制作会社の人でも意外と知らなかった知られざ ...

【簡単デザイン】非デザイナーが無料デザインツール「Canva」で簡単にアイキャッチを作る方法

ブログのアイキャッチ画像を作ろうとして、まずは構図を考えて、文字や画像を配置して、色を決めて、ジャンプ率を設定して、やっぱりここはこうして、いやこうでもない…なんて苦戦している間に数時間経っていた！　ということはありませんか。デザインに正解はないので、試行錯誤しているうちにあっという間に午後にな ...