-Рубрики

 -Цитатник

Некоторые фильтры - (0)

Некоторые фильтры AAAfilter Bas relief CPK filter D...

Все полезности в одном посте! - (0)

Все полезности в одном посте! :-) Собственно пост удобной навигации по блогу:-) Все ссылки на сам...

Как написать пост в простом редакторе - (4)

Самые азы о создании постов. Я все в картинках сделала, так, мне кажется, - доступнее... Если чт...

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

Поиск сообщений в Помогай-ка

 -Интересы

полезные программы полезный софт пошаговые инструкции руководства на русском языке

 -Сообщества

Читатель сообществ (Всего в списке: 3) ParadizeArt AC_summer_school Мир_клипарта

 -Статистика

Статистика LiveInternet.ru: показано количество хитов и посетителей
Создан: 07.07.2010
Записей: 922
Комментариев: 935
Написано: 2089


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

Воскресенье, 05 Июня 2011 г. 03:18 + в цитатник

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

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



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

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


 

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


 

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


 

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


 

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

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


 

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

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


 

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

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


 

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


 

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

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


 

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

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


 

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


 

Все!!!

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


 

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

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


 

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

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

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

Автор урока Жагуара

Интересное по теме:

Как делать прозрачные фоны для дневников

Рубрики:  Фото и видеообработка/Уроки Фотошоп
Метки:  

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

tane4ka777   обратиться по имени Воскресенье, 02 Октября 2016 г. 21:18 (ссылка)
Спасибо за урок!
Ответить С цитатой В цитатник
Sobirayu_vinograd   обратиться по имени Пятница, 07 Октября 2016 г. 09:27 (ссылка)
Благодарю.
Ответить С цитатой В цитатник
 

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

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

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

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