Тема: «Текстовые эффекты, создание иконок»

1. Пластмассовый текст

a) Создаем новый документ (640х480). Залейте документ черным цветом. Добавляем любой текст (T). Перейдите в настройки инструмента текст и выберите шрифт. Результат будет лучше смотреться на больших и толстых шрифтах. Например (Рис.1). Измените размер текста, при помощи трансформации (Ctrl+T). Нажмите Enter, чтобы применить трансформацию. Выберите цвет текста, используя Стиль слоя. В окне Стиль слоя выберите Наложение цвета.

b) Добавьте Внутреннюю тень, используя Внутреннее свечение. Находясь на слое с текстом, вызовите окно Стиль слоя, выберите в нем Внутреннее свечение. Теперь, для того чтобы превратить свечение в тень, нам нужно, просто изменить Режим наложения на Умножение и изменить цвет с Желтого на Темно-синий. Понизьте Непрозрачность тени до 50%. Удостоверьтесь, что Источник выбран - На краях и увеличьте Размер тени примерно к 13 пикс (Рис.2).

c) Выберите в окне Стиль слоя Тиснение. Добавим новые Контуры глянца. Перейдите в окно Тиснения и спуститесь в поле Затемнение. Кликните по стрелочке указывающей вниз, возле миниатюры контура. Затем, в появившемся окошке, нажмите на стрелочку в правом верхнем углу. В появившемся окошке выберите вкладку Контуры, чтобы добавить Контуры, которые недоступны для нас по умолчанию. Photoshop спросит Вас: «заменить текущие контуры содержащимися в Контуры», нажмите Добавить. Прокрутите ползунок вниз, пока не дойдете до миниатюры «Тройное кольцо» (Рис.3), кликните по нему два раза, чтобы выбрать его. Теперь изменим настройки в Тиснении (Возможно, Вам придется немного изменить настройки, в зависимости от шрифта, который вы используете и его размера (Рис.4).

d) В Стиле слоя, перейдите во вкладку Контур. На этот раз выбираем контур «Пологий склон - долина». Вы можете настроить Диапазон на свое усмотрение (Рис.5).

e) Продублируйте слой с текстом. Выберите оригинал слоя с текстом, добавьте к нему Обводку размером 6 пикс., цвет выберите, наведя курсором на одну из букв и кликнув где-то между самым светлым и самым темным участком буквы. Применим Тиснение к Обводке (Рис.6). Результат (Рис.7).

2. Стеклянные иконки.

a) Создаем изображение 128х128 пикселей, заливаем нужным цветом или оставляем прозрачный фон, создаем новый слой. Выбираем инструмент Скругленный прямоугольник, задаем скругление 10 пикселей, выставляем в режиме Контуры , при зажатой клавише Shift рисуем скругленный прямоугольник на слое, который мы создали. Нажимаем Ctrl+Enter для преобразования контура в выделение и заливаем любым цветом (на данный момент цвет не важен). Рис. 8

b) Создаем тень для полученного скругленного прямоугольника (Рис.9). Налаживаем градиент (цвет выбирайте сами). Можно наложить любую текстуру. Прозрачность наложения текстуры надо выбирать в зависимости от вида текстуры и Вашего видения, так что пробуйте различные комбинации.

c) Создаем еще один слой, на котором мы размещаем текст или символ. Добавьте Вашему рисунку тень. Цвет тени выбирайте исходя из цвета фона.

d) Создаем еще один слой для создания блика. Используя инструмент Скругленный прямоугольник и рисуем контур со скруглением 9 пикселей и отступами по бокам от основного тела иконки порядка 1-2 пиксела. Нажимаем Ctrl+Enter для преобразования контура в выделение и заливаем его полупрозрачным градиентом (от белого до прозрачного). Далее, используя инструмент Перо, обрисовываем дугу среза посередине иконки (Рис.10). Преобразуем контур в выделение и удаляем лишний градиент. Результат (Рис. 11).

3. Зачетное задание. Создайте МАКЕТ САЙТА на произвольную тему, придерживаясь нескольких условий:

a) возможность отключать слои с текстом;

b) определение размера оставляю за Вами. Макет сайта должен хорошо выглядеть от 996 пикселей в ширину и более, вплоть до широкоформатных мониторов;

c) слои должны называться человеческими именами, а не layer 4 copy 3;

d) шрифты, которые будут на сайте текстом, а не вырезанной графикой, должны быть простыми, типа Arial, Times и т.д. такими, какие есть у всех.


Понравилась статья? Добавь ее в закладку (CTRL+D) и не забудь поделиться с друзьями:  



double arrow
Сейчас читают про: