Диаграмму сайта, я считаю, удобнее всего создавать при помощи графического редактора для обработки изображений "Adobe Photoshop". Здесь можно создать любые визуальные эффекты, написать тексты, сделать анимацию. При создании диаграммы мы будем работать со слоями и писать тексты. И так приступим.
Открываем программу, нажимаем:
Файл-> Создать-> ширина 1280рx; высота 1000рx; разрешение 72; фон- прозрачный-> ОК
Редактирование-> Выполнить заливку-> Цвет: е4f9f8 (цвет можно устанавливать любой )-> OK; Режим нормальный; Непрозрачность 100%->ОК
Фильтр-> Шум -> Добавить шум-> Распределение по Гаусу; Режим Монохромный; Эффект 11, 86%-> ОК
Берём инструмент «Прямоугольная область» -> Выделяем внутри документа Область , немного отступая от краёв.
Редактирование-> Выполнить заливку-> Цвет: a7f7f4 -> OK Режим Нормальный Непрозрачность 100%->ОК
Фильтр-> Шум -> Добавить шум-> Распределение по Гаусу; Режим Монохромный Эффект 16, 57%-> ОK
Создаём новый слой(значок в правом нижнем углу окна фотошопа) просто щёлкаем по нему.
Берём инструмент «Прямоугольная область» -> Выделяем в верхней части документа Область ->
Берём инструмент « Градиент» -> тянем от левого верхнего угла к правому нижнему, выделенной области. Затем понижаем непрозрачность до 74%
Можно « Добавить стиль слоя» (значок в правом нижнем углу окна фотошопа) -> Тень: Режим наложения- Умножение; Непрозрачность- 75%; Угол 69 градусов; Смещение 5 ; Размах-0; Размер 9 -> ОК
Можно ещё « Добавить стиль слоя» Внешнее свечение: Режим наложения- Жёсткий свет; Цвет- Жёлтый; Непрозрачность 100 %; Размах 0; Размер 8. -> ОК.
Создаём новый слой. -> Берём инструмент «Прямоугольная область», ->Выделяем вертикаль ную линию->Редактирование-> Выполнить заливку: Цвет 011f9d
Берём инструмент « Горизонтальный текст» Щёлкаем там, где нам необходимо написать, и пишем. Размер крупного шрифта 30 и более мелкого 24.
Создаём новый слой-> Инструмент « Прямоугольная Область» ->Выделяем необходимую нам область-> Редактирование->Выполнить заливку->Цвет f491fa-> Непрозрачность 48%.
Берём инструмент « Горизонтальный текст» и пишем необходимый нам текст.
Создаём новый слой -> Берём инструмент « Прямоугольная область» и Выделяем область. ->Редактирование -> Выполнить заливку -> Цвет faf991 -> Непрозрачность 56%.
Можно « Добавить стиль слоя» -> Тень: Режим наложения- Умножение; Непрозрачность- 86%; Угол 90 градусов; Смещение 5 ; Размах-0; Размер 5 -> ОК.
Создаём новый слой -> Инструмент « Прямоугольная Область» ->Выделяем необходимую нам область-> Инструмент « Градиент» Тянем от правого верхнего угла к левому нижнему -> Непрозрачность 61 %
Можно « Добавить стиль слоя» -> Тень: Режим наложения- Умножение; Непрозрачность- 86%; Угол 90 градусов; Смещение 5 ; Размах-0; Размер 5 -> ОК.
Берём инструмент « Горизонтальный текст» и пишем необходимый нам текст.
Как разместить файлы своего сайта на бесплатном хостинге. Домашнее задание Урока № 3.ЕШКО.
Как установить Кириллицу (Windows). Домашнее задание Урока № 5. ЕШКО.
Как сохранять файлы xml в программе Notepad( блокнот). Домашнее задание Урока № 7. ЕШКО.
Открываем программу, нажимаем:
Редактирование-> Выполнить заливку-> Цвет: е4f9f8 (цвет можно устанавливать любой )-> OK; Режим нормальный; Непрозрачность 100%->ОК
Фильтр-> Шум -> Добавить шум-> Распределение по Гаусу; Режим Монохромный; Эффект 11, 86%-> ОК
Берём инструмент «Прямоугольная область» -> Выделяем внутри документа Область , немного отступая от краёв.
Редактирование-> Выполнить заливку-> Цвет: a7f7f4 -> OK Режим Нормальный Непрозрачность 100%->ОК
Фильтр-> Шум -> Добавить шум-> Распределение по Гаусу; Режим Монохромный Эффект 16, 57%-> ОK
Создаём новый слой(значок в правом нижнем углу окна фотошопа) просто щёлкаем по нему.
Берём инструмент «Прямоугольная область» -> Выделяем в верхней части документа Область ->
Берём инструмент « Градиент» -> тянем от левого верхнего угла к правому нижнему, выделенной области. Затем понижаем непрозрачность до 74%
Можно « Добавить стиль слоя» (значок в правом нижнем углу окна фотошопа) -> Тень: Режим наложения- Умножение; Непрозрачность- 75%; Угол 69 градусов; Смещение 5 ; Размах-0; Размер 9 -> ОК
Можно ещё « Добавить стиль слоя» Внешнее свечение: Режим наложения- Жёсткий свет; Цвет- Жёлтый; Непрозрачность 100 %; Размах 0; Размер 8. -> ОК.
Создаём новый слой. -> Берём инструмент «Прямоугольная область», ->Выделяем вертикаль ную линию->Редактирование-> Выполнить заливку: Цвет 011f9d
Берём инструмент « Горизонтальный текст» Щёлкаем там, где нам необходимо написать, и пишем. Размер крупного шрифта 30 и более мелкого 24.
Создаём новый слой-> Инструмент « Прямоугольная Область» ->Выделяем необходимую нам область-> Редактирование->Выполнить заливку->Цвет f491fa-> Непрозрачность 48%.
Берём инструмент « Горизонтальный текст» и пишем необходимый нам текст.
Создаём новый слой -> Берём инструмент « Прямоугольная область» и Выделяем область. ->Редактирование -> Выполнить заливку -> Цвет faf991 -> Непрозрачность 56%.
Можно « Добавить стиль слоя» -> Тень: Режим наложения- Умножение; Непрозрачность- 86%; Угол 90 градусов; Смещение 5 ; Размах-0; Размер 5 -> ОК.
Создаём новый слой -> Инструмент « Прямоугольная Область» ->Выделяем необходимую нам область-> Инструмент « Градиент» Тянем от правого верхнего угла к левому нижнему -> Непрозрачность 61 %
Можно « Добавить стиль слоя» -> Тень: Режим наложения- Умножение; Непрозрачность- 86%; Угол 90 градусов; Смещение 5 ; Размах-0; Размер 5 -> ОК.
Берём инструмент « Горизонтальный текст» и пишем необходимый нам текст.
Подобным образом можно создать и схему нашего сайта:
Удачи!!!
Так же можно почитать:
Как разархивировать файл. Урок № 1. ЕШКО.Как разместить файлы своего сайта на бесплатном хостинге. Домашнее задание Урока № 3.ЕШКО.
Как установить Кириллицу (Windows). Домашнее задание Урока № 5. ЕШКО.
Как сохранять файлы xml в программе Notepad( блокнот). Домашнее задание Урока № 7. ЕШКО.
Комментариев нет:
Отправить комментарий