マガジンのカバー画像

デザインTips

23
デザインにまつわるTipsを紹介した記事をまとめています。
運営しているクリエイター

#デザイナー

【Photoshop講座】ラブコメ(っぽい)文字を作ろうの会

こんにちは。and factoryデザイナーのMです。 今まで「ホラー文字」や「異世界ファンタジー文字」の作り方を紹介してきましたが、今回はラブコメ作品などで使える文字装飾の作り方をご紹介します。 普段使用している効果やパターンなどもやり方を少し変えるだけで、いつもと違う印象になりますよ。 1.境界線の装飾文字を目立たせたい時などによく使われる境界線ですが、ベタ塗りではなくパターンを使用することによって違った印象を与えることができます。 1.パターンを追加する 下準

【デザイン考察】シンプルなデザインのための4つのポイント

こんにちは。and factoryデザイナーのサカイです。 みなさんはどんなデザインテイストが好きですか? ポップなもの、カラフルなもの、サイバーなもの、レトロなもの… 様々なテイストがありますが、僕はシンプルなデザインが好きです。 明確なメッセージはユーザーの心にストレートに響くものだ…!と信じています。 とはいえ、一言にシンプルと言いつつも仕上げるまでには苦労することもしばしば… 今回はシンプルなデザインを実装するための僕なりのコツをまとめてみました。 シンプルな

使わないともったいない!Adobe Bridgeの便利機能3選

こんにちは。and factoryデザイナーの伊勢です。 みなさんは「Adobe Bridge」を使ったことはありますか? PhotoshopやIllustratorの影に隠れて、社内では使用者の少ないアプリです。 そんなBridgeですが、使いこなせると非常に便利なツールなんです。 ◾️Adobe Bridgeとは?Bridgeとは、簡単に言うと「Adobe版のファイル管理アプリ」です。 以下では、Bridgeの便利な機能について詳しく紹介します! ◾️プレビュー機能

【中途採用向け】デザイナーが思う”良いポートフォリオ”とは?

こんにちは!and factoryデザイナーのKです。 私はデザイナーチームのマネージャーとして、デザイナー採用の書類選考と面接を担当しています。 数多くのデザイナーのポートフォリオを見てきた中で、採用時に大切にしている所や気にしている事などを紹介したいと思います。 ポートフォリオで1番大切な事私がポートフォリオを見てきた中で、1番大事にしている事は「見やすさ」です。 デザイナーはユーザーにデザインを通して、情報を提供したり課題を解決します。 ポートフォリオの場合、前者の「

【Photoshop講座】生成塗りつぶしの使い方!(AI新機能)

こんにちは!and factoryマンガアプリの担当デザイナーのリリです。 Photoshopに今話題のAI技術による、画期的な生成機能が追加されました! 今回はこの機能の使い方をご紹介します。 この記事の内容はPhotoshop(beta)の説明になります。 機能を試してみたい方はこちらからインストールしてください。 1.画像の書き足し画像元:https://unsplash.com/ja デザインをしていて、この画像もう少し大きければいいのにと思ったことはありませんか?

【新人デザイナーあるある】 見落としがちなデザイン

こんにちは。and factoryデザイナーのやんです。 私はデザイナーチームのマネージャーとして新人デザイナーと関わることが多く、デザインのフィードバックをする機会が多いです。 今回の記事では、マンガ作品バナーのデザインフィードバックをする際に よく指摘する事や、見落としがちなデザインについて紹介します。 ①文字【フォントの大きさ】 フォントスタイルによっては、漢字・カタカナ・英語・数字は同じサイズでも大きさが異なるのですが、よく見落としてしまう部分です。 例えば、ベビ

【Photoshop講座】簡単にできる!神秘的なデザインテクニック

こんにちは!and factory占いコンテンツの担当デザイナーのDERAです。 占いコンテンツでは、神秘的な世界観のデザインを作ることが多いのですが、今回はその中でも写真がより神秘的になるPhotoshopのデザインテクニックをご紹介します! こちらの画像を背景とテキストに分けてご紹介していきます。 【背景編】神々しい背景を作るポイントはエフェクト画像を重ねる! 『オーラ』『後光』『キラキラ』などを画像の上に重ねると一気に神々しい背景を作ることが出来ます。自分で作った素

