Фон под рисунок – Ой!

Фон обои, фон картинки, фон фото

Фон обои, фон картинки, фон фото Приложение WallpapersCraft
  •  9.0 1280x720  84232 фон, капли, свет
  •  8.9 1280x720  108394 фон, макро, забор
  •  8.9 1280x720  107039 фон, небо, точки
  •  8.9 1280x720  73453 фон, свет, пятна
  •  8.9 1280x720  86570 фон, узоры, тень
  •  8.7 1280x720  73185 фон, рисунок, пятна
  •  8.7 1280x720  99438 фон, яркий, свет
  •  8.6 1280x720  53329 фон, темный, пелена
  •  8.6 1280x720  46209 фон, пятна, линии
  •  8.5 1280x720  111625 фон, пятна, темный
  •  8.4 1280x720  70724 фон, узоры, форма
  •  8.3 1280x720  54138 фон, неровности, свет
  •  8.3 1280x720  65118 фон, узоры, цветы
  •  8.2 1280x720  46010 фон, новый год, ветки
  •  8.1 1280x720  62031 фон, синий, узоры

wallpaperscraft.ru

Обои на которых есть "фон" для Android, iPhone и компьютера.

Обои на которых есть "фон" для Android, iPhone и компьютера.

Обои на которых есть фон

фон темый темно-синий свет текстура текстуры скачать обои для рабочего стола широкоформатные обои скачать обои обои hd

1920 x 1080, 42 кБ

во весь экрансохранитьфон шампуры оранжевый дольки зерна

1920 x 1200, 404 кБ

во весь экрансохранитьфон для стола текстура черный

1920 x 1200, 485 кБ

во весь экрансохранитьфон зеленый цвет сияние

1920 x 1200, 456 кБ

во весь экрансохранитьфон арт листья осень золотая осень

1920 x 1080, 217 кБ

во весь экрансохранитьфон текстура обои крутые обои цвета.

1920 x 1080, 63 кБ

во весь экрансохранитьфон круги ярко настроение

1920 x 1080, 134 кБ

во весь экрансохранитьфон однотонные обои круг круги черный темные обои текстура

1680 x 1050, 264 кБ

во весь экрансохранитьфон цветы бабочки

1920 x 1398, 199 кБ

во весь экрансохранить
фон снег секси снегурочка снеговики взор тень

1600 x 1200, 121 кБ

во весь экрансохранитьфон полоски красивые

1920 x 1080, 192 кБ

во весь экрансохранитьфон платье туфли девушка ножки

1920 x 1305, 214 кБ

во весь экрансохранить

Ещё картинки

открыть корзинуочистить корзину

w-dog.ru

Картинки красивый фон (39 фото) • Прикольные картинки и юмор

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

Синий фон, лепестки.

Розы, сердечка.

Ночь, луна, окно.

Голубой фон, бабочки.

Красивый фон.

Снежинка на снегу.

Фон красивые цветы.

Синий фон, абстракция.

Синее небо, космос.

Красивый фон для рабочего стола.

Фон цветы.

Фон сказочный город.

Цветы, небо.

Розовый фон, сердечка.

Фон листья.

Красивый фон абстракция.

Фон на рабочий стол.

Фон розы.

Фон розовые цветы.

Бирюзовая вода.

Фон орхидеи.

Небо, солнце, листья.

Фон крыжовник.

Розовый фон цветы.

Фон цветы.

Сиреневые цветы.

Разноцветные зонтики.

Фон цветы на рабочий стол.

Зеленый фон.

Фон на рабочий стол.

Фон мраморная с

Салатовый фон.

Цветы на рабочий стол.

Фон розы.

Небо, поле.

Красивый фон на рабочий стол.

Небо, облака.

Зеленый фон, ромашки.

Будь человеком, проголосуй за пост!

Загрузка...

 

« Предыдущая запись Следующая запись »

bipbap.ru

Фоновые рисунки | htmlbook.ru

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

Фон на веб-странице

