CSS3を使ってできる画像まわりのエフェクトやスタイリング18
CSS3を使った画像のエフェクトやスタイリングについて、思いつく限り一挙にまとめてみました。 たくさん画像を扱うサイトなどを作る際に、CSSでできる表現のカタログとして使ってもらえたらと思います。 ※ 2/24 「2. めくれた風」を書き忘れていたので追記しました 目次 1. シャドウ 2. めくれた風 3. トイカメラ風トンネル効果 4. カラー調整 5. 回転 6. 角丸 7. 楕円のフレーム 8. 円のフレーム 9. 三角形フレーム 10. 重なった風 11. ぼかし 12. フェード（シャドウ編） 13. フェード（グラデーション編） 14. 反射 15. リボン 16. 差し込んだ風 17. フレームだけを傾ける 18. 半透明フレーム まとめ ※ 実際の表示はこちらから確認できます。 ※ この記事で掲載しているCSSは、シンプルにするためにベンダープリフィックスを付けていません
Photoshopで人物の髪の毛を「境界線の調整」を使って簡単に切り抜く方法 | ページ 2 / 3 | 東京上野のWeb制作会社LIG
こんにちは、デザイナー兼フォトグラファーのおまめ （@omame_creator） です。 今回はPhotoshopで写真を切り抜く方法、髪の毛のような細かいものをきれいに切り抜く方法、背景と馴染ませる方法を解説します。 どれも私が試して一番短い時間で簡単にできた方法なので、ぜひ試してみてください！ 独学でつまずいていませんか？ Photoshopの使い方を効率的に学びたい、プロのデザイナーに教えてもらいたい……という方は、「スクールでの勉強」もおすすめです。LIGでもWebクリエイター育成スクール「デジタルハリウッドSTUDIO by LIG」を運営しております。「今すぐスクールの概要を知りたい！」という方は、ぜひこちらより資料をご請求ください。 ※この記事は2022年3月に編集部が情報を更新しました 「選択とマスク」を使って髪の毛を切り抜く方法 髪の毛を目立たせるため、強めになびかせた
jquery小技まとめ３２
作成：2013/07/1 更新：2014/11/01 Web制作 > 先日ECサイトを制作したときに、動きのあるサイトにしないといけなかったので、色々調べて組み込んでみたんですが、jQueryでもう何でも出来ちゃいますね。近い将来ローカルで画像なんかを編集しなくても、ブラウザだけで色々できるようになるんじゃないでしょうか。今回は定番からちょっとマイナー（Google Analytics関係とか）なものまでjQueryの小技、プラグインを集めさせていただきました。 エンジニア速報は Twitter の@commteで配信しています。 もくじ スクロール １．ページ内リンク／フッターまわり／トップに戻る ２．パララックス スライド ３．カルーセル ４．レスポンシブなスライダー ５．ヌルヌルサクサクなスライドメニュー ６．サムネイル付きクロスフェードスライドショー 補助 ７．Google Ana
フリー写真素材サイトまとめ15選
こんにちは。学生ライターの池澤章太です。 Webで記事を書くときや資料を作るときに、フリー写真素材をよく使うと思います。しかし、イメージに合う写真や素材を見つけるってなかなか大変です。場合によっては商用利用できるか調べるなければいけませんし。 そんなときに、商用利用ができて、無料で使える素材サイトがまとめてあると便利ですよね。 ちなみに動画素材については送別会、結婚式に！映像制作に使える無料動画素材サイトまとめをご覧ください。 今回は、23個ほど素材サイトをまとめました。この記事をブックマークしておけば素材に困ったときに役立つはず！ 【こちらもおすすめ】 無料で商用利用OKのサイト特集 商用利用できるフリー写真素材サイトまとめ23選 ここでひとつ注意を。「フリー」という単語は、なにかと誤解を招きやすいですが、著作権がフリーだったり、クレジット表記が不要だったりする意味ではありません。各素材
デザイナーの仕事を驚くほどラクにするPhotoshopアクション厳選18種【全て無料】 | Find Job ! Startup
画像加工や写真の修正、すべて手作業でやってませんか？ Photoshopのアクション機能で自動化すればアッという間に終わります。今回はデザイナーの仕事を驚くほどラクにするアクションを18種、厳選してまとめました。 目次 単純作業をラクにするアクション（×4種） モックアップ作成をラクにするアクション（×6種） 写真加工をラクにするアクション（×6種） 写真の枠をラクに付けるアクション（×2種） 単純作業をラクにするアクション １.Retina対応画像を生成する Retinize Itを使えば、iPhoneやiPadに対応したRetina画像を自動生成できます。リサイズ〜名前変更の手間を一気に短縮しましょう。 Retinize It ２.リフレクションする 水面に反射したような効果が得られるリフレクションエフェクトが簡単に作れるアクションです。たったのワンクリックでAppleプロダクトの
Youtubeを使って超カンタンにCMをサクッと作る方法
１）Youtubeアカウントを取得 http://www.youtube.com/ Youtubeでアカウントを作りましょう。 これで動画を作成する準備は整いました。 ２）スライドショーを選択 画面上部にあるアップロードを選択して、スライドショーを選びます。 今回作成した動画にちょっとだけ心残りがあるとすれば、16:9のアスペクト比ではつくってありますが、画像サイズを1920×1080にしなかったことで、若干テキストが荒れてしまいました。反省。 もし高画質を望むなら解像度は1920×1080でアップするといいかもしれません。 ここでは、写真をアップロードを選択することで、写真をアップしていけます。 ３）後はポロポロと送信 ちなみに、テキスト画像と、写真画像を交互に送信すればそれらしくなります。 ４）動画編集 写真をアップし終えたら次へボタンを押すと、動画編集画面になります。 右側にはサウン
初心者のための一眼レフカメラの知識を深めるサイトのまとめ
1年ほど前にミラーレスの一眼カメラ買って勉強を続けているわけですが、なかなか奥が深くて面白いです。ということで初心者の私が読んで役立ったサイトを紹介しますのでお役に立てば幸いです。 一眼レフカメラ本体やレンズについて 本体やレンズについての知識が深まるサイトをまとめました。まずはこちら。購入する際に知っておきたい知識が網羅されています。 デジタル一眼レフカメラの選び方 | デジカメ | コネコの手もかりたい｜価格比較サイト [coneco.net] コネコネット 続いて、イメージセンサーとレンズについてです。 イメージセンサーについて カメラといえば画素数がクローズアップされることも多いですが、画素数が多くてもイメージセンサーが小さいとあまり意味がないようです。一昔前に1000万画素超えているカメラを搭載していることを売りにしている携帯がありましたが今から思うと違和感を覚えます。 デジタル
思い出を一枚にまとめる｜iPhone女子に人気の写真デココラージュアプリ5選
今回はiPhone女子14人にお聞きしましたお勧めのコラージュアプリをご紹介します。 若干年齢に偏りがありますが、よしとしましょう。（10代が2名、20代が5名、30代が7名） ところでコラージュアプリって何？ コラージュアプリとは、2012年の時から小学～高校迄の若い世代を中心に使われるようになったアプリでして、たくさんの写真を一つにまとめ、それを一枚の思い出としてコンパクトに整理し、共有することが目的として使われてきました。 例えば以下のように、私が博多に行った複数の思い出を一枚の画像にすることで、コンパクトに整理することが出来ると言うことです。iPhoneアプリでとった写真をそのまま直ぐに編集、加工出来る為、非常に楽なわけです。 さらに、ここに文字を書いたり、キラキラを追加したり、雑誌風にしたり、光沢をつけたり、アイラインを追加したりなんだりかんだりの加工を加えることをデコと呼びます
密かに撮影し続けた「女性」の姿。変人と呼ばれ、45年間世界と断絶し続けた「隠遁する観察者」の膨大な記録 ミロスラフ・ティッシー:DDN JAPAN
DDN は 音楽 ・ 映像 に関する デジタル アート を中心に情報ミックスを配信中
3Dプリンター騒がれ過ぎ。それで飯食ってる僕が言うんだから間違いない
3Dプリンター騒がれ過ぎ。それで飯食ってる僕が言うんだから間違いない2013.05.24 12:3074,730 satomi 3Dプリンティングも認知がだいぶ広まってきましたね。新聞でもブログでもTVでも盛んに取り上げられています。 ｢これからはどんな製品でもダウンロードできる｣ ｢自宅でも印刷屋でも、CADプログラム、アプリ、3Dスキャナーにデータ取り込んでプリント出力すればなんでも自作できる｣ ｢製造の分散化が起こる。で、また西側に製造を取り戻せる｣ しかし水を差すようでアレですが、カップケーキ、ダフトパンク最新アルバム、若返りの妙薬ゴジベリー（クコの実）同様、この3Dプリンティングも騒がれ過ぎ。どうしてそんなことわかるのかって、これで生計立ててますからね。 毎日来る日も来る日もマシン動かして一般人・業界人にご要望を伺うのが仕事なんです。この2年で成型したモデルは5000点、対応した
画像を無限にアップロードし続ける。Picasaを使って最高のカメラライフを送ろう。
ブログ移転のお知らせ！ ▼当ブログは移転しました！新しいサイトは以下となります！！ http://bamka.info ▼お手数おかけしますが、RSSの再登録もお願いします！！ http://feeds.feedburner.com/bamka iPhoneライフ楽しんでますかー？イエー！ iPhoneで撮った写真どうしてますかー？ 私は写真はすべてPicasaにアップロードしてます。でも普通にアップロードするとPicasaの容量制限がすぐにいっぱいになってしまいます。 そこで便利なのがPicasaウェブアップローダ。これを使えばPicasaの容量を圧迫せずに、画像を無限にアップロードし続けられるのです。 「一眼レフを愛用していて、画像のサイズが大きくて困ってる」という方にとっても活用できますので、ぜひ一読を。 ■Picasaの基本 ◇無料での容量上限は1GBまで。 ◇800×800pxサ
写真をフォトショップで加工して背景をぼかしてみる｜フォトショップはじめの一歩 Adobe Photoshop 簡単マニュアル
デジカメの失敗写真とか、ちょっとした手間で写真素材をあっちゅう間に格好よく変えてしまうフォトショップの使い方を解説。フォトショップお絵かき講座も一緒にどうぞ。 写真をフォトショップで加工して背景をぼかしてみる 基本的な画像編集術2-ポートレイト加工 ここで紹介するフォトショップ手法は、基本なんだけど手間がかかって面倒くさい背景ぼかし。一眼レフやデジタル一眼なんかで絞りを開放してピントを合わせ、対象物にのみフォーカスを当てて背景がぼやっとしている・・・ グラビアなんかでよく見るあれです。あれを普通のデジカメで撮ろうとするとなかなかの難作業。機種によっては完全に出来ないものもあるので、じゃあ撮った後にドラマチックに編集してやろうじゃないのというフォトショップ編集マニアのための記事です。 前置き長いなーーー。さ、ちゃっちゃと始めてしまいましょう。 まずは前項で使ったこの画像。 まあ見て分かるとお
これからライフログを始めたい人へ。まずはオススメしたいiPhoneアプリ。 - Cross Mode Life
photo credit: William Hook via photopin cc どーも。taka（@takaiphone2010）です。 去年を振り返ると「ライフログ」というワードはいろいろなところで聞いたり、見たりすることも多く、世の中的にもだいぶ認知度が上がったんじゃないでしょうか。 私もライフログを取り始めてもう１年以上経過しました。 年始めは、新しいことに挑戦するのにもいい時期です。 ライフログに興味がある方は、この機会にぜひ、ライフログを始めてみてはどうでしょうか。 ということで、個人的にライフログを始めるのにオススメするiPhoneアプリを紹介してみます。 各シーンごとに分けてみましたが、すべてをやる必要はないです。まずは、自分がとってみたいと思った項目からはじめてみるのがいいです。 ライフログの保存場所 まずは、ライフログを保管する場所ですが、Evernoteに貯めて行
サービス終了のお知らせ - NAVER まとめ
サービス終了のお知らせ NAVERまとめは2020年9月30日をもちましてサービス終了いたしました。 約11年間、NAVERまとめをご利用・ご愛顧いただき誠にありがとうございました。
一枚もののウェブページをとにかく簡単に作れる『tackk』 | 100SHIKI
わりと前からあるが、今触ってみたら結構良かったのでご紹介（今更だけど）。 自分のホームページやブログほどじゃなくても、ちょっとしたイベントのためにウェブページが作りたいなー、というシーンはままある。 そうしたときに使えるのがtackkだ。 もちろん似たようなツールは他にもあるが、使い勝手がとにかくシンプルな点が素晴らしい。 まずアクセスするといきなり編集画面だ。あとはテキストや写真を入力してテーマを設定すればOKである。共有用のURLはアクセスした瞬間に付与されるのでそれを使えばいい。 また無料のユーザー登録をすれば複数のページを管理することもできるようだ。「一枚もののウェブページをとにかく簡単に作れる」というコンセプトが良いですな。
2NT -無料ブログ 無料ホームページ 等-
2NTは無料ブログ、無料ホームページ等、楽しいWEB Lifeをお届けするポータルサイトです。
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
YouTube人気急上昇
http://lorempixel.com/
ウェブ初心者も安心して作成できる、無料HTMLテンプレート素材24個まとめ - PhotoshopVIP
NameBright - Domain Expired