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


Оформление блога: Делаем фон страницы полупрозрачным 08-11-2009 01:26 к комментариям - к полной версии - понравилось!


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


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


[539x368]



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



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







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


[208x170]




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


[160x230]




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







и в вылетевшем окошке с палитрой выбираем цвет будущей страницы.

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


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


[447x211]




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


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


[440x213]




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


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


[236x186]




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


[202x196]




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


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







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


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


[257x325]




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


[232x201]




Все!!!


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


[611x226]




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


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


[500x111]




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


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


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



Удачи Вам!!!


[показать]

вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник Оформление блога: Делаем фон страницы полупрозрачным | Mandarinka_2008 - Блог казанской леди! | Лента друзей Mandarinka_2008 / Полная версия Добавить в друзья Страницы: раньше»