Установка фонового рисунка на веб-страницу традиционно происходит через атрибут background тега <body>. Такой рисунок повторяется по горизонтали и вертикали, заполняя таким способом все окно браузера. Понятно, что особых вариантов для творчества здесь нет, поэтому обратимся к стилям и посмотрим, что же можно делать с помощью CSS.

В CSS имеется пять атрибутов, которые управляют фоновой картинкой: ее добавлением, положением и повторением. Однако все эти параметры заменяет одно универсальное свойство background, его и будем использовать в дальнейшем.

Добавление фонового рисунка

Добавление рисунка происходит путем установки адреса картинки через ключевое слово url. Чтобы управлять повторением картинки применяются аргументы no-repeat (нет повторения), repeat-x (повторение по горизонтали) и repeat-y (повторение по вертикали). Благодаря этому можно получить веб-страницу, приведенную на рис. 1.

Рис. 1. Фоновая картинка без повторения

Чтобы установить картинку на веб-страницу, следует добавить стилевое свойство background к селектору BODY, как показано в примере 1.

Пример 1. Фоновый рисунок

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Фоновое изображение</title>
  <style type="text/css">
   BODY {
    background: url(images/target.gif) no-repeat 30px 20px; /* Параметры фона */
   }
  </style>
 </head>
 <body>
  <p>...</p>
 </body>
</html>

В данном примере графический рисунок target.gif определяется как фон веб-страницы без повторения изображения. Чтобы картинка не прилегала плотно к краям браузера, она смещается на 30 пикселов вправо и на 20 пикселов вниз от своего исходного положения.

Повторение рисунка

Благодаря тому, что можно задавать повторение фонового рисунка по горизонтали или вертикали, доступно несколько вариантов оформления веб-страниц. Например, для создания вертикальной полосы по левому краю (рис. 2) понадобится изображение, показанное на рис. 3.

Рис. 2. Повторение рисунка по вертикали

Рис. 3. Картинка для создания фона

Рисунок должен быть таким, чтобы по вертикали он состыковывался между собой без заметных швов, а также составлял единое целое с заданным цветом фона веб-страницы. В примере 2 приводится создание такого фонового рисунка, опять же с помощью свойства background и его значения repeat-y.

Пример 2. Повторение фона по вертикали

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Фоновое изображение</title>
  <style type="text/css">
   BODY {
    background: #fc0 url(images/hand.png) repeat-y; /* Повторение по вертикали */
   }
  </style>
 </head>
 <body>
  <p>...</p>
 </body>
</html>

Аналогично можно делать повторение фона по горизонтали, например, создав градиент и установив его в качестве фоновой картинки (рис. 4).

Рис. 4. Использование градиента в качестве фона

Чтобы получить веб-страницу, приведенную на рис. 4, потребуется вначале сделать картинку с градиентным переходом. Ширину достаточно указать 20-40 пикселов, а высота рисунка зависит от цели документа и предполагаемой высоты содержимого веб-страницы. Не стоит также забывать, что рисунок большого размера приведет к увеличению объема графического файла. А это отрицательно скажется на скорости его загрузки и, в конечном итоге, приведет к замедлению отображения фона. Для данного случая вполне подошла картинка размером 30х200 пикселов (рис. 5).

Рис. 5. Градиентное изображение для создания фона

В примере 3 показан код HTML для создания градиентного фона.

Пример 3. Повторение фона по горизонтали

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Фоновое изображение</title>
  <style type="text/css">
   BODY {
    background: url(images/gradient2.png) repeat-x; /* Параметры фона */
    text-align: center; /* Выравнивание блока по центру */
   }
   DIV {
    margin: auto; /* Отступы вокруг блока */
    width: 75%; /* Ширина блока */
    height: 90%; /* Высота блока */
    text-align: left; /* Выравнивание текста по левому краю */
    padding: 10px; /* Поля вокруг текста */
    background: white; /* Цвет фона */
   }
  </style>
 </head>
 <body>
  <div>
    Lorem ipsum...
  </div>
 </body>
