Об этом блоге

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

Ссылки

Мета

14 July 2007 - 17:32Делаем сайт в Photoshop и Dreamweaver (часть I)

Я очень долго искала нужного мне урока по резке дизайна , пока не наткнулась, благодаря Stumble, на очень подробный и иллюстрированный урок от Photoshop Cafe. Итак, мой вольный перевод плюс мои рисунки:

Часть I. Готовим фон для сайта.

1. Создайте холст размером 800х600 пикселей.

2. Протащите несколько направляющих, чтоб все части дизайна были на своих местах.

3. Создайте новый слой.

4. Установите следующие цвета для вашего фона:

5. Примените градиент для вашей странички, удерживая клавишу Shift.

6. Перенесите изображение на рабочий документ и подгоните размер.

7. А теперь сделайте так, чтобы изображение плавно переходило в фон. Кликните на иконку слева, чтобы добавить маску.

8. Выберите кисть (soft!) и установите 100 пикселей.

9. Установите цвет переднего плана черным и начинайте закрашивать края изображения, тем самым как бы сливая фон и само изображение.

10. Закрашивайте до тех пор, пока вы не будете удовлетворены результатом: переход должен выглядеть мягко.
11. Наконец-то переключитесь на screen режим и установите прозрачность до 49% (в моем случае это 95% иначе совсем не будет видно рисунка).

12. Теперь изображение должно максимально слиться с фоном.