| Главная » Статьи » Веб-дизайн |
Для того, чтобы выполнить этот урок в фотошоп, вам необходимо знать основы фотошоп и его инструменты, чтобы дойти до конца урока. Шаг 1 Создание нового документа начните с создания нового документа в фотошоп. Я собираюсь использовать размер 400х400. После того, как вы создали документ, приукрасьте немного фон. Я использовал голубой цвет для фона и линии вдоль всего фона.
Шаг 2 Создание новой фигуры Теперь давайте создадим фигуру значка, в панели инструментов вашего фотошопа, найдите и выберитеИнструмент «Многоугольник»
Удостоверьтесь, что у вас стоят все настройки как у меня на картинке:
Нажмите на стрелочку, которая подсвечена у меня на картинке, и установите такие же настройки, как у меня показано ниже:
Теперь вы вполне готовы для нанесения фигуры, конечно же вы можете попробовать изменить некоторые настройки инструмента на свой вкус. Создайте новый слой ( Слой → Новый → Слой ). Теперь нанесите фигуру на новый слой. Для фигуры значка я использовал такой цвет #4fb2ea. Теперь, если вы сделали все верно, у вас должно получиться вот так:
Ну что же, мы с вами создали основную фигуру, а теперь давайте перейдем к следующему этапу и немного приукрасим ее. Шаг 3 Эффект объема (Стили слоя) В вашей вкладке Слои , нажмите правую кнопку на слое с значком и из контекстного меню выберите Параметры наложения . Примените все следующие стили и их параметры: Внешнее свечение
Внутреннее свечение
Наложение градиента
Теперь вы должны получить вот такой результат:
Теперь выглядит немного лучше. Следующим этапом будет добавления свечения и отражения. Шаг 4 Свет Создайте новый слой и создание выделение из фигуры значка, удерживая ctrl щелкнув по миниатюре слоя значка (на вкладке Слои ).
Сожмите только что созданное выделение на 2 пикселя, выбрав из главного меню Выделение → Модификация → Сжать , исползуйте поле для ввода, чтобы задать 2 пикселя.
Теперь залейте новый слой белым цветом. Сейчас необходимо нажать на клавиатуре, нажать только один раз, сначала стрелочку вниз, а потом стрелочку влево. Теперь нажмите клавишу Del на вашей клавиатуре, и теперь у вас должно получиться что-то такое:
Сейчас вам необходимо изменить режим наложения этого слоя в Перекрытие и снизить Непрозрачность если вы считаете это целесообразным. Лично я снизил до 70%. Снова создайте выделение вокруг значка, и снова используйте Сжать со значением в 2 пикселя (все как делали выше), создайте новый слой. Не снимая выделение, на этом новом слое, внутри выделения залейте градиентом от белого к прозрачному, с верхней, левой части к середине, вот так:
Найдите и выберите инструмент Инструмент «Прямолинейное лассо»
Смените режим наложения слоя в Мягкий свет или Перекрытие , и снизьте Непрозрачность до, примерно, 30-70%. Теперь у вас должен получиться вот такой красивый результат:
Шаг 5 Завершение Теперь смотрится гораздо лучше! Возможно, теперь вы захотите добавить какой-нибкдь текст к вашему значку. В качестве примера, я добавил надпись «Web 2.0», на свой значок, используя простой шрифт, такой как Arial. Если вы будете использовать текст белого цвета то возможно вы захотите добавить тень, например, как у меня - синяя. | |
| Просмотров: 634 | Рейтинг: 0.0/0 |
| Всего комментариев: 0 | |
















