絞り込み条件を変更する
検索条件を絞り込む

すべてのカテゴリ

376 件中 1 - 60 件表示
カバー画像

マクドナルドバナー模写

mappy Photoの動画を参考にマクドナルドで過去にあったバナーの模写をしました。以下制作ポイント等です。<制作時間>30分<制作ツール>Photoshop<ポイント>▪️左にあるチョコレートの良い画像がなかったため、生成AIを利用した。▪️湯気が自然に見えるように描画モードスクリーンと歪みフィルターを利用。今回はバナーを制作しましたが、LP、HP等の案件も取り扱っていますため、何かお悩み事があれば、ご相談ください。
0
カバー画像

氷の中に果物を埋め込み

Mappy photoの動画を参考にPhotoshopで果物を氷の中に埋め込みました。飲み物系や冷たさを表すバナー等に使用すると良い演出になると思います。
0
カバー画像

画像を昭和レトロに変更

Mappy photoの動画を参考に昭和レトロな画像を作成しました。camerarawフィルターを使って沢山の設定をして大変でしたが、良い作品を作れました。<制作ツール>Photoshop<制作時間>30分
0
カバー画像

青白い顔をレタッチ

Mappy photoの動画を参考に顔のレタッチを行いました。LP、HPでの画像修正にも役に立つと考えるため、非常に大事な技術を教えてもらったと思います。<制作ツール>Photohsop<制作時間>10分
0
カバー画像

立体的に文字を見せる方法

Mappya photoの動画を参考に文字を立体的に見せるデザインを制作しました。youtubeのサムネやバナー等で印象に残りやすい文字のデザインになると思うため、機会があればどんどん使いたいと考えます。<制作時間>10分<制作ツール>Photoshop
0
カバー画像

かすれた文字のデザイン

Mappya photoの動画を参考にかすれた文字のデザインを制作しました。印象的な文字のデザインをお願いします。と頼まれることも多々あるため、その際に使用したいと考えます。<制作時間>10分<制作ツール>Photoshop
0
カバー画像

写真にシャボン玉を加える

Mappya photoの動画を参考にシャボン玉を加えるデザインを制作しました。<制作時間>15分<制作ツール>Photoshop
0
カバー画像

日焼けレタッチ

Mappya photoの動画を参考に日焼けした被写体を治すデザインを制作しました。<制作時間>10分<制作ツール>Photoshop
0
カバー画像

写真に影を加える

Mappya photoの動画を参考に影を加えたデザインを制作しました。<制作時間>10分<制作ツール>Photoshop
0
カバー画像

お菓子の袋モックアップ

Mappya photoの動画を参考にお菓子の袋に柄をモックアップするデザインを制作しました。パッケージの出来上がりがどのようになるのか分からなく、不安という方におすすめです。<制作時間>10分<制作ツール>Photoshop 
0
カバー画像

写真をジブリ風に

Mappya photoの動画を参考に写真ジブリ風に変えるデザインを制作しました。<制作時間>20分<制作ツール>Photoshop
0
カバー画像

一般社団法人陸前高田市観光物産協会様から依頼されたLP

一般社団法人陸前高田市観光物産協会様主催の牡蠣プレゼントキャンペーンに関するLPを作成しました。以下前提条件・ポイント等です。<前提条件>■ターゲット  宮城県仙台市または岩手県内陸部(盛岡、奥州、花巻、一関など)在住の40代~50代のグルメ通■業種・業態  観光(グルメツアー)■依頼背景  岩手県陸前高田市の冬季観光キャンペーン施策の1つとして、広田湾産牡蠣のWEBプロモーションキャンペーンを企画■制作サイズ  スマホ(横幅350px)を基本としての制作。■LPへの遷移の仕方  インスタからLPへ誘導■配色  基本は海をイメージさせる青を希望<使用ツール>Photoshopelementor<制作時間>7日間<制作費>5万円<制作ポイント>■食べ物を美味しく見せるために、青ではなくオレンジや赤を中心に配色。■ターゲットを意識して、イラストではなく、写真と文字を中心にデザイン。■生産地、生産者の写真をたくさん使うことで、安心・安全さを表現した。ホームぺージやランディングページでのご相談も受け付けていますのでぜひお困りのことがあれば相談ください。
0
カバー画像

電線を消す

Mappya photoの動画を参考に写真の電線を消すデザインを制作しました。対象の写真に障害物があった場合などに使えると思うため、その際は実践していきたいと考えます。<制作時間>5分<制作ツール>Photoshop
0
カバー画像

目の色を変更

Mappya photoの動画を参考に目の色を変更するデザインを制作しました。印象を変えたい際に使っていこうと思います。<制作時間>10分<制作ツール>Photoshop
0
カバー画像

壁のデザインを変更

Mappya photoの動画を参考に壁のデザインを変更したものを制作しました。シンプルな壁を変更する時などに用いていきたいと考えます。<制作時間>10分<制作ツール>Photoshop
0
カバー画像

コミック風デザイン

Mappya photoの動画を参考にコミック風のデザインを制作しました。以前にもアメコミ風デザインをしてくれないかと相談されたことがあったため、同じ場面が来たら使用していきたいと考えます。<制作時間>15分<制作ツール>Photoshop
0
カバー画像

窓から光が差し込むデザイン

Mappya photoの動画を参考に月明かりが窓から入ってくるデザインを制作しました。雰囲気のあるデザインにしたい時に使用したいと考えます。<制作時間>10分<制作ツール>Photoshop
0
カバー画像

顔だけ大きくするデザイン

Mappya photoの動画を参考に顔だけ大きくするデザインを制作しました。Youtubeのサムネ等で上手く活かせると考えます。<制作時間>10分<制作ツール>Photoshop
0
カバー画像

『写真加工』:ココナラで星4という評価[vol.07]

