-Поиск по дневнику

Поиск сообщений в Жагуара

 -Подписка по e-mail

 

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 20.02.2009
Записей: 1810
Комментариев: 57767
Написано: 87021


Оформление блога: Делаем фон страницы полупрозрачным

Понедельник, 06 Апреля 2009 г. 11:22 + в цитатник

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

1. Открываем программу Фотошоп и в нем создаем новый документ с такими параметрами:



(Transparent = Прозрачный)

2. Открываем фоновое изображение Вашего дневника. В моем случае это шкура ягуара )



Делаем активным документ с фоном дневника и создаем новый слой (CTRL + SHIFT + N). В панели слоев у Вас теперь должно быть так:



Выбираем инструмент "Заливка"



Внизу кликаем на верхний квадратик с белым цветом:



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

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



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

Используя тот же инструмент Заливку - заливаем наше прозрачное поле таким же цветом, как и на документе с фоном.



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

На панели слоев найдите слово Opasity (Прозрачность) с исходным значением 100% и уменьшите его ровно настолько, насколько вы хотите, чтобы страница была прозрачной. Я остановилась на значении 70%.



Вот как теперь выглядит наш документ с фоном:



Вот так примерно будет просвечивать Ваш задний фон дневника через фон сообщений.

Переключитесь на первый документ с заливкой и установите точно такой же процент прозрачности. Сквозь цвет должны выступить серо-белые клеточки.



Это и есть необходимый нам фон для сообщений. Теперь его необходимо сохранить.

Файл - Cохранить для web



Сохраняем в формате PNG - 24



Все!!!

Теперь идем в Настройки дневника - Настройки дизайна и загружаем наш PNG файл как фон сообщения:



Ставим галочку "Прозрачный" напротив "Фон сообщения" и сохраняем изменения (либо в существующей схеме, либо отдельной схемой).

Вот как получилось у меня:



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

P.S. На самом деле можно ограничится просто созданием нового документа с прозрачной основой, заливкой его цветом, уменьшением на нем прозрачности и сохранением для web.

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

Удачи Вам!!!

Рубрики:  Оформляем блог
Метки:  

Процитировано 183 раз
Понравилось: 2 пользователям

Солнечный_лис   обратиться по имени Понедельник, 06 Апреля 2009 г. 11:31 (ссылка)
Элена, спасбо большое! Возьму этот урок себе!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 06 Апреля 2009 г. 11:42ссылка
Пожалуйста )) А написано понятно? Мне кажется немножко через пень-колоду ))
Goddess_of_the_Moon   обратиться по имени Понедельник, 06 Апреля 2009 г. 13:51 (ссылка)
Спасибо за великолепный урок!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 06 Апреля 2009 г. 14:57ссылка
Пожалуйста ))
Galintina   обратиться по имени Понедельник, 06 Апреля 2009 г. 15:23 (ссылка)
Спасибо,буду учиться.
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 06 Апреля 2009 г. 16:34ссылка
Пожалуйста ))
ВЕТЕР__ПЕРЕМЕН   обратиться по имени Вторник, 07 Апреля 2009 г. 00:53 (ссылка)
Спасибо большое.
Ответить С цитатой В цитатник
Перейти к дневнику
Наталия_Зеленева   обратиться по имени Вторник, 07 Апреля 2009 г. 01:00 (ссылка)
спасибо
Ответить С цитатой В цитатник
Перейти к дневнику
LebWohl   обратиться по имени Вторник, 07 Апреля 2009 г. 01:19 (ссылка)
Спасибо,вот только вчера искала,ну просто ясновидящая ты.
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 07 Апреля 2009 г. 11:28ссылка
Ух как я угадала ))
Lissaa   обратиться по имени Вторник, 07 Апреля 2009 г. 07:28 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику
SOZH   обратиться по имени Вторник, 07 Апреля 2009 г. 10:02 (ссылка)
Жагуара, Правда, если бы вчера меня не научили этому, то я не поняла бы... А теперь мне этот урок у Вас кажется абсолютно понятным :-))) Спасибо...
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 07 Апреля 2009 г. 11:29ссылка
Пожалуйста )) Я честно старалась писать, чтобы было понятно ))
Древень   обратиться по имени Вопрос для прояснения Среда, 08 Апреля 2009 г. 17:31 (ссылка)
Жагуара, я правильно понял, что второй документ нам нужен, чтобы наглядно убедиться, как будет выглядеть полупрозрачный фон, да? если, так, то нам не нужно два документа, достаточно сохранить активный слой с этим прозрачным фоном ;) Поскольку мы сохраняем не в psd-формате, а в png, то такое сохранение одного слоя вполне возможно
Ответить С цитатой В цитатник
Перейти к дневнику

