• Авторизация


Без заголовка 05-12-2009 14:53

Это цитата сообщения Оригинальное сообщение

Иллюстрированный самоучитель по Photoshop < Часть 2



Првая часть находится TYT

 

 

Читать далее...
комментарии: 0 понравилось! вверх^ к полной версии
схемы для дневника в фотошопе 05-12-2009 14:48

Это цитата сообщения бурный_поток Оригинальное сообщение

Как делать схемы для дневника в фотошопе



Попробую рассказать и объяснить, как я делаю свои схемки для дневника. У меня фотошоп CS3.

1.Открываем в фотошопе понравившуюся картинку

[показать]

2. Открываем новый документ со следующими параметрами - 1440на 750 пикселей

[показать]

3. С помошью инструмента - перемещение -  перетаскиваем нашу картинку на новый документ

[показать]

Должно получиться так

[показать]

4. Немного корректируем параметры- Редактирование-трансформирование-масштабирование

[показать]

Параметры масштаба мы изменяем или в строке верхней или с помощью мышки (кликаем и растягиваем)

[показать]

5. После того как мы определились с параметрами, кликаем мышкой на инструмент перемещение (самый верхний в панели инструментов) и подтверждаем результат

[показать]

6. У нас имеется два слоя. Делаем активным первый слой (просто жмем на него мышкой и он должен выделиться)

[показать]

7. Далее в палитре цветов выбираем цвет наиболее близкий к основному цвету картинки

[показать]

[показать]

8. После того как выбрали цвет, мы его копируем

[показать]

и вставляем цифры цвета в окошко настроек дневника на ли.ру

[показать]

9. Далее переходим к нашему документу))

ДОбавляем векторную маску

[показать]

9. Далее в панели инструментов выбираем инструмент заливка

[показать]

жмем на него и выбираем инструмент - градиент

[показать]

10. Далее наводим курсор мышки на край нашей основной картинки и ведем мышку к центру

[показать]

ПРи этом градиент должен быть выбран такой

[показать]

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

У нас получилось примерно так

[показать]

11. Сохраняем наш документ

12. Наш документ может весить больше чем необходимо, поэтому выставляем его вес

[показать]

[показать]

Выставляем нужный нам размер файла

[показать]

13. После оптимизации веса - сохраняем

[показать]

14. Загружаем нашу картинку в настройках дизайна дневника и выбираем параметры загрузки - по вертикали

[показать]

Это для того, чтобы картинка не повторялась.

15. Далее делаем прозрачный фон для записей.  Этот урок можно посмотреть тут

Читать далее...
комментарии: 0 понравилось! вверх^ к полной версии

Уроки безшовного фона в Paint 05-12-2009 14:45

Это цитата сообщения Nataly_Nataliya Оригинальное сообщение

8 шагов создания безшовного фона в Paint



8 шагов создания безшовного фона в Paint
[показать]
cмотреть далее
из блога Ukuwu/Укушу
комментарии: 0 понравилось! вверх^ к полной версии
Web цвета 05-12-2009 11:29

Это цитата сообщения Inmira Оригинальное сообщение

Web цвета.



[показать]     aqua    #00ffff
[показать]    grey    #808080
[показать]    navy   #000080
[показать]   silver   #c0c0c0
[показать]    black   #000000
[показать]  green   #008000
[показать]   olive   #808000
[показать]   teal   #008080
[показать]    blue   #0000ff
[показать]    lime  #00ff00
[показать]   purple   #800080
[показать]    white   #ffffff
[показать]   fuchsia  #ff00ff
[показать]   maroon   #800000
[показать]   red   #ff0000
[показать]    yellow ;  #ffff00


Полная таблица есть (например) здесь - http://www.webcorp.ru/page/webcolor.html
А самое простое - зайти в настройки, если Вы обитаете в LiveInternet'е)))
И еще мне очень нравится здесь - http://scriptic.narod.ru/html/color1.htm. Можно подобрать цвет фона (он меняется на глазах, при подведении мышки) и Вы увидите, какой цвет шрифта наиболее читабелен на избранном фоне. Выделяется любую букву с облюбованным цветом (как для копирования), потом правой кнопкой "Исходный код выделенного фрагмента" и в открывшемся окне видим код (например font color="#ff3366", т.е. цвет шрифта #ff3366).  Сверху надпись "RGB палитра 216 цветов, код:" там в окошке код цвета фона.

