Browsed by
Рубрика: интерфейс

Разработка иконок в Illustrator

Разработка иконок в Illustrator

уроки Adobe IllustratorПосмотреть урок «Разработка иконок в Illustrator».
В этом уроке рассказывается о создании иконок в векторной среде и общих принципах: техника «pixel perfect», почему стоит идти от большего размера к меньшему, почему стоит делать некоторые элементы на маленьких иконках более контрастными, влияние тени и текстур на иконки маленьких размеров. Рассматриваются простые пиктограммы и иконки в реалистичном стиле небольших размеров: 16×16, 32×32 и 64×64 пикселей.

Создаем набор иконок кофейных и чайных чашек

Создаем набор иконок кофейных и чайных чашек

уроки Adobe IllustratorПосмотреть урок «Создаем набор иконок кофейных и чайных чашек».
В этом уроке вы создадите набор «чашечных» иконок. Для начала мы настроим сетку, сделаем и сохраним несколько графических стилей. Далее, используя инструменты Rectangle Tool, Ellipse Tool и Direct Selection Tool, а также эффекты группы Warp и эффект Round Corners, будем создавать основные формы иконок. Наконец, используя эффекты Drop Shadow и Inner Glow совместно с различными режимами смешивания, добавим блики и тени.

Пляжная песчаная иконка со шлепанцами

Пляжная песчаная иконка со шлепанцами

уроки Adobe IllustratorПосмотреть урок «Пляжная песчаная иконка со шлепанцами».
Следуйте этому уроку и изучите, как нарисовать красивую пляжную иконку. Эта иконка состоит из двух основных частей: основания, которое выглядит как пляж, и разноцветных пляжных шлепанцев. Вы научитесь создавать текстуру песка, используя разные кисти, шаблоны, имеющиеся в программе Adobe Illustrator и эффекты, такие как Film Grain и Radial Blur. Вы не только изучите, как рисовать основу шлепанца, но и создадите забавные красочные дизайны шлепанцев-вьетнамок.

Создаем простую иконку календаря

Создаем простую иконку календаря

уроки Adobe IllustratorПосмотреть урок «Создаем простую иконку календаря».
В данном уроке вы создадите простую иконку календаря. Для начала мы настроим сетку, далее воспользуемся возможностями панели Appearance, создавая деревянную текстуру. Затем, используем опции панели Pathfinder, а также вы увидите как выравнивать объекты. Применим эффект Roughen и сделаем простой узор. Наконец, используем основные техники маскирования и эффект Transform.

Создаем простую иконку карты в Illustrator

Создаем простую иконку карты в Illustrator

уроки Adobe IllustratorПосмотреть урок «Создаем простую иконку карты в Illustrator».
В этом уроке вы создадите иконку карты, используя основные инструменты и эффекты. Нарисуем много прямоугольников и, применив технику Envelope Distort, создадим карту. Основные техники смешивания и построения фигур, наряду с возможностями панели Appearance, помогут добавить светотень на иконку. Наконец, «построим» из основных фигур, к которым применим эффекты искажения (Warp), указатель места.

Создаем иконку монет в Illustrator

Создаем иконку монет в Illustrator

уроки Adobe IllustratorПосмотреть урок «Создаем иконку монет в Illustrator».
В этом уроке вы создадите простую иконку монеты. Для начала мы подготовим новый документ, настроив там сетку. Потом создадим и сохраним узор (Pattern). Продолжим рисованием некоторых основных фигур и применим к ним 3D-эффект Extrude & Bevel. Пользуясь возможностями панели Appearance, а также применяя основные техники смешивания, мы добавим цвет, тени и блики. Наконец, вы узнаете как легко перекрасить монету при помощи одноименной команды.

Создаем иконку «Пипетки»

Создаем иконку «Пипетки»

уроки Adobe IllustratorПосмотреть урок «Создаем иконку пипетки».
В этом уроке я расскажу вам как создать иконку «Пипетки», используя смешивание, градиенты и простые фигуры. Этот значек превосходен для веб-дизайна и прекрасно смотрится в пользовательском интерфейсе. Техники, применяемые в уроке, можно использовать и для создания других иконок.

Создаем набор простых переключателей

Создаем набор простых переключателей

уроки Adobe IllustratorПосмотреть урок «Создаем набор простых переключателей».
В этом уроке вы создадите простой набор переключателей. В качестве основной формы нам послужит прямоугольник, к которому мы применим эффекты Rounded Corners и Drop Shadow. Для слайдера мы используем gradient mesh, некоторые опции с панели Pathfinder и две простых обводки.

Кнопка вкл/выкл для анимации

Кнопка вкл/выкл для анимации

уроки Adobe IllustratorПосмотреть урок «Кнопка вкл/выкл для анимации».
В этом уроке шаг за шагом рисуем кнопку power. Активно используем градиент, для создания эффекта объемности. А также вы узнаете как использовать палитру Слои (Layers) при подготовке рисунка для анимации.

Кнопки для сайта с неоновым эффектом

Кнопки для сайта с неоновым эффектом

уроки Adobe IllustratorПосмотреть урок «Кнопки для сайта с неоновым эффектом».
В этом уроке показан еще один способ создания кнопки в Illustrator, на этот раз, с неоновым эффектом. Используем в уроке базовые инструменты, команды и эффекты.
Авторский урок.