Aqua Button

Этот эффект впервые стал известен благодаря официальной странице фирмы Apple. В последнее время он применяется повсеместно..
Для начала нарисуйте прямоугольник, равный по размеру вашей будущей кнопке. Затем мышкой при помощи Shape Tool тащите любой из узлов фигуры к центру, в результате вы равномерно закруглите углы прямоугольника. Основа для кнопки готова.

Затем при помощи Pick Tool выделите среднюю верхнюю контрольную точку (черный квадратик) и, удерживая Shift, тяните ее на себя. Не отпуская нажатую левую кнопку мышки, щелкните по правой. Так вы создадите уменьшенный вариант кнопки. Расположите получившийся объект немного выше нижнего края большой кнопки. Сделайте дубликат маленькой фигуры и расположите его чуть ниже верхнего края.
Залейте большую кнопку темным, нижнюю фигуру – светлым цветом, верхнюю фигуру сделайте белой. Сделайте контур всех трех объетов невидимым. У вас должно получиться похожим образом.

Теперь выделите нижнюю маленькую фигуру и в меню слева выберите инструмент Interactive Blend. Тащите появившуюся направляющую в сторону большей фигуры. Затем выделите верхний объект и при помощи инструмента Interactive Transparency сделайте его прозрачным. В итоге ваша кнопка будет выглядеть примерно так.

Для того, чтобы добавить надпись, напечатайте желаемый текст и добавьте к нему небольшую тень при помощи инструмента Interactive Drop Shadow. В заключение вынесите прозрачный блик на передний план (Arrange>Order>To Front или Shift+PgUp).

Для придания реалистичности вы можете добавить готовой кнопке легкую тень. Перед тем, как воспользоваться инструментом Drop Shadow, не забудьте выделить все объекты и сгруппировать их (Ctrl+G).

Поделиться в соц. сетях

mailru Aqua Button
facebook Aqua Button
odnoklassniki Aqua Button
livejournal Aqua Button
googlebuzz Aqua Button