И Немного СSS:
background-repeat: repeat; - размножает фоновое изображение во всех направлениях (значение по умолчанию);
background-repeat: no-repeat; - запрещает фоновому изображению повторяться;
background-repeat: repeat-x; - размножает фоновое изображение только по горизонтали;
background-repeat: repeat-y; - размножает фоновое изображение только по вертикали.

(Поддерживается IE начиная с 4.0)

комментарии: 0 понравилось! вверх^ к полной версии
Без заголовка 05-12-2009 11:22

Это цитата сообщения mikle0 Оригинальное сообщение

Рамочник - рамочки для блогов и интернет-дневников




Всем доброго времени суток!

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

Сервис называется Рамочник.
От создателей Текстокраса.

Для тех, кто не знаком с рамочками, приведу пример того, как это может выглядеть:


/i057.radikal.ru/0909/0f/d19478e161e0.gif" target="_blank">http://i057.radikal.ru/0909/0f/d19478e161e0.gif)" cellspacing="0" cellpadding="0">
/s41.radikal.ru/i091/0909/a0/8623fe6aad46.png" target="_blank">http://s41.radikal.ru/i091/0909/a0/8623fe6aad46.png)" cellspacing="0" cellpadding="0">
/i057.radikal.ru/0909/60/173c1ca01416.png" target="_blank">http://i057.radikal.ru/0909/60/173c1ca01416.png)" cellspacing="0" cellpadding="0">
[показать]
/i057.radikal.ru/0909/60/173c1ca01416.png" target="_blank">http://i057.radikal.ru/0909/60/173c1ca01416.png)" cellspacing="0" cellpadding="0">
Эта рамка предназначена для демонстрации возможностей Рамочника.

Здесь может находиться Ваш текст или картинка или все вместе.
[показать]


Такую рамочку можно сделать с помощью Рамочника буквально за несколько минут.

Ниже - описание сервиса и примеры рамочек. Читать далее
комментарии: 0 понравилось! вверх^ к полной версии
Без заголовка 05-12-2009 11:18

Это цитата сообщения Ирина_Шаманникова Оригинальное сообщение

УРОКИ НАЧИНАЮЩИМ



[показать]

** [показать] [показать]
Читать далее...
комментарии: 0 понравилось! вверх^ к полной версии
Без заголовка 05-12-2009 11:16

Это цитата сообщения Inmira Оригинальное сообщение

Линии. Разделители.



Разделительные анимированные линии и виньетки с бабочками и цветами.
[показать]
[показать]

Дальше>>>

комментарии: 0 понравилось! вверх^ к полной версии
Без заголовка 05-12-2009 11:15

Это цитата сообщения Inmira Оригинальное сообщение

Как делать слайд-шоу или рамку в дневниках LiveInternet.



Честное слово, сама еще толком не умею. Но учусь таким образом:
Выделяю понравившийся элемент в чьем-то дневнике(рамку, слайд шоу или еще что), как для копирования. Например, в предыдущем сообщении можно начать выделять со слова "ссылки" потом само слайд шоу, потом зацепить первое слово после него ( "я" -в моем случае). Все выделенное окрашивается в синий цвет. (в принципе, оптимально выделить только слайд шоу, - тогда обрезать в коде ничего не придется)
Потом правой кнопкой по выделенному, выбираю из выпавшего окошка "исходный код выделенного фрагмента". Откроется код в новом окне. В коде нужный фрагмент будет окрашен тоже синим. Потом опять правой кнопкой по коду (выделенному синим), копирую, и вставляю этот код в блокнот, можно сразу в "Новую запись". Жму предпросмотр, запись оказывается в черновике ...и начинаю редактировать. (режим обязательно простой)
Вырезаю все лишнее сверху и снизу. Например слайд шоу должно начинаться с "marquee style="height: 400p...", а заканчиваться "/marquee>"
Вот исходный код моего прдыдущего сообщения:
[показать]
Здесь height- высота, ее можно менять. я поставила 400, т.к. у меня все картинки по 400 пкс. scrollamount= здесь тоже циферки подбираем, чем больше циферка, тем быстрее картинки промелькивают. У меня вчера стояло "2", сейчас я "5" поставила.
Воть. Потом совсем просто. Все что в тэгах img src относится к картинкам.
Картинки надо менять. В новой вкладке открываю "Новая запись", перехожу в расширенный режим и гружу картинки.
Дальше смотрим по картинкам. Все нужные кнопочки я обвела.
[показать]

Читать дальше>>>
комментарии: 0 понравилось! вверх^ к полной версии
Без заголовка 05-12-2009 11:14

Это цитата сообщения Inmira Оригинальное сообщение