Среда, 08 Апреля 2009 г. 18:11ссылка
Ой, мне лучше с двумя ) Так я точно не запутаюсь ))
фисена   обратиться по имени Воскресенье, 12 Апреля 2009 г. 02:02 (ссылка)
 (357x283, 21Kb)спасибкиииии)))))!!!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 12 Апреля 2009 г. 16:54ссылка
Пожалуйста :)
Saldatka   обратиться по имени Понедельник, 01 Июня 2009 г. 13:15 (ссылка)
Спасибо, написано понятно, делала так же но были проблемы с сохранением, не знала как сохранить, чтоб прозрачность сохранялась, теперь все ясно.
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 01 Июня 2009 г. 17:33ссылка
Пожалуйста :)
Бархатная_Шляпка   обратиться по имени Четверг, 18 Июня 2009 г. 11:51 (ссылка)
Я делаю прозрачные фоны-одноцветные. Но никогда не делала так у вас. Хочу попробовать. У вас очень ценные уроки и понятные. Большое спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику
Monro-Designs   обратиться по имени Понедельник, 27 Июля 2009 г. 13:14 (ссылка)
Спасибо большое!!!
Ответить С цитатой В цитатник
Перейти к дневнику

Понедельник, 27 Июля 2009 г. 13:17ссылка
Пожалуйста :)
Наталья_Петрова11   обратиться по имени Вторник, 28 Июля 2009 г. 05:20 (ссылка)
Спасибо большое.Давно хотела попробовать
Ответить С цитатой В цитатник
Перейти к дневнику
наташа_Проценюк   обратиться по имени Четверг, 10 Сентября 2009 г. 01:15 (ссылка)
Спасибо за урок.
Ответить С цитатой В цитатник
Перейти к дневнику
StElena   обратиться по имени Среда, 06 Января 2010 г. 14:33 (ссылка)
Спасибо огромное, билась билась сама, ничего не получалось! Ваш урок просто находка!!
Ответить С цитатой В цитатник
Перейти к дневнику
Окнеч   обратиться по имени Благодарность Среда, 27 Января 2010 г. 18:30 (ссылка)
.
 (351x248, 41Kb)
Ответить С цитатой В цитатник
Перейти к дневнику
kru4inka   обратиться по имени Вторник, 23 Февраля 2010 г. 06:06 (ссылка)
Спасибо за урок. Взяла в цитатник
Ответить С цитатой В цитатник
Перейти к дневнику
Нина_Гуревич   обратиться по имени Воскресенье, 28 Февраля 2010 г. 20:32 (ссылка)
Спасибо, огромное, очень рада, что попала к вам в дневничок
Ответить С цитатой В цитатник
Перейти к дневнику

Воскресенье, 28 Февраля 2010 г. 21:03ссылка
Пожалуйста )
ElenaMoonlit   обратиться по имени Суббота, 13 Марта 2010 г. 11:54 (ссылка)
СПАСИБО!
Ответить С цитатой В цитатник
Перейти к дневнику
КолыбельнаяМедведицы   обратиться по имени Среда, 28 Апреля 2010 г. 12:27 (ссылка)
Спасибо!
Ответить С цитатой В цитатник
Перейти к дневнику
Татьяна_Борзикова   обратиться по имени Пятница, 30 Апреля 2010 г. 17:59 (ссылка)
урок интересный, спасибо
Ответить С цитатой В цитатник
Перейти к дневнику
ja__Betti   обратиться по имени Пятница, 20 Августа 2010 г. 18:12 (ссылка)
Спасибо, Жагуарочка.
Ответить С цитатой В цитатник
в_поисках_любви   обратиться по имени Суббота, 18 Декабря 2010 г. 22:47 (ссылка)
Огромное спасибо за полезный урок!
 (334x313, 108Kb)
Ответить С цитатой В цитатник
Yarinka_ru   обратиться по имени Понедельник, 21 Февраля 2011 г. 18:19 (ссылка)
Ответить С цитатой В цитатник
Nadin-YA   обратиться по имени Среда, 08 Июня 2011 г. 11:49 (ссылка)
ЦЕННОЕ ДОПОЛНЕНИЕ К ИНФОРМАЦИИ О БЛОГГЕЕ. у ВАС ЗАМЕЧАТЕЛЬНАЯ ПОДБОРКА МАТЕРИАЛА!!
Ответить С цитатой В цитатник
Anushka_M   обратиться по имени Среда, 12 Сентября 2012 г. 01:28 (ссылка)
Спасибо за великолепный урок!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

Добавить комментарий:
Текст комментария: смайлики

Проверка орфографии: (найти ошибки)

Прикрепить картинку:

 Переводить URL в ссылку
 Подписаться на комментарии
 Подписать картинку