ミスギデザインです。今回取り上げるのはココナラ上での星4という評価についてです。星4というのは一般的には高評価の値だと思います。例えばgooglemapや食べログなどの口コミなど星4以上であれば信頼できるお店という印象です。一方でココナラは星4は低評価扱いだと私は認識しております。購入者様は口コミの評価で4.9より5.0の出品者に依頼したいという気持ちは少なくないです。そしてまた出品者も想像以上にこの口コミ評価をシビアに考えています。というのも4.9ではなく5.0を維持するのは難易度が高いからです。--------------------合計の星の評価数/口コミの数=星の値(少数代2位は四捨五入)例えば①星5の評価が20個5×20/20/=5.0②星5の評価が19個星4の評価が1個5×19+4×1/20=4.95=5.0③星5の評価が18個星4の評価が1個5×18+4×1/19=4.947=4.9--------------------つまり星5を維持するには星5が20個も必要というわけです。販売数が100の中で許される星4の数はたった5個しかありません。またプラチナランク達成条件の一つに直近3ヶ月以内星4.8以上という条件もあり、こちらもなかなかシビアだと感じております。他の出品者様をリサーチしていると1週間以内に同じ購入者様が星4を2回つけている口コミを見て、私まで心苦しくなったのを覚えております。出品者の私がいうのも厚かましいことですが、通常通りのやり取りで完了できたのであれば、星5をつけてくださると大変励みになります。出品者は皆様からの嬉しい口コミや評価などでココナラを
0
カバー画像

商品画像作成の効率化

こんにちは!デザイナーのpinostyleです。皆様は商品画像作成は自社で行っておりますか?ココナラ等を通じて依頼してますか?商品画像作成はデザインのみでなく、商品の撮影、競合調査や画像規約にも触れないよう作成するため手間がかかりますし、意外と大変ですよね。私、Amazonと楽天市場の運用経験がございます。商品画像作成にはかなりの時間を費やしてきました。前職ではデザイン担当者がおらず、出品商品アップロードデータの作成・競合調査・イベント調査・広告運用・受注処理・梱包パッケージデザイン作成・運送会社の手配など全てを1人で行っていたため、商品画像ばかりやっていると商品データの更新ができなかったり、楽天やアマゾンのイベントにエントリーするための商品選定や企画考案、担当者との打ち合わせ、イベント広告用バナー作成、イベント用他コンテンツ制作にも時間がとられ、とてもじゃないですが運用するには勤務時間で完了することはなかったです。デザインすることは好きですが、全力で商品を売り出すためにもデザインはスポットで依頼すればよかったなと後悔しております。商品管理や戦略・調査の方にもっと時間を費やしたかったと思っております。結果的には勤務時間外でも仕事しているので売上自体をのばすことはできましたが、もっと効率的に仕事ができたのではないかと思います。その会社では商品点数を数多く持っていたため、バッチ処理はかかせませんでした。皆様はバッチ処理は活用されてますか?Excelでいうマクロと同様ですね。よく行う一定の作業工程を録画しておき、録画した工程を再生することで繰り返し自動で処理してくれる機能です。とって
0
カバー画像

プルプルした文字

Mappya photoの動画を参考にプルプルした感じの文字を制作しました。化粧品会社のLP等で使用していきたいと考えます。<制作時間>10分<制作ツール>Photoshop
0
カバー画像

写真をサイバー風に

Mappya photoの動画を参考に夜景をサイバー風に変更するデザインを制作しました。<制作時間>15分<制作ツール>Photoshop
0
カバー画像

Lr(Lightroom)にて瞳の輝きをアップさせる!!

こんにちは、toshitsuguです。今日は、Lr(Lightroom)で後からできるレタッチの瞳の中の輝きを足して印象を明るくする方法をご紹介していきます!瞳だけを明るくしてイキイキした表情にクローズアップした顔の中で、目は主役になります!瞳がイキイキしていれば、写真にも命が宿り、印象が変わっていきます!RAW現象時には、瞳の明るさをやや明るくすることで煌めきを増加させます。円形フィルターや補正ブラシなど部分的に選択できるの編集ツールで瞳だけ明るくしてみてみましょう。印象が大きく変わるので少し工夫することはおすすめです。写真の撮影の現場でモデルの目の前にレフ板を入れるしっかりした撮影は、なかなかやらないと思うので、今日はLrにて瞳の中に光を足して、印象を変えていきましょう。全体の明るさを露出量で調整するまずは全体の明るさを決めて、基本補正の露出量をスライドして、明るさを決定してきましょう。撮影した状態では影が落ちていて全体的に暗いのでまずは基本補正で露出量をあげて全体的に明るくしてみましょう。肌色明るく綺麗に見えるところまで露出量を上げていきましょう。瞳だけを選択して、露出量・ハイライト・白レベルを調整する瞳だけ編集できるように円形フィルターか補正ブラシを使って瞳の部分を選択していく。選択した箇所の境界線が明確すぎると違和感が出るので少しぼかすのがポイントになります。瞳のみを選択したら、まずは露出光を調整します。露出光を上げて明るくします。上げすぎると瞳だけが明るくなりすぎるので、注意しながら調整していきましょう!ハイライトと白レベルを上げると輝きが増します。最後にメリハリを
0
カバー画像

古い写真修復サービス

0
カバー画像

Photoshop画像の切り抜きについて

こんにちは、toshitsuguです!今日は、誰でも簡単にPhotoshopで撮影した画像を切り抜くやり方を説明していきます!Photoshopは、Adobeが提供しているソフトの一つで、画像の合成や加工、切り抜きなど多岐にわたって自分が表現したいことができる編集ソフトです!Adobe Photoshopを開いて画像を選択したら、右下の“マスクを追加”開きます!すると、下記のように画像がマスクされます!ここでマスクについて説明すると、画像(レイヤー)の上に、通常のレイヤーや調整レイヤーの一部だけを表示したり、非表示にしたりすることができる機能のことです!イラストや、合成写真などを作る際によく使われたりするので言葉だけ、軽く覚えておいてください!イメージはこんな感じです!次に、右上の“色域指定”を選択して調整していきます!“階調の反転”にチェックを入れて“スポイト”や“サンプルに追加”、“サンプルを削除”を使って、ある程度、背景画像で切り抜きたい範囲を選択していきます!また、“許容量”を調整すると選択する範囲の量を調整してくれるので、それを使って切り抜いていきましょう!“色域指定”で切り抜いたら、“ブラシツール”を選択して“黒”で消していき、“白”で復元していきましょう“黒”のブラシでなぞっていくと消したいところが消えていき“白”のブラシでなぞっていくと表したいところが出てきます!あとは、徐々に調整していけば、完全に、背景を切り抜いた画像の出来上がりです!書き出しの形式は、PNG形式で書き出しましょう!下記が参考画像⏬切り抜きコピー&ペーストしてテキストを導入したものになります!
0
カバー画像