Розы. Букеты. Анимации.



[показать]
[показать]

Дальше>>>

комментарии: 0 понравилось! вверх^ к полной версии
Без заголовка 05-12-2009 11:09

Это цитата сообщения Дайтека Оригинальное сообщение

Рамочки для текстов



Всем привет!

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

Что нужно для вставки:

1. Копируете код из флейма
2. Новая запись – ВНИМАНИЕ – ПРОСТОЙ редактор , вставляете код и пишите всё что ходите там где написано ВАШ ТЕКСТ.
3. Нажимаете опубликовать и получаете Ваш пост в рамочке.

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


ВАШ

Т Е К С Т




ВАШ

Т Е К С Т




ВАШ

Т Е К С Т




ВАШ

Т Е К С Т




ВАШ

Т Е К С Т

Читать далее...
комментарии: 0 понравилось! вверх^ к полной версии
Без заголовка 05-12-2009 11:08

Это цитата сообщения Великовозрастное_дитя Оригинальное сообщение

Объемный текст



Что бы создать объемный текст заходим на http://vln.dp.ua/li/3d/, заполняем поля и получаем код для вставки в дневник. Текст получается в оттенках серого.



[699x360]

Вот результат который получился :)



[показать]
комментарии: 0 понравилось! вверх^ к полной версии
Без заголовка 05-12-2009 11:03

Это цитата сообщения Дайтека Оригинальное сообщение

Как сделать рамочку для текста самому.



Очень и очень часто мне в личку приходит один и тот же вопрос – «Как сделать рамочку самому?»

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

Перед нами рамочка уже готовая с кодом для вставки:


ВАШ

Т Е К С Т



Это фото кода, Вы его можете просто из флейма скопировать в Word или блокнот, и получите то же самое.

[670x201]

1. Там где обведено красным и стоит цифра 1 это ссылка на цвет окантовки рамки, в данном примере это http://netpla.narod.ru/images/wood-13.jpg поменяете эту ссылку на ссылку на нужную картинку(цвет)

2. Вторая ссылка стоит на фон рамки, она обведена красным и стоит цифра 2 - http://shalena.net.ua/wp-content/uploads/2008/08/d0b0d0b0d0b0-62-150x90.gif делаете всё так же как и с окантовкой (меняете ссылку на свою картинку)

3. width="100% - это размер рамочки по отношению к Вашей странице, если хотите, чтоб она занимала не всю площадь поста, в таком случае просто измените количество процентов.


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

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

Сделать картинку или текст по центру


Справа и слева загружайте как обычно с указанием направления
комментарии: 0 понравилось! вверх^ к полной версии
Без заголовка 05-12-2009 10:59

Это цитата сообщения Дайтека Оригинальное сообщение

Рамочки для текстов 11 (Природа)



Привет Всем! Хорошего Вам дня!

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

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

[240x320]
ВАШ

Т Е К С Т
Дайтека




[240x320]
ВАШ

Т Е К С Т
Дайтека




[240x320]
ВАШ

Т Е К С Т
Дайтека




[240x320]
ВАШ

Т Е К С Т
Дайтека


Читать далее...
комментарии: 0 понравилось! вверх^ к полной версии
Без заголовка 05-12-2009 10:58

Это цитата сообщения Дайтека Оригинальное сообщение

Коды цвета для текстов



Коды для тех кто хочет поменять цвет текста в рамочках.

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

 Ваш текст
 Ваш текст
 Ваш текст
 Ваш текст
 Ваш текст
 Ваш текст
 Ваш текст
 Ваш текст
 Ваш текст
 Ваш текст
 Ваш текст
 Ваш текст
 Ваш текст
 Ваш текст
 Ваш текст
 Ваш текст
 Ваш текст
 Ваш текст
 Ваш текст
Читать далее...
комментарии: 0 понравилось! вверх^ к полной версии
Без заголовка 05-12-2009 10:55

Это цитата сообщения Дайтека Оригинальное сообщение

Смайлик + мультик = хорошее настроение) - 3



[700x250]

Ещё Картинки Анимашки:
1.Цветы для Вас!
2.Улыбнись с Микки Маусом )
3.Скажи СПАСИБО - красиво)
4.Скажи СПАСИБО - красиво) - 2
5.Скажи СПАСИБО - красиво) - 3
6.Пятница в картинках )
7.Спокойной ночи в картинках)
8.С добрым утром в картинках)
9.Смайлик + мультик = хорошее настроение)
10.Смайлик + мультик = хорошее настроение) - 2
11.Щенки и котята (анимация)
12.Привет в картинках)
13.Сердечки (анимашки) 2
14.Сердечки (анимашки)
15.Малыш Купидон (картинки)
16.Пчёлки в картинках)

