Luminar Neo

AIで画像編集!? Luminar Neoを使ってみた | 空を変えたり合成も楽々~

写真編集でアフィニティフォトだけで編集している方も多いと思いますが、今回紹介したいのはLuminar Neoという写真編集に特化したソフトウェアです。 AI(人工知能)を使ってマスクをかけてくれたり、そのマスクの部分に新しい空を当ては...
Affinity Designer / アフィニティデザイナー

Affinity Designerのアートボードツールが超絶便利!!書き出しペルソナで出力まで網羅

使わない日はないってくらい、とっても重宝しているアフィニティデザイナーのアートボードツール。 もし使ったことがなかったら、、、とてももったいない!!!ので、この機にアートボードツールをぜひ使ってみてください。 アートボードを作っ...
Affinity Designer / アフィニティデザイナー

Affinity Photoで画像を切り抜いてコラージュを作ってみよう!選択範囲をトリミングする方法

Affinity Photoを使ってアート作品を作るのも、とっても簡単です。選択範囲を切り抜けば、コラージュもすぐに作ることができます。 今回は、”切り抜き”と言ってもいくつか方法があるので、通常のマスク、クリッピングマスクや選択範囲をマ...
Affinity Designer / アフィニティデザイナー

テキストをぼんやりと光らせるネオン加工 Affinity Photo Affinity Designer

今日のトピックはネオン! 2種類違った種類の画像を用意しました。 光が出ているようなネオン加工は、照明を強くして商品を目立たせたり発光しているものの表現ができるのでとても便利です。 素材と画像編集後 Affinity Pho...
Affinity Photo / アフィニティフォト

Affinity Photo 選択範囲を指定して部分的に明るさを調節する|明度調整

今回はEC サイトで商品を販売する時に、商品画像がめっちゃ暗いってことありますよね。 自分で撮影すると、本当によくあることです。 でも、カメラマンを雇う余裕はないぞ。っていう時にこの方法を使ってください。余裕ができたらちゃんとし...
Affinity Designer / アフィニティデザイナー

タイポグラフィで遊ぶ 図形で文字に隙間を入れる方法 グラデーションで立体的に【Affinity Designer|Windows】

タイポグラフィで遊んでみましょう! 今回は文字の中に隙間を作って行きます。 レベルごとに初級から中級者向けに作りますので、少しずつツールを覚えながらやってみてください。 今回作るのはこれ レベル1 レベル2 ...
Affinity Designer / アフィニティデザイナー

Affinity DesignerとAffinity Photoを使って紙を切ったようなエフェクトのレイヤー効果【初心者向け】

紙を切ったような、奥行きのあるエフェクトを作っていく方法を今回は紹介していきます。 Youtube解説動画 紙エフェクトを作る方法 アートボードを入れる 既に用意してあるサンプルを見ながらやろうと思うので、別のアートボー...
Affinity Designer / アフィニティデザイナー

文字をパスにしてしずくが垂れたようなテキストデザイン/Affinity Designer

アフィニティデザイナーを使って、テキストをパス化し、パスで遊んでみましょう!!! 今回は、しずくが垂れたような、インクがしたたり落ちるような、そんなテキストにしてみましょう。 ハロウィーンなんかの、血のイメージにも使えそうですね...
Affinity Photo / アフィニティフォト

丸の中から人が飛び出す!アフィニティフォトを使ったデザインテクニック解説/Affinity Photo

