Он-лайн графические редакторы

Все представленные сервисы бесплатные.
Проверено, переход по внешним ссылкам безопасен!

 

 

Переход

Серия сообщений "Все для фотошоп":
Часть 1 - Ссылки на сайты со шрифтами
Часть 2 - Ссылки на скачивание фильтров
...
Часть 5 - Разделители для текста-золото
Часть 6 - Полынь-арт. Галерея клипартов.
Часть 7 - Он-лайн графические редакторы

Мои маленькие кнопочки-переходы "Далее".Часть 8. Осенние.

Мои маленькие кнопочки-переходы "Далее".Часть 8. Осенние.

<img src="//img-fotki.yandex.ru/get/6721/230148220.14/0_d3b23_c990d814_S.png" /> <img src="//img-fotki.yandex.ru/get/9161/230148220.14/0_d3b2c_3ed35cff_S.png" /> <img src="//img-fotki.yandex.ru/get/6704/230148220.13/0_d3b0d_e783227_S.png" /> <img src="//img-fotki.yandex.ru/get/9164/230148220.13/0_d3b0a_5e49d56e_S.png" /> <img src="//img-fotki.yandex.ru/get/9103/230148220.14/0_d3b3d_8d7158e1_S.png" /> <img src="//img-fotki.yandex.ru/get/9062/230148220.14/0_d3b27_4cbc61d7_S.png" /> <img src="//img-fotki.yandex.ru/get/9111/230148220.13/0_d3b17_249f910f_S.png" /> <img src="//img-fotki.yandex.ru/get/5008/230148220.14/0_d3b2f_549b2dfe_S.png" /> <img src="//img-fotki.yandex.ru/get/9493/230148220.13/0_d3b1d_2fc7559f_S.png" /> <img src="//img-fotki.yandex.ru/get/9361/230148220.14/0_d3b2e_53ec06e3_S.png" /> <img src="//img-fotki.yandex.ru/get/9088/230148220.14/0_d3b2b_333d5fa3_S.png" /> <img src="//img-fotki.yandex.ru/get/9262/230148220.14/0_d3b24_830c380_S.png" /> <img src="//img-fotki.yandex.ru/get/9115/230148220.14/0_d3b3a_7296b554_S.png" /> <img src="//img-fotki.yandex.ru/get/4901/230148220.13/0_d3b16_fa887f86_S.png" /> <img src="//img-fotki.yandex.ru/get/5004/230148220.13/0_d3b1c_562c5994_S.png" /> <img src="//img-fotki.yandex.ru/get/9303/230148220.14/0_d3b3f_1d92e80a_S.png" /> <img src="//img-fotki.yandex.ru/get/9264/230148220.14/0_d3b2a_505d20f6_S.png" /> <img src="//img-fotki.yandex.ru/get/5002/230148220.13/0_d3b12_ee96555c_S.png" /> <img src="//img-fotki.yandex.ru/get/9252/230148220.13/0_d3b13_b2cc70b4_S.png" /> <img src="//img-fotki.yandex.ru/get/9168/230148220.14/0_d3b30_3c8a1960_S.png" /> <img src="//img-fotki.yandex.ru/get/4901/230148220.14/0_d3b31_846e03f4_S.png" /> <img src="//img-fotki.yandex.ru/get/5004/230148220.14/0_d3b3b_2c6533b8_S.png" /> <img src="//img-fotki.yandex.ru/get/4900/230148220.14/0_d3b3c_cc49ad1d_S.png" /> <img src="//img-fotki.yandex.ru/get/6716/230148220.14/0_d3b36_52a15286_S.png" /> <img src="//img-fotki.yandex.ru/get/9319/230148220.14/0_d3b26_dbe740ed_S.png" />

БЕСШОВНЫЕ ФОНЫ "ЛЕТНИЕ ПЕЙЗАЖИ"

Читать далее...

ЦВЕТОЧНЫЕ БЕСШОВНЫЕ ФОНЫ-мои работы