</html>

Градиентный рисунок хорошо сочетается с одноцветным блоком, поэтому в данном примере добавляется слой, в котором и отображается содержимое веб-страницы.

Добавление рисунка к тексту

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

Пример 4. Добавление рисунка

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head>
  <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
  <title>Фоновое изображение</title>
  <style type="text/css">
   h3 {
    background: url(images/book.gif) no-repeat 0 50%; /* Параметры фона */
    padding-left: 20px; /* Отступ слева от текста */
   }
  </style>
 </head>
 <body>
  <h3>Заголовок</h3>
  <p>Основной текст</p>
 </body>
</html>

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

htmlbook.ru

Как нарисовать арт с задним фоном и построить композицию

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

Обычно в моей голове часто появляются различные идеи, именно поэтому я стараюсь их быстро набросать что бы не забыть. Посему практически все мои эскизы – это каракули.

Однако при этом я не забываю расчерчивать композицию по правилам.

В данном случае у меня получился вот такой вот пирог из 9 частей.

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

Теперь можно добавить еще цвета для фона, которые помогут распределить определенные формы на будущее.

Добавляю больше света и грифона 8D.

Теперь добавляю реку и детали на камнях

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

Основная наметка цвета завершена и композиция правильно выстроена. Разметку и эскиз можно убрать.

Теперь добавляем детали. Хорошо прорисуйте главного персонажа

Опять детали… Добавьте деревья на задних планах, а так же не забывайте про передней план, прорисовывая текстуру камней или травы.

Детали, детали, детали, детали, детали, детали

Детали, детали, детали, детали, детали, детали…

На этих этапах вы особенно не должны лениться, что бы зрителю было интересно рассматривать ваше творчество.

В конце не забудьте поиграть со светом и тенью и сделать свой рисунок более контрастней.

Вот и все! Надеюсь вам поможет этот урок.

Автор: Griffsnuff

Перевод: Prescilla

Данный материал подготовлен для Вас командой сайта https://bakemono.ru

bakemono.ru

Как рисовать фоны для игр и мультиков

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

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

В отличие от фонов для флеш-игр, где позволительно, и даже в некоторых случаях необходимо, делать плоские изображение (например, когда фон двигается), в мультфильмах этот метод категорически  не приветствуется. Все плоское  считается скучным и мертвым. Итак:

В рисовании  фона используйте ассиметрию, углы и глубину. В первом случае фон плоский и скучный (для флеш-игры, я думаю, он бы сгодился:) Во втором варианте, в перспективе, фон смотрится куда более выигрышно, ощущается пространство и, видимо, дышать приятней и свободней:)

 

Продолжение. В принципе, то же самое, что и на первом рисунке: избегайте рисовать в одной плоскости, используйте ассиметрию. Также следите за четким силуетом, чтобы по форме можно  было легко опознать объект (4) .

 

(Автор рисунков - Sherm Cohen)

 

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

По закону перспективы, параллельные линии сходятся в одной точке на линии горизонта. Существует три вида перспективы:

1-но точечная (One Point Perspective)

 

2-х точечная (Two Point Perspective)

 

3-х точечная (Tree Point Perspective)

 

Как научится работать с перспективой?

В этом помогут книги и уроки, которых в интернете очень много. Например,

1. Теория перспективы, основы -  http://www.khulsey.com/perspective-drawing-basics.html

2. 2-х точечная перспектива - http://www.khulsey.com/drawing-2-point-perspective.html

3. 3-х точечная перспектива - http://www.khulsey.com/drawing-3-point-perspective.html

При желании все эти материалы можно найти на русском языке.

Примеры использования перспективы в рисовании фонов я взяла из книжки про Симпсонов - «The-Simpsons-Handbook».

Этот мультик был сделан не во флеше, а в программе Toon Boom. Но  это не столь важно, рисунки фонов отлично иллюстрируют все выше сказанное. И да, перевод мой, поэтому не идеален:)