写真をふわふわした印象に変更

Mappya photoの動画を参考に写真をふわふわした印象になるデザインを制作しました。<制作時間>10分<制作ツール>Photoshop
0
カバー画像

知らずにやっていませんか? 「首切り写真」「くし刺し写真」は、見る人を追い払ってしまうぐらい不快

「本当はNGなんだが、あまりに普通に出回りすぎて、おかしいと思う人も少なくなってしまった」と思える写真の撮り方に、「首切り写真」と「くし刺し写真」があります。これらをサイトなどに掲載していないでしょうか。「どこがおかしい」と指摘までできないにしても、「チープな作り&チープな内容の記事」の印象を訪問者は持ってしまったかもしれません。「首切り写真」「くし刺し写真」とは 「首切り写真」とは、特に人物写真を撮ったときに、その人物の背後でちょうど首の高さに横切る線があるものをいいます。私が普段見るものの範囲でいえば、ライターが原稿だけではなく、写真撮影まで担当した記事で当たり前にあります。 このパターンで多い「横切る線」は、ホワイトボードの「粉受け」の部分です。「取材場所を会議室にしてもらい、相手に座ってもらうと、ホワイトボードの下の端がちょうど首の後ろにくる」ということでしょう。次に多いのは窓枠です。 「くし刺し写真」も問題になるのは、やはり人物写真です。頭のてっぺんに縦の線が下りてきているものをいいます。こちらで多いのは、屋内ならば窓枠や建具、屋外ならば樹木や交通標識などです。人物から注意がそれてしまう「首切り写真」「くし刺し写真」「これら2つがなぜ悪いか」は、すっきりとした説明はなかなかないようです。ただ、私なりに考えるのは…… 人物の写真を撮っているのならば、特に意味がない限り、背景には見る人の注意がいかないような撮り方をする。ごちゃごちゃしているのならば、すっきりとしたところに移動する。いらないものがあれば動かす。それら見る人の注意をそらしてしまう極端なものが、「首切り」と「く
0
カバー画像

今日は童謡の日。そしてお知らせ。

今日は童謡の日。🐈「ねこふんじゃったって童謡にゃ?ちょっと複雑な気分なんだにゃ……」そしてお知らせです、私事ではありますがこの度私、Photoshopの資格試験を無事合格いたしました!!これでまた出来ることが増えました!!
0
カバー画像

なんでしょうか笑

こんにちわ。カバー写真が謎ですね笑この前まで話していた、シーケンス制御とは全く別の話をします。Photoshopの機能で、写真で撮影した被写体の色を変える事ができる詐欺的な反則技です。自分の水筒をiphone14で撮影し、mac book airで編集をしてみました。左側がオリジナルで、右側が色を変更してみました。(切り抜きは雑ですが気にしないで下さい汗)どうですか?怖いくらい違和感がないです。もう少し丁寧に作業をすれば、「元々が右側で」って話されても、なんら違和感なく話を聞いてしまいそうですよね。まあ昔からある技術なんでしょうけど、画像がパソコンの性能や、カメラの性能が上がってきて、なお一層詐欺にあいやすいですね。世の中にはいろいろな詐欺があります。騙されないように気をつけて下さいね。短いですが、今日はこの辺で!見て頂いた方はアクションして頂けたら大変嬉しく思います。宜しくお願いします。
0
カバー画像

サムネイルとピンク

ピンクという色は女性のイメージを代表する色のひとつ。だったんですが、最近は色々とジェンダーレス化の方向にあるので、男性でもナチュラルにピンクを使う人が増えてますね。僕自身もピンク色の車を買うかと言われると微妙ですけど、去年ユニクロで買ったピンクのパーカーは割と気に入ってたりします。サムネの話で言うと、ピンクは色々と便利な色ですね。明るいし、薄くすれば高級感も出るし、ショッキングピンクみたいなビビッドな色にすれば目立てるし。あと黒と相性が良いっていうのも便利ですね。アウトラインなしで文字が読めるっていうのはでかいです。これが反対色の黄緑とかだったりすると可読性が微妙に。あとピンクは「ジェンダーバイアスを感じる色」の第一位らしいです。女性らしさを強要されていると感じる人もいるようで。これはおそらく、長らくピンクが「そうゆう使われ方」をされてきたって事で、そんで今でも大体そうゆう使い方をされてるんですが、その辺の反動なのではないかと思っています。あんまりジェンダー関係の事を書く場所ではないと思うのでこの辺にしておきますが、ピンクの使われ方って、時代とともに、これから変わってくるんじゃないでしょうか。
0
カバー画像

デジイチとセットで買う標準ズーム あれほど使いにくいレンズはない

初めてデジイチを買う人は、例外はないぐらいに標準ズームレンズもセットで買うでしょう。しかし、実は標準ズームは使いこなすのが難しく、これから写真の撮り方を覚える人にはおすすめしにくいレンズです。標準ズームレンズとは ここでの「標準ズームレンズ」は、広角の24ミリ相当前後から、中望遠の85ミリ相当前後までをカバーするもので考えます。200ミリ相当かそれ以上の望遠をカバーするものもありますが、これは「高倍率ズームレンズ」として別のものとしておきます。 スマホやコンデジに飽き足らなくなってデジイチ(デジタル一眼レフ)を買った場合、大半の人は標準ズームレンズもセットで買っているでしょう。メーカーの側も、「標準ズームキット」などの名称で、最初からカメラボディーと標準ズームをセットにした価格を設定しています。特に「エントリークラス」といわれる初心者向けのカメラボディーで、この売り方が目立ちます。かつては単焦点の標準レンズから始めるのが一般的だった 「初心者には、カメラボディーと標準ズームのセットが当たり前」になる前、多くの人は50ミリの標準レンズ1本だけで撮り始めていました。でなければ、35ミリ前後の準広角1本だけでした。昔からカメラを使っている私も、初心者におすすめのレンズが、いつ標準ズームレンズに置き換わったのかはよく覚えていません。しかし、2000年ごろであれば、「単焦点の標準レンズ1本で始めたら?」と知人にアドバイスしていた記憶があります。 今の人は「標準レンズ1本だけでは、撮れるものが限られる」と考えるのではないでしょうか。それも間違いではありません。しかし、そのころは「まずは、標
0
カバー画像

