-Интересы

любознательный и позитивный человек.

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 10.02.2009
Записей: 21775
Комментариев: 385401
Написано: 451401


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

Пятница, 19 Июня 2009 г. 14:56 + в цитатник
Цитата сообщения Жагуара Оформление блога: Делаем фон страницы полупрозрачным



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

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



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

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



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



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



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



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

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



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

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



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

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



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



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

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



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

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



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



Все!!!

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



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

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



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

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

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

Удачи Вам!!!

Рубрики:  фотографии
цитаты
Метки:  

Марина_Верниковская   обратиться по имени Вторник, 23 Июня 2009 г. 16:38 (ссылка)
А то что я вижу в твоем дневнике - просвечивающиеся парусники - это и есть результат применения этой новации?
Какой же ты молодец!! Интересно выглядит картинка...
Как нибудь тоже попробую... может и у меня получится...
Ответить С цитатой В цитатник
MISTER_MIGELL   обратиться по имени Вторник, 23 Июня 2009 г. 20:21 (ссылка)
Но это сделал другой человек!очень хороший!Как и ты!
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 23 Июня 2009 г. 20:36ссылка


А получилось очень красиво! Мне нравится!
Мне также понравилось оформление ПРО ФУТБОЛ. Трава как настоящая! Ну и мячи конечно тоже красавцы!:queen:
MISTER_MIGELL   обратиться по имени Вторник, 23 Июня 2009 г. 20:53 (ссылка)
Мне тоже нравится!у меня есть подарок для тебя-новое сообщество на Лиру-"испанский ресторанчик"!Как ?Удивлена?
Ответить С цитатой В цитатник
Перейти к дневнику

Вторник, 23 Июня 2009 г. 22:03ссылка
Конечно удивлена, НО приятно удивлена!!
А почему же нет приглашения?
MISTER_MIGELL   обратиться по имени Вторник, 23 Июня 2009 г. 23:07 (ссылка)
уже есть!
Ответить С цитатой В цитатник
Комментировать К дневнику Страницы: [1] [Новые]
 

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

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

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

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