Сделать сайт черно белым

Главное нужно указать файл изображения на вашем компьютере или телефоне, нажать кнопку OK. Остальные настройки выставлены по умолчанию.

Пример цветной, чёрно-белой фотографии с автоматической гамма-коррекцией и просто чёрно-белой фотографии:

Данный онлайн инструмент поможет создать чёрно-белую фотографию из цветной онлайн, бесплатно, без установки программ и без регистрации. Если обработанная чёрно-белая картинка получается тёмной или наоборот слишком светлой, то можно попробовать включить гамма-коррекцию для автоматического улучшения результата.

Исходное изображение никак не изменяется. Вам будет предоставлена другая обработанная картинка.

Хотите стильный сайт? Выбирайте черно-белую цветовую гамму, и вот почему…

Все гениальное – просто.

Черно-белый дизайн никогда не будет скучным и не выйдет из моды. Вот уже несколько десятилетий черный нещадно эксплуатируется дизайнерами, когда они хотят сделать что-то элитное и стильное, и фотографами, когда они хотят сосредоточиться на содержании снимка. Доказательством этому служат сотни монохромных фотографий, которые признаются лучшими на различных конкурсах, а так же огромное количество черно-белых иконок модных приложений в App Store.

Дизайн сайтов работает по тем же законам, поэтому многие веб-дизайнеры отказываются от цвета, когда хотят получить стильный, модный и лаконичный сайт. Надо отметить, что на это решаются далеко не все. В нашей подборке вы не найдете кондитерских, кофеен или сайтов туристических агентств. В основном это персональные сайты-портфолио фотографов и дизайнеров, креативные студии и другие отрасли, тесно связанные с искусством (хотя, исключения, все-таки, есть). Все-таки черный цвет индустрия дизайна основательно прибрала к своим рукам. С ними могут поспорить разве что похоронные бюро, но их сайты, по объективным причинам, нельзя назвать креативными.

Итак, здесь мы собрали 15 сайтов, которые могут удивить, поразить или вдохновить на создание своего черно-белого шедевра.

Модная женская одежда как нельзя лучше смотрится в лаконичной монохромной гамме. В поддержу своей философии дизайнеры сделали черно-белый сайт.

Сайт-портфолио французского дизайнера Lionel Durimel. Черно-белая гамма дополнена интересным эффектом цифровых помех, что придает сайту некоторой загадочности. Красивые переходы и интуитивно понятная навигация дополняют общую картинку.

Читайте также:  Программа для просмотра видео с регистратора dvr

Сайт студии визуальных эффектов One More, которая специализируется на коммерческой рекламе и музыкальных видеоклипах. Микс из работ студии под энергичный трек можно посмотреть в разделе REEL. Черный цвет здесь играет роль и фона, и полноправного стилеобразующего фактора.

Сайт этого графического дизайнера из Франции поражает своей простотой и стилем. Типографика и верстка – вот, пожалуй, и все элементы, с помощью которых дизайнер создает свой невероятно модный сайт. Обратите внимание на слова, которые дизайнер хочет выделить. Он просто зачеркивает их, тем самым обращая внимание посетителя.

Продюсерский центр радует стильным монохромным сайтом и интересной заставкой. Легкий фон не отвлекает от основного контента, но в то же время создает ощущение наполненности. Кстати, кликнув на вкладку Music в верхнем правом углу, можно послушать интересные музыкальные композиции подопечных студии.

В то время как дизайн интерьера отеля Chess выполнен в теплых песочных, голубых и горчичных тонах, для его сайта была выбрана черно-белая палитра. Она удачно сочетается с качественными фотографиями интерьеров и подчеркивает высокий уровень и стиль данного заведения.

Очередной сайт дизайнерской студии в черно-белой цветовой гамме. Дизайн отличается большим вкусом и вниманием к деталям. В основе концепта, на наш взгляд, лежало противостояние негатива и позитива. Надо отметить, что и в том, и в другом варианте, картинка выглядит стильно. Очень удачное решение использовать типографику как доминирующий элемент дизайна.

Сайт дизайнерского агентства Hochburg, который они сделали для себя. Эти ребята сломали живучий стереотип «сапожник без сапог» и показали каким должен быть стильный сайт по-настоящему талантливых дизайнеров. Здесь черно-белая цветовая гамма позволяет сосредоточится на содержании: все элементы находятся в гармонии, и даже когда цвет все-таки появляется, он не нарушает общую картинку.