シェイプから飛び出ているデザインは、ちょっとユニークでかっこいいですよね。 今回は、丸の中から人が飛び出すデザインを作ってみましょう! 練習ファイル 練習ファイルをダウンロード (練習用にアフィニティフォトのファイルを入れておきました...
Affinity Designer / アフィニティデザイナー

mockup/モックアップを使って画像編集を3パターン解説/アフィニティデザイナーアフィニティフォト

モックアップは、後からバリエーションを作ったりするのに便利な機能。 最近はフリーのモックアップファイルをダウンロードできるサイトも多いので、自分の作ったデザインをモックアップを使ってポートフォリオを作ると一段レベルアップしたポートフォ...
Affinity Photo / アフィニティフォト

すりガラス風の加工+ノイズ加工 Affinity Photo Add Glass Effect

Affinity Photoを使って、数年前から iPhone にも採用されていて流行っているらしいデザインのすりガラス風の加工をやってみたいと思います。 さらにノイズ加工も加えてヴィンテージ感も出していきたい。 さらにさらに進...
Affinity Designer / アフィニティデザイナー

【解決】Affinity DesignerやAffinity Photoが何度もクラッシュする時はこの設定をチェック

新しいPCを買って、affinity Designer も affinity Photo もすぐにインストール。 しかし、ファイルを開いてちょっと作業することにクラッシュ。 ソフトウェアを閉じて再起動させてさらに作業をしようとし...
Affinity Designer / アフィニティデザイナー

Affinity Designerの始め方/新規作成,シェイプを使ってシンプルなロゴを作成,レイヤー,色の変え方,テキスト,エクスポート

Affinity Designerを解説する私のページへようこそ! この記事では、 Affinity Designerを使ったことがなくて、よくわからない Affinity Designerの始め方が知りたい Aff...
Affinity Designer / アフィニティデザイナー

JPG画像からパス編集できるベクターデータにする方法/Affinity Designer,Affinity Photo,Convertio使用

ノートに描いたイラストからロゴを作ったり、jpg画像からベクターにしたい時に使える! 残念ながらまだ今の時点では affinity のプロダクトでは普通の画像からベクター画像にする方法は内容なので今回の方法でやってみたらうまくいったの...
Affinity Photo / アフィニティフォト

Affinity Photoで写真のドット加工・ハーフトーン加工をしてみる!【ポスター風/アフィニティフォト解説】

久しぶりにaffinity photoの解説をやりたいと思います! 今回紹介するのは、80年代風のポスターデザインに使えそうなドットを使った写真加工。 3つの画像を加工して、 STEP1. カラー STEP2. ...
Affinity Designer / アフィニティデザイナー

進撃の巨人タイトルを真似してみよう!

進撃の巨人の最後は感動的でしたね。私はリヴァイ兵士長とハンジが特に好きなのですが、伏線があちこちにはられている部分も、毎回驚かされました。 素晴らしい作品をありがとうございます!!! では、今回はそんな大好きな進撃の巨人のタイト...
Affinity Designer / アフィニティデザイナー

モザイクアートの作り方【Affinity DesignerとPhotoを使って】

今回は、YouTube で以前にリクエストのあったモザイクアートを作っていきます! 下に大きな画像を乗せてその上に、細かく配置した画像を載せて、そして描画モードを変えて合成して行きます。 Photoshop では一気に配置する方...
Affinity Photo / アフィニティフォト

透かしを大量の画像に一気に自動で入れるバッチ一括処理の方法/Affinity Photoのマクロ機能を活用!!

お久しぶりです!ご無沙汰しております。 なかなか忙しくてアップデートできませんでしたが、少し余裕ができたので、今回は透かしの一括処理について解説きたいと思います。 一括処理・バッチ処理とは? 一括処理とは、一気に同じ作業を自動で繰...
Affinity Photo / アフィニティフォト

簡単にできる多重露光風アートワーク/ダブルエクスポージャー加工【Affinity Photo/ アフィニティフォト】

Double Exposureは、日本語で言うと”二重露光”。さらに複数になると、multiple exposure”多重露光”もしくは”多重露出”。 私は写真について、そこまでプロフェッショナルではないので分かりませんが、写真を撮影...
Affinity Photo / アフィニティフォト

商品の”鏡面反射”を作ってワンランクアップの画像加工!ECサイト販売に使えるテクニック【Affinity Photoアフィニティフォト】

今回は、前回行った白抜き画像にさらにプラスして使える、鏡面反射を作る簡単な方法をシェアしていきます。 Amazonや楽天などの、ECサイトの商品のトップ画像などでよく見られる、あれです。 今回の方法は、反射する部分が真っ直ぐなものに限ります。
Affinity Photo / アフィニティフォト

ペンツールを使った白抜きの方法/アマゾンや楽天などECサイトでも使える【affinity photoアフィニティフォト】

Amazon や楽天といった EC サイトでよく見る、背景が真っ白の「白抜き」の商品画像。 選択範囲で簡単に選択できる場合もありますが、今回のサンプルのように、背景とメインの被写体が色が被っていたりして選択が難しい場合も多々あります。...
Affinity Photo / アフィニティフォト

黒いドレスに色を付けて簡単にカラーチェンジする方法/カラーバリエーション【Affinity Photo】

EC サイトの画像加工などでもよく使うカラーバリエーションの追加。 今回は、黒いドレスに色を乗せていきます。 黒や白以外の一般的な色だと、色相を変えたりするのは案外簡単だけれど、 色情報のない黒と白は、ちょっと難しい。 ...
Affinity Photo / アフィニティフォト

背景にぼかしを入れる簡単3ステップ/被写体にもっと注目させる方法【Affinity Photoデスクトップ版】

被写体をもっと目立たせたい時。背景がごちゃごちゃで、いまいち見せたいメインのものに目がいかない時。 どうしますか? ・・・・ 背景をぼかせば、いいんです!!! ちょっとぼかしを入れるだけで、ぐっといい感じの雰囲気にな...
Affinity Photo / アフィニティフォト

テキストをキラッとゴールドエフェクト【Affinity Photo/ アフィニティフォト】

シックに、ゴージャスに、高級な雰囲気に見せたい時。 アマゾンランキングで、ある商品でカテゴリ1番を取ったクライアント様のバナーを作らせて頂く機会があり、ゴージャスに魅せたかったのでやり方を調べました。 実際には使わなかったものの...
Affinity Photo / アフィニティフォト

ピクセルストレッチ/ゆがみツールを使って躍動的なエフェクトに【Affinity Photo/アフィニティフォト】

ピクセルストレッチをして、かっこいいアイコンを作ってみよう! ヨガやダンスをしている人の画像を使うと、かなりかっこよくできました。 写真から色を抜き取って、それを円状にして合成する。 ステップ自体は単純なので、一つ一つ順を...
Affinity Designer / アフィニティデザイナー

シームレスパターンをシンボル機能を使って簡単に作る!【Affinity Designerアフィニティデザイナー1.9】

YouTube のコメント欄の方でリクエストのあった、「シームレスパターン」をシンボル機能を使って作る方法を今回は紹介していきます! リクエスト下さった、じゅんさんどうもありがとうございます! パターンだけじゃなくてシンボル機能...
Affinity Photo / アフィニティフォト

画像の方向を自由に変えるパースペクティブツールとは!?【Affinity Photo1.9 /アフィニティフォトデスクトップ版】

この世界は、いつも正面から見ているものではないですよね。 ちょっと上からだったり、横からだったり、自分が見ている方向が変われば、四角形の物でも角度が変わります。 今回のチュートリアルでは、パースペクティブツールを使って画像の方向...
Affinity Designer / アフィニティデザイナー

新機能の”複合オブジェクト選択”ツールを使って、一気に同じ種類のレイヤーが選択できる便利技【Affinity Designerアフィニティデザイナー1.9】

選択をする時に、一度に同じ属性のものばかり選択できるツールが Affinity Designer 1.9で追加されました。 レイヤーがめちゃくちゃ多すぎる時に使える新しい機能! テキストだけ選択したい!っていう時、結構ありますよ...
Affinity Designer / アフィニティデザイナー

輪郭ツールが不思議な可愛さ【アフィニティデザイナー1.9で追加された新機能】デスクトップ版

輪郭ツールを使うと簡単に輪郭を大きくしたり小さくしたりすることができる。 さらに今回のアップデートでは、輪郭が触れ合った部分がひっつき合うような、不思議な可愛いらしい動きをするので、 ちょっと変わったデザインが作れそうな予感。 ...
Affinity Photo / アフィニティフォト

写真からポスターエフェクトを!ポップな80年代風デザインに【Affinity Photo アフィニティフォトチュートリアル】

今回は写真を使って、80年代のポスター風な加工をやっていきたいと思います!! 色をシンプルにして、さらにここのポイントは、明度によって選択範囲を指定できることです。 これはかなり使える機能だと思うので、そこだけでもぜひ押さえて行...
Affinity Photo / アフィニティフォト

ライブフィルターの中の”ゆがみ”ツールが超使える【アフィニティフォト1.9】かっこいい加工ができる!

今回は、affinity photoの1.9バージョンのアップデートで新規追加された、ライブフィルターの中に入っている「ゆがみ機能」について解説していきたいと思います。 私はこの”ゆがみ”機能が大好きなので、今回のチュートリアルでどれ...
Affinity Photo / アフィニティフォト

カスタムブラシが作れるようになった!可愛いスタンプ作ったりできるじゃないか~!【Affinity Photo1.9アップデート】

引き続き、affinity Photo 1.9バージョンでアップデートされた素晴らしき「新機能」を説明していきます。 今回紹介したいのが、自分でカスタムブラシを作れる!!という特に、イラストを書く人にとってはとっても嬉しい新機能かと思...
Affinity Photo / アフィニティフォト

【affinityphoto1.9】テキストをカーブさせて自由に動かす!パスの上にテキストが乗せられる新機能

AffinityPhotoでも文字がパス上に置けるようになりました~。 アフィニティフォトの新機能の中に含まれているのが、今回紹介するパスの上に文字を乗せて自由に文字を変形させるというもの。 アフィニティデザイナーの方では、以前...
Affinity Photo / アフィニティフォト

AffinityPhotoでパターンを一瞬で作る/配置する時の注意点

Affinity Photoの1.9に追加された新機能で、ベクターブラシや画像から簡単に、しかもライブでパターンが作れてしまいます。 シェイプから作るには、少し別の方法が必要なので、それも解説していきます。 さらに、作ったパター...
Affinity Photo / アフィニティフォト

リンクレイヤーで作業効率アップ【アフィニティフォトアップデート1.9!!新機能の紹介】

アフィニティフォトの1.9バージョン!!今回は、新機能として追加されたかなり使える「リンクレイヤー」について。 様々なリンクのさせ方があるので、一つづつ見ていきましょう。 Youtube リンクレイヤーについて解説 何枚もの...
Affinity Photo / アフィニティフォト

ドキュメント設定・写真のサイズの変え方【Affinity Photo / アフィニティフォト】

一番初めに必ず必要になる書類設定の方法を今回の記事で説明していきます。 若干 Photoshop とは仕様が違うので、どこに設定のボタンがあるのか初めは迷ってしまいますが一旦覚えればそれだけのこと。 YouTube の解説動画 ...
Affinity Photo / アフィニティフォト

Affinity Photoの始め方【新規作成/切り抜き/選択/レイヤー/エクスポートまで】

現在50%オフのセールを開催しているAffinity PhotoやAffinity Designer!!! まだまだ新しいソフトで、改善して欲しい部分の多いけれど、使いやすい機能も沢山盛り込まれていてこれからが楽しみなソフト。 ...
未分類

複数のファイル名の一部分だけ一括変更する方法【Windows10】

いちいち同じファイル名を、何度もコピペしてませんか?それって時間の無駄ですよ!! その時間をさくっと節約できる方法をこの記事でシェアしていきます。 いくつものファイル名の一部だけを置き換えする方法。では行きましょー!! ...
Affinity Designer / アフィニティデザイナー

オリジナルのステッチブラシを使って靴の装飾をしてみよう!【アフィニティデザイナー/Affinity Designer】

今回のチュートリアルでは、前回の記事で紹介したスティッチを使って靴のイラストにステッチの装飾を施していきます! これだけで、格段にかっこよくなる。 ペンツールでなぞった部分がそのままスティッチになるので面白いですよ。 今回...
Affinity Designer / アフィニティデザイナー

オリジナルのステッチブラシを作る方法【アフィニティデザイナー/Affinity Designer】

今回の affinity Designer のチュートリアルは、写真を使ってリアルなステッチブラシを自分で作る方法です! 布の画像の上に乗せると、可愛くなります。 このチュートリアルで学べることは 画像の取り込み方 ...
Affinity Designer / アフィニティデザイナー

オブジェクトの後ろにテキストを入れる方法【アフィニティデザイナー/Affinity Designer】

今回の affinity Designer のチュートリアルは、サムネイルなんかでよく使うデザインで、オブジェクトの後ろにテキストを入れる方法をご紹介します。 このチュートリアルで学べることは オブジェクトや被写体を切り抜く...
Affinity Designer / アフィニティデザイナー

カラフルなカメラアイコンを作る方法【アフィニティデザイナー/Affinity Designer】

今回の affinity Designer のチュートリアルは、簡単なカメラアイコンを作っていきます! 学べる内容は、 円の描きかた 多角形の描きかた シェイプの整列の方法 基点を変えて回転させる方...
Affinity Designer / アフィニティデザイナー

線の太さが拡大縮小しても変わらない!スケールを使おう【アフィニティデザイナー/Affinity Designer】

初歩で私が躓いたポイントで、いざアイコンを作るのが終わって、全部のレイヤーを一緒に拡大・縮小しようとしても、線の部分だけ太さが変わらない! これは使えなさすぎる。Affiniy Designer全然ダメじゃん。 いやいや、設定を...
Affinity Designer / アフィニティデザイナー

Power Duplicateの機能がめちゃ便利/ 反復複製【アフィニティデザイナー/Affinity Designer】

Power Duplicateという機能はアフィニティデザイナーを使っていて、必ず使いたい便利機能。知っているだけで、サクサク作業ができるので、ここで紹介していきます! 今回作るもの 今日使う英単語とショートカットキー ...
Affinity Designer / アフィニティデザイナー

ビンテージ感の出るかすれ加工・グランジ加工方法【アフィニティデザイナー/Affinity Designer】

今回の記事では、最終段階の加工としてぐっとカッコよくなるグランジ加工をやってみます。 ビンテージ・アンティーク感が出て、Tシャツデザインなんかでもよく使われる方法です。 やり方はマスクをかけて、グランジ加工専用のブラシを使うだけ...
Affinity Designer / アフィニティデザイナー

富士山+太陽の日本らしいロゴを作ってみよう【アフィニティデザイナー/Affinity Designer】

今日は富士山を題材にロゴを作っていきたいと思います! 最後にはグラデーションの影もつけて行きます。 今日作るロゴ 今日使う英単語とショートカットキー English 日本語 ショートカット Trap...
Affinity Designer / アフィニティデザイナー

レトロなリボン付きのロゴを作ってみよう!【アフィニティデザイナーのチュートリアル】

今回は、ちょっとレトロな牛入りのロゴを作っていきます。 特徴的なのは、リボンを丸の上に乗せて立体的なリボンを作ってみましたよ! 学べること 円形から点線を作る 円形のパスに沿って文字を入れる リボンの作り方...
Affinity Designer / アフィニティデザイナー

アボカドのアイコンを写真を使って作ってみよう!【アフィニティデザイナーのチュートリアル】

写真からトレースをして、アボカドのアイコンを作ってみた。 色も形も写真からそのまま持ってこれるので、一から全て自分で作らなくても本物に近いものができます。 使った写真素材 完成品 アボカドのアイコン 今日使う英単語とショ...
Affinity Designer / アフィニティデザイナー

ベクターのテントのアイコンを作ってみよう!【Affinity Designer アフィニティデザイナー】

アイコンやロゴを作ってみよう! 今回は、キャンプに使うテントのアイコンを作っていきます。 テントの右半分に影を付けたり、斜めに伸びた影も付けたり、今回は影の付け方もポイントです! 最後には月と星も付け足して、少しゴージャス...
Affinity Designer / アフィニティデザイナー

パワフルな色調補正ツールを解説!【アフィニティデザイナーのチュートリアル】

Photoshop負けず劣らずパワフルな、色調補正機能が affinity Designer には付いていて、写真を編集するのも、これさえあれば大体のことはできる。 使い方も簡単で、全体的に色を変えたり、レベル補正・カーブ補正機能も備...
Affinity Designer / アフィニティデザイナー

エクスポート/pngやjpegで書き出しをする方法【Affinity Designer/ アフィニティデザイナー入門】

最後に必ず必要になるのが、エクスポート!! 今回は、Affinity DesignerでのJPG形式やPNG形式にする、一番簡単な方法でエクスポートをしていきます。 今日使う英単語とショートカットキー English ...
Affinity Designer / アフィニティデザイナー

グラデーションのパレットを作る方法【アフィニティデザイナーのチュートリアル】

ベタ塗りの色をスウォッチに追加する方法は以前にも紹介しましたが、今回はグラデーションを作って、さらに作ったそのグラデーションをパレットにする方法をご紹介します。 ・ affinity Designer 上で自分で色を作る方法 ・...
Affinity Designer / アフィニティデザイナー

クリッピングマスクの基本操作【アフィニティデザイナーチュートリアル】

レイヤーマスクの次くらいに個人的には多用するのが、今回紹介する”クリッピングマスク”! 前回のマスクとはまた違った事ができます。 クリッピングマスクは、シェイプや文字の中に写真や画像を入れたい時に使える超便利なツールです。 今...
Affinity Designer / アフィニティデザイナー

レイヤーマスクの基本操作【アフィニティデザイナーチュートリアル】

まず始めに抑えておきたい”マスク”の使い方。 フォトショップなどと、使い方は一緒なので、別のソフトで使い慣れている人は簡単だと思います! データを壊さずに編集できるので、必ずマスターしていきましょう。 今日使う英単語とショート...
Photoshop / フォトショップ

金色の紙を作ってクリッピングマスクで画像の上に金の加工をする【フォトショップチュートリアル】

シルエット画像なんかに、金の加工を施したい時。中々素材から作るのって難しい~と思ってたけど、案外すぐにできて色の調節も荒さの調節も全部自分の好みに合わせて作れる。 今回紹介するのは、金の凸凹の紙を表現していきます! 素材 完成...
Photoshop / フォトショップ

口紅をブラシを使って塗ってみよう【フォトショップチュートリアル・デジタルメイク】

前回に引き続き、デジタルメイクを!今回のチュートリアルでは、リップに口紅を塗ったような加工をしていきます。 素材 素材と完成品を比べてみよう 今日使う英単語とショートカットキー English 日本語 ショー...
Photoshop / フォトショップ

デジタルメイクアップ!!眉毛とまつ毛を自然に描く方法【フォトショップチュートリアル】

全く化粧をしない、というかできない私ですが、フォトショップを使ってデジタルメイクをします! 眉毛を整えて、まつ毛を増やしてみましょう。 素材 素材と完成品を比べてみよう 今日使う英単語とショートカットキー ...
Photoshop / フォトショップ

update!眼の中の瞳の大きさをそこまで変えるか!というくらい変える方法【フォトショップチュートリアル】

前にも別の方法を紹介しましたが、瞳の大きさをもっとフレキシブルに変える方法。そして、今回はもっと大胆に、瞳を移植したいと思います。 動画の中でも解説しますが、瞳が真ん丸に近い方が加工しやすいです。 素材と完成品を比べてみよう ...
Photoshop / フォトショップ

フワフワの玉ボケエフェクトでキラキラ感を出そう【フォトショップチュートリアル】

写真をもっとフワフワキラキラにしたい時に使えるのが、ボケ画像を合成する方法。 夜の写真やフレッシュな木漏れ日を表現するのにも有効! 素材 ボケ画像: 女の子: 素材と完成品を比べてみよう 今日使う英単語とショートカッ...
Photoshop / フォトショップ

ヒーリングブラシツールで肌のレタッチをする時に使える小技【フォトショップチュートリアル】

フォトショップを使う上で、めちゃくちゃ便利でお世話になっているツールがヒーリングブラシツール。これをデフォルト設定だけで使っている人は、ちょっともったいない! モードを変えることで、使える範囲がどんと拡がるので、要チェ...
Photoshop / フォトショップ

黒目の部分・瞳の部分を大きくして、白目をよりクリアにする【フォトショップチュートリアル】

今回は黒目の部分を大きくして、目の印象を変える方法をご紹介します。 簡単に一瞬で終わってしまうので、プラスで瞳の部分を大きくします。 2枚目の画像では、さらに瞳の部分を全体的に大きくし、さらに白目の部分の明度を上げてクリアな目に...
Photoshop / フォトショップ

2画面で拡大比率の違う画像を見比べながら作業ができる方法【フォトショップ作業効率アップチュートリアル】

全体像も見ながら細かい部分を編集したい時に使える、2画面作業の方法を紹介します! 素材 Photo by Jeremy Bishop on Unsplash 今日使う英単語とショートカットキー English ...
Photoshop / フォトショップ

カラコンを入れ替えるより簡単!目の色をどんな色にも変えれる方法【フォトショップチュートリアル】

フォトショップで、目の色を変えてみよう! カラコンを入れるより、簡単に一瞬で変えられるし、どんな色にもできる。彩度も明度も自由に変えられる。 素材 完成品 今日使う英単語とショートカットキー English...
Photoshop / フォトショップ

目を大きくして、小鼻を小さくして、輪郭をしゅっとさせる【フォトショップチュートリアル】

悪用厳禁の、フォトショップで顔を変える方法。 使うのはゆがみツールのみで、顔を専門的に変えるツールがあるのです。 これはまじでやばい!デジタルならいくらでも偽れるね。 素材と完成品 今日使う英単語とショートカットキー ...
Photoshop / フォトショップ

ビンテージでポップな文字加工をドロップシャドウのみで作る【フォトショップテキスト加工】

今回は ドロップシャドウのみを使って、ビンテージ感のあるテキスト加工をしていきます。 完成品 今日使う英単語とショートカットキー English 日本語 ショートカットキー New 新規作成 ...
ストックフォト

AdobeStockに写真をアップロードするまでのワークフローを公開【ストックフォト】

いつもはPhotoshopについての記事を書いていますが、今回は趣向を変えてストックフォトについての記事と動画をあげました。 私が使っているストックフォトのウェブサイトは、 Shutterstock Ado...
Photoshop / フォトショップ

ボトルに影を付ける方法【フォトショップ入門編】

今回は Photoshop初心者の方向けの記事になります。 ボトルに影をつける方法。 手順 影をつけたい形に切り抜きもした画像を用意 レイヤー効果の中からドロップシャドウを選択し、影を作る レイヤー< レイ...
Photoshop / フォトショップ

丸やテキストに影をつける方法・ドロップシャドウ【フォトショップ入門編】

今回は Photoshop初心者の方向けの記事になります。 テキストやシェイプツールで作った丸や四角の物に、影をつける方法。 手順 影をつけたいシェイプやテキストを作成する レイヤーオプションの中からドロップシャ...
Photoshop / フォトショップ

普通の白い T シャツをモックアップにして、パターンで柄を入れる【フォトショップチュートリアル】

今回のモックアップは Tシャツ! 何の変哲もない白い T シャツを使ってモックアップを作り、パターンで柄をかぶせて全く別物のT シャツに早変わり! 手順 T シャツの上に大きめに選択範囲を指定して、パターンを乗せる ...
Photoshop / フォトショップ

グラデーションの波模様を作ってみよう!【フォトショップパターン】

今回はグラデーションの波模様を作ってみます! グラデーションレイヤーを作って、フィルターを2つかけるだけ。 手順 グラデーションレイヤーを作成 作ったグラデーションに、モザイクフィルターと波形フィルターをかける ...
Photoshop / フォトショップ

色域指定で被写体の色は変えずに背景の変えたい色だけ変える方法【フォトショップチュートリアル】

被写体をもっと引き立たせたいときに使える技。鏡を使う隣のように、被写体の着ているジャケットの色と、背景の色が近い場合に使える。 手順 色を変更したくない部分を選択 選択範囲を反転させる 色域指定で変えたい色を選ぶ...
Photoshop / フォトショップ

スマホケースの柄を変える!パターンを使ってカラフルなケースに【フォトショップチュートリアル】

スマホのケースのモックアップを作ってみよう!新しくパターンを作るところから始めます。 手順は、 被せたい場所の上に大きめに長方形を作る 長方形をスマートオブジェクトにする スマートオブジェクトをダブルクリックで開...
Photoshop / フォトショップ

ワインボトルのモックアップ・パターンでラベルを作ってみた【フォトショップチュートリアル】

前回紹介したパターンの作り方を更に使って、ワインボトルのラベルをパターンで作った。さらに、それをモックアップとして再利用できる方法。 素材 完成品 今日使う英単語とショートカットキー English ...
Photoshop / フォトショップ

どんな画像からでもランダムに自動配置されたパターンが作れる!【フォトショップチュートリアル】

パターンの作り方はいくつかあるのですが、今回紹介するのはとっても面白い方法です! 色や明度もランダムに調節してくれるし、カオス感がとても好き。 素材 花 サボテン 魚 完成品 今日使う英...
Photoshop / フォトショップ

文字を上品でロイヤルな雰囲気のゴールドエフェクトで金色に【フォトショップテキスト加工】

上品な雰囲気を出せるゴールドのテキスト加工をしてみよう! 今回はかなり英単語が多めなので、英語の勉強にもなると思います。 完成品 今日使う英単語とショートカットキー English 日本語 ショートカットキー...
Photoshop / フォトショップ

被写体は動かさずに背景を大きくする方法【フォトショップトリック】

もっと背景をダイナミックにしたい!という時に使えるフォトショップの技。 手順は、 まずは写真をクロップツールで大きく切り抜き Editの中からContent Aware Scaleを選択 Width, Heigh...
Photoshop / フォトショップ

肌の上に自然なタトゥーを合成する方法【フォトショップ合成】

今回はタトゥー!入れ墨を入れたような合成をしてみようと思います。 手順は、 画像を配置 ゆがみフィルターをかける マスクをして必要のない部分を消す ブレンド条件のカーソルを調節 マルチプライをかける ...
Photoshop / フォトショップ

目の下のクマを自然に消す方法【フォトショップレタッチ】

目の下にクマが!!って時に使えるレタッチ術。折角の晴れやかな写真なのに、目の下にクマがあったら残念ですよね。 この方法で、自然にクマを消してみよう。 素材と完成品 今日使う英単語とショートカットキー En...
Photoshop / フォトショップ

ブラシを自分でアレンジしてオリジナルのブラシを作る方法【フォトショップブラシ】

自分でブラシが作れてしまう!更に、好きなように太さの変化や、色の色相なども調節もできるし、アイデア次第でカスタムブラシは無限に広がる。 今回はどうやって自分のカスタムブラシを調節するかを説明します。 素材 横のサイズを20...
Photoshop / フォトショップ

文字の上下に文字が切れて分かれていく加工【フォトショップテキストエフェクト】

今回はテキストエフェクトのチュートリアルをします。 中央に文字を書いて、その上下に文字が消えていくような様子の加工をして行こうと思います。 素材 こちらの紙の素材を使います。 ↑登録(無料)するとダウンロード...
Photoshop / フォトショップ

自然な木漏れ日を表現する方法【フォトショップ画像加工】

今回のチュートリアルでは、自然な木漏れ日を表現する方法をご紹介します。 綺麗な光が差し込む様子を、 Photoshopで作ることができてしまいます。 素材と完成品 今日使う英単語とショートカットキー Engli...
Photoshop / フォトショップ

破れた紙でカラフルな世界と白黒が分断された【フォトショップ画像加工】

燃えた紙を使って、顔の右側を白黒に、左側をカラーに。 素材と完成品 紙: 今日使う英単語とショートカットキー English 日本語 ショートカットキー Duplicate Layer レイヤー...
Photoshop / フォトショップ

レトロで立体的なテキストエフェクト【フォトショップ入門】

テキストを立体的にしてみよう! しかも、一瞬でできるし、影の長さも簡単に調節できる。 完成形 解説動画
Photoshop / フォトショップ

拡大縮小をもっと簡単にして作業効率アップしよう!【Photoshop作業効率化】

普通にズームツールを使って拡大縮小をしていますか? もっと簡単にできる拡大縮小方法があるので、作業効率がアップさせられます。 今日使う英単語とショートカットキー English 日本語 ショートカットキー ...
Photoshop / フォトショップ

ピクセル画像からベクター画像に変換する方法【Photoshopチュートリアル】

ピクセル画像だったアイコンをベクター画像にして、どんなサイズにも対応する画像にしよう! ライブラリに保存されるので、後で使いたい時にすぐに取り出せるのも便利。 素材と完成品 小さくしたり大きくしたりすると、 ...
Photoshop / フォトショップ

道路が突然曲がった!ような加工を遠近法を使ってしてみる【Photoshopチュートリアル】

突然道がガクッと曲がったようなイメージを作ってみよう! 使うのは、何回か紹介をした”遠近法”を使います。 以前紹介した遠近法のチュートリアルはこちら 素材 完成品 今日使う英単語とショートカットキー ...
Photoshop / フォトショップ

除算モードを使って、写真をナチュラルな色にする【Photoshopチュートリアル】

ほとんど使ったことがない人が多いかもしれない除算モード。英語で言うと、Divideで、直訳すると割り算。 この割り算の除算モードを使って、フィルターがかかっているような写真をナチュラルな色にしてみる。 素材 完成品 今日...
Photoshop / フォトショップ

霧に包まれた都市風景がトンネルになる【Photoshopチュートリアル】

リアルな都市の風景を複製して、壁を作ってみた。トンネルの中にいるような、不思議な空間が。 素材 完成品 今日使う英単語とショートカットキー English 日本語 ショートカットキー Duplic...
Photoshop / フォトショップ

写真をキャンバスの上に 配置してみよう!【Photoshop入門編】

絵画が描かれているキャンバスの上に、自分の写真を配置してみよう! 今回使うのは、”ワープ”ツール。このワープツールが使えると、スマホの画面に配置したり、壁にかかっているポスターを変えたりもできる! 素材と完成品 手順 ...
Photoshop / フォトショップ

クリッピングマスクで作る合成イメージ!扉の向こう側に道ができた【Photoshopチュートリアル】

扉の写真と、どこまでの続く道の写真を合成してみた! クリッピングマスクを多用します。それ以外はかなりシンプルなので、難しいことは一切ありません。 素材 完成品 今日使う英単語とショートカットキー Engli...
Photoshop / フォトショップ

クリッピングマスクで作る多重露光風の幻想的なイメージ【Photoshopチュートリアル】

女の子の写真を切り取って、クリッピングマスクを使って多重露光風のイメージを作ってみた。 素材 完成品 今日使う英単語とショートカットキー English 日本語 ショートカットキー Duplicat...
Photoshop / フォトショップ

二階調化して女の子の写真に、夕日を合成してみた!【Photoshopチュートリアル】

女の子の写真を切り取って、まずは二階調化しアイコン風にして、夕日の写真を合成してみた。 素材 完成品 今日使う英単語とショートカットキー English 日本語 ショートカットキー Duplicat...
Photoshop / フォトショップ

グラデーションツールを使って選択範囲を作ってみよう【Photoshopチュートリアル】

普通に選択ツールを使うと、一直線のぼかしゼロの状態になりますが、今日紹介するのはグラデーションツールを使って選択範囲を指定する方法。 選択範囲がグラデーションになっていれば、やれることがぐんと広がります! そして今回使うのはクイ...
Photoshop / フォトショップ

カスタマイズしたグラデーションで自分好みのフィルターを作ってみよう【Photoshopチュートリアル】

今回紹介するのは、自分でグラデーションを作ってそのグラデーションを使って写真を加工する方法の解説。 グラデーションを作るのに色選びが大切になってくるが、今回はとっても使える Adobe 純正のカラーパレットエクステンションも紹介してい...
Photoshop / フォトショップ

オブジェクト選択ツールは痒い所に手が届くフォトショップの便利ツール!

オブジェクト選択ツールを使いこなすと、細かい部分の選択がよりスピーディーに正確に、修正も簡単になった。 上のタブにあるボタンも使って、より便利に使いこなそう。 今日使う英単語とショートカットキー English 日本...
Photoshop / フォトショップ

【英単語×Photoshop】超簡単にパターンができる方法!一瞬で完成!

以前にも丸を使ってドットのパターンを作る解説をしましたが、今回はイラストを使ってパターンを作っていきます。 ライブラリの中に入るので、後から使うのもとっても早いし簡単。 素材 作ったパターン パターンを使った作品例 ...
Photoshop / フォトショップ

【Photoshop入門】写真を”全体的”もしくは”部分的”に明るくする方法

今回は基本的な写真の全体的に明るくする方法。そして部分的に明るくする方法もご紹介します。 全体的に明るくする方法は様々なやり方があるので、いくつかをご紹介します。用途に合わせて変えたり組み合わせたりして使ってください。 今日使う英単...
Photoshop / フォトショップ

【Photoshopで遊ぼう】2020年6月に行われたフォトショップの大型アップデート21.2を解説!

5つの大きなアップデートが、6月の15日に行われました! 人物選択(特に髪の毛)の自動選択の向上 Camera Rawのワークスペースの変更 フォントの自動検索 パターンが回転できるようになった マッチフォ...
Photoshop / フォトショップ

【Photoshopで遊ぼう】魔法の杖!?自動選択ツール/Magic Wand Toolの使い方

自動選択ツールはかなり便利アイテム! Magic Wand Toolは直訳すると”魔法の杖”という名前の付いたツール。どんな使い方があるのでしょうか!? 今日使う英単語とショートカットキー English 日本語 ...
Photoshop / フォトショップ

【Photoshopで遊ぼう】レイヤーの基本操作徹底解説/超初心者向け!!

レイヤーを使いこなす!レイヤーを制すものはフォトショップを制す! ということで、今回はフォトショップ超初心者向けにレイヤーについて徹底解説していきます。 今日使う英単語とショートカットキー English 日本語 ...
Photoshop / フォトショップ

【Photoshopで遊ぼう】窓から光が差し込んで霧がかかったイメージを作る方法

メキシコシティから2時間ほどバスに乗ったところにあるプエブラに行った時に撮った写真。昔はたくさん金が取れた場所で、今でも金で装飾されている教会はとても美しい。 祭壇と窓が写った写真があったので、窓から光が差し込んでいるような雰囲気を出...
Photoshop / フォトショップ

【Photoshopで遊ぼう】霧をフォトショップで作ってみよう!色も付けられる霧をフィルタのみで作る方法

ブラシも雲や霧の写真もなしで、 Photoshop に入っているフィルターだけで霧がかった雰囲気を作ります。 しかも霧の色も変えられて、今回は寒い冬のブルーの霧をイメージして作ってみた。 完成品 こちらが元の素材↓ ...
Photoshop / フォトショップ

【Photoshopで遊ぼう】便利すぎて知らないと損する ブラシツールのショートカット 3選

作業の効率を劇的にあげてくれるショートカットキー。 今回は、ブラシツールを使っている時に超便利なショートカットキーを3選紹介! 便利ショートカット1 ←→でブラシの回転 矢印キーを押すだけで、ブラシが回転する!!!微調節し...
Photoshop / フォトショップ

【Photoshopで遊ぼう】写真を使って漫画の様なハーフトーンの作り方!

アンディウォーホールのようなどこで作られたアート。漫画に色を付けるときや、高卒館をつける時に使われる技法。 そのハーフトーン加工を Photoshop でも再現ができる! ハーフトーンとは? 色の濃淡を、様々なサイズのドットで表現...
Photoshop / フォトショップ

【Photoshopで遊ぼう】ビンテージの写真ぽく周りに影を付けるビネット加工の方法

今日は周りに影をつけるビネット加工の方法をご紹介します。 古い感じの写真や、ピンホールカメラのイメージが作り出せます。 素材と完成品 素材 方法1 レンズ補正でビネット加工をする方法 方法2 選択範囲で影を付ける方法 ...
Photoshop / フォトショップ

【Photoshopで遊ぼう】グリッチ加工をした画像を使ってフレームアニメーションを作る

前回作ったグリッチ加工の画像を使って、アニメーションを作ってみる。アニメーションの作り方も二通りあるが、今回はフレームアニメーションで動画を作っていこう。 完成品 今日使う英単語 English 日本語 T...
Photoshop / フォトショップ

【Photoshopで遊ぼう】写真に壊れた古いテレビの画面の様な”グリッチ(故障)加工”をしてみよう!

以前にもテキストを使ってグリッチ加工のチュートリアルを作りましたが、今回は写真を使って少しだけやり方を変えてやってみます! 素材と完成品 今日使う英単語 English 日本語 Glitch...
Photoshop / フォトショップ

【Photoshopで遊ぼう】シェイプの中に沿ってテキストを入れる方法

シンプルなシェイプに沿って、テキストをおさめてロゴっぽくデザインができる方法をご紹介します! 使うのは。Warpというツールのみでできるので、見た目よりさくっと出来て、プロっぽい仕上がりになる。 完成品 今日使う英単語 ...
Photoshop / フォトショップ

フォトショップで写真をくっきりとした2色に分けて、色を変える!アイコン風にできる方法

様々な色が何層にも重なってできている私たちの世界。写真も、沢山の色で構成されていますが、今回はその色を2色にしてみます! アイコン風になって、ポップな印象になりますよ。 完成品 今日使う英単語 English ...
Photoshop / フォトショップ

【テキストエフェクト】ドロッとインクが垂れたような文字にする加工をフォトショップで作ってみよう!

私の大好きなテキストエフェクト!今回の Photoshop のチュートリアルは、テキストをインクがドロッと垂れたように見せる方法。 画像をテキストの中に入れて、ゆがみツールを使ってどろっとした液状化した雰囲気を作っていきます。 完成...
Photoshop / フォトショップ

【テキストエフェクト】テレビが壊れたようなグリッチエフェクトをフォトショップで作ってみよう!

今回紹介するのはグリッチエフェクト。テキストを壊れたテレビの画面のような動きのあるデザインに仕上げる。 完成品 今日使う英単語 English 日本語 Glitch 故障、誤作動、異常、技術的なミス ...
Photoshop / フォトショップ

フォトショップで曼荼羅を手書きで描く方法

フォトショップのブラシツールで簡単にマンダラの様な幾何学模様のデザインが作れる! かなり複雑な柄でも、自動的に対称にフォトショップが描いてくれるので、何度も繰り返さずに一発できれいな曼荼羅ができてしまう。 無心になって描いている...
Photoshop / フォトショップ

【Photoshopで遊ぼう】テキストの下に写真を入れて、テキストから飛び出す感じを作る

以前にも、テキストの中に写真を入れたりする方法は紹介しましたが、今回は応用編。 まずは写真をテキストの中に入れて、その後でテキストから飛び出させる。
Photoshop / フォトショップ

【Photoshopで遊ぼう】一部だけにぼかしをかける方法

ぼかしにも、沢山の方法があって、それぞれにステップも変わってくる。前回では、ライン上にぼかしをかけるTilt Shiftを紹介したが、今回は選択範囲の中にぼかしをかける方法。 マスクを使う方法と、クリッピングマスクを使う方法と2つ紹介...
Photoshop / フォトショップ

【Photoshopで遊ぼう】ジオラマ&ミニチュア世界をチルトシフトで表現しよう!

ジオラマ風の世界を写真で表現 できるツールが Photoshop には入っています。 その名もチルトシフト!写真のアプリなんかでも機能として入っていることが多いので、言葉を知っている人も多いかもしれません。 特に上から下に向かっ...
Photoshop / フォトショップ

【Photoshopで遊ぼう】背景をキレイにぼかす方法

背景ももっとぼかしたい!という時に、綺麗に背景をぼかす方法をご紹介します。 ボタン一発でできるわけではなく、レイヤーを二つに分けて、背景レイヤーとサブジェクトのレイヤーに分けてから背景レイヤーにぼかしをかけると、とっても綺麗にボケます...
Photoshop / フォトショップ

【Photoshopで遊ぼう】フォトショップで雨を降らせてみる・第二弾/レインエフェクト

前回に引き続き雨の画像加工をする。前回は自分でブラシを作ったが、今回は別の方法を紹介したいと思います。 レイヤー自体に描画をかけていく。また少し雰囲気の違った雨が出来上がる。このレイヤーさえ作っておけば、他の写真にコピー&ペー...
Photoshop / フォトショップ

【Photoshopで遊ぼう】フォトショップで雨を降らせてみる・レインエフェクト

5月も終わりに近づいてきて、日本はもうすぐ梅雨の季節でしょうか。私が滞在しているメキシコも、雨季に突入。 日本みたいにずっと降り続くわけではなく、晴れていたかと思うと、突然にざっと降る感じ。 カリブ海沿いの街にいて、日中はとても暑いので...
Photoshop / フォトショップ

【Photoshopで遊ぼう】文字をオブジェクトの形に沿って配置する方法/Text Wrapping

雑誌の様に、人物や被写体の周りに沿って、その形にテキストが配置されているデザイン。 これが普通に真っすぐに配置してあるよりも、一層かっこいい! 完成品 今日使う英単語 Guide: ガイド Ruler: 定規 ...
Photoshop / フォトショップ

【Photoshopで遊ぼう】円の内側と外側にテキストを入れる方法・ロゴで活躍するスキル!

ロゴを作る時によく役に立つのが、テキストを円状に配置する方法。 今回は、基礎的な円の内側と外側にテキストを入れる方法を解説しています。 完成品 アイキャッチ画像に使っているこれ! 手順 外側にテキストを入れる ...
Photoshop / フォトショップ

【Photoshopで遊ぼう】体の後ろにネオンを入れるチュートリアル

ネオンを合成して、不思議で幻想的な光の世界をフォトショップで作ってみよう。
Photoshop / フォトショップ

【Photoshopで遊ぼう】ドットのパターンの作り方と色の簡単な変え方

ドットをパターンにすると、使い勝手が良い!そして、かわいい! パターンを作ってから色を変えるのも簡単。 これからは梅雨の時期に入るので、水玉模様で何かを作ってみると季節感出ますね。
Photoshop / フォトショップ

【Photoshopで遊ぼう】超便利なスタンプツールを使って、要らない部分を消したり、人を複製する

スタンプツールがとっても便利! 今回は、スタンプツールを使って、不要な部分を背景と同化するようにきれいに消したり、はたまた人やものを複製させるのにも使える便利ツールです。 素材 完成 ちょっと人が多すぎでガタ...
Photoshop / フォトショップ

【Photoshopで遊ぼう】紙の上に水彩で描いたようなエフェクト/水彩画

ほんわかした雰囲気を出すのにうってつけなのが、水彩画風のエフェクト! お洒落なカフェや、雑貨屋さんのイメージで。 素材 完成品 ブラシ いつも使っているBrusheezyから水彩ブラシをダウンロードして使っています...
Photoshop / フォトショップ

【Photoshopで遊ぼう】テキストを透明にして背景を見えるようにする方法

テキストを透明にして、背景が見えるようにする加工! 今回紹介するのは、文字を透明に抜く方法。慣れれば2分くらいでできるようになりますよ。 完成品 作業時間目安 1-2分 加工手順 土台のレイヤーを作成する(文字の...
Photoshop / フォトショップ

【Photoshopで遊ぼう】スモークブラシを使って、煙に巻かれているようなエフェクトをしてみた

煙のブラシを使って、スモークエフェクトができる。今回も、手順は前回紹介したバラバラエフェクトと同じ手順でできて、ブラシを変えるのみでできる。
Photoshop / フォトショップ

【Photoshopで遊ぼう】バラバラに崩れていくエフェクト/Dispersion effect

海外Youtuberさんたちがこぞって紹介するかっちょいいエフェクト。バラバラになっていくように見えるディスペーションエフェクトの方法を解説してます。 完成品 素材 ブラシ 作成手順 素材を白抜きする ...
Photoshop / フォトショップ

顔の凹凸に合わせてマーブルを立体的に見せるゆがみ加工を徹底解説【フォトショップ】

前回紹介したLiquify機能を使って、顔面にマーブル模様を合成していく。 今日のポイントは、いかに立体的に合成するか。 鼻のカーブのある部分は、カーブに合わせて補正していく。
Photoshop / フォトショップ

【Photoshopで遊ぼう】目を大きくしたり、輪郭を細くする方法

今回のPhotshopで遊ぼうは、"Liquify(歪み?液状化?)"を使って、 目を大きく 耳を伸ばす 輪郭を細くシュッとさせる 鼻を高くする 小鼻を小さくさせる といったマジックをお見せします!!...
Photoshop / フォトショップ

【Photoshopで遊ぼう】多重露光風の写真編集!顔の上に鯉が流れて泳いでいるイメージ

今回紹介するのは、 Photoshop で多重露光風に写真を編集する方法。重なり合った画像が透けて見えるようなイメージ。 英語では、"Double exposure"と検索すればたくさん作品が出てきて、とても凝った作品も多く一度ググっ...
Photoshop / フォトショップ

【Photoshopで遊ぼう】反転させたマスクを使って好きなとこだけ色を変えてみる

マスクを使いこなすことは、Photoshop(フォトショップ)を制することにも繋がる! どんなときにも使えるテクニックなので、普通にマスクを使うのとは別に、反転マスクの使い方も覚えておきましょう。 普通のマスクは白く表示されるの...
Photoshop / フォトショップ

【Photoshopで遊ぼう】背景にグラデーションのレイヤーを入れる

グラデーションが割と流行っているこの頃。既にちょっと古い?その辺は分かりませんが、今回紹介するのは、グラデーションのレイヤーを背景に入れる方法! 簡単に画像のイメージが変えられるので、試してみてください。 手順としては、 ...
Photoshop / フォトショップ

【Photoshopで遊ぼう】文字テキストをお城の背景に入れる方法・立体感出る!

今回紹介するのは、テキストを背景に入れ込む方法! ベトナムのフエ王宮に行った時の写真です! 門(フエ王宮の牛門と呼ばれる大きな入り口の門です)の後ろに"IMPERIAL CITY"と英語で入れていきます。 工程はとても簡単...
Photoshop / フォトショップ

【Photoshopで遊ぼう】パペットアートのアニメーションを作る

今回紹介するのは、フォトショップを使ったパペットアートのアニメーションの作りかた。 とっても簡単にできるので、ぜひ挑戦してみてください! 動画も作ったので、分かりにくければ動画も見ながらトライしてみて下さい。
Photoshop / フォトショップ

【Photoshopで遊ぼう!】Tシャツの色を好きな色に変える方法

ここのところだけ色を変えたい!という時のために、選択範囲を選択して、その選択した部分だけ色を変える方法を紹介。 動画も作ってみたので、分かりにくい部分は動画も見ながらやってみてください!
CSS

SVGとCSSでアニメーションに挑戦

svgファイルを使って、アニメーションが作れる。 See the Pen bike-boy svg animetion by aiworldexplore (@aiworldexplore) on CodePen. このア...
CSS

CSS/ flex-box/ flex-growの使い方

今回は、flex-growについて。
CSS

【CSS/flexbox】orderで特定のアイテムの順番を変更

デフォルトだと始めに書かれたアイテムから順に並ぶが、特定のアイテムだけ前に移動させたい場合。
CSS

【CSS/flexbox】align-selfの使い方

全てのアイテムを整列させる方法を前回紹介しましたが、今回はクラスを使ってアイテムを特定して、その特定されたアイテムだけ整列を変更する。 4番目のアイテムにi4のクラスを与えて、 .i4 {} の中にalign-self: ...
CSS

【CSS】flexbox/ align-itemsの使い方・整列方法

align-items align-items: center; / 軸は真ん中に整列される 分かりやすいように、2番目のアイテムにはクラスを追加して(i2)、他のアイテムより高く(height: 100px;)した。 See...
CSS

【CSS】flexboxとは/ flex-directionとjustify-content

flexboxの素晴らしいポイント flexboxは、CSS3の新しいモジュール。エレメントを並べる時に、非常に簡単にでき、方向を変えたりするのも楽。 flexboxが発明された主な理由は、コンテナを作ることによって、エ...
php

【php】簡単な計算式を作ってみる

phpで簡単な計算式を作ってみる。 コード htmlの中にstep="0.1"を入れる事で、小数点も加えられるようになる。もちろん、0.0000001なども可能。 数式で使うもの + 足し算 - 引き算 * 掛け...
未分類

【イラストレーター】レイヤーをロックするショートカットキー

レイヤーをロックしたい時。 Object/ Lock/ Selection これで、選択しているレイヤーにロックがかかる。 ショートカットキーは、 windows10の場合:ロゴキー+2
php

php trueとfalse 2つのデータを入れる

↑今回使うコード。 $isMale $isTall この二つのデータを、それぞれtrueの時とfalseの時、4パターンに分けられる。 2つともtrueの時 MaleでTallの時は、2つともtrueに...
php

PHPのメモ

phpを使って足し算をする See the Pen 足し算php by aiworldexplore (@aiworldexplore) on CodePen. phpのGETを使って文字を入れてみる ...
php

【ワードプレステーマ】register_post_typeを使って新しいポストタイプを作成~新しいページテンプレートを作成

今回編集するのは、register_post_type 新しいページタイプを作る アイコンを変える 好きなアイコンをここから選べる。 出てきたコードをコピーして、 'menu_icon' => '...
php

【ワードプレステーマ作り】サイドバーを入れる

ファイル:function.php の中に See the Pen OJVWeYg by ai-nishino (@aiindigo2) on CodePen. ワードプレス上にサイドバーが表示された。 ...
php

ワードプレスのアチーブページ01

See the Pen wordpress archive.php previous, next by ai-nishino (@aiindigo2) on CodePen. この <?php pre...
Photoshop / フォトショップ

スポットヒーリングツールで不要な部分を一瞬で消す

始めに、このスポットヒーリングツールを使って加工した画像の、ビフォーアフターがこちら 動画での使い方はこちら スポットヒーリングツールのできること 消したい部分を周りの風景と同化させて...
CSS

テキストを選択した時の色を変える方法/html, CSS

何も指定しないと、テキストを選んだ時のデフォルトカラーは青い(firefoxとChromeは少なくとも確認済)。これを、変えてみる。 コードを入れる前 コードを入れる前は、↑このような画面になっている。そして、使うコー...
CSS

画像をレスポンシブにする方法/表示する画面サイズによってサイズを変える

3つ画像が並んだデザイン。 この画像を、レスポンシブにする。 htmlコードはこちら img srcsetタグ この <img srcset="img/nat-1.jpg 300w,...
CSS

デバイスの大きさに合わせて画像自体のサイズをレスポンシブにする方法

画像自体をレスポンシブにする方法を説明。 なぜ画像をレスポンシブにする必要があるのか? 理由:大きな画面で最適なサイズでも、小さなデバイスになると同じ画像サイズだと重たくなってしまい、読み込みが遅くなる原因になる。 ...
CSS

あなたのコードが、どのブラウザでサポートされているかorいないか調べる簡単な方法

コードを書いていても、あるブラウザはサポートされていて、あるブラウザではサポートされてないことがある。 簡単な調べ方は、 Can I use.comを使う リンク: ここに問題になっているコードを入れて確かめる...
Photoshop / フォトショップ

【Photoshopで遊ぼう】画像の”切り取り”トリミング方法・クロップツール

基本中の基本から。 真っすぐにするのに使えるアイテムや、縦横比の変え方も動画で説明していきます。 今日使う英単語とショートカットキー English 日本語 ショートカットキー Crop Tool 切り...
Photoshop / フォトショップ

新規ファイルを作成【フォトショップ入門01】

初歩の初歩は、新規ファイルの作成。 全てはここから始まります。 そして、基本的に英語版フォトショップで解説していきます。 ファイル作成を選択 まずは、ファイルの新規作成をする。 Fileか...
タイトルとURLをコピーしました