Photoshop

Суббота, 11.05.2024, 05:39
Приветствую Вас Гость

Регистрация
Вход
Главная » Файлы » Учебник Фотошоп » Основы работы

Советы начинающим Web-дизайнерам
13.05.2013, 23:22

Здесь будет рассказываться о том, как делаются стильные кнопки и логотипы для сайтов. Вы наверно частенько встречали в интернете элементы стиля web 2.0 - это блестящие и прозрачные кнопки будто капельки росы.

На самом деле в изготовлении подобных нет ничего сложного.
Вот несколько советов:

1 совет:

Начните с того, что нарисуйте обычную форму любого цвета.

2 совет:

Пока это скучный зеленый прямоугольник. Чтобы оживить его добавим стиль "Тень".


Путем добавления обычной тени наш глаз начинает разделять объекты. Он теперь понимает, что за зеленым прямоугольником есть фон.

3 совет:

Самая важная часть в изготовлении кнопки - добавление градиента. Стиль градиент, как и тень, можно добавить из окна "Стили слоя"

Градиент может быть как простой однотонный, так и комплексный из нескольких цветов. Управляя ползунками, вы можете добиться интересного блика на кнопке. Посмотрите на следующие примеры:


Как видите градиент придает кнопке объем и глубину.

4 совет:

Далее, что можно добавить кнопке, так это стиль "Внутреннее свечение" (inner glow) черного цвета.
С помощью него у объекта появятся мягкие сглаженные края, соответственно он станет слегка объемным.


5 совет:

Еще один момент, который стоит отметить, это добавление отражения или глянца. Лучше всего этот эффект будет смотреться на темной кнопке.

Этот зеркальный отблеск можно нарисовать с помощью градиента с настройкой от белого к прозрачному (white to transparent), или просто белым цветом с прозрачностью 50%.

6 совет:

Итак, последнее, что хотелось сказать - это использование стиля "Наложение текстуры". Вам нужно поэкспериментировать с текстурами. На кнопках они смотрятся довольно эффектно.

Категория: Основы работы | Добавил: alt1993
Просмотров: 347 | Загрузок: 0 | Рейтинг: 0.0/0
Всего комментариев: 0
Имя *:
Email *:
Код *:
Меню сайта
Форма входа

Категории раздела
Основы работы [64]
Установка дополнений [0]
Описание инструментов [0]
Наш опрос
Оцените мой сайт
Всего ответов: 6
Мини-чат
Друзья сайта
  • Скачать с торрента
  • Статистика
    Рейтинг@Mail.ru Счетчик тИЦ и PR
    Поиск