Photoshopで実現 高品質なWEB画像 信頼を生む「プロ品質」になる理由

ご覧いただきありがとうございます。初心者にも親切丁寧なWEBデザイナーmore design officeの樹下です。WEBサイトの印象を左右する最大の要素は、間違いなく「画像」です。スマホアプリで簡単に加工できる時代だからこそ、プロ仕様のツール「Photoshop」で作り込まれた画像の美しさは、圧倒的な信頼の差となって現れます。今日は、Photoshopが高品質な画像制作を実現出来る、その理由を4つの視点で解説します。1. 0.1ミリ、1ピクセルまでこだわる「緻密な美しさ」Photoshopを使う最大の理由は、画像の細部を自在にコントロールできる点にあります。例えば、人物の背景にある不要なものを自然に消したり、曇り空を明るい晴天に変えたり、肌の質感を整えたり。こうした細かな補正の積み重ねが、見た時の「プロっぽさ」や「清涼感」を生み出し、お客様に「この人なら安心して任せられる」という直感を与えます。2. 「ブランドカラー」を忠実に再現し、一貫性を保つ色の再現性は、ブランディングにおいて極めて重要です。Photoshopでは、特定の色(カラーコード)を正確に指定し、サイト全体のトーン&マナーを完璧に統一できます。バナーの色、ボタンの色、写真のフィルターの色……すべてが調和しているサイトは、それだけで高い品質を感じさせ、見る人の心に深く刻まれます。3. 「文字の読みやすさ」を極めるタイポグラフィの力画像の上に文字を置く際、ただ置くだけでは読みづらくなってしまいます。Photoshopなら、文字に微かな影(ドロップシャドウ)をつけたり、文字の周りだけ画像の明るさを調整したり、一文字ず
0
カバー画像

久しぶりのオリジナル絵

こんにちは、イラストレーターのイトウサオリです^_^今日、少し久しぶりに趣味の絵を描けました。クリップスタジオペイントで描いた後、Photoshopで加工しています。線の美しさを極めたいと常に考えているので、まだまだ修行が足りません!いろんな方の作品もたくさん見て回りたいと思います^_^なんとランクが一段階飛ばしてシルバーに上がりました!ご依頼者様のおかげです!ありがとうございます(>_<)
0
カバー画像

画像切り抜き作業 2022

AIという言葉は何にでも使われていて、とりあえず「AIを活用した」とか言っておけばOKみたいな状況については思う所があるんですが、そうゆう愚痴を書こうとしているわけじゃないです。ここ数年で一番AIの恩恵を感じているのはあれですね、画像を切り取る時のAIですね。この場合のAIはマジAIで、そこんじょそこらの「これただのif/elseスクリプトじゃね?」的なインチキAIじゃなくて、英語でObjective Awarenessっていうんですけど、これの進化が素晴らしい。「あーこれ人物やろ、わかるわ。そんでこっからここまでが髪の毛で、後ろの似た色は、ただの壁やろ。」ってな具合にソフトがオブジェクトを認識してくれて、ピクセル単位でよしなに処理してくれるというAI。僕もそうだけど、全世界の画像切り取り職人の処理速度が爆上げされた事は間違いないと思います。今年寅年じゃないですか。ちょうど12年前、仲良かったデザイン会社の事務所にお邪魔してダラダラしてた時、社員の人がパソコンのディスプレイを睨めつけるように凝視してカチカチカチカチやってたんですよ。ちょっとその画面ガン見っぷりが超ヤベえ人みたいだったので、気になって、何してるのか覗いてみたんですよ。で、何やってたかっていうと、トラの写真の切り抜きをしてたんですね。で、そのモデルのトラさんが赤ちゃんトラさんで、毛がふわっふわで、可愛いんですよ。可愛いんですけど、毛がふわっふわなので、ペンツール🖌っていうトラディッショナルなツールを使って、カチカチカチカチとトラさんの毛の輪郭をなぞるっていう作業をやっていた、と。デパートの正月セールに使うらしいんで
0
カバー画像

オート任せではカメラはカバーしきれない その場所の光のコンディションは自分で読む

カメラを買ったばかりならば、「何も考えず、被写体の方に向かってシャッターを切るだけ」でも仕方ないかもしれません。しかし、いずれは構図やシャッターチャンスも気にするようにしましょう。 そして、もうひとつ、初心者から抜け出すのに必要なことがあります。「差し込んで来る方向や色合いなど、被写体を取り囲んでいる光のコンディションを読む」です。肉眼で見たときと写真にしたときの印象が変わる理由 肉眼で見たときはそうは気が付かず、写真になって始めて「変だな」と気がつくことはないでしょうか。たとえば、思ったより赤かったり、青かったりすることはないでしょうか。あるいは、コントラストが強すぎたり弱すぎたりしないでしょうか。 今のデジタルカメラならば、色調やコントラストを調整・補正する機能は付いてます。それも、オートにしてカメラ任せにすることもできます。しかし、調整・補正しきれなかったり、逆にしすぎたりすることも少なくありません。 また、色調やコントラストの正解はひとつとは限りません。撮った人なりのこだわりまでは、カメラのオートは理解してくれません。 一方、肉眼で見たときも、眼球や脳で、見える光景を補正しています。暗いところは瞳孔を開けて少しでも情報を読み取るようにし、照明のせいでずれた色合いは、そのもの本来の色(太陽光で見た場合の色)に直して記憶します。 眼球や脳でやった補正と、カメラがやって1枚の写真として残した補正は、そうは簡単には一致しません。肉眼で見たときと写真にしたときの印象が変わるのは、そのためです。 オートに設定していても、自分で光を読む 色調を調整する「ホワイトバランス」のオートや、
0
カバー画像

【デザインプロセスシェア】ランディングページ制作