Остальные рамочки, эпиграфы, картинки и инструкция как вставить их в пост находятся в разделе - Для оформления блога
 (100x120, 14Kb)
 (100x120, 34Kb)
 (100x120, 24Kb)
 (100x120, 67Kb)
 (100x120, 10Kb)
 (100x120, 16Kb)
 (100x120, 9Kb)
Читать далее...
комментарии: 0 понравилось! вверх^ к полной версии
Без заголовка 05-12-2009 10:34

Это цитата сообщения Inmira Оригинальное сообщение

Картинки в png. Добавляем блеск. :-)



Разбирая папки наткнулась на этот архив. Просто замечательный и очень удобный. Особенно, когда время поджимает. В архиве файлы в PSD, причем совершенно замечательно сделанные формами и стилями. В конце поста выгружу скрины. Т.е. с каждой картинки можно убрать все лишнее - звездочки блеска, тени. Кроме того, они легко увеличиваются. Единственное, - надо подкорректировать стиль. Паттерны, использованные в этих стилях выгружу (ну очень постараюсь) завтра.
А если хотим добавить просто наскоро чуточку блеска и драгоценностей, - то вполне достаточно этих готовых картинок. В посте все картинки в png, в оригинальном размере.
[показать] [показать] [показать]

Дальше > > >
комментарии: 0 понравилось! вверх^ к полной версии
Без заголовка 05-12-2009 10:32

Это цитата сообщения Inmira Оригинальное сообщение

Новогодние картинки в png.



Все - иконки. Поэтому выгружаю с кодом, чтобы можно было добавлять в комментарии или посты. Код к картинкам 128-128 пкс, которые лежат на главной странице. Многие картинки увеличиваются (256-256 или 512-512). В общем, можно использовать и как клипарт к открыточкам, разделителям. К сожалению, пост режется, вот тупо обрезается таблица снизу(( Так что через часик перепишу и выгружу продолжение.
Всем прекрасного настроения!:-)
[показать]
[показать]
[показать]
[показать]

Дальше > > >
комментарии: 0 понравилось! вверх^ к полной версии
Без заголовка 05-12-2009 10:30

Это цитата сообщения beauty_Nikole Оригинальное сообщение

Дед Мороз спешит на Новый год. Коллекция



[показать]
Коллекция Дедов Морозов с готовыми кодами изображений,
скопируйте код и вставьте туда, куда Вам нужно ))

[показать]

[показать]
комментарии: 0 понравилось! вверх^ к полной версии
Без заголовка 05-12-2009 10:29

Это цитата сообщения Дайтека Оригинальное сообщение

Цветы для Вас! - 3



Всем привет! Удачного Вам дня и хорошего настроения!

С прошедшим Вас праздником!!!

Что нужно для вставки:
Расширенный редактор:
1. Копируете код из флейма
2. Новая запись - нажимаете кнопку ИСТОЧНИК - вставляете код в нужное Вам место - ещё раз нажимаете кнопку - ИСТОЧНИК
Простой редактор:
1. Копируете код из флейма
2. Новая запись , вставляете код в нужное Вам место бордюра

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

[468x326]

[300x434]

Ещё
комментарии: 0 понравилось! вверх^ к полной версии
Без заголовка 05-12-2009 10:28

Это цитата сообщения Дайтека Оригинальное сообщение

Сделай для блога кнопку.



Всем привет!

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

Самая простая кнопка

 

 

 

В общем-то это сама кнопка, а во флейме её код, ниже на картинке фото этого кода

1. Адрес блога - поменяйте на адрес своего блога или любого поста для которого нужно создать кнопку
2. Надпись - тут я думаю сами знаете что написать)
 
Теперь давайте попробуем сделать кнопочку чуть посложнее:
 
Вот собственно сам её код:
разберём чуть подробней:
1. Как и в простом варианте - адрес блога
2. Адрес картинки
#000080 - код цвета фона - если Вам такой цвет не подходит, то код цвета просто поменяйте - Коды цвета
 

 

 

Код картинки - если Вам нужно её поменять, то просто вставьте адрес своей картинке или загружите её на сервер.
 

[показать]

 
Когда определились с цветом, картинкой, добавляйте текст
1. Адрес блога
Читать далее...
комментарии: 0 понравилось! вверх^ к полной версии