Notionの「データベース」を使いこなそう!【フルページとインライン】

こんにちは!and factoryデザイナーのいしだです! 以前、Notionの活用術を紹介しましたが、今回は「データベース」機能をご紹介したいと思います。使用する頻度の高い機能ですが、社内でも「使い方がよく分からない、教えて欲しい!」という声も多い機能でもあります。 実はデータベースには大きく分けて、「フルページ」と「インライン」の2つの設置方法があります。今回は、こちらについて詳しく説明してみたいと思います。 フルページ文字通り、1つのページ全体を1つのデータベース

もう素材の処理に迷わない!Photoshopで爆速レタッチ!

こんにちは。and factoryデザイナーのセキです。 皆さんは、バナーに使いたい写真や素材の領域が足りない時はどうしていますか? ブラシやコピースタンプツールを使って描きたしていくと、地味に工数がかかりますよね。 そんな時に、簡単に調整できるPhotoshopのツールを2つご紹介します! 1:コンテンツに応じた塗りつぶしイラストまたは被写体から加筆したい領域を選択すると、自動で塗りつぶししてくれる機能です。 【使い方】 1.元素材をコピー 2. コピーしたレイ

初心者でもわかる!デザイントークンで実現するアプリ開発の効率化

こんにちは。and factoryデザイナーのMINです。 このnoteは、「デザイントークンという言葉はなんとなく聞いたことあるな〜」というくらいの初心者の方に向けた内容になっております。 デザイントークンとはなんなのか?スマホアプリなどデジタル製品のデザインにおいて、色、フォント、スペースなどのスタイルを定義するための方法です。 デザイナーとエンジニアの両者が使用し、すべてのプラットフォームやデバイスで一貫したデザインを実現するために役立ちます。 また、製品のメンテナ

【Photoshop講座】異世界ファンタジー文字の作り方3選!

こんにちは!and factoryマンガアプリの担当デザイナーのリリです。 前回は「ホラー文字の作り方」を紹介しましたが、今回はPhotoshopで作る「異世界ファンタジー文字の作り方」をご紹介します。 異世界のマンガ・アニメは、近年とても人気のジャンルですね。 よろしければ、参考にしていただければ幸いです! ▼前回の記事はこちら 1.インパクトのあるグラデーション文字の作り方異世界ファンタジーといえば、剣と勇者といった感じの王道ファンタジーですよね!ファンタジー作品は

IllustratorのデータがPhotoshopでも編集できる!2つのアプリで爆速デザイン!

こんにちは。and factoryデザイナーのK.Yです。 みなさんは「バナーを作ってほしい!」と依頼されたら、どんなアプリを使いますか?現在は様々な画像編集アプリがありますが、and factoryでは主にバナー制作にPhotoshop・Illustratorを使用しています。 PhotoshopとIllustratorの違いこの2つのアプリの大きな違いは、Photoshopは「ビットマップ(ラスター)」、Illustratorは「ベクター」で処理されていることです。

デザイナーにこそ使って欲しい!Notion活用術

こんにちは!and factoryデザイナーのいしだです。 突然ですが、皆さんの会社やチームでは、情報やナレッジの共有はどのように行っていますか? 現在、and factoryには15名のデザイナー(※10月時点)が在籍しています。 15名ともなると、なかなかの大所帯なので、情報共有も一苦労…。 その課題を解決すべく、デザイナーチームのNotionを運用してみたので、今回はそちらを紹介してみたいと思います! デザイナーページの運用1:マニュアルやルールの整備 これまで

少しの工夫でこんなに変わる!文字の装飾デザインテクニック 7選

こんにちは! and factoryデザイナーのもろずみです。 主にマンガアプリのビジュアルデザインやUIデザインを担当しています。 マンガアプリのビジュアルデザインにおいて、キャッチコピーのデザインは作品の世界観を表現し、興味を持ってもらう為のとても重要な要素です。 ユーザーの皆様に、一目で「このマンガ面白そう!」と思っていただけるよう、日々試行錯誤をしながらバナー制作に励んでいます。 今回は、日々の業務で活用している、文字の装飾デザインのコツをご紹介します! 1.