人材系の事業を行なっている株式会社ネクストドア様のランディングページをデザインさせていただきました。使用ツール:Photoshop、HTML&CSS、WordPress担当:デザイン、コーディング2021年9月📝ご依頼内容新規事業のニーズを調査するためのランディングページと簡易的な公式サイトの作成。あらかじめ用意したテキストと素材を使ってランディングページとしてデザインしてほしい。💡デザインの説明企業向け、人材系ということで、カラーは青や緑をベースに、可読性の高いゴシック体でデザインしています。現場写真の支給がたくさんあったので、イメージが伝わるよう、ファーストビューに写真を多めに置きました。ボタンは目立つように、ベースカラーとは反対色の暖色系の色を使用。社長の写真も添えることで目に留まりやすくなっています。インタビューのパートは、吹き出しで見やすくデザインしました。⏳デザインプロセス【1】制作内容の確認今回は事前にランディングページに入れたいテキストを全ていただいていましたが、いくつか確認事項があったので確認を取りながら進めました。より分かりやすくなるような文言の追記も提案させていただきました。【2】ファーストビューの提案ランディングページで最初に表示されるファーストビューを3案提案しました。キャッチコピーの候補が2つあったのでそれぞれ作成。テーマカラーはビジネス色の強い寒色系の色、ボタンはそれとは反対の色を使って目立たせる点が共通しています。また、実際の写真をトップに使用しました。【3】ページ全体と公式ページの制作Aが選ばれたので、Aのイメージで続きを制作していきました。ラ
0
カバー画像

LP制作の続き&錯視の学習|円形デザインと色の不思議

本日もご覧いただきありがとうございます😊今日は、現在制作中のLPの続きを進めました✨今回作成したのは、**「当クリニックの施術の特徴を紹介するセクション」**です。施術の安心感や特徴が伝わるように、画像とテキストを組み合わせた構成にしています。また、Photoshopで画像を円形に切り抜く作業も行いましたが、最近Photoshopを触る頻度が多かったのでスムーズに作成できました✨少しずつですが、デザインの幅が広がってきているのを感じています😊本日作成したのはこの部分です↓↓↓そして色彩検定の学習では、昨日に引き続き「錯視」について学びました👀本日は以下の内容です👇・エーレンシュタイン効果・ネオンカラー効果・透明視(透明視現象)・マッカロー効果エーレンシュタイン効果は、放射状の線の中心に、実際にはない明るさや形が見える現象で、視覚の不思議を感じました。ネオンカラー効果は、色の組み合わせによって輪郭が光って見える現象で、デザインにも応用できそうだと感じました✨透明視は、本来は重なっていないものが、透けて見えるように認識される現象で、色や配置によって印象が変わる点がとても面白かったです。マッカロー効果は、特定の色と線のパターンを見続けた後に、白黒の図形にも色がついて見えるという現象で、「見る経験」がその後の見え方に影響することに驚きました。デザインは見た目だけでなく、こうした「見え方の仕組み」を理解することで、より伝わりやすくなると改めて感じました✨引き続き、制作と学習をコツコツ頑張っていきます😊
0
カバー画像

Photoshop 今日の合成 2024/10/16

今日もPhotoshopで合成した写真を載せていきたいと思います。 写真は写真素材サイト「ぱくたそ」さんの写真を使用しています。【元写真①】【元写真②】【合成後】今日は麦茶だけの写真にお菓子を添えてみました。細かい処理を説明すると長くなってしまうので割愛しています。 今、有料ブログで実例集を販売しています。 ぜひそちらの方もご覧ください。
0
カバー画像

Photoshop 今日の合成 2024/10/15

今日もPhotoshopで合成した写真を載せていきたいと思います。 写真は写真素材サイト「ぱくたそ」さんの写真を使用しています。【元写真①】【元写真②】【合成後】今日はアートな写真をクリスマスっぽくしてみました。細かい処理を説明すると長くなってしまうので割愛しています。 今、有料ブログで実例集を販売しています。 ぜひそちらの方もご覧ください。
0
カバー画像

写真をイラスト風に加工する簡単テクニック

0
カバー画像

Photoshop トーンカーブ各色について

第8回目です。始めはトーンカーブのおさらいから入ります。Photoshopのトーンカーブは、RGBカラーモードで使用される画像の明るさやコントラストを調整するための強力なツールの1つです。トーンカーブは、グラフ上で軸を表し、画像の明るさを表すために横軸に0〜255の値が表示されます。垂直軸には、画像のトーンの範囲があります。このグラフは、曲線の形で表示されます。トーンカーブの使用方法は、曲線をクリックしてドラッグして曲線を調整することで、画像のトーンを調整することができます。曲線を上げると、明るさが増し、曲線を下げると、暗くなります。曲線を左に引くと、暗い部分のコントラストが増し、曲線を右に引くと、明るい部分のコントラストが増します。トーンカーブは、赤、緑、青のチャンネルごとに調整することもできます。チャンネルごとに調整すると、画像の特定の色相の明るさとコントラストを変更できます。ここで補色の概念を理解しておかないといけません。赤→シアン緑→マゼンタ青イエロー赤のカーブを下げるとシアン色が強まり緑のカーブを下げるとマゼンタ色が強まり青のカーブを下げるとイエロー色が強まります。色相環の概念を知ることによって自分で色味を操れるようになります。トーンカーブは、写真やグラフィックデザインなど、さまざまな分野で使用されます。トーンカーブを写真に使用することで、画像の色合いや明るさを調整し、魅力的なビジュアルエフェクトを作成することができます。ぜひ皆さんも使いこなしてください!今日はここまで!
0
カバー画像

ついにきた初案件!