1. Кухня Симпсонов

 

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

 2. Кухня(2)

 

Обратите внимание, как детали фона  рассказывают нам о персонажах. Блокнотик с отрывными листиками на холодильнике указывает, что Мардж и Гомер – великолепные родители, а стульчик в углу напоминает о том, что там случай от случая  отдыхает Барт (видимо, он там в наказание сидит:) Трещина на стенке подтверждает, что Гомер тратит куда больше времени на телевизор, чем на ремонт дома.

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

3. Гостиная

Обратите внимание, что линии перспективы на этом фоне сходятся  в одной  точке под картиной. Это пример 1-но точечной перспективы (one-point perspective). Как зрителя, эта перспектива концентрирует наш взгляд в центре комнаты. Все объекты в этой комнате построены на основе 1-но точечной перспективы.

4.Таверна Мо

 

Еще один пример 1-но точечной перспективы. Линии построения перспективы  сходяться слева от двери. Обратите внимание, как линии пола, бильярдный стол, бар проходят по линиям построения и сходяться  в этой точке. Заметьте, как телевизор на стене повернут  к нам и не связан с линиями перспективы. Использование затемнений добавляет рисунку реалистичности, а  каждый объект в помещении имеет убедительную форму, вес и глубину.

5. Магазинчик комиксов

 

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

Этот фон интересен тем, что линии перспективы сходится в точке на полу.

6. Супермаркет

 

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

7. Супермаркет (2)

 

2-х точечная перспектива позволяет увидеть помещение под особым углом (в тексте - странным). Мы находимся не в центре комнаты, как в примере  с гостиной, зато мы можем видеть почти все предметы с двух сторон.

8. Класс Барта

 

Редкий пример 3-х точечной перспективы. Мы смотрим на помещение с высоты сверху вниз, так как линия горизонта находится за пределами рисунка. Использование 3-х точечной перспективы позволяет создать вид с высоты птичего полета. Можно проследить по горизонтальным линиям от двери класса, книжних полок, окон до вершини рисунка. Там находится первая точка, где сходяться линии перспективы. 2-я точка – от обратной стороны доски справа. 3-я точка находится за пределами нижней линии рисунка.

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

9. Рабочее место Гомера.

 

 Сложность и детальность изображения прибора только усиливает  комичность  идеи, что здесь действительно работает Гомер:)

flash-animated.com

Нарисованный фон

Изумрудно-желтый рисунок с лесной опушкой на краю непроходимой чащи.

Каменистая тропинка, почти заросшая изумрудным мхом, привела к деревянной двери в высоком заборе, увитом плющом.

Нарисованная акварелью волшебная долина с радужным небом над холмами и деревьями с летающими повсюду разноцветными воздушными пузырями.

Деревянный двухслойный нарисованный фон с цветущим деревом на обочине вымощенной камнем дороги, уходящей за травянистый горизонт.

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

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

Великолепный нарисованный пейзаж дубравы в долине полноводной реки.

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

Величественные горные вершины охраняют покой медленно текущей реки.

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

Лист блокнота с нарисованным размытыми красками летним ливнем.

Яркая картинка цветущей земли под охраной желтого месяца, развернутого острым серпом в сторону планет и созвездий.

Поле оранжевых сердечек выросло под мерцающими звездочками.

Вековые деревья окружают полянку с мягкой травой.

Сказочный рисунок сиреневом фоне - цветные звезды обозначают дорогу в небеса, где летают легкие облачка с домиками и горами.

Купол облачного неба над летним лугом с густым ельником по краям.

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

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

Дождливый день на акварельном пейзаже в пастельных оттенках желто-зеленой гаммы.

Рисунок гуашью синего просвета, отраженного в зеленоватой водной глади.

Природный нарисованный фон из скрапа. Словно солдатики вытянулись камыши на речном берегу под бушующей бурей.

ramki-vsem.ru

Отправить ответ

avatar
  Подписаться  
Уведомление о