Как сделать компас в фотошопе
Вращение холста в фотошопе
Зачастую при рисовании карандашом на бумаге мы вращаем лист бумаги и прорисовываем детали. Многим интересно, как организовать быстрое вращение холста в фотошопе, столь же не трудозатратное и ненапряжное.
Быстрое вращение холста в фотошопе предусмотрено в версия CS4 и выше.
Использование
Инструмент “Поворот вида” находится в Tools (панели инструментов) в группе с инструментом Hand (Рука). Выбрать его можно, кликнув по “руке” правой кнопкой мыши.
Так же в верхнем меню есть группа быстрых кнопок для манипулирования холстом, одной из которых является и кнопка поворота холста (Поворот вида)
Включение OpenGL
Без включения специальной опции OpenGL функция поворота вида не будет доступна.
Чтобы активировать OpenGL заходим в меню:
Редактирование – Установки – Производительность…
В одной из групп настроек просто устанавливаем нужную галочку, жмём ОК и перезагружаем Фотошоп.
Возвращение холста в исходное положение
В верхнем меню есть кнопка “Восстановить представление до исходного состояния”. Выбрав иструмент поворота при рисовании, можно легко возвратить изображение в исходное положение, хотя можно подкрутить и в ручную. Кому как удобнее.
Быстрые кнопки для лёгкой работы
Горячая кнопка инструмента Поворот вида – R.
При рисовании придётся переключаться между инструментами кисти и поворота нажимая клавиши R и B поочерёдно.
К сожалению не нашёл альтернативы горячей клавиши, которая включала бы поворот только в момент нажатия определённой кнопки, как это, допустим, делает пробел для быстрого вызова Руки.
Где то читал, что использую Пробел+правый Alt Gr, но у меня эта комбинация не отмечена +)
Возможно это реализовано в CS5 либо просто-напросто настраивается где-то в настройке клавиш в фотошопе.
P.S. Надеюсь рекомендация поможет облегчить работу и сделать её более удобной. Если у кого-то есть что добавить к использованию данного инстумента из своей практики, прошу ответить в комментариях.
7 комментариев к “Вращение холста в фотошопе”
ктонить подскажет, интуосы поддерживают на сенсорном кольце эту штуку или нет? ну в смысле поворачивается холст кольцом?
п.с. я опять о своем )) в Сае эта функция в разы лучше реализована 😀
Рисуем иконку компаса в Photoshop
Из этого урока мы узнаем, как в Adobe Photoshop нарисовать с нуля иконку компаса, используя такие инструменты, как «Перо» (Pen Tool), «Прямоугольник со скруглёнными углами» (Rounded Rectangle Tool) и «Прямоугольник» (Rectangle Tool).
Вы также узнаете, как объединить простые векторные фигуры для создания сложной составной фигуры. Наконец, вы увидите, как добавить тень к иконке, которая зависит от размеров иконки.
Для лучшего понимания, Вы можете скачать готовый файл PSD, выполненный по результатам урока, по ссылкам внизу страницы.
Вот что у меня получилось в итоге:
Давайте начнём. Открываем Photoshop и создаём документ размером 500 на 500 пикселей. Заливаем документ розовым цветом #db687b. Результат:
Чтобы фон не был таким скучным, предлагаю украсить его стилем слоя «Карбон», бесплатно скачать его Вы можете на этой странице, там же есть ссылка на руководство по установке стиля слоя в Photoshop.
Дублируем фоновый слой и добавляем к нему стиль слоя, непрозрачность нового слоя уменьшаем примерно до 45%. Вот как теперь выглядит документ:
Создание основы иконки
Установите цвет переднего плана на #3ab2cb. Возьмите инструмент «Прямоугольник со скруглёнными углами» (Rounded Rectangle Tool), установите длину и ширину 190 и радиус скругления 30 пикселей и создайте фигуру:
Создайте новый слой над слоем с прямоугольником. Зажмите клавишу Ctrl и кликните по миниатюре слоя с прямоугольником, чтобы появилось выделение:
Выберите один из инструментов выделения, например, «Прямоугольная область» (Rectangular Marquee Tool), кликните правой клавишей мыши внутри выделения, откроется контекстное меню, где кликните по строке «Выполнить обводку» (Stroke). Откроется диалоговое окно, где задайте толщину обводки 2 пикселя, цвет #1d6b80 и положение «Внутри» (Inside):
Т.к новый пустой слой был активным в момент создания обводки выделения, то обводка появилась именно на нём. Я хочу плавно скрыть верхнюю часть обводки. Для этого будем использовать обычную слой-маску. Добавляем слой-маску к слою с обводкой, берём чёрную кисть с нулевой жёсткостью и диаметром около 200 пикселей и плавно проводим кистью наискосок, как показано на рисунке:
Сгруппируйте эти два слоя и назовите группу «основа».
На этом создание основы иконки закончено, переходим к рисованию самого компаса.
Создание формы изображения компаса на иконке
Для начала, нам необходимо поставить направляющие точно в центре основы. Для удобства, следует увеличить масштаб отображения документа, переместить ноль линеек на угол левого верхнего угла основы и поставить направляющие на расстояние 95 пикселей:
Установите основной цвет в цветовой палитре на белый (#FFFFFF). Возьмите инструмент «Эллипс» (Ellipse Tool), установите режим «Фигура» (Shape). Наведите курсор мыши точно в перекрестье направляющих, зажмите клавиши Alt+Shift, нажмите на левую клавишу мыши и протащите курсор от центра в любом направлении. А результате, у Вас должен получиться примерно такой геометрически правильный круг:
Затем, таким же образом, создайте второй круг, поменьше. Затем, в панели параметров, нажмите на кнопку опции «Операции с контуром» (Path Operations) и выберите «Вычесть переднюю фигуру» (Subtract Front Shape). У Вас должна получиться такая окружность:
Создайте новый слой, возьмите инструмент «Перо» (Pen Tool) и нарисуйте вот такой треугольник:
Клонируйте слой, нажав Ctrl+J. Нажмите Ctrl+T для активации инструмента «Свободная трансформация». Зажмите Alt и перетащите центр трансформации точно на перекрестье направляющих:
Поверните треугольник на 90°:
Нажмите Enter для применения трансформирования.
Повторите процедуру ещё два раза. Можно просто два раза нажать комбинацию Ctrl+Shift+Alt+T. Результат:
В панели слоёв выделите все слои с фигурами, нажмите на любой из выделенных слоёв правой клавишей мыши и кликните по строке «Объединить фигуры»:
Создайте новый слой и нарисуйте треугольник поменьше:
С помощью «Свободного трансформирования» поверните треугольник на 45°, перед поворотом не забудьте переместить центр трансформирования на перекрестье направляющих. Затем клонируйте и поверните треугольник на 90°, повторите это ещё два раза. Объедините контура в один. Вот что должно получиться, я нажал Ctrl+H, чтобы скрыть отображение направляющих и контуров:
Итак, мы создали стилизованный циферблат компаса. В следующем уроке мы придадим циферблату объём и нарисуем стрелку компаса с севером и югом.
Скачать материалы к уроку:
LiveInternetLiveInternet
—Рубрики
—Музыка
—Музыкальный плеер
—Видео
—Поиск по дневнику
—Подписка по e-mail
—Друзья
—Трансляции
—Статистика
Рисуем иконку «Золотой компас»
Шаг 1.
Рисуем круг (ширина 367px) с цветной заливкой и без обводки, используем инструмент Ellipse Tool (M). Убедитесь что Shift зажат, чтобы соблюдать пропорции и примените радиальный градиент, как показано ниже.
Шаг 2.
Начнем с маркировок. Создаем прямоугольник (L) шириной 0.688 и высотой 13.044 — к верхней стороне круга и скопируем к низкой стороне (зажмите Alt + Shift после того как выберите и начнете перетаскивать).
Шаг 3.
Выбираем прямоугольник, используя инструмент Selection Tool (V). Группируем, и выравниваем горизонтально и вертикально относительно центру рабочей области.
Шаг 4.
Выбираем прямоугольник (V) и поворачиваем его используя Rotate Tool (Правый щелчок> Transform > Rotate) на 1 degree (градус) и копируем в Rotate Tool Dialog Box.
Шаг 5.
Жмем Ctrl+ D чтобы повернуть копию, и повторяем до того момента, пока у нас не получится маленький круг, созданный из маркеров.
Шаг 6.
Выберите средний прямоугольник из верхних используя инструмент Selection Tool и измените его размер. Тащим за углы, используя инструмент Selection Tool (V) пока зажата клавиша Shift.
Шаг 7.
Пока маркер выбран, копируем и перетаскиваем вниз. Убедитесь что вы нажимаете обе клавиши Alt + Shift пока вы двигаете, чтобы все было относительно центра. Когда закончите, сгруппируйте (Ctrl + G).
Шаг 8.
Поверните группу на 20 degrees (градусов) (Правый щелчок > Transform > Rotate) и нажмите скопировать в Dialog Box.
Шаг 9.
Дублируем действие из шага 8 пока вы не покроете весь круг, используйте Ctrl + D.
Шаг 10.
Шаг 11.
Выберем новый маркер с помощью инструмента Selection Tool и скопируйте его, перетаскивая вниз, зажав клавиши Alt + Shift.
Шаг 12.
Группируем оба (Ctrl + G) и поворачиваем на 10 degrees (градусов) (Правый щелчок > Transform > Rotate). На этот раз в панели Rotate щелкните OO.
Шаг 13.
Выберите группу которую повернули и поверните ее снова на 20 degrees (градусов), как в шаге 12 но в этот раз нажмите Copy в панели Rotate. Повторите (Ctrl + D) пока вы не получите целый круг.
Шаг 14.
Шаг 15.
Пока круг все еще выделен, используем Type в Path Tool чтобы пронумеровать циферблат по кругу.
Шаг 16.
Продолжайте нумерацию на 20 делениях, пока не закончите.
Шаг 17.
Создайте звездочку из 4 углов, используя инструмент Star Tool. Поиграйтесь со стрелками и командами, при создании. Одину я нарисовал 225,887px в ширину.
Шаг 18.
Теперь когда у нас есть звезда, мы должны будем покрасить ее вполовину. Нам придется разделить ее на двое, в середине:
1. Нарисуйте простую линию используя Line Segment Tool (\) длиньше, чем вертикаль звезды.
2. Скопируйте и вставьте фронтально (Ctrl + C и Ctrl + F) и поверните копию на 45 degrees (градусов) используйте Selection Tool (V), пока зажата клавиша Shift.
3. Повторите пункты 1 и 2 пока не получите 4 линии.
4. Выделим линии и звезду, и центрируем по вертикали и горизонтали.
5. Пока линии и звезда выделены следуем в панель Pathfinder (Shift + Ctrl + F9) и жмем divide.
Шаг 19.
1. Красим секции звезды используя Direct Selection Tool и цвета по выбору.
2. Копируем и вставляем фронтально (Ctrl + C и Ctrl + F) разноцветную звезду и поворачиваем на 45 degrees (градусов) используя Selection Tool (V) пока зажата клавиша Shift.
3. Создайте новую звезду поменьше с помощью Selection Key (V) и Shift + Alt.
Шаг 20.
Удаляем три части маленькой звезды и оставляем только одну. Выбираем 2 опорные точки которые вы видите на верхнем рисунке, используя Direct Selection Tool (A). Далее используем Selection Tool (V) чтобы перетащить вверх вправо пока зажата клавиша Shift.
Шаг 21.
1. Выбираем оставшуюся часть маленькой звезды используя Selection Tool (V),жмем R и перетаскиваем к середине большой звезды пока зажата клавиша Alt.
2. Вводим 90 и окне Rotate Dialog Box и жмем Copy.
3. Повторяем (Ctrl + D) пока не получите полную звезду.
Шаг 22.
Используя Text Tool (T) вводим весь текст («N,» «E,» «S,» «W,» etc. )
Шаг 23.
Теперь нам нужно создать еще одну часть компаса. Заходим в группу в которой содержится большая звезда, копируем горизонтальный сегмент (Ctrl + C), и вставляем его (Ctrl + V). Выделяем 2 опорные точки верхние используя Direct Selection Tool (A), после чего Правый щелчок > Average > Both.
Шаг 24.
Добавим цвета к сегменту.
Шаг 25.
Шаг 26.
Группируем (Ctrl + G) все элементы в один.
Шаг 27.
Создаем золотую оправу для компаса. Создаем четыре круга используя Ellipse Tool (L) пока клавиша Shift зажата. Начинаем с большого и заканчиваем маленьким. Я создал 4, следующих размеров:469px, 460px, 449px, и 393px.
Шаг 28.
Добавляем градиенты и группируем в одну группу. Палитры доступны для пользовтелей Vector Plus Members в оригиналном формате.
Шаг 29.
Выберем обе золотые части и другие, и изменяем используя Selection Tool (V) пока не получите, иллюстрацию нужных размеров, как показано ниже.
Шаг 30.
Добавим тень компасу
1. Создаем белый круг используя Ellipse Tool (L).
2. Используем Mesh Tool (U) и добавляем 4 точки.
3. Используем Direction Selection Tool (A) чтобы выделить мешевые точки и добавить цвет: #4d4d4d в центр и #f2f2f2 для внешних.
4. После того как закончите с цветами, выделите круг, используя Selection Tool (V) и трансформируем в эллипс как показано.