どうも、お久しぶりですワウちゃんです。GW始まりましたね!今年は有給で9連休だそうです。うちは人混みが嫌なのでお出かけはしませんが、休みが長いっていいですね!えー今回はそうなんです、ついに私にも依頼がやって参りました😭😭イェーイ ぱふぱふぱふ〜👏🎊🎉👏👏🎊🎉👏👏🎊🎉👏👏🎊🎉👏天にも昇る思いです!!愛するフォトショと共に、初めての推し事(いや、お仕事)を納品することができました✨✨✨しかし、私はまだフォトショに振り向いてもらえないようで、思い通り動いてくれなかったりなどのハプニングもあり、まだまだフォトショ使いにはなれないようです。悔しい…っ!初めてのお客様(S様)にも信頼いただけ、またお仕事をいただくことが決まっております。本当にありがとうございます。それでは、S様にもご快諾いただけたので、今回納品した画像を紹介します!※モザイク処理と一部内容を変更しております。今回は、背景の合成、シャツの色変更、文字加工、車のペイント変更を行いました。背景、元は全然違うものだったのですが(スタジアムで撮影されたものでした)、結構馴染んでいるのではないでしょうか。がんばった😆一番苦労したのが、陰!あまりゴリゴリなものだと合成感が出るし、薄いと変だし。結局、レイヤーを複製してそれぞれ違う不透明度とレイヤーモードで重ねました。それとそれと、トラックのペイントを消すのが本当に難度が高かったところです。全体的に装飾が施されており、単に塗りつぶしだけではうまくいかなかったので、全てコピースタンプツールで行っております。仕上げに得意の逆光&光線!一番楽しかったところです。その他イラレで素材を作った
0
カバー画像

とっても簡単!お手軽Photoshopグランジ加工!

皆さん、おはようございます。こんにちは。こんばんは。今回はPhotoshopで出来る、YouTubeのサムネイル画像デザインで良く使用するグランジ加工をご紹介したいと思います。 グランジ加工というのは「汚れてる」ような加工方法のことを指します。ペンキが飛び散ったような、表現手法で、文字自体は読みにくくはなるものの人の目を引き付ける効果があるので、特にクリックしてもらいたいようなYouTubeのサムネイル画像等には最適な表現手法かと思います。 作成方法はいたって簡単で 【デザインレシピ】①素材サイトで”グランジ素材”でグランジのテクスチャ素材をダウンダウンロードする。この時、背景に使用する背景素材も探しておくと良いです。 ②Photoshopでテキストを配置する。フォントはゴシック体でウエイトは出来るだけ太くした方が良いです。 ③ダウンロードしたグランジ素材をテキストの上に重ね。クリッピングマスクを作成すると、グランジ素材がテキストに乗ります。 ④テキストの下に、雰囲気のある背景を配置します。今回の制作物は文字の視認性を良くする為にテキストにドロップシャドウをかけています。 これで完成!皆様のお役に立てれば幸いです。 ------------ デザイン制作は出品サービスより見積もり相談を下さい【LP制作出品ページ】【WEB画像制作出品ページ】デザインの事なら何でもDMにてお気軽にご相談下さい。メッセージお待ちしております!
0
カバー画像

【YouTuber&デザイナー必見】デザインって飾り付け?

みなさんこんにちは!長崎のクリエイター ウズラです。実は以前noteに記事を投稿していた時期がありました。今は特に更新も行っておらずもったいないので、noteの記事をココナラブログに移動したいと思います。※カバー写真のウズラが少し見切れているのは、サイトによる推奨画像比率の違いなのでお許しください(笑)早速ですが、今回は「デザインとは何か」についての記事です。早速ですが、みなさんは「デザインをする」とはどういう事だと思いますか?デザインと言う言葉の意味デザインは装飾だと思っている方も多いと思いますが、厳密に言うと違います。 では、どういった考え方なのでしょうか? 答えは... ”デザインは見る人に興味を沸かせ、もっと見たいと思わせる処理”という考え方です。 この考え方こそ本来のデザインの真骨頂だと思います。 人は五感のうち視覚から80%以上もの情報を得ています。つまり、デザイン力を高めることは、人に伝える力を高めることとも言えます。だからこそ、デザインをただの飾り付けに使うのは非常にもったいない事ですし、過剰な飾り付けが視線を分散させ逆効果になることもあります。 また、デザイナーと一言で言っても大きく分けると2種類存在します。 1.きれいに・感動的に表現することを追求する芸術的デザイナー 2.見やすく伝わりやすくする事を追求するコンサル的デザイナー ちなみに私は2のコンサル的デザイナーに該当します。 YouTube配信者は、絶対に2の方向性で行くべきです。 この具体的な違いについては、今回は例題を用意していないので、後日必要であれば紹介します。 今後の投稿も含め私の投稿では、2
0
カバー画像

【デザインプロセスシェア】Twitterヘッダー

VoicyでITニュース番組をやっているパパ丸山さんのTwitterヘッダーをデザインさせていただきました!使用ツール:Photoshop担当:キャッチコピー考案、デザイン2021年7月📝ご依頼内容概要:Twitterのトップバナー制作目的:Voicyのリスナー増が主目的ですが、フリーでナレーションも承っていることがわかるようなバナーにしたい。💡デザインの説明ヒアリング結果をもとに、1番目立たせるキャッチコピーは「クスッと笑えるITニュース」に。Voicyで配信していることが分かりやすいように、右側にスマホアプリで視聴している様子を掲載しました。また、ナレーションをしていることをアピールしたいということでしたので、Twitterアイコンが表示されるところに吹き出しで「ナレーションもお任せください!」としました。Twitterはライトモードとダークモードがあり、どちらに掲載しても溶け込まない(真っ白や真っ黒は避ける)ようにしました。また配信テーマを「#」を使って表現することでIT感を出しました。背景には、Voicyパパニュースのアイコンを使用。キャッチコピーのフォントはwebサイトなどでよく使われる「丸ゴシック」です。⏳デザインプロセス【1】ヒアリング依頼内容がTwitterのヘッダーをお願いしたいということで、依頼時点ではどんなことをヘッダーに書くのかが決まっていないようでした。そこで、訴求したいこと(パパニュース、パパ丸山さん)の強みをヒアリングし、ヘッダーに入れる文言の参考にしました。▼いただいた回答パパニュースの強み①ITニュースをIT業界以外の方向けに、柔らかくしてお伝
0
カバー画像

講演経験豊富な科学者が解説!Photoshopアルゴリズム入門【紹介編】

