サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
Wikipedia
youknow.jp
みるだけでよだれが滴るおいしい料理写真をつくるよ。 言うまでもないことだけどさ、おいしい料理といえば、あつあつ感。 あつあつ感に必要なのは湯気。 WEB業界的には「湯気つけときゃうまそうに見える」っていう都市伝説があるよ。 今回は料理写真をおいしく見せるために、Photoshopで作る湯気の作り方を紹介するよ。 さらに今回は、アクション機能を使って、2回目以降から文字通り一瞬で湯気がつけられるようにするよ。 今回の記事では、この見るからにおいしそうな画像に湯気をつけてこのように加工するよ。 この画像はゆん無料壁紙画像集様からお借りしています。ありがとうございます。 料理をおいしく見せる湯気の作り方Step1.加工したい画像を開く 加工したい画像をPhotoshopで開きます。 Step2.湯気を作る このStep2をアクションに保存しておくと、次回から一瞬で湯気を制作することが出来ます。
先日チョーク風なテイストで作る方法を調べて、色々試していました。 以外とベストなやり方を探るのに時間がかかった […] 投稿Photoshopでチョーク風にイラストやフォントを加工するはYouKnow.jpが最初に作成しました。YouKnow.jp以外での掲載を見かけたらお手数ですが、youknowまでご連絡下さい。
こんにちは!YOUKNOWです! 今までWEBサイトデザインの制作効率化の為に、自分で作ったデザインパーツや商用素材などをストックするPSDを作っていました。 そんな中、Photoshopのスタイルをいじっていたらライブラリの存在に気づきました。 なんやこれ…。と思いながらも使ってみるとまあこれが便利便利!! Adobe ライブラリとは? 作ったパーツなどをストックしておくことができるものがライブラリです。 追加したデザインパーツは、CleativeCloudで同期される為、追加したデザインパーツはPhotoshopやIllustratorで同じものを使用することが出来たり、他の端末でも同じパーツを使用することが出来ます。 なおこの機能はCC2014から使用することが出来ます。 なんで俺この機能にもっと早く気づかなかったんだろうか…。 それくらいに便利です。これでもうパーツを保存しておくP
というのも全部を拡大しようとすると、選択したオブジェクト達の真ん中を基準として拡大処理を行うため、位置がズレズレになってしまう問題があります。 今回はこのような問題を解決してくれるスクリプトをご紹介します。 レイヤーの拡大を助けてくれるPhotoshopスクリプト Transform Each Transform Eachはレイヤーの拡大・縮小を補助してくれるPhotoshopスクリプトです。 拡大・縮小以外にも、回転なども補助してくれます。 思ったより使うポイントが多いのがこのスクリプト。コレのお陰でかなり時間が短縮出来ています。 インストール通常のPhotoshopスクリプトとかわりありません。 こちらのページのダウンロードボタンから[KAM]Transform Each.jsxをダウンロード ダウンロード完了したら、以下の場所にダウンロードした.jsxを保存します。 Windows
ホームページ・システム開発は youknow.jpにおまかせください😉 はじめまして!わたしたちは群馬県前橋市に拠点をおくWeb制作会社です。 制作会社さまや事業者さまのためのホームページ・システム開発を手がけています。 詳しく知るには初めての方へや私たちについてのページがおすすめです🙆♂️ 魅力的かつ機能的な ホームページ・システムを 作るのが得意な会社です。 「ウェブサイトなんてわかりません」 大丈夫です、安心してお任せください。 国内の競技場・大学のシステム、旅行代理店のサイトを つくっているのは、わたしたちです。 デザインも、システムも、最前線で磨き上げた技術力で お客様の課題にやわらかく応えます。 わたしたちについて
日本でも都内のほうでデジタルサイネージで登場の出番がありそうだったり、ウェブのデザインやアプリのデザインも最近は動きありきのデザインも多くなってきたため、モーションデザインなんかも今後大事になってくるのではないのかなぁと考えています。 そんなこんなで、モーショングラフィックスに個人的にはまってまして、いろいろ見た中から個人的に好きなモーショングラフィックスをご紹介します。 モーショングラフィックス紹介【ソニー銀行】ATM広告 ソニー銀行のATMを知らせる広告モーショングラフィックス。 ぐっと印象に残るCMになってます。カッコ良いです。 制作はTAKCOM(土屋貴史さん)が手がけているそうです。 穀物ソリューションカンパニー youtube等で見つけられませんでしたので、公式サイトのリンクを貼っておきます。 公式サイトの右下にある、紹介映像(30秒)はこちらをクリックして再生してみてください
WEBデザイナーの紙ポートフォリオの作り方の手順です。(人よって手順は違います。以下はあくまで一例です。) ステップごとに説明していきます! どのような紙ポートフォリオにしたいのかを決める自分が載せることができる作品のリストアップクオリティが低い作品や、やり残した作品のブラッシュアップレイアウト作成デザイン完成Step1.どのような紙ポートフォリオにしたいのかを決める どのような紙ポートフォリオにしたいのかを、まず作り始める前段階に決めておくと良いと思います。 出来上がりを考えるまだ楽しいと思えるギリギリの時期です。 サイズサイズはA4、WEBデザインは縦長が多いので縦のレイアウトをオススメします。 A4サイズをオススメする理由は、他の書類サイズと同じサイズで、相手が保管しやすいかなという考えからです。 サイズが大きいので載せる作品も大きく出来、かつ縦長になりやすいWEBデザインを全て入れ
紙ポートフォリオについて詳しく書いた改訂版を新しく書きました。よろしければ…!! 長かった就職活動を終え、ヘトヘトになりながらもなんとか制作会社に内定を頂くことが出来ました。拾っていただいた恩はお仕事で返済していければ..と考えています。 そんな僕も、会社に入社してから2ヶ月経ち、母校からインターンシップ生がやってくる時期になりました。話を聞いてみると、丁度ポートフォリオを作成する時期だそうなので、僕が個人的に考える内定をいただけるようなポートフォリオの作り方をご紹介したいと思います! 個人的な考えが満載ですが、お役立ちできる所が少しでもあれば幸いです。 ポートフォリオとは? デザイナーが、企業に提出する作品集のことをポートフォリオと呼びます。 ポートフォリオには、自分ができることや得意なこと・実績をアピールします。 ポートフォリオは内定を勝ち取る為に必須のものです。 企業さんからしたら、
以前紹介したPhotoshopプラグインのDittoですが、使ってみた感じが凄く良い感じなので再度ご紹介します。 というよりこれのお陰で修正時にかなり助けられたのでお礼を兼ねて再度… Ditto DittoとはDittoはPhothoshopの無料プラグイン。 レイヤーにIDを指定し、IDに対して一括で設定を適用するプラグインです。 WEBデザインでコーディングを行っている人にはわかりやすいかもしれません。 CSSのイメージです。 利用できる環境はPhotoshop CC2015からです。 設定できるパラメータ塗り文字列表示・非表示フォントサイズフォントの種類フォントの色行の高さDittoのインストール方法 Dittoのインストール方法をご紹介します。 僕がMacを使用しているため、Macのインストール方法になっています。 ただ、Windowsでもほとんど同じ手順でインストールできると思い
中央に配置したい要素に上記のCSSを指定することでヨコ・タテ中央配置することができます。 これで、画面中央に表示されているはずです。 画面中央ではなく、親要素の中央に要素を表示させたい場合には、要素の親要素に、position:static(初期値)以外のposition:relative;、potision:absolute;やposition:fixed;を指定してください。 その親要素を基準にヨコ・タテ中央配置になります。 サンプルではtop.left.right.bottomに0を指定していますが、これらの数値をいじっても問題はありません。 ただし、top.left.right.bottomの初期値はautoになっているため、これを解除するために指定しています。 そのため、topだけに80pxを指定するとタテ・ヨコ画面中央からタテのみ80px下に行く指定することも可能です。 mar
こんにちは!YOUKNOWです。 よく箇条書きで文章を入れて下さいとお願いされることがあります。 なかなか綺麗な箇条書きって面倒だと思っていました。 でもよーくウェブサイトとか見てみると、注釈とかの所は箇条書きで書く所が意外と多いんですよね 例えばmeijiのここさけ&あの花のキャンペーンサイト。 ここの応募概要とか箇条書きで作られていますよね。 この箇条書き一つとってもデザイナーだと、ついつい凝ってしまいます。 2行目の文字の頭の位置が、右の方の文字はわざわざ1文字ズラされてますね。 こういったこまかーいこだわりを繰り返してるから時間が辛くなっていくのがデザイナーだと思います。 完全にマゾですね! こんなのただ半角スペース入れるだけやろ!って思ってる方も多いと思うんですが…自分もそうでしたが.. こういった注釈の所、何度も修正が入るのでその度にスペースの位置を調整していたら時間がいくらあ
こんにちは!YOUKNOWです。 本日社内で話題になってた、CC 2015シリーズの中から、Dreamweaver(DW)のご紹介です。 いままでなんとなく他のエディタに比べると、遅れてた感が否めないdreamweaverさんですが、今回のアップデートで最前線に舞い戻りそうです。 今までの機能や新機能等、便利になりそうだなと思った所をピックアップしてご紹介しています! しかしadobeさんはbracketsも出しているけれど、両方頑張る感じなのかな..? Dreamweaver CC 2015での進化点あらゆる端末で同時にプレビューする、デバイスプレビュー機能 デバイスプレビュー機能 PCと表示を確認したい端末を同じwifiネットワーク内に入れ、Dreamweaverが表示するQRコードを読み込ませるか、指定のURLを手動で入力して接続する方法があります。 また、表示する端末の横幅等のメタ
こんにちは!YOUKNOWです。 社会人になってから休日の貴重さが分かりますね…! 今週末は、東京に来てから全く乗る機会がなくなってしまった車に乗ってきました。 免許をとった時以来の運転でしたのでだいぶ不安でしたが、慣れてくると運転は楽しいですね。 練習のつもりのレンタルでしたが、案外なれるのに時間もかからずそのまま横浜へ行ってきました。 夜景キレイだし、海の匂いもするし、気分転換には持って来いの横浜..!住みたい… レンタカーを初めて利用したのですが、思っていたほど値段も高くなく、都会に住むならレンタカーで十分かなあ、なんて思いました。 明日からまたお仕事ですが、もう少しセンスを磨かないと先輩方からの修正指示が減りそうになさそうだったため、今週末はひたすらセンスの良いものを見るようにしてました。 そんな中で、先日こんな記事を見つけました。 良いまとめだなぁと思うと同時に、丁度センスの良い
このページを最初にブックマークしてみませんか?
『群馬県前橋市のWeb制作会社 youknow.jp | 株式会社youknow.jp』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く