Автор: Brother Mouse
Сегодня я продемонстрирую вам процесс создания коммерческой веб-страницы. Друзья, знающие веб-страницы, должны знать важность Photoshop в этом процессе, поскольку он является основой для создания веб-страниц. Поэтому автор подготовил этот набор руководств. Цель состоит в том, чтобы надеяться, что начинающие друзья смогут глубже понять производственный процесс. В ближайшие дни я подготовлю больше, чем рекламные альбомы, плакаты общественного благосостояния и т. Д. ., производственный процесс. Давайте начнем прямо сейчас!
Давайте сначала посмотрим на окончательные рендеры:
визуализации
Рисунок (1) Сначала выберите «Файл»> «Новый» (CTRL+N) и установите параметры в диалоговом окне. Как показано на рисунке 1.
Установить параметры
Рисунок (2) Создайте новый слой. Теперь начните с фона. Сначала установите цвет градиента (здесь я использую красный и черный цвета в качестве цвета фона. Цвет можно настроить в соответствии с вашими предпочтениями). Удерживайте клавишу Shift+. мышь на картинке Щелкните левой кнопкой мыши, чтобы растянуть вниз по прямой линии. Как показано на рисунках 2 и 3. +
Редактор градиентов
Диаграмма эффекта градиента
Рисунок (3) После установки цвета фона используйте инструменты «Затемнение» и «Осветлитель» (сочетание клавиш o), чтобы отредактировать его, придав ему текстурированный вид. Как показано на рисунках 4 и 5.
Немного ощущения ткани
Инструменты Burn и Dodge
Рисунок (4) После использования инструмента «Выделение» (сочетание клавиш m) для выбора соответствующего диапазона в правом верхнем углу, нажмите и удерживайте клавиши Ctrl+J, чтобы скопировать отдельный слой. Редактируем стиль. Как показано на рисунках 6 и 7.
Удерживайте Ctrl+J, чтобы скопировать слой по отдельности.
Редактирование стилей слоя
Рисунок (5) Выберите слой 2, используйте тот же метод, что и выше, выберите соответствующий диапазон и удерживайте Ctrl+J, чтобы скопировать отдельный слой. Редактируем стиль. Как показано на рисунке 8.
Выберите подходящий диапазон
Рисунок (6) Далее нам нужно начать затемнять и осветлять слой, который был только что выделен и отредактирован в кадре. Сначала выберите слой 3, как показано на рисунке 9, а затем после редактирования выберите слой 4, как показано на рисунке 10.
Выполните процессы затемнения и осветления.
Рисунок (7) Создайте новый рисунок 5. Теперь измените изображение и используйте инструмент выделения, чтобы выбрать соответствующий диапазон, как показано на рисунке (11). Заливка R:255 G:2 B:252. Дважды щелкните слой 5, чтобы отредактировать. стиль. Как показано на рисунке (12). Отрегулируйте прозрачность этого слоя до 40%. Как показано на рисунке (13)
Используйте инструмент выделения, чтобы выбрать подходящий диапазон.
Редактирование стиля слоя
Прозрачность слоя
(8) Создайте новый слой, выделите диапазон и залейте его цветом R:255 G:2 B:252. Отредактируйте стиль, как показано на (14), и установите прозрачность этого слоя на 0.
Редактирование стиля слоя
Рисунок (9) Теперь мы вводим текст (вы также можете придумать имя, которое вам нравится). Я назову веб-страницу Heitongdiba и введу соответствующие шрифты. Как показано на рисунке (15).
Введите текст
Изображение (10) Хорошо, теперь нам нужно обработать шрифт, изменить тему «Черный зрачок», дважды щелкнуть слой, чтобы отредактировать его в стиле, как показано на (16), настроить прозрачность этого слоя на 0.
Обработка шрифтов
Рисунок (11) Найдите несколько похожих изображений и вставьте их (но они должны соответствовать заданной вами теме, а не просто найдите несколько изображений), а затем поместите изображения в стиль для редактирования. Как показано на рисунке (17)
Если
изображениястиля слоя
(12) недостаточно, добавьте несколько небольших изменений (изображение 18), но не слишком много, и соответствующим образом отрегулируйте прозрачность.
Добавьте некоторые незначительные изменения
Сделанный! Посмотрим конечный результат.
конечный эффект
Когда веб-страница готова, новички могут использовать эти простые методы, чтобы попытаться создать свою собственную веб-страницу. Любой дизайн не обязательно должен иметь много эффектов, чтобы быть хорошим. Иногда простота — это тоже своего рода красота. Если у вас есть разные мнения по поводу руководства, надеюсь, вы сможете связаться со мной по телефону QQ: 95512068.