Рейтинг@Mail.ru
сентября 18, 2009 | Author: VeryOldCat

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

Итак метод первый палитра цветов или цветовая палитра. Я когда-то нашел в Сети и сохранил так называемую цветовую палитру. Ее создали, судя по записи в самой палитре, некто Владимир Голованов и Андрей Якушев. Постарались для нас, ленивых. Что представляет собой эта палитра? Это наборы уже готовых сочетаемых цветов с различными романтическими названиями. Этих наборов очень много. Есть из чего выбрать. Они так и называются – набор палитр для WEB-дизайна. Выглядят эти палитры вот так:

Палитра цветов и кое что еще

Это образцы цвета с цветовыми кодами, что очень удобно при работе с любым графическим редактором. Выбрал цвет визуально - и забил его в редакторе с помощью кода!

Способ второй. Вам, конечно, приходила в голову мысль в процессе просмотра чужих сайтов: «Вот бы мне в моем сайте сделать такие цвета и оттенки!». Некоторые, может быть, даже пытались на глаз составить себе такую же палитру. Зачем на глаз, дорогой? Есть программы, которые сделают это для тебя с максимальной точностью. Работают они приблизительно так. Находишь нужную WEB страницу, запускаешь программу, наводишь мышиный курсор на нужный участок и программа определяет цветовой код, который ты можешь восстановить, например, в Photoshop. Для примера две программы.

ColorDetector. Простая программа, не требующая инсталляции. Запускаем ее и видим:

Палитра цветов и кое что еще

Для определения кода цвета достаточно кликнуть на изображении пипетки и навести курсор на нужный участок. Выбрали цвет? Жмем F3, Add (добавить) и Save (сохранить), указываем папку и имя сохраняемого файла.

Вторая программа приблизительно такая же, только возможностей у нее больше – это YuFCP Color Picker:

Палитра цветов и кое что еще

Вот заявленные возможности:


  • Получение цвета любой точки экрана, в которой находится курсор. Т.е. YuF Color Picker использует ваш экран как большую палитру цветов! Цвет определяется автоматически через определённые пользователем промежутки времени.
  • Представление значения цвета в виде шестнадцатеричного числа, возможность копирования значения цвета в буфер обмена (по нажатию на кнопку и по клавише F3)
  • Просмотр выбранного цвета
  • Возможность сохранять значения цветов в списке
  • Кнопка включения/отключения автоопределения цвета (также это выполняется по клавише F4)
  • Возможность выбора цвета с помощью стандартного диалогового окна Windows, вызываемого прямо из программы
  • Инструмент RGB Color Picker, позволяющий задавать цвет вручную по схеме RGB, палитра безопасных цветов для WEB
  • Русскоязычный интерфейс
  • Программы бесплатные, что радует.

Способ третий. Есть программы, с помощью который можно подобрать сочетаемые цвета. Например, программа Color Wheel Pro. Программа облегчает подбор сочетаемых цветов с помощью цветового круга. Очень неплохая программа, жаль только платная. Но если кто хочет поближе познакомится с ней, то у нее триал- период 30 дней:

Палитра цветов и кое что еще

Ну, и если вам это нужно, то можете скачать палитры цветов, программу Color Wheel Pro и две программы, определяющие цветовой код — одним архивом, ВОТ ЗДЕСЬ. Успехов в создании дизайна сайта!

Палитра цветов и кое что еще

Фотошоп с нуля в видеоформате

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

Изучайте прямо сейчас!

*

Оставить комментарий

XHTML: Можно использовать такие теги: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong> <pre lang="" line="" escaped="">