Фотограф Jakob De Boer на своем сайте создает атмосферу и рассказывает историю каждого снимка. Этому способствует и черно-белая гамма и ненавязчивая фоновая музыка.

Программист и художник David Paul Rosser работает в концептуальном ключе и создает совершенно оторванные от реальности вещи. Не пугайтесь, если есть сайт-портфолио введет вас в легкий транс: блики жидкого льда и мерцание граней бриллиантов, можно выключить в любой момент. Вот только захочется ли вам это сделать?

Читайте также:  Роль математики в программировании

Как пишет сам дизайнер, создавший веб-сайт для музея, главной целью этого проекта было сделать акцент на престижной коллекции с помощью интуитивно-понятной навигации и лаконичной функциональности нового сайта. Действительно, когда речь идет о том, чтобы показать ценность содержания черно-белая гамма подходит лучше всего.

Если говорить о провокации и креативе, то сайт дизайнера Shakir Dzhey по праву можно назвать лидером. Эффект неустойчивого аналогового сигнала и гипнотическое перемещение фигуры дизайнера по экрану – только часть сайта, которую можно увидеть на landing page. Внутренние страницы не менее стильные и выдержаны все в той же черно-белой гамме. Очень крутой сайт.

От черно-белого креатива дизайнерских и музыкальный сайтов не отстает компания, занимающаяся телекоммуникационным технологиями. Сайт CallFlex выглядит просто, и в то же время не дает посетителю заскучать благодаря интерактивной динамике вращающихся объектов.

Сайт-портфолио иллюстратора Алексея Байдакова. Для поддержания монохромной гаммы даже превью работ были переведены в черно-белый формат. Но с наведением мышки цвет вырывается наружу и позволяет в полной мере насладиться творчеством художника.

Это представление украинского дизайнера Kyle Walker на тему того, каким должен быть его сайт-портфолио с учетом всех модных тенденций в веб-дизайне 2014 года. Видимо, черно-белый цвет – одна из таких тенденций. Самое приятное, что шаблон этого сайта можно скачать.

Надеемся, эта статья была полезной для вас. Если вы знаете другие примеры креативных и стильных черно-белых сайтов, не ленитесь – оставляйте ссылки в комментариях. Мы обязательно включим достойные примеры в нашу подборку!

Дата публикации: 2012-08-06

От автора: часто перед веб-мастером встает задача работы с изображениями, в частности, их обработка. Например, одной из таких задач является создание черно-белого (ЧБ) изображения из имеющегося цветного. Нашей сегодняшней задачей будет вывод на страницу ЧБ изображения, при наведении на которое оно будет становиться цветным.

В принципе, нет ничего проще, чем подготовить картинку заранее и воспользоваться техникой спрайтов для смены картинок одной на другую. Но это решение далеко не всегда нам подойдет. Например, мы позволяем пользователям нашего сайта загружать картинки, к которым и должен быть применен нужный нам эффект. Очевидно, что здесь мы уже должны обработать загруженные изображения на стороне сервера (PHP) или клиента (JS), чтобы на сайт выводилось ЧБ изображение.

Читайте также:  Редактирование apk на windows

Что же, давайте приступим к реализации задачи…

План урока

1. Реализация задачи на PHP

2. Реализация задачи при помощи jQuery

Бесплатный курс по PHP программированию

Освойте курс и узнайте, как создать динамичный сайт на PHP и MySQL с полного нуля, используя модель MVC

В курсе 39 уроков | 15 часов видео | исходники для каждого урока

Детали учебника

Тема: PHP, jQuery

Сложность: Средняя

Урок: Видео (.mp4)

Время: 01:03:32

Размер архива: 78 Mb

1. Реализация задачи на PHP

Первый способ, который мы рассмотрим, позволяет обрабатывать картинки на стороне сервера. Делать это мы будем средствами PHP. Сразу стоит оговориться, что для успешной работы данного способа версия PHP на Вашем сервере должна стоять версия PHP не ниже 5-ой и должна быть библиотека GD (библиотека для работы с изображениями). Как все это проверить, мы рассмотрим ниже.

Итак, для начала создадим на сервере 2 папки, назовем их, к примеру, «blackwhite» и «color». Первая папка будет хранить ЧБ изображения, вторая — цветные. Мы здесь не будем рассматривать загрузку изображений пользователями на сервер и вывод этих изображений на сайт. Все это Вы можете найти в наших предыдущих уроках, в частности это урок Загрузка изображений с изменением размера.

Leave a Reply

Ваш адрес email не будет опубликован. Обязательные поля помечены *

You may use these HTML tags and attributes:

<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>