Как скачать фоновое изображение с сайта и скопировать код цвета

  Автор:
  2 комментария
  17704

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

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

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

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

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

Для идей и вдохновения я использую каталог шаблонов  www.templatemonster.com. Здесь много замечательных, красивых, современных и эффектных шаблонов для разных CMS.

Подробную инструкцию «Как скачать фоновое изображение с сайта» и «Как скопировать код цвета с сайта» смотрите в видео. Ниже, под видео в тексте я описала шаги.

Как скачать фоновое изображение с сайта

Как скопировать код цвета с сайта

  1. Откройте браузер Firefox (в этом браузере больше инструментов для скачивания графики)
  2. Заходим на сайт https://www.templatemonster.com/
  3. Выберите шаблон, который вам нравится и откройте демоверсию
  4. Отобразить фрейм отдельно (на странице с демо версией нажать на правую кнопку мыши — > выбрать из списка «В этом фрейме» -> «Показать только этот фрейм»)

color-image1

Как скачать фоновое изображение сайта

1. Наведите мышку на фоновое изображение -> нажмите правой кнопкой мыши и выберите из списка «Открыть фоновое изображение»

color-image

2. Фоновое изображение откроется -> нажмите правой кнопкой мыши и выберите «Сохранить как»

color-image2

3. Сохраните изображение на своем компьютере

Как скачать все изображения со страницы сайта

  1. Зайдите на страницу сайта
  2. Нажмите правой кнопкой мыши и выберите из списка «Сохранить как»
  3. Выберите папку на компьютере для сохранения.
  4. После того как все скачается, откройте папку на компьютере и в ней вы найдете все картинки вебстраницы, кроме тех, что используются в качестве фона

Как скачать всю графику со страницы сайта

1. Откройте страницу в браузере Firefox (если это фрейм, отобразите его отдельно)
2. Наверху в меню нажмите «Инструменты»
3. Выберите из списка «Информация о странице»

color-image3

4. Перейдите во вкладку «Мультимедиа»
5. Выберите изображение, которое хотите скачать
6. Нажмите на кнопку «Сохранить как»

color-image4

Как скопировать код цвета на сайте

  1. В браузере Хром (или в том, где у вас установлен инструмент ColorZilla. Если не установлен, посмотрите видео инструкцию как это сделать) откройте страницу на которой вы хотите скопировать цвет
  2. Нажмите на значок «ColorZilla» справа вверху браузера
  3. Выберите из списка «Pick Color From Page»
  4. Наведите мышку на желаемый цвет (вверху, на черной панели будет предпросмотр цвета)
  5. Нажмите левой кнопкой мыши по желаемому цвету (при клике копируется код цвета)

На этом все. В следующей статье мы рассмотрим на примере еще один вариант изменения внешнего вида блога с использованием плагина «Живая форма» и «Входная страница».

Оставайтесь на связи!

Задание:

  1. Зайдите на сайт и найдите интересный дизайн блога
  2. Скачайте фоновое изображение
  3. Скопируйте коды цветов

P.S. Данный материал написан в рамках конкурса «Самый эффектный дизайн блога на шаблоне AB-Ispiration». Больше о конкурсе можно узнать здесь:Конкурс на самый эффектный дизайн блога на шаблоне AB-Inspiration

 


Создать сайт для заработка с нами — легко и быстро!

За помощью обращайтесь в нашу службу поддержки 24/7

 

Нужен качественный хостинг для сайта на WordPress?
Рекомендую, проверенные годами, хостинг Timeweb:
Надежный проверенный годами хостинг для сайта на WordPress
а также, хостинг Beget:
Хостинг Beget
Как скачать фоновое изображение с сайта и скопировать код цвета

   3 голоса
Средняя оценка: 5 из 5
Находите эту информация полезной и интересной? Тогда смело жмите на кнопки соцсетей и поделитесь этой информацией со своими друзьями и знакомыми:

Анфиса Бреус

Анфиса Бреус - специалист по Wordpress с 2007 года. Создатель и разработчик шаблона "AB-Inspiration" для самостоятельной и профессиональной настройки сайтов на WordPress для бизнеса. Основатель клуба "Мастер WordPress" и автор эксклюзивных курсов по WordPress. Фрилансер. Спикер.

Подпишись на меня в Telegram! Только важные новости и лучшие статьи
Оставьте свой комментарий:

Комментарии на Блог
2 комментария
  1. Vlad

    Спасибо тебе добрый человек. Дай бог тебе здоровья. 2 месяца голову ломал как фоновый рисунок извлечь

  2. Олег

    Огромное спасибо!

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