Glyph Icons. Training #1: Clip
Итак,сегодня будем делать с вами вот такую вот симпатичную скрепочку :)
Создаем документ. Открываем два дополнительных окна, как в прошлом уроке.Включаем сетку.
по середине заливаем полосу шириной 14px. это будет габаритным размером нашей скрепки.
Начиная с левого верхнего угла полосы, с зажатим шифтом рисуем круг.
Отступаем 2 пикселя от того же угла и рисуем второй.
Тоже самое только от нижнего. Большой круг в нижней "двойки" на 3 пикселя меньше габарита(2 пикселя толщина скрепки и 1 пиксель пробел между стенками)
Ctrl+X. Ctrl+V и у маленьких меняем булевский тип на Subtract.
Ctrl+X. Ctrl+V для большой полосы. Тип - Add.
Ctrl+X. Ctrl+V для малой. Тип - Subtract.
Тут не сделал скриншот, но надо верхний "бублик" тож вставить в желтый шейп. Думаю у вас не возникнет с этим проблем.
Новая масочка.Ctrl+X. Ctrl+V. Тип - Subtract.
Похожим способом рисуем 2 окружности внутри и 2 полоски.
Для малых окружности и полоски тип - Subtract. Потом нажимаем Combine для удобства использования.
Выбираем склееный шейп.Ctrl+X. Ctrl+V. Тип - Add.
Красим в белый для удобства.
Ctrl+T. Зажимаем Shift(чтобы поворачивать по 15 градусов за раз) и поворачиваем на 45 градусов. Enter.
Снова Ctrl+T. Видите габаритный контейнер шейпа идет не по пиксельной сетке - исправляем это, оставляя по 2 пикслея с краев.
Добавляем эффект.
Drop shadow. 90 degress. distance - 1px. Size - 1px. Opacity - 75%(хотя можно и меньше,если фон светлый). И Gradient Overlay от белого к серому. Думаю справитесь :)
Вуаля, получили скрепка :)
В следующем тренинге покажу, как сделать закругленные края у скрепки - ничего сложного, просто ломает сейчас писать ^__^
Создаем документ. Открываем два дополнительных окна, как в прошлом уроке.Включаем сетку.
по середине заливаем полосу шириной 14px. это будет габаритным размером нашей скрепки.
Начиная с левого верхнего угла полосы, с зажатим шифтом рисуем круг.
Отступаем 2 пикселя от того же угла и рисуем второй.
Тоже самое только от нижнего. Большой круг в нижней "двойки" на 3 пикселя меньше габарита(2 пикселя толщина скрепки и 1 пиксель пробел между стенками)
Ctrl+X. Ctrl+V и у маленьких меняем булевский тип на Subtract.
Ctrl+X. Ctrl+V для большой полосы. Тип - Add.
Ctrl+X. Ctrl+V для малой. Тип - Subtract.
Тут не сделал скриншот, но надо верхний "бублик" тож вставить в желтый шейп. Думаю у вас не возникнет с этим проблем.
Новая масочка.Ctrl+X. Ctrl+V. Тип - Subtract.
Похожим способом рисуем 2 окружности внутри и 2 полоски.
Для малых окружности и полоски тип - Subtract. Потом нажимаем Combine для удобства использования.
Выбираем склееный шейп.Ctrl+X. Ctrl+V. Тип - Add.
Красим в белый для удобства.
Ctrl+T. Зажимаем Shift(чтобы поворачивать по 15 градусов за раз) и поворачиваем на 45 градусов. Enter.
Снова Ctrl+T. Видите габаритный контейнер шейпа идет не по пиксельной сетке - исправляем это, оставляя по 2 пикслея с краев.
Добавляем эффект.
Drop shadow. 90 degress. distance - 1px. Size - 1px. Opacity - 75%(хотя можно и меньше,если фон светлый). И Gradient Overlay от белого к серому. Думаю справитесь :)
Вуаля, получили скрепка :)
В следующем тренинге покажу, как сделать закругленные края у скрепки - ничего сложного, просто ломает сейчас писать ^__^