初めまして。グラフィックデザイナーのNAGATOMO DESIGNです。これからPhotoshopアルゴリズム入門として、不定期にブログを連載していく予定です。デザイナーの方からすれば、Photoshopはデザインのツールであって中でどういうことをしているのかまで、いちいち考えないと思います。一方、プログラマーの方からすれば、『Photoshopの中には一体どれだけのモジュール(プログラムの集まり)が詰め込まれているんだ…』と違う視点で見てると思います。このコラムでは、日々Photoshopを使っているデザイナーの方と、プログラマーの方どちらにも為になる話題をご提供していきたいと考えております。デザイン視点とアルゴリズム視点を、いい塩梅でお届けしていきたいと思います。ざっくりとした自己紹介まずは、当方のことから紹介させていただきます。今現在はフリーランスのグラフィックデザイナーとして活動しておりますが、以前は研究者&プログラマーでした。画像処理(Computer Vision)という分野の研究をしていて、成果が出れば論文の執筆をしておりました。パソコンを使ってプログラムを組み、画像や動画を読み込んで、いい結果が出るまでひたすらプログラムを作っていきます。CやC++、Java、Pythonが主な使用言語です。その傍らで、グラフィックデザイナー(のような)仕事をしておりました。画像処理の研究は簡単に言うと、Photoshopの中身を作ることです。例えば、画像を切り抜きたい時に『自動選択ツール』を使いますよね。その時の選択範囲は、マウスでクリックしたところと似た色の部分を選択してくれ
0
カバー画像

ホームページ制作の裏側!デザインカンプ作成を進めています

デザインカンプ制作中です!本日はホームページ制作案件のデザインカンプ作成を進めていました。今回の案件では、単純に見た目を整えるだけではなく、・信頼感・親しみやすさ・遊び心といった複数の要素をどのようなバランスで表現するかを意識しながら制作を進めています。特にホームページのファーストビューは、サイト全体の印象を決める重要な部分です。使用する写真や配色、フォント選びによって雰囲気が大きく変わるため、何パターンも検討しながら方向性を探っています。また今回は、Photoshopを使ってデザインカンプを作成しており、実際にコーディングすることも想定しながら、・余白の取り方・コンテンツ幅・スマホ表示時の見え方なども考慮しながら制作しています。完成形をイメージしながらデザインを組み立てていく工程は難しさもありますが、その分とても勉強になりますね!引き続きクライアント様に喜んでいただけるサイトを目指して頑張ります✨
0
カバー画像

【本日の制作】“圧強め真顔猫”の承知スタンプを制作しました🐈‍⬛✨

本日のLINEスタンプ制作は、「承知」をテーマにした黒猫スタンプを作成していました!今回は、“ただ可愛いだけではなく、少し圧のある真顔感”を意識して制作✨和風の筆文字と墨風の背景を組み合わせることで、シンプルながらインパクトのある雰囲気を目指しました!背景には淡い墨風の円を入れ、猫の黒毛とのコントラストが映えるように調整。さらに、文字の配置や余白感、LINEで小さく表示された時の見やすさなども細かく調整しました☺️「承知」という短い言葉でも、表情やデザインで印象がかなり変わるので面白いですね✨少しずつですが、“クセになる猫スタンプシリーズ”として形になってきています🐾そして色彩検定の学習は、昨日学習した「反射・透過」の続き!本日は、・屈折・干渉・回折・散乱について学習しました✏️【屈折】光が異なる物質を斜めに通る時、進む方向が変化する現象。水の中に入れたストローが曲がって見えるのも屈折によるものです!【干渉】光の波同士が重なり合うことで起こる現象。山と山、谷と谷が重なると光が強まり明るく見え、逆に山と谷が重なると打ち消し合って暗く見えます。【回折】波が小さな隙間を通ったり、障害物に当たった時、その先で広がるように進む現象。【散乱】光が空気中のちりや水滴、気体分子などに当たり、様々な方向へ散らばる現象。空が青く見える理由にも関係しているそうです☀️本日も制作と学習を少しずつ進めることができました✨作成したスタンプです↓↓↓
0
カバー画像

「光の反射と透過」について

本日は色彩検定の学習で、「光の反射と透過」について勉強しました!まず学んだのが【分光反射率曲線】について。これは、“物体に当たった光が、どの波長をどれくらい反射しているか”を表したグラフのことだそうです💡例えば赤い物体なら、赤い波長を多く反射しているため、私たちの目には赤く見えます🍎一方で、透明な物体は光を反射するというより、光を通す(透過する)性質があります。そのため、透明な物体の場合は【分光透過率曲線】という別のグラフで表されるそうです!また、本日は「反射」と「透過」にも種類があることを学びました。【反射の種類】・正反射(鏡面反射)・拡散反射鏡のようにツルツルした面は、入ってきた光を一定方向へ反射します。これを【正反射】と言い、“入射角と反射角が等しい”という特徴があります✨反対に、紙や石膏のように表面が細かく凸凹しているものは、光がさまざまな方向へ広がって反射します。これを【拡散反射】と言うそうです!【透過の種類】・正透過・拡散透過透明な窓ガラスのように、向こう側がはっきり見えるものは【正透過】。曇りガラスのように、光を通しながらぼんやり広げるものは【拡散透過】と呼ばれます✨普段何気なく見ている「ツヤ」や「透明感」にも、ちゃんと光の性質が関係しているのが面白いです☺️
0
カバー画像

本日は色彩検定の学習を進めました!

昨日「プリズム」という言葉が出てきたのですが、「そもそもプリズムって何だろう?」と思い、まずはそこから勉強しました💡プリズムとは、光を分けることができる透明な三角柱状の物体のこと。白い光がプリズムを通ると虹のように色が分かれて見えるのですが、これは光がプリズムに入る時・出ていく時に“屈折”するためです。さらに、光は波長によって曲がる角度(屈折率)が異なるため、色ごとに分かれて見えるそうです🌈この「波長ごとに光を分けること」を【分光】と呼び、分かれた後のそれぞれの光は【単色光】と呼ばれます。また、本日は「物体の色の見え方」についても学習しました!物体に当たった光は、・反射する・吸収される・透過するのいずれかの経路をたどります。例えば、🍎赤いりんご → 赤の波長だけを反射🍷赤ワイン → 赤の波長だけを透過しているため、私たちの目には赤く見えるそうです!普段何気なく見ている“色”にも、しっかり仕組みがあるのが面白いです☺️本日はここまで!
0
カバー画像

📝 本日の制作ログ|LPファーストビュー作成

