Содержание

Css повернуть блок на 90 градусов

И добавим теперь на веб-страницу:
Что мы видим: ( : перемещается в горизонтальное положение ( :
Здорово, не так ли? -90deg означает поворот на 90%. У IE свои значения.

8 комментариев:

Алексей Куликов А куда этот код вставлять!? Как то, эта статья от профессионала к профессионалу! NMitra Есть немного. Это не сложно и если будите пробовать быстро разберётесь.


1. Поворот элемента средствами CSS 3
2. Выравнивание и направление текста средствами CSS 3
2. Пример поворота текста на 90 градусов и выравнивания текста CSS 3

Поворот элемента средствами CSS 3

Периодически web-дизайнеры сталкиваются с проблемой поворота какого-либо элемента. Благодаря средствам CSS 3 у этой задачи появилось довольно простое решение. Опять же, для кроссбраузерности нужно указать несколько свойств. Ниже приведён пример кода для поворота элемента на 90 градусов.

Код CSS

Выравнивание и направление текста средствами CSS 3

Теперь подробнее о свойстве

writing-mode. Оно позволяет задать выравнивание (слева — справа) текста элемента и, что самое интересное, направление (горизонтальное или вертикальное)! Смотрим и пробуем:

lr-tb текст направлен слева направо.
rl-tb текст направлен справа налево.
tb-rl текст направлен вертикально и выравнивается по верхнему и правому краю.
bt-rl текст направлен вертикально и выравнивается по нижнему и правому краю.
tb-lr текст направлен вертикально и выравнивается по верхнему и левому краю.
bt-lr текст направлен вертикально и выравнивается по нижнему и левому краю.
На примере фразы текст идёт сюда

можно рассмотреть действие CSS-свойств

Код CSS

Пример поворота текста на 90 градусов и выравнивания текста CSS 3

Вот готовый пример. Текст поворачиваем на 90 градусов. Для этого достаточно создать блок с идентификатором rotateText и задать ему свойства CSS.

Код HTML и CSS

Пример поворота элемента на 90 градусов на CSS можно просмотреть по ссылке ниже.

Демонстрация Скачать исходники
Спасибо за внимание! И удачи в разработке дизайна!

Столкнулся с проблемой надо повернуть блок вертикально, когда поворачиваю этот блок, то его ширина не поворачивается и занимает всю область так как он был бы по горизонтали. Прикрепил картинку, чтоб было понятней. Буду очень благодарен за вашу помощь!

2 ответа 2

Ширина и не должна «поворачиваться».

К вашему коду можно добавить position: absolute;

Тогда оно займет независимую от других элементов позицию и будет занимать «нулевую ширину» внутри вашего кода. Далее можно добавить пробелы или пустой блок к вашему коду. там, где должен был находится повернутый элемент.

HTML вертикальный текст

 
Alexander Vasjuk   (2003-12-10 13:42) [0]

Нет ли какого способа вывести в html страницу вертикальный текст, пусть недокументированного и работающего только под 6.0 и више…?
Очень страдает программист.


 
NeyroSpace   (2003-12-10 13:46) [1]

например печатать букву на экран строго задавая координаты через JavaScript->каскадн таб стилей коорд буквы


 
Alexander Vasjuk   (2003-12-10 13:52) [2]

Тоже вариант

А повернуть бы как-то

Неужели майкросовтовцы тут нигде не нарушили стандарт?


 
VictorT   (2003-12-10 14:10
) [3]

В смысле нужно, чтоб буквы повёррнуты были на 90 градусов?


 
Alexander Vasjuk   (2003-12-10 14:12) [4]

Да, хорошо бы
Или хотя бы на 89 градусов


 
VictorT   (2003-12-10 14:16) [5]


> Или хотя бы на 89 градусов

😀 😀 😀 :D

Наверно придётся подключать свой шрифт… В спецификации HTML и CSS нашёл только про текст справа налево :(


 
VictorT   (2003-12-10 14:20) [6]

А вообще, наверно опиши подробней, для чего это нужно, тогда мож и решение найдётся, наиболее подходяшее…


 
Brahman   (2003-12-10 14:20) [7]

Делать на лету через Perl конвертацию символа в изображение с разворотом. Далее — по смыслу.
Возможно только на сервере, а не клиенте.
Прямых методов через html скорее всего не существует.
Это ведь Text все же.


 
Dmitriy O.   (
2003-12-10 14:23
) [8]

Сначала нарисовать а потом вставить


 
VictorT   (2003-12-10 14:24) [9]


> Делать на лету через Perl конвертацию символа в изображение
> с разворотом.

Ага, один из вариантов… То же кстати возможно и в PHP, если GDI подключена. Правда недостаток — трафик.
З.Ы. Я потому попросил конкретнее описать проблему, чтоб может в конкретном твоём случае возможно можно найти решение получше. А возможно, это просто не нужно.


 
Alexander Vasjuk   (2003-12-10 14:36) [10]

Описываю конкретно

Вывожу кросс-отчет в html-формате в виде таблицы.
Таблица не широкая, а очень широкая.
Причем львиная доля ширины — ее шапка.
Даже будучи перенесены по словам, заголовки много шире данных таблицы (числа).
Если заголовки выводить вертикально, таблица резщко сузится.

html-код генерирую прямо на сервере (mssql).
Не хотелось бы привлекать посторонние технологии.

Хорошую вы идею подсказали — понарисовать буковок и как катинки подставлять. Правда, тогда пропадает возможность управления размерами шрифта, но пока это лучшее решение.


 
Alexander Vasjuk   (2003-12-10 14:53) [11]

Ребата-а-а!
Нашел в google:

<html>
<body>
<table border=»1″>
<tr>
<td>Normal Cell</td>
<td>Vertical Cell</td>
<tr>
</table>
</body>
</html>

Понимаю, что нестандартно, но для местной сети сойдет


 
VictorT   (2003-12-10 14:57) [12]

Текст в шапке стандартный? Если да, то можно не рисовать буковки, а непосредственно полностью фразу (лучше использовать gif с прозрачностью).
Или, если не поворачивать буквы, то типа такого:
<th>н<br>а<br>з<br>в<br>а<br>н<br>и<br>е<br><br>п<br>о<br>л<br>я<th>
<br> можно вставлять не руками, а скриптом.


 
VictorT   (2003-12-10 15:07) [13]


> Alexander Vasjuk (10.12.03 14:53) [11]

Ух ты, прикольно, возьму на заметку. Правда в опере и нетскейпе не заработало. Кстати, не удалось мне сдалать, чтоб текст вывадился не сверху вниз, а слева направо, пробовал вместо сделать, не проканало… мож приведёшь саму ссылку, где нарыл?


 
VictorT   (2003-12-10 15:08) [14]


> чтоб текст вывадился не сверху вниз, а слева направо,

хотел сказать, не сверху вниз, а снизу вверх.


 
kaif   (
2003-12-10 15:23
) [15]

Я думаю Вам имеет смысл познакомиться с языком VML. Там много чего можно сделать для Вашей задачи.


 
}|{yk   (2003-12-10 15:36) [16]

А где вышеуказанный код работает? А меня ни в IE 5, ни в Mozilla 1.4 не работает :(


 
VictorT   (2003-12-10 16:56) [17]


> }|{yk © (10.12.03 15:36) [16]

У меня в ИЕ 6 работает.


 
Alexander Vasjuk   (2003-12-10 17:14) [18]

VictorT © (10.12.03 15:07) [13]
http://htnew.manual.ru/forum/view.php?thread=2406
только там более подробной информации нет

VictorT © (10.12.03 14:57) [12]
Нет,екст разный. Я ж говорю, это кросс-отчет, т.е. с переменным числом столбцов.

kaif © (10.12.03 15:23) [15]
это не vrml?
А что его поддерживает? И дайте ссылку-другую…

}|{yk © (10.12.03 15:36) [16]
IE 6.0.2800.1106
Все юзера в терминале, поэтому поставлю централизовано


 
Style   (2003-12-11 09:07) [19]

.раз только под IE6, то использовать не стоит.. Проще нарисовать…


 
Alexander Vasjuk   (2003-12-11 12:29) [20]

Style © (11.12.03 09:07) [19]
Зависит от прочих условий
В моем случае с интрасетью вполне

А еще у меня была идея поискать во всех кодировках символы, похожие на повернутые русские (и английские впрочем) и распологать их друг под другом.


 
kaif   (2003-12-11 12:41) [21]

Язык VML. Правда его тоже поддерживает только IE.
http://wdh.suncloud.ru/vml01.htm


 
Alexander Vasjuk   (2003-12-12 18:35) [22]

kaif © (11.12.03 12:41) [21]
таки это vrml
язык описания виртуальной реальности

помню, я плагин к эксплореру качал для него

а 6й стало быть без плагина может…


rotate() — CSS | MDN

Функция CSS rotate () определяет преобразование, которое перемещает элемент вокруг неподвижной точки (как определено свойством transform-origin (en-US), не деформируя его. Количество движения определяется заданным углом; если положительно, движение будет по часовой стрелке, если оно отрицательное, оно будет против часовой стрелки. Вращение на 180 ° называется точечным отражением.

a
Является <angle>, представляющим угол поворота. Положительный угол обозначает вращение по часовой стрелке, а отрицательный — против часовой стрелки.
Декартовы координаты на ℝ2Однородные координаты на ℝℙ2Декартовы координаты на ℝ3Однородные координаты на ℝℙ3
cos(a)-sin(a)sin(a)cos(a)cos(a)-sin(a)0sin(a)cos(a)0001cos(a)-sin(a)0sin(a)cos(a)0001cos(a)-sin(a)00sin(a)cos(a)0000100001
[cos(a) sin(a) -sin(a) cos(a) 0 0]

Базовый пример

HTML
<div>Normal</div>
<div>Rotated</div>
CSS
div {
  width: 80px;
  height: 80px;
  background-color: skyblue;
}

.rotated {
  transform: rotate(45deg); 
  background-color: pink;
}
Result

Объединение вращения с другим преобразованием

Если вы хотите применить к элементу несколько преобразований, будьте осторожны с порядком, в котором вы указываете свои преобразования. Например, если вы вращаете перед сдвигом, сдвиг произойдёт относительно новой оси вращения!

HTML
<div>Normal</div>
<div>Rotated</div>
<div>Rotated + Translated</div>
<div>Translated + Rotated</div>
CSS
div {
  position: absolute;
  left: 40px;
  top: 40px;
  width: 100px;
  height: 100px;
  background-color: lightgray;
}

.rotate {
  background-color: transparent;
  outline: 2px dashed;
  transform: rotate(45deg);
}

.rotate-translate {
  background-color: pink;
  transform: rotate(45deg) translateX(180px);
}

.translate-rotate {
  background-color: gold;
  transform: translateX(180px) rotate(45deg);
}
Result

BCD tables only load in the browser

Как повернуть окно на 90 градусов


Поворот экрана Windows 7 горячие клавиши: 3 способа

В операционной системе Windows предусмотрена функция переворота экрана. Она может быть полезна при нестандартном расположении монитора, работе лежа (с ноутбуком), использовании нескольких экранов или проекторов. В данной статье представлено несколько способов развернуть изображение на персональном компьютере.

Горячие клавиши

Чтобы перевернуть рабочий стол Windows, необходимо воспользоваться комбинацией Ctrl + Alt + стрелка. При этом нижняя часть экрана будет «смотреть» по направлению нажатой клавиши-стрелки. То есть, если вам необходимо повернуть экран на 180 градусов, используйте стрелку вверх. Это наиболее простой путь — не нужно открывать никакие меню настроек.

Именно эта комбинация приводит к тому, что изображение перевернулось случайно. Запомните ее и старайтесь избегать случайных нажатий.

Поддержка горячих клавиш для поворота может быть отключена в настройках ваших драйверов. Простого способа активировать ее стандартными средствами Windows не существует. Как правило, данная функция работает на ноутбуках и нетбуках, но отсутствует на настольных компьютерах.

Параметры рабочего стола Windows

Если горячие клавиши на вашем ПК отключены, или вы в данный момент не имеете доступа к клавиатуре, можно воспользоваться альтернативным методом. Ориентацию изображения на мониторе можно поменять через настройки Рабочего стола. Следуйте инструкции:

  1. Кликните правой кнопкой мыши по пустому участку на экране.
  2. В открывшемся контекстном меню требуется выбрать раздел «Разрешение экрана».
  3. Интересующая вас опция называется «Ориентация». Просто выберите необходимый вариант из раскрывающегося списка. Альбомная стоит по умолчанию. Поворот на 90 градусов — Книжная. Поворот на 180 — Альбомная перевернутая.
  4. Нажмите Применить, чтобы подтвердить изменения.
  5. Щелкните OK, чтобы закрыть окно.

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

Конфигурации драйверов

Производители современных видеокарт включают в пакеты своих драйверов специальные приложения для удобной настройки устройства. С помощью этих утилит пользователи также имеют возможность повернуть изображение. В данном руководстве последовательность действий описана для видеокарт NVIDIA. Выполните следующее:

  1. Щелкните по кнопке в виде стрелочки «Вверх» в трее (область с миниатюрными значками в правом нижнем углу).
  2. Кликните правой кнопкой мыши по иконке с логотипом NVIDIA на раскрывшейся панели.
  3. В ниспадающем списке необходимо выбрать пункт «Панель управления».
  4. Откроется панель конфигураций. В левой части окна находится навигационное меню. С его помощью перейдите в раздел «Поворот дисплея» в графе «Дисплей».
  5. Вы можете повернуть текущее изображение, установив отметку в чекбоксе напротив нужного пункта. Альтернативный способ — воспользоваться кнопками-стрелочками в правой части окна.
  6. Щелкните по кнопке Применить, чтобы немедленно повернуть содержимое экрана.

Для видеокарт других производителей последовательность действий будет примерно такой же.

Видео по теме

Как повернуть дисплей Windows на 90 градусов (и почему это нужно)

Операционная система Windows позволяет вам повернуть весь экран на 90 градусов, что может быть удобным способом максимально эффективно использовать пространство экрана.

Операционная система Windows позволяет при желании повернуть весь экран на 90 градусов. Но зачем вам это нужно?

Эта малоиспользуемая функция может быть удобным способом максимально эффективно использовать экран с помощью определенных программ, поддерживающих портретную ориентацию.

Это, однако, полезно только в том случае, если вы действительно можете физически повернуть экран на 90 градусов. Поэтому, если у вас есть ноутбук с вращающимся экраном или у вас есть внешний монитор на креплении, которое позволяет вращение, этот метод творит чудеса для вас.Это особенно полезно, если у вас несколько внешних мониторов.

Наконец-то получите два функциональных рабочих стола с несколькими мониторами

Попробовав работать с настройкой с двумя мониторами, вы больше никогда не вернетесь. Хотя два монитора увеличивают вдвое рабочее пространство и повышают производительность, я обнаружил, что настройка никогда не бывает идеальной.В конце концов, либо заставка, либо фон не работают должным образом, либо программный инструмент очень глючит, что приводит к зависанию системы. Затем я наткнулся на Actual Multiple Monitors. Это впечатляющее программное обеспечение может превратить ваш единственный компьютер в систему с двумя дисплеями, которая работает так, как если бы вы управляли двумя независимыми настольными компьютерами.

Как повернуть ориентацию экрана Windows

Независимо от того, настроено ли у вас несколько мониторов в Windows 10, вы можете использовать этот метод:

  1. Чтобы изменить ориентацию внешнего дисплея, щелкните правой кнопкой мыши в любом месте рабочего стола и выберите Параметры дисплея.
  2. Убедитесь, что в открывшемся окне «Настройки» выбран правильный дисплей. Вы можете сделать это, выбрав нумерованный дисплей, который вы хотите изменить, и щелкнув Идентифицировать . (Если у вас только один внешний монитор, вам не нужно беспокоиться об этом шаге.)
  3. Если вы уверены, что выбран правильный дисплей, прокрутите вниз до Масштаб и макет и в разделе Ориентация выберите Портрет из раскрывающегося меню.
  4. Теперь ваш монитор должен отображаться в портретном режиме. Щелкните Сохранить изменения , чтобы сохранить портретный режим.

Когда ориентация вращения пригодится?

Если у вас два внешних дисплея, могут быть определенные программы, которые вы всегда открываете на одном из этих дисплеев.Вот несколько примеров того, как можно получить больше от портретного режима:

  • При использовании Outlook или любого другого почтового клиента изменение ориентации на портретный режим позволяет вам видеть гораздо больше элементов в вашем почтовом ящике, чем в традиционном альбомном режиме.
  • Если вы создаете длинную инфографику с помощью такой программы, как Photoshop или Illustrator, повернув экран на 90 градусов, вы сможете увидеть больше всего дизайна за один раз. (Вы можете оставить справочный материал открытым на другом экране.)

В любое время, когда вам понадобится более длинный экран, этот небольшой трюк может помочь вам именно в этом — и это лишь один из многих способов, которыми наличие двух мониторов может сделать вас более производительный.

Теперь вы можете играть в Minecraft: Education Edition на Chromebook

Поскольку дистанционное обучение стало для многих новым образом жизни, Microsoft выпустила Minecraft: Educational Edition для Chromebook.

Об авторе

Нэнси — писательница и редактор, живущая в Вашингтоне. Ранее она работала редактором по Ближнему Востоку в The Next Web, а в настоящее время работает в аналитическом центре в Вашингтоне, посвященном коммуникациям и работе с социальными сетями.

Подробнее о Нэнси Месси
Подпишитесь на нашу рассылку новостей

Подпишитесь на нашу рассылку, чтобы получать технические советы, обзоры, бесплатные электронные книги и эксклюзивные предложения!

Еще один шаг…!

Подтвердите свой адрес электронной почты в только что отправленном вам электронном письме.

.

Поворот экрана в Windows 10 — Обзор программного обеспечения RT

Windows 10 не поворачивает экран? Если экран вашего компьютера перевернут на бок, вы можете выполнить следующие шаги, чтобы повернуть экран компьютера на ПК с Windows 10. Обратите внимание, что это отличается от поворота экрана дисплея на компьютере. Если вы хотите изменить ориентацию экрана, вы можете перейти в Windows 10 >> Настройки >> Дисплей >> Ориентация , затем выбрать один из четырех режимов отображения: Альбомный, Книжный, Альбомный (перевернутый) и Портрет (перевернутый) .Ознакомьтесь с приведенными ниже инструкциями по повороту экрана в Windows 10.

.

Как повернуть экран компьютера в Windows 10?

Щелкните правой кнопкой мыши рабочий стол ноутбука или рабочего стола с Windows 10, откроется всплывающее меню. Выберите Graphic Options из этого меню, затем выберите Rotation из подменю и выберите один из четырех режимов вращения в Windows 10: Нормальный ландшафт, 90 градусов, 180 градусов, 270 градусов .

Горячие клавиши и ярлыки поворота экрана в Windows 10

На приведенном выше экране для поворота экрана компьютера в Windows 10 вы также можете найти сочетания клавиш или горячие клавиши для быстрого поворота экрана в Windows 10, нажимая комбинации клавиш на клавиатуре.Например, если вы хотите повернуть экран на 90 градусов, вы можете просто использовать горячую клавишу (Ctrl + Alt + Left). Если экран вашего компьютера перевернут, просто нажмите клавиши Ctrl + Alt + Down или Ctrl + Alt + Up, чтобы вернуть его в нормальное состояние.

Вы можете использовать следующие горячие клавиши для поворота экрана в Windows 10.
  • Ctrl + Alt + Up, чтобы повернуть к значению по умолчанию
  • Ctrl + Alt + Left для поворота на 90 градусов
  • Ctrl + Alt + Down для поворота на 180 градусов
  • Ctrl + Alt + Right для поворота на 270 градусов

Если горячие клавиши или ярлыки не работают и Windows 10 по-прежнему не вращает экран компьютера, горячие клавиши могут быть отключены.Чтобы включить горячие клавиши поворота экрана в Windows 10, перейдите в Параметры графики >> Горячие клавиши >> Включить .

Связанные .

c ++ — Как повернуть компьютерный рисунок на 90 градусов

Переполнение стека
  1. Около
  2. Товары
  3. Для команд
  1. Переполнение стека Общественные вопросы и ответы
  2. Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами
  3. Вакансии Программирование и связанные с ним технические возможности карьерного роста
  4. Талант Нанимайте технических специалистов и создавайте свой бренд работодателя
.

css — Как повернуть текст на 90 градусов внутри

Переполнение стека
  1. Около
  2. Товары
  3. Для команд
  1. Переполнение стека Общественные вопросы и ответы
  2. Переполнение стека для команд Где разработчики и технологи делятся частными знаниями с коллегами
  3. Вакансии Программирование и связанные с ним технические возможности карьерного роста
  4. Талант Нанимайте технических специалистов и создавайте свой бренд работодателя
.

Как повернуть слой в фотошопе на 90 градусов


Как повернуть слой в Фотошопе


Слои в Фотошопе это основной принцип, заложенный в основу работы программы, поэтому правильно с ними обращаться должен уметь каждый фотошопер.

Урок, который Вы сейчас читаете, будет посвящен тому, как повернуть слой в Фотошопе.

Поворот вручную

Для поворота слоя на нем должен присутствовать какой-нибудь объект или заливка.

Здесь нам достаточно нажать сочетание клавиш CTRL+T и, подведя курсор к углу появившейся рамки, повернуть слой в нужном направлении.

Поворот на заданный угол

После нажатия CTRL+T и появления рамки есть возможность кликнуть правой кнопкой мыши и вызвать контекстное меню. В нем присутствует блок с предустановленными настройками поворота.

Здесь можно повернуть слой на 90 градусов как против, так и по часовой стрелке, а также на 180 градусов.

Кроме того, функция имеет настройки на верхней панели. В поле, указанном на скриншоте, можно выставить значение от -180 до 180 градусов.

На этом все. Теперь Вы знаете, каким образом можно повернуть слой в редакторе Фотошоп.

Мы рады, что смогли помочь Вам в решении проблемы.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Помогла ли вам эта статья?
ДА НЕТ

Как повернуть слой в фотошопе

Поскольку слой в фотошопе не имеет размеров, у него нет ни ширины, ни высоты, то и повернуть его выходит, что нельзя. Это нужно понимать для общего, так сказать, развития. Но поворачивать фотошоп еще как умеет!

«Повернуть слой» — это фраза упрощающая взаимопонимание друг друга. Она не имеет ничего общего с действительностью протекающих процессов. Я сейчас занудничаю, но считаю важным в процессе обучения объяснять основополагающие правила фотошопа.  На самом же деле, по факту, фотошоп поворачивает только текущее содержимое слоя!

Допустим, создали новый документ и поместили в него какую-нибудь картинку. Все, этот объект у нас на отдельном слое, с которым мы дальше можем делать что угодно, в том числе и поворачивать.

В моем случае, новая картинка оказалась в размерах больше созданного документа. Но это не проблема, заодно и повторим материал одной из предыдущих статей — как изменить размер содержимого слоя, тем более, что поворот и размер — связанные операции.

Чтобы повернуть содержимое слоя и/или изменить его размер — воспользуйтесь командой меню Редактирование — Свободная Трансформация, или нажмите сочетание клавиш Ctrl+T

Итак, проследите, чтобы слой с объектом, который нужно повернуть, был активным на палитре Слоев.

В своем примере я нажимаю Ctrl+T, появляется ограничительная рамка вокруг лисицы. Кстати, если рамочка не помещается в область просмотра, уменьшите масштаб этой области нажимая на клавиши Ctrl + — (минус).

Теперь, чтобы уменьшить размер, нужно во внутрь рамки потянуть за маркер в правом нижнем углу. При этом нужно удерживать клавишу Shift, чтобы размеры ширины и высоты изменялись пропорционально.

Примечание

Пока активирована рамка вокруг изображения, его можно перемещать по документу. 

Способы поворота содержимого слоя

Когда размеры стали устраивать, можно приступить к повороту изображения.

Способ 1 Ручной режим

Для этого наведите курсор мыши к любому углу ограничительной рамки. Но наводить нужно не прямо на маркер в углу, а чуть в стороне от него со внешней стороны рамки. Если правильно сделали, то указатель мыши примет вид загнутой стрелочки. Это значит, что содержимое рамки готово к повороту.

Нажмите левой кнопкой мыши и, не отпуская кнопку, начинайте движение руки. Вскоре вы разберетесь в какую сторону нужно двигать, чтобы получить желаемый угол поворота. По сути, изображение начнет крутится вокруг своего центра. Отпустите клавишу мыши, чтобы остановить вращение. Чтобы применить изменения нажмите клавишу Enter или кнопку в виде галочки на панели параметров Свободной трансформации.

Примечание

Обратите внимание, что в центре ограничительной рамки есть еще один маркер. Это указатель точки, вокруг которой будет происходить вращение изображения. По умолчанию она находится в центре. Но ее можно сместить, нажав на нее и потянув в нужное место. После этого вращение будет происходить относительно новой указанной точки. 

Способ 2 Автоматический режим

Этот способ понадобиться, когда изображение необходимо повернуть строго на определенный градус, например, на 45 градусов, и ни больше ни меньше.

Для этого, когда вы вызовете команду Свободная трансформация, посмотрите на ее панель параметров. Там будет окошко, в которое вводится значение необходимого угла поворота.

Содержимое слоя само автоматически повернется на заданный угол. Остается лишь напомнить, что полный поворот окружности вокруг своей оси составляет 360 градусов.