Также рекомендуем:

  1. Лист бумаги Часть первая. 1. Создаем новый документ, называем Paper. 2. Выбираем Rectangular Marquee Tool (М) 3.Выделим весь лист. 4. Выделенное заполняем белым. 5. Заходим Layer>Layer Style>Drop Shadow-Opacity 20%-Distance 2-Spread 0 -Size 1 6. Нажимаем на Stroke.-Size 1px -Outside -Opacity 5% (Внимание! Для каждого размера листа, свои опции!) 7. Выбираем Elliptical Marquee Tool (M) 8. Зажимаем Shift [...]...
  2. Узоры, работа с Blending tool 1. Инструментом Polygon tool (Y) нарисуйте равносторонний пятиугольник, удерживая ctrl.. 2. Продублировав его (Ctrl+D), потяните инструментом Shape tool (F10) за любой узел между вершинами. Затем выделите обе фигуры и отцентрируйте их (Arrange > Align and Distribute). Придайте фигурам обводку разного цвета. 3. Выберите Interactive blend tool и потяните курсором от одного объекта к другому. 4. [...]...
  3. Трехмерные здания 1. Инструментом Rectangle Tool (F6) нарисуйте три прямоугольника. Для удобства работы с ними залейте каждый разным оттенком.. 2. Сгруппируйте объекты (выделите их и нажмите ctrl+G). Примените перспективу: Effects > Add Perspective. 3. Чтобы сделать здания разной высоты, разгруппируйте объекты и передвиньте прямоугольники вверх или вниз в зависимости от того, ниже или выше здание вы хотите [...]...
  4. 3D шар с текстурой Для начала нарисуйте круг, затем при помощи Ctrl+D сделайте его дубликат. Нижний круг залейте желаемой текстурой, а тот, что сверху, сделайте черным. Расположите оба круга точно один под другим (в этом вам поможет Arrange в верхнем меню). Важно, чтобы черный круг находился сверху. Сделайте контур обеих фигур невидимым.. Возьмите инструмент Interactive Transparency и в верхнем [...]...
  5. Эффект линзы Эффект линзы (в оригинале – Стеклянный шар). В этом уроке вы научитесь создавать стеклянный шар-линзу. Такая линза будет особенно хорошо смотреться в сочетании с другими объектами, так как она дает довольно реалистичное искажение того, что под ней находится. Начните с рисования окружности, затем дублируйте ее 1 раз. Залейте верхнюю окружность радиальным градиентом (белый в центре, [...]...
  6. Металлический текст Текст из металлических пластин. . 1. При помощи Text Tool () напишите желаемый текст. Переведите его в кривые (Ctrl+Q). Я использовала Beast vs SpreadTall. Если буквы изначально имели видимый черный контур, вам нужно сделать его невидимым. (F12 – outline – none). 2. Придаем тексту «металлический» вид при помощи градиентной заливки. Можно использовать готовые градиенты или [...]...
  7. Смешивание слоев при помощи маски прозрачности Вот попыталась перевести урок, если, что не вышло, не судите строго.С помощью этого урока Вы научитесь комбинировать области различных слоев и создавать композитное изображение.. 1. Откройте в Illustrator изображение, состоящее хотя бы из 2-х слоев. В данном случае картинка состоит из слоя с розовой розой (верхний слой) и желтой (нижний) 2. С помощью пера или [...]...
  8. Текст из воды Step 1Создайте документ и напишите любой текст. Растеризуйте слой.. Используя кисть, добавьте несколько капель и подтеков к тексту. Объедините оба слоя Layer > Flatten Image. Step 2Идем в палитру каналов и создаем маску канала путем перетаскивания любого слоя Red, Green или Blue на иконку New Channel внизу палитры каналов. Называем его water. Далее инвертируем канал [...]...
  9. Как нарисовать сердце Новый документ 800×600. Белая заливка.. Выберем инструмент Ellipse-tool (находится под Type tool) и нарисуем держа Shift окружность. Гордо крикнем: «Мама! Иди посматри, у меня тут ВЕКТОР!»…после объятий и поздравлений от вашей семьи, растолкаем собравшихся от нашего рабочего места, и продолжим. Выберем Convert Point tool… будем надеятся что никто не увидит вашего позора, когда вы прочитав [...]...
  10. Facebook обзаведется собственным файлообменником Расширяя свои возможности, Facebook планирует в ближайшем будущем приобрести собственную файлообменную систему. Первый шаг на пути к получению файлообменника уже сделан: компанией приобретен соответствующий сервис Drop.io. Как следует из сообщений западных источников, потребности социальной сети будут удовлетворяться функциональными возможностями сервиса.. Стоимость приобретения скрыта под грифом «Секретно», но известно, что большая часть сервиса отошла в собственность [...]...
  11. Как нарисовать резьбу. Когда речь заходит о рисовании реалистичной резьбы для иллюстрации или технического чертежа, многие просто не знают, с какой формы начать и как должна выглядеть тень. В этом уроке я расскажу вам о базовой технике создания резьбы вокруг любого цилиндрического объекта.. 1. Для создания одного витка спирали вам нужно будет объединить три базовых примитива – прямоугольник [...]...
  12. Пулевые отверстия 1. Создадим новое изображение 512×512 px, 72 dpi. 2. Нажмем D, чтобы установить цвета палитры по умолчанию (черно-белый).Создадим новый слой.Filter > Render > CloudsFilter > Render > Difference Clouds 3. Filter > Blur > Gaussian Blur (радиус 4 px)Filter > Sketch > Chrome: Detail- 10, Smoothness- 0 4. Image > Adjustments > Levels 5. Edit [...]...
  13. Текст с контуром 1. Откройте CorelDRAW, выберите инструмент Text и напечатайте ваш текст. Желательно использовать жирный шрифт (в уроке был использован Impact).. 2. Выберите инструмент Interactive Contour из меню слева. 3. Создайте контур, перетащив направляющие на текст. Не снимая выделения с текста, примените настройки. 4. В результате вы получите следующий эффект. Пока не снимайте выделение. 5. Выберите Градиентную [...]...
  14. Переплетающиеся кольца Не так давно один из посетителей сайта спросил меня, как создать переплетающиеся кольца наподобие эмблемы Олимпийских Игр. Его просьба была реализована в Corel DRAW8, однако я не мог остановиться на достигнутом, поэтому здесь я познакомлю вас с вариантом того же урока для Corel DRAW9. Различие между уроками в том, что здесь были использованы Artistic Media [...]...
  15. Шестеренка Посредством нажатия Ctrl+N или через команду меню Файл > Создать (File > New) создадим новое изображение размером 200х200 пикселей. В качестве фона выберем белый цвет.Первое, что нам необходимо выполнить, – это создать несколько Направляющих (Guides). Для этого нажмем Ctrl+R, тем самым отобразив линейки; затем щелкнем на линейке и, не отпуская кнопку мыши, перетащим направляющую на [...]...

Комментарии запрещены.