<img src="//img-fotki.yandex.ru/get/5008/20140578.87/0_a2724_14527785_L.jpg<br /> " border="0" />

Читать далее...

БЕСШОВНЫЕ ЦВЕТОЧНЫЕ ФОНЫ-МОИ

<img src="//img-fotki.yandex.ru/get/4514/20140578.85/0_a2554_9acc16f3_L.jpg<br /> " border="0" />

Читать далее...

Фоны бесшовные (Натюрморты и цветы)


фоны дальше

Бесшовные фоны (цветочные)

Читать далее

Серия сообщений "Бесшовные фоны":
Часть 1 - ФИОЛЕТОВЫЕ ФОНЫ
Часть 2 - СЕРИЯ ФОНОВ С СЕРДЕЧКАМИ ОТ RUSSLANA
...
Часть 5 - Мои прозрачные бесшовные фоны
Часть 6 - Ещё прозрачные цветные бесшовные фоны
Часть 7 - Бесшовные фоны (цветочные)
Часть 8 - Анимированные фоны и разделители (много)

Шпаргалка цветных текстов

Наиболее часто используемые цвета на ЛиРу и их коды. Всё просто-вставьте свой текст вместо "Ваш текст".
Полезно также знать другие варианты: Удобная палитра цвета * Таблица базовых цвЕтов
А чтобы узнать популярно, как улучшить свой блог, нажмите сюда: Учебник ЛиРу.

	Ваш текст	<font color="#000080">ваш текст</font>		Ваш текст	<font color="#0000FF">ваш текст</font>
	Ваш текст	<font color="#3366CC">ваш текст</font>		Ваш текст	<font color="#00FFFF">ваш текст</font>
	Ваш текст	<font color="#3D9FE">ваш текст</font>		Ваш текст	<font color="#660066">ваш текст</font>
	Ваш текст	<font color="#9900CC">ваш текст</font>		Ваш текст	<font color="#CC00CC">ваш текст</font>
	Ваш текст	<font color="#FF66FF">ваш текст</font>		Ваш текст	<font color="#800000">ваш текст</font>
	Ваш текст	<font color="#CC0000">ваш текст</font>		Ваш текст	<font color="#FF0000">ваш текст</font>
	Ваш текст	<font color="#FF6666">ваш текст</font>		Ваш текст	<font color="#FFCCCC">ваш текст</font>
	Ваш текст	<font color="#663300">ваш текст</font>		Ваш текст	<font color="#CC6600">ваш текст</font>

Другие цвета и нужные коды >>>

Друзьям! и Новичкам!

Дорогие друзья! Спасибо всем за поздравления с праздниками и пожелания. Спасибо, что заходите ко мне (хотя я не всегда могу забежать к Вам). Желаю всем УДАЧИ! ЗДОРОВЬЯ! СЧАСТЬЯ! - в новом году.


А написать я хочу для новичков. Мне часто пишут в личку вопросы, но в письме не объяснишь всего. Поэтому опишу некоторые просьбы (хотя в дневниках есть такая информация).

1) Как выразить симпатию, чтобы она была взаимной?
*В нужном дневнике (кому хотите выразить симпатию) жмете на "кулачок", попадаете в настройки;
*В верхней рамочке написан Ник, затем ставите "точку-галочку" около симпатии (кулачок);
*В окошке=комментарии= пишете свои слова и добавляете свой Ник, точно также, как он написан в Вашем дневнике.
* И отправляете симпатию. Получивший ее будет видеть, от кого она,чтобы выразить взаимную.

2)Как установить схему в дневник?
*Сначала жмем =Примерить схему=( которую выбрали);
*Затем (если она понравилась) жмем =СОХРАНИТЬ схему себе=;
*В открывшемся окне находим название выбранной схемы в списке схем, выделяем его;
*Ниже списка жмем надпись= ПРИМЕНИТЬ схему=
Все, схема установлена, переходим по Нику в дневник.