本日は、美容クリニックのLP制作を進めました✨ファーストビューがほぼ完成してきて、全体の雰囲気もだいぶ形になってきました。今回こだわったポイントは、背景の透明感とやわらかいピンクのグラデーション表現です。単純なベタ塗りではなく、円形のシェイプをいくつか重ねながら、透明度を調整し、さらにガウスぼかしを加えることで、ふんわりとした奥行きのある背景に仕上げました。強すぎないやさしいピンクにすることで、美容系らしい「清潔感」と「やわらかさ」を意識しています。ファーストビューはサイト全体の第一印象を決める重要な部分なので、「一目で安心感が伝わるか」「やさしく見えるか」を大切にしながら制作しました。まだ細かい調整は残っていますが、完成に向けて少しずつブラッシュアップしていきます✨まだ少し調整するかもしれませんが途中経過です!
0
カバー画像

LPデザインの土台づくりを学んだ日

本日は、美容系LPのデザイン制作を進めました✨といっても、いきなり完成…というわけではなく、今日は「土台づくり」を中心に取り組みました。LPはバナーと違って、・全体の構成・余白の取り方・視線の流れなどをしっかり考える必要があり、改めて奥が深いなと感じています。特に今回は、背景のグラデーションや円を使ったレイアウトに挑戦してみました。一見シンプルに見えるデザインでも、バランスを整えるのが意外と難しくて、少しずつ調整しながら進めています。まだ途中段階ではありますが、「なんとなくそれっぽい」から「ちゃんと伝わるデザイン」に近づけるよう、引き続きブラッシュアップしていきたいと思います✨完成したらポートフォリオにも掲載予定ですので、ぜひ見ていただけたら嬉しいです😊
0
カバー画像

デザイン制作とポートフォリオ更新について

本日のブログは、デザイン制作とポートフォリオ更新についてです🌿まずは、クローバーの模様作成🍀Photoshopの「パターン登録」を使って、壁紙デザインを作ってみました。最初は「配置どうするの?」「つながらない…」とかなり苦戦💦均等に並べるつもりがバランスが崩れてしまったり、思ったような柄にならなかったり…。でも、配置やサイズ、向きを少しずつ調整していく中で、最終的には自然なランダム感のある、やさしい雰囲気のパターンに仕上げることができました✨(※ビフォー画像)(※アフター画像)色も少し変えてますひとつひとつ試しながら作ることで、「パターンってこうやって作るんだ!」と理解が深まった気がします😊---そしてもうひとつ☕ポートフォリオのエステサイトを、本日差し替えました!デザインや構成を見直して、より「見やすく・やさしく・伝わる」形にアップデートしています。特に意識したのは👇・余白の取り方・視線の流れ・全体の統一感以前よりも、少し洗練された印象になったかなと思います✨(※ビフォー画像)(※アフター画像)---少しずつですが、「より良いもの」を目指して改善を重ねています🌱今後も、制作の中での気づきや学びを発信していきますので、よかったら見ていただけると嬉しいです☺️
0
カバー画像

Photoshop 今日の合成 2024/10/20

今日もPhotoshopで合成した写真を載せていきたいと思います。 写真は写真素材サイト「ぱくたそ」さんの写真を使用しています。【元写真①】【元写真②】【合成後】今日はルネサンス絵画みたいにしてみました。細かい処理を説明すると長くなってしまうので割愛しています。 今、有料ブログで実例集を販売しています。 ぜひそちらの方もご覧ください。
0
カバー画像

Photoshop 今日の合成 2024/10/17

今日もPhotoshopで合成した写真を載せていきたいと思います。 写真は写真素材サイト「ぱくたそ」さんの写真を使用しています。【元写真①】【元写真②】【合成後】今日はハロウィンぽい感じにしてみました。細かい処理を説明すると長くなってしまうので割愛しています。 今、有料ブログで実例集を販売しています。 ぜひそちらの方もご覧ください。
0
カバー画像

Photoshop 今日のレタッチ 2024/10/15

今日もPhotoshopでレタッチした写真を載せていきたいと思います。 写真は写真素材サイト「ぱくたそ」さんの写真を使用しています。【元写真】【レタッチ後】今日は枯れた落ち葉を鮮やかにしてみました。細かい処理を説明すると長くなってしまうので割愛しています。 今、有料ブログで実例集を販売しています。 ぜひそちらの方もご覧ください。
0
カバー画像

Photoshop 今日のレタッチ 2024/10/6

今日もPhotoshopでレタッチした写真を載せていきたいと思います。 写真は写真素材サイト「ぱくたそ」さんの写真を使用しています。【元写真】【レタッチ後】今日は廃墟を世界の名画風にしてみました。細かい処理を説明すると長くなってしまうので割愛しています。 今、有料ブログで実例集を販売しています。 ぜひそちらの方もご覧ください。
0
カバー画像

Photoshop 今日の合成 2024/10/6

今日もPhotoshopで合成した写真を載せていきたいと思います。 写真は写真素材サイト「ぱくたそ」さんの写真を使用しています。【元写真①】【元写真②】【合成後】今日は森林にシマウマを来させてみました。細かい処理を説明すると長くなってしまうので割愛しています。 今、有料ブログで実例集を販売しています。 ぜひそちらの方もご覧ください。
0
カバー画像

Photoshop 今日のレタッチ 2024/09/24

今日もPhotoshopでレタッチした写真を載せていきたいと思います。 写真は写真素材サイト「ぱくたそ」さんの写真を使用しています。【元写真】【レタッチ後】今日はレトロな街灯をもっとレトロにしてみました。細かい処理を説明すると長くなってしまうので割愛しています。 今、有料ブログで実例集を販売しています。 ぜひそちらの方もご覧ください。
0
カバー画像

Photoshop 今日のレタッチ 2024/09/11

今日もPhotoshopでレタッチした写真を載せていきたいと思います。 写真は写真素材サイト「ぱくたそ」さんの写真を使用しています。【元写真】【レタッチ後】今日はコスプレのお侍さんを本物っぽくしてみました。細かい処理を説明すると長くなってしまうので割愛しています。 今、有料ブログで実例集を販売しています。 ぜひそちらの方もご覧ください。
0
376 件中 1 - 60