Главная » Уроки фотошоп» Уроки по созданию графики для сайта в Фотошопе |
2010-12-05, 21:44 | |
В этом уроке создадим красивую стеклянную RSS кнопкудля сайта. Создаём новый документ размером 512x512px и разрешением 72 dpi Инструментом Эллипс Уменьшаем Fill (Заливку) слоя до 0%: Выбираем BlendingOptions- GradientOverlay (Параметры наложения - наложение градиента) (кликните два раза по слою) ставим настройки как на рисунке: Результат должен быть примерно такой: Выбираем Инструмент Эллипс Переходим BlendingOptions- InnerShadow (Параметры наложения - Внутренняя Тень) и выставляем такие настройки: Blending Options - Stroke (Параметры наложения - Обводка) Заливку (Fill) слоя ставим 0%.Результат должен быть таким: Рисуем ещё один круг: Применяем к слою параметр Наложение градиента: Редактор градиента: Рисуем ещё один круг меньшего размера и с помощью инструмента DirectSelectionTool(A) (Инструмент Стрелка) из круга делаем такую фигуру: Выбираем BlendingOptions - Inner Glow (Параметры наложения - Внутреннее свечение) со следующими параметрами: Fill(Заливка): 0%. Результат должен быть такой: Далее рисуем ещё один круг с цветом #F36523, немного смещённый влево и вниз относительно основного большого круга. С зажатой клавишей Alt рисуем ещё круг, как показано на рисунке. Для слоя ставим следующие параметры: Должно быть нечто такое: Инструментом Ellipse Tool Теперь выбираем инструмент Rounded Rectangle Tool (U)(Прямоугольник со скруглёнными углами). Радиус ставим 30px. 1.Рисуем линию 2.Инструментом Add Anchior Point Tool(Инструмент ”Перо + (Добавить опорную точку)”. Добавляем две опорных точки снизу и сверху по центру линии. Инструментом Стрелка и Выделение контура(DirectSelectionTool (A) и ConvertPointTool) делаем такую фигуру. Размещаем элемент на нашей кнопке Применяем к фигуре BlendingOptions - GradientOverlay(Параметры наложения -Наложение градиента) с такими параметрами: Редактирование градиента: Почти готово! Копируем слой с фигурой, немного увеличиваем его и размещаем вот так: Желаю успехов ! Всегда для Вас: photoshoplesson.ru У Вас возникло желание показать результаты Ваших трудов ? Выложите свои работы на наш форум !
ПОХОЖИЕ УРОКИ: | |
Просмотров: 4140 | |
Всего комментариев: 0 | |