3) Как скачать бесплатно музыку по ссылке?
*Идем по ссылке =СКАЧАТЬ бесплатно=
*Жмем =ПРОСТОЕ скачивание=;
*В НИЖНЕМ (!) окошке вводим предложенные цифры;
*Жмем =СКАЧАТЬ=
У меня вся музыка залита на бесплатное скачивание.

4)Ну, то, что чужие посты можно цитировать, а не копировать, все, наверное, знают (хотя приходилось иногда объяснять).
5)Был вопрос, как сделать свою бродилку, но это нужно описывать несколько уроков фотошоп в одном.
=Если будут еще вопросы, пишите.
...
Если Вам нужна такая информация, как наркомания и ее проблемы , зайдите на сайт наркологического центра "Ренессанс" . Здесь Вы найдете информацию, как выяснить причину этой пагубной привычки, и как от нее избавиться, информацию для родителей. Об услугах центра можно узнать на сайте nc-renessans.ru .

С праздником, дорогие наши защитники! Наши рыцари.

Пусть светит солнце в мирном небе И не зовёт труба в поход. Чтоб только на ученьях солдат В атаку шёл вперёд. Пусть вместо взрывов гром весенний Природу будит ото сна, А наши дети спят спокойно Сегодня, завтра и всегда! Здоровья крепкого и счастья Всем тем, кто мир наш отстоял. И кто его сегодня охраняет И кто сполна долг Родине отдал

Шаблоны календарей на 2011 год с котятами

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

Часть календарей уже готово к распечатке (они в формате JPG)

Те календари, в которых есть окошки для фотографий представлены в формате PNG и ждут Ваших фотографий  

Все календари кликабельны до оригинального размера

Календари

Очень красивые разделители! Много!

РАЗДЕЛИТЕЛИ

МНОГО

Учебник Лиру

 

15 самых популярных уроков, не вошедших в оглавление

Вначале - кратко о спецкодах и HTML-кодах. Спецкоды – слова, заключенные в квадратные или угловые скобки, которые помогают менять вид текста и делают много полезных вещей. Спецкоды в угловых скобках <> называются HTML- кодами. Их можно вводить "от руки" только в простом редакторе, в расширенном редакторе вместо них нужно пользоваться кнопками над текстом (как в Word). Если всё же хотите использовать и в расширенном - нажимайте кнопку Источник в левом верхнем углу.

Коды заключенные в квадратные скобки - не являются универсальными, они называются BB-кодами, так как происходят из форумов. Их можно использовать и в простом и в расширенном редакторе. Если в BB-коде используется ссылка (код FLASH, например), то надо следить, чтобы расширенный редактор не "подчеркнул" ее, а у простого редактора убрать внизу галочку "Автоматическое распознавание ссылок", иначе код может не сработать правильно. Для удобства использования некоторых BB-кодов в простом редакторе можно активизировать панель спец-кодов.

Теги, применяемые на ЛиРу
Тег - это элемент языка разметки гипертекста (например в HTML), применяется в основном для задания того, как будет отображаться текст.
* Дополнительные спецсимволы HTML (редко используемые буквы и знаки)
1. Как выделить текст?

<b>ВАШ ТЕКСТ</b>Полужирный текст
<i> ВАШ ТЕКСТ</i>Выделение текста курсивом
<u>ВАШ ТЕКСТ</u>Подчёркнутый текст
<s>ВАШ ТЕКСТ</s>Зачёркнутый текст
<tt>ВАШ ТЕКСТ</tt>Текст, имитирующий стиль печатной машинки
<cite>ВАШ ТЕКСТ</cite>Выделение цитат курсивом
<p>ВАШ ТЕКСТ</p>Создание нового параграфа
<hr width="50%" />Горизонтальная разделительная линия (половинка) _________________________
<hr />Горизонтальная разделительная линия (полная) _________________________________________________________________________________________
<br />Перенос строки (если двойная - абзац)
<h1>Ваш Заголовок</h1>

Заголовок

(h1 .. h6 - возможные заголовки. Чем больше число, тем меньше заголовок)

2. Как изменить размер текста?

маленький текст <small>ВАШ ТЕКСТ</small> маленький текст
Уменьшить текст <font size="-2">текст</font> текст - 2
Увеличить текст+1: <font size="+1">текст</font> текст + 1
Увеличить текст+2: <font size="+2">текст</font> текст + 2
Увеличить текст+3: <font size="+3">текст</font> текст + 3

3. Как разместить текст (картинку) на странице и делать отступы?

<div align="left">Ваш текст</div>

<div align="right">Ваш текст</div>

<div style="float:right;">Ваш текст</div><br clear="all" />

<div align="justify">Ваш текст</div>

<center> Ваш текст</center>

Текст будет по центру

<img src="name" align="?" />Выравнивание картинки к одной из сторон документа. Вместо "name" - адрес картинки, вместо "?" - значения: left, right, center, bottom, top, middle.
<blockquote>Ваш текст</blockquote>

Текст для цитат - отделен пустой строкой и отступ слева в 8 пробелов

<p style="text-indent: 40px">Ваш текст</p>

Предложение с отступом в абзаце. Как в книжках.

Как сделать, чтобы текст «обтекал» картинку?
Например, картинка слева, текст справа: добавляем в код картинки: align=left hspace=20
Код картинки примет вид: <img src="http:…" align="left" hspace="20" />
Помни: align=left – картинка слева, текст справа
align=right - картинка справа, текст слева
hspace=20 - расстояние между текстом и картинкой 20 пиксел по горизонтали
vspace=20 - расстояние между текстом и картинкой 20 пиксел по вертикали
Код картинки с плавным обтеканием текстом справа и снизу (или сверху):
<img src="http:…" align="left" hspace="20" vspace="15" />

Прекратить обтекание и вернуть текст под картинку можно тэгом <br />, который выполняет перенос на следующую строку. В блогсервисах и редакторах текста его заменяет нажатие Enter.
<br /><br /><br /> - три пустые строки.

Вставить две и более картинки горизонтально:
<nobr>Текст (картинки)</nobr> - все, заключенное в этот контейнер, будет находиться на одной строке. Применять с осторожностью, можно деформировать пост.

4. Как окрасить текст в разные цвета?

КРАСНЫЙ: <font color="red">текст</font> красный текст
Ало-КРАСНЫЙ: <font color="damask">текст</font> ало-красный текст
ЖЕЛТЫЙ: <font color="yellow">текст</font> желтый текст
ФИОЛЕТОВЫЙ: <font color="purple">текст</font> фиолетовый текст
ЗЕЛЕНЫЙ: <font color="green">текст</font> зеленый текст
Светло-ЗЕЛЕНЫЙ: <font color="lime">текст</font> светло-зеленый текст
КОРИЧНЕВЫЙ: <font color="brown">текст</font> коричневый текст
Ярко-КОРИЧНЕВЫЙ: <font color="maroon">текст</font> ярко-коричневый текст
ГОЛУБОЙ: <font color="blue">текст</font> голубой текст
Светло-ГОЛУБОЙ: <font color="aqua">текст</font> светло-голубой текст
СИНИЙ: <font color="navy">текст</font> синий текст
ФУКСИЯ: <font color="fuchsia">текст</font> фуксия текст
ОРАНЖЕВЫЙ: <font color="orange">текст</font> оранжевый текст

Также: black,white,rose,violet,vinous,gold,silver,bronze,platinum и т.д. (черный, белый, розовый, фиолетовый, бордовый, золотой, серебряный, бронзовый, платиновый).

* Коды цвета для текстов
* Посмотреть сочетаемость цветов
* Таблица "безопасных" цветов
* Все цвета Интернета

Вид шрифта:
Шрифт этого текста "Monotype Corsiva"
<font face="Monotype Corsiva" size="+1">Ваш текст</font>
Все вышеперечисленные атрибуты тега font можно объединять в одном теге:
Шрифт этого текста "Monotype Corsiva"
код этого текста:
<font face="Monotype Corsiva" size="+2" color="fuchsia">Ваш текст</font>

5. Как сделать бегущую строку?

Бегущая влево строка <marquee>ВАШ ТЕКСТ</marquee>

бегущая влево
Бегущая вправо строка<marquee direction="right">ВАШ ТЕКСТ</marquee> бегущая вправо
Бегущая от края к краю строка<marquee behavior="alternate">ВАШ ТЕКСТ</marquee> бегущая от края к краю

6. Как сделать бегущую картинку?


 

<marquee><img src="адрес картинки"></marquee> - Просто вставьте между кавычками ссылку вашей картинки (http:// и т.д.)

7. Как сделать скользящий (со скроллом) текст?

Скользящий вверх текст
<marquee direction="up" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee>

Скролящийся вверх
текст с полезной
информацией,
картинкой или ещё с чем-нибудьСкользящий вниз текст
<marquee direction="down" scrollamount="1" scrolldelay="0" height="32">ВАШ ТЕКСТ</marquee> картинкой или ещё чем-нибудь
информацией,
текст с полезной
Скролящийся вниз

8. Как сделать списки и сноски?

Список c жирная точка спереди <ul><br /> <li>Ваш текст<br /> </li><li>Ваш текст<br /> </li></ul>

• Мужской клуб
   
• Женский клуб

Список сформируется автоматически, если добавить <ol><li> первый пункт Вашего ТЕКСТА<br /> <li> второй пункт Вашего ТЕКСТА<br /> </ol>

1. Первый пункт текста
    
2. Второй пункт текста

Сноска сверху
ТЕКСТ^сноска ТЕКСТ ^сноска
Сноска снизу
ТЕКСТ_сноска ТЕКСТ _сноска

9. Как сохранить текст таким, как вы написали?

"Закрепитель": текст остается таким, каким вы его пишете  <pre>ВАШ ТЕКСТ</pre>

Однажды

        в студеную зимнюю пору

                я из лесу вышел...

10. Как сделать всплывающую подсказку?

Текст со всплывающей подсказкой <acronym title="То, что вы пишете во всплывающей подсказке">ВАШ ТЕКСТ</acronym>
Текст со всплывающей подсказкой - наведите мышкой на это предложение, подсказка всплывет

11. Как дать ссылку на свой дневник или любой адрес?

Если хотите дать ссылку на свой дневник (например, на наше сообщество), то пишете:
<b><a href="ссылка">ВАШ ТЕКСТ например, Только для женщин</a></b>и получится так:Только для женщин

Точно также можно дать ссылку на фото, картинку или видео.
Чтобы картинка была ссылкой на веб-страницу (см. баннер "Только для мужчин" ниже, в п.15):
<a href="Адрес страницы"><img src="Адрес картинки в сети" /></a>

12. Как скрыть часть текста (убрать под кат) ?

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

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

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

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

так вот... ЧТОБЫ ПОЛУЧИТЬ КАРТИНКУ + МУЗЫКАЛЬНОЕ СОПРОВОЖДЕНИЕ К НЕЙ,
СОЕДИНИТЬ ЭТО ВМЕСТЕ И ВСТАВИТЬ В БЛОГ, сделайте всё пошагово:

1)создаёте:СЛАЙДШОУ

ЖМЁМ

Как сделать пост с множеством картинок?

Я уже писал на эту тему: Как вставить много картинок в сообщение? Сейчас подробно расскажу, как сделать пост со множеством картинок, которые загружаются на радикал. Это такой бесплатный хостинг (хранилище) для изображений. Позволяет загрузить (и сохраняет) любое количество изображений, любого формата, с любым уменьшением. Чтобы не открывать Америку заново, воспользуюсь советами Inmira.
Вот, к примеру, папка с фото цветов, которые надо выложить в сообщение дневника:

Дальше >>>

Бесшовные фоны, цветочный рисунок

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

Читать далее...

Елочки,веночки,кролики,снеговики... с кодами для вставки

Читать далее...

Я всегда публикую свои дизайны в сообществе "Темы и схемы"и интересуюсь дизайнами,которые делают мои друзья и ПЧ.Прочитав комментарий одного так сказать критика к схеме моего ПЧ,решила поделится с вами своим опытом,как можно сделать картинку бесшовной.
Для этого берем любую понравившуюся вам картинку(предварительно уменьшив ее размер да 550-500 px по ширине - ФШ - изображение-изменить размер),идем в ФШ и используем фильтр Mehdi Seamless Border 2

free image host



Применяем его дважды!!!! Первый раз с такими настройками

myspace image uploader


Второй раз

free image hosting


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

upload image


С такой картинкой ваш дизайн будет выглядеть без всяких стыков и погрешностей.
Желаю Вам творческих успехов!

Серия сообщений "уроки":

Часть 1 - Делаем маску-рамку.
Часть 2 - Сочетание цветного и черно-белого в одном фото.
...
Часть 98 - УРОК -КАК СДЕЛАТЬ МИГАЮЩИЙ ЭФФЕКТ
Часть 99 - Рисуем и анимируем огонь в камине
Часть 100 - Урок от NATALI:Учимся работать с каналами

БРОДИЛКА - kru4inka

kru4inka

Кулинарные рамочки

ТЕКСТkru4inka

<i><div align="center"><table border="0" background="//s57.radikal.ru/i157/0908/1f/cd418c2d1dc0.jpg" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table border="0" background="//s001.radikal.ru/i196/1003/96/d87c9d44f584.gif" cellpadding="5" cellspacing="0"><tr><td style="padding: 3px;"><table border="0" background="//s52.radikal.ru/i137/1003/a9/bc289302e8f4.jpg" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><center><table style="WIDTH:700px; cellspaccing=" cellpadding="5" border="0" src="//s57.radikal.ru/i156/1003/e4/152a6381a19a.gif"></table><font face="italik"><font size="4"><center><font color="#000000"><center><img src="//s48.radikal.ru/i122/1003/12/4e99ff14cc83.gif" /></center><center>ТЕКСТ</center><center><img src="//i074.radikal.ru/1003/fd/815261c86fcc.gif" /><center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/kru4inka/profile"><font size="1"><b><font color="#E88F73">kru4inka</font></b></font></a></center></center></font></center></font></font></center></td></tr></table></td></tr></table></td></tr></table></div></i> <br />

ТЕКСТkru4inka

<i><div align="center"><table border="0" background="//s57.radikal.ru/i157/0908/1f/cd418c2d1dc0.jpg" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><table border="0" background="//s43.radikal.ru/i102/0908/ab/fb6ef530516f.jpg" cellpadding="5" cellspacing="0"><tr><td style="padding: 3px;"><table border="0" background="//s49.radikal.ru/i126/1003/32/87a2e74b1a1c.jpg" cellpadding="3" cellspacing="0"><tr><td style="padding: 3px;"><center><table style="WIDTH:700px; cellspaccing=" cellpadding="5" border="0" src="//s57.radikal.ru/i156/1003/e4/152a6381a19a.gif"></table><font face="italik"><font size="4"><center><font color="#000000"><center><img src="//s57.radikal.ru/i156/1003/e4/152a6381a19a.gif" /></center><center>ТЕКСТ</center><center><img src="//i069.radikal.ru/1003/49/a22f0a0c86f6.gif" /><center><a href="//www.liveinternet.ru/journal_proc.php?action=redirect&url=http://www.liveinternet.ru/users/kru4inka/profile"><font size="1"><b><font color="#E88F73">kru4inka</font></b></font></a></center></center></font></center></font></font></center></td></tr></table></td></tr></table></td></tr></table></div></i> <br />