• Бесплатно PSD5.6K
  • Все PSD5.6K
  • Абстракция34
  • Животные и дикая природа43
  • Архитектура69
  • Искусство и дизайн700
  • Фоны169
  • Баннеры и ленты148
  • Бизнес и финансы 1.2K
  • Мультфильм17
  • Корпоративные логотипы94
  • Образование72
  • Мода20
  • Процветания и завитки4
  • Цветы и деревья90
  • Еда и напитки235
  • Рамки и бордюры47
  • Праздник и сезон91
  • Человек и люди199
  • Иконки и Инфографика983
  • Карты и диаграммы68
  • Военные14
  • Мокапы62
  • Музыка и кино426
  • Природа и пейзажи186
  • Объекты 1.1K
  • Орнаменты10
  • Открытый и путешествия63
  • Узоры и текстуры64
  • Региональный100
  • Фигуры205
  • Знаки и символы383
  • Спорт и отдых27
  • Технологии802
  • Шаблоны и темы835
  • Транспорт41
  • Комплекты пользовательского интерфейса 2.8K
  • Винтаж92
• Бесплатно Vector55.2K
  • Все векторы55.2K
  • Аннотация1.4K
  • Животные и дикая природа3.2K
  • Архитектура1.1K
  • Искусство и дизайн4,7K
  • Фоны3.6K
  • Баннеры и ленты563
  • Бизнес и финансы 4.2K
  • Мультфильм723
  • Корпоративные логотипы644
  • Образование343
  • Мода327
  • Процветания и завитки1.2K
  • Цветы и деревья4,7K
  • Еда и напитки1,8K
  • Рамки и бордюры303

Классический фоновый эффект звездообразования в Photoshop

Написано Стивом Паттерсоном.

В этом уроке Photoshop Effects мы узнаем, как создать классический фон «звездообразование», тот же эффект, который вы, несомненно, видели сотни раз в продуктовых магазинах, универмагах и в тех еженедельных листовках, которые наводняют ваш почтовый ящик. Создать эффект несложно. Мы будем использовать инструмент Photoshop Polygon Tool, слой заливки Solid Color, команду Free Transform и одну из малоизвестных, но очень полезных функций Photoshop, Transform Again. Попутно мы узнаем, как найти точный центр документа Photoshop с помощью линейок и направляющих, а также как привязать объекты к направляющим!

Вот пример фона «звездообразования», который мы будем создавать:

Фон из звездообразования, созданный в Photoshop.

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

Этот урок из нашей серии «Фотоэффекты». Давайте начнем!

Загрузите это руководство в виде готового к печати PDF-файла!

Шаг 1. Создайте новый документ Photoshop

Первое, что нам нужно сделать, это создать новый документ Photoshop. Поднимитесь в меню «Файл» вверху экрана и выберите «Создать»…, или используйте сочетание клавиш Ctrl + N (Win) / Command + N (Mac). В любом случае открывается диалоговое окно «Новый» в Photoshop. Для этого урока я создам документ размером 10 на 10 дюймов с разрешением 300 пикселей на дюйм, хотя нет особой причины, по которой я выбираю эти размеры. Вы можете создать документ того же размера, если хотите, или не стесняйтесь создавать документ любого размера, который вам нужен:

Создайте новый документ Photoshop.

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

Появляется новый документ Photoshop.

Шаг 2: Показать линейки

Чтобы эффект «вырвался» из центра изображения, нам нужно знать, где находится центр нашего изображения. Самый простой способ найти точный центр изображения — использовать линейки и направляющие в Photoshop. Сначала включим линейки. Для этого перейдите в меню «Просмотр» вверху экрана и выберите «Линейки»:

Перейдите в меню «Просмотр»> «Линейки».

По умолчанию линейки в Photoshop отключены.Вы можете определить, включены они или нет, помимо просмотра окна документа, по отметке слева от слова «Линейки» в меню «Просмотр». Если вы видите галочку рядом со словом, это означает, что линейки уже включены, и в этом случае нет необходимости выбирать их здесь. Если вы не видите галочку, это означает, что линейки в настоящее время выключены, поэтому вам нужно будет нажать на опцию «Линейки», чтобы включить их.

Вы также можете включать и выключать линейки, нажимая Ctrl + R (Win) / Command + R (Mac).Теперь, когда линейки включены, вы увидите, что они появляются в верхней и левой части окна документа:

Линейки теперь видны вверху и слева в окне документа.

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

Шаг 3. Убедитесь, что опция «Snap» включена

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

Чтобы включить функцию привязки, вернитесь в меню «Просмотр» вверху экрана. Вы увидите опцию Snap прямо под опцией Rulers. По умолчанию опция Snap включена, поэтому вы должны увидеть галочку слева от опции.Если вы видите галочку, это означает, что Snap уже включен и щелкать по нему не нужно. Если вы не видите галочку, это означает, что опция Snap в настоящее время отключена, поэтому щелкните ее, чтобы включить. В моем случае (и, скорее всего, в вашем тоже) Snap уже включен:

Галочка рядом со словом «Snap» говорит нам, что опция уже включена.

Шаг 4. Убедитесь, что «Привязка к направляющим» включена

Пока мы здесь, мы должны убедиться, что еще одна опция включена, «Привязать к направляющим».Это приведет к тому, что все, что мы перетаскиваем рядом с направляющей, будет привязано непосредственно к ней, что упростит нам размещение чего-либо непосредственно в центре нашего документа, как мы увидим немного позже. Чтобы включить опцию «Привязать к направляющим», вернитесь в меню «Просмотр». Вы увидите опцию Snap To прямо под опцией Snap, которую мы только что рассмотрели на предыдущем шаге. Наведите указатель мыши на параметр «Привязать к» на секунду или две, и появится подменю. Вверху подменю вы увидите параметр «Руководства».Если вы видите галочку слева от слова «Руководства», это означает, что опция уже включена и нажимать на нее не нужно. Если галочки нет, нажмите «Руководства», чтобы включить параметр:

Убедитесь, что параметр «Привязать к направляющим» включен в меню «Вид».

Шаг 5. Перетащите горизонтальную направляющую в середину документа

Мы готовы найти точный центр нашего документа. Как я упоминал ранее, нам нужно растянуть две направляющие, одну вертикальную и одну горизонтальную.Опция «Привязка», которую мы включили на шаге 3, заставит направляющие автоматически встать на место, как только мы приблизимся к середине документа, а точка пересечения двух направляющих будет точным центром. Вытащим наше первое руководство. Начнем с горизонтальной направляющей.

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

Перетащите горизонтальную направляющую в середину документа. Photoshop установит направляющую на место, как только вы приблизитесь к середине.

Шаг 6. Перетащите вертикальную направляющую в середину документа

У нас есть горизонтальная направляющая. Теперь добавим нашу вертикальную направляющую. Щелкните в любом месте линейки, которая проходит вдоль левой стороны документа, затем перетащите вправо в середину документа. Вы увидите, что перетаскиваете вертикальную направляющую, которая сначала будет отображаться как черная пунктирная линия. Продолжайте перетаскивать направляющую к середине документа, и как только вы приблизитесь к середине, Photoshop защелкнет направляющую на место.Отпустите кнопку мыши, и теперь у вас будет вертикальная направляющая, идущая вверх и вниз по середине документа. Точка пересечения двух направляющих является точным центром (обведено красным):

Теперь вертикальная и горизонтальная направляющие отмечают точный центр документа.

Теперь, когда мы вытащили две направляющие, нам больше не нужно включать линейки. Вы можете оставить их включенными, если хотите, но я собираюсь выключить мой, нажав сочетание клавиш Ctrl + R (Win) / Command + R (Mac).

Шаг 7. Добавьте сплошной слой заливки

Теперь, когда наши направляющие на месте, давайте приступим к созданию фонового эффекта «звездообразование». Мы собираемся создать эффект таким образом, чтобы нам было легко менять цвета в любое время, поэтому давайте добавим слой Solid Color Fill , который будет служить цветом фона для эффекта. Щелкните значок New Fill or Adjustment Layer в нижней части палитры слоев:

Щелкните значок «Новый слой заливки или коррекции».

Затем выберите Solid Color в верхней части появившегося списка:

Выберите «Сплошной цвет» вверху списка.

Шаг 8: Выберите цвет фона

Откроется палитра цветов Photoshop. Выберите цвет для фона эффекта. Думаю, выберу светло-желтый. На самом деле не имеет значения, какой цвет вы выберете здесь, так как вы можете легко изменить его позже, поэтому выберите тот цвет, который вы хотите сейчас:

Используйте палитру цветов, чтобы выбрать цвет фона.

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

Теперь документ залит выбранным цветом.

Если мы посмотрим на нашу палитру слоев , то увидим, что теперь у нас есть два слоя — фоновый слой внизу и наш недавно добавленный слой заливки сплошным цветом с именем «Цветовая заливка 1», расположенный над ним:

Палитра слоев, показывающая слой заливки сплошным цветом над фоновым слоем.

Шаг 9. Выберите инструмент «Многоугольник»

Далее нам нужно нарисовать простой треугольник, и самый простой способ нарисовать треугольник в Photoshop — использовать инструмент «Многоугольник». По умолчанию инструмент «Многоугольник» скрывается за инструментом «Прямоугольник» в палитре «Инструменты», поэтому щелкните инструмент «Прямоугольник» и удерживайте кнопку мыши нажатой в течение секунды или двух. Появится всплывающее меню, показывающее другие доступные инструменты. Нажмите на инструмент «Многоугольник», чтобы выбрать его:

Щелкните инструмент «Прямоугольник» в палитре «Инструменты», затем выберите инструмент «Многоугольник» во всплывающем меню.

Шаг 10: Установите количество сторон для инструмента «Многоугольник» на 3

Треугольник, как всем известно, имеет 3 стороны, поэтому нам нужно указать Photoshop, что мы хотим нарисовать 3-сторонний многоугольник. Выбрав инструмент «Многоугольник», найдите на панели параметров вверху экрана. Вы увидите параметр «Стороны», для которого по умолчанию установлено значение 5. Измените количество сторон на 3:

Измените параметр «Стороны» на панели параметров на 3.

Шаг 11. Убедитесь, что инструмент «Многоугольник» настроен на рисование фигур

Как и все инструменты Photoshop для создания фигур, инструмент «Многоугольник» дает нам три различных варианта его использования.Мы можем нарисовать векторную фигуру, мы можем нарисовать путь и мы можем нарисовать фигуру на основе пикселей. Мы хотим нарисовать векторную фигуру, которая позволит нам сделать треугольник любого желаемого размера без потери качества изображения. Чтобы нарисовать векторную фигуру, убедитесь, что на панели параметров выбран параметр «Форма»:

Выберите параметр «Форма» на панели параметров.

Шаг 12. Нарисуйте треугольник

Мы готовы нарисовать наш треугольник. С выбранным инструментом «Многоугольник», числом сторон, равным 3, и параметром «Фигуры», выбранным на панели параметров, щелкните где-нибудь в верхнем левом углу документа и вытяните треугольник.Пока подойдет любой размер. На самом деле не имеет значения, где вы рисуете свой треугольник, я просто пытаюсь удержать нас обоих на одной странице, поскольку я рисую свой в верхнем левом углу. Вы должны убедиться, что ваш треугольник смотрит вниз. Под этим я подразумеваю, что верхняя сторона выглядит идеально горизонтальной. Самый простой способ сделать это — удерживать клавишу Shift при вытягивании треугольника. Это заставит треугольник привязаться к определенным углам. Перемещайте указатель мыши влево или вправо при перетаскивании (с зажатой клавишей Shift), пока треугольник не встанет в положение «указывающий вниз».

Когда вы вытягиваете фигуру, ваш треугольник будет выглядеть просто как контур (также известный как «путь»). Когда вы отпустите кнопку мыши, треугольник станет залитым цветом. В моем случае он залит черным:

Вытяните треугольник с помощью инструмента «Многоугольник». Удерживайте «Shift», чтобы ограничить угол треугольника при перетаскивании.

Пока не беспокойтесь о цвете вашего треугольника. Мы можем легко изменить это позже.

Шаг 13: Выберите инструмент «Перемещение»

Теперь, когда у нас есть треугольник, нам нужно переместить его в такое положение, чтобы нижняя точка находилась точно в центре документа.Чтобы переместить его, выберите инструмент Перемещение на палитре инструментов или нажмите букву V на клавиатуре, чтобы получить к нему доступ с помощью сочетания клавиш:

Выберите инструмент «Перемещение».

Шаг 14: переместите треугольник в центр документа

Выбрав инструмент «Перемещение», щелкните треугольник в окне документа и перетащите его в центр документа так, чтобы нижняя точка касалась точного центра (места, где пересекаются две направляющие). Как только вы приблизитесь к центру, треугольник встанет на место, потому что мы включили опцию «Привязать к направляющим» еще на шаге 4:

Перетащите треугольник на место так, чтобы нижняя точка находилась точно в центре документа.

Шаг 15. Переключитесь в «Полноэкранный режим с панелью меню»

Через мгновение мы собираемся растянуть треугольник вверх за пределы нашего холста, а это значит, что нам понадобится немного больше места для работы, если мы хотим видеть, что мы делаем. Если вы работаете с документом в окне документа, что является способом работы по умолчанию в Photoshop, нажмите на клавиатуре букву F , чтобы переключить режим просмотра на полноэкранный режим с панелью меню .Как следует из названия, это переключает вас в полноэкранный режим в Photoshop, оставляя панель меню на месте в верхней части экрана. Затем, чтобы дать себе еще больше места для работы, нажмите несколько раз Ctrl + — (Win) / Command + — (Mac), чтобы уменьшить масштаб. Теперь у вас должно быть немного пустого серого пространства вокруг вашего документа:

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

Шаг 16: Очистите направляющие

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

Выберите «Очистить направляющие» в меню «Вид», чтобы удалить направляющие.

Шаг 17: вытяните треугольник вверх за верхнюю часть холста с помощью функции Free Transform

Нажмите Ctrl + T (Победа) / Command + T (Mac) на клавиатуре, чтобы открыть окно «Свободное преобразование» Photoshop и ручки вокруг треугольника. Нажмите на ручку (маленький квадрат) в центре верхней части окна «Свободное преобразование» и потяните вверх, чтобы растянуть треугольник, делая его длиннее и уже.Продолжайте перетаскивать, пока треугольник не выйдет далеко за верхнюю часть холста, например:

Перетащите верхнюю часть поля «Свободное преобразование» вверх за верхнюю часть холста, чтобы растянуть треугольник.

Причина, по которой мы растягиваем треугольник за верхнюю часть холста, станет ясна через мгновение. Когда вы закончите, нажмите Enter (Win) / Return (Mac), чтобы принять преобразование и выйти из команды Free Transform. Вы заметите, что даже несмотря на то, что мы растянули треугольник за верхнюю часть холста, только та часть, которая попадает в границы области холста, остается видимой в документе.Остальная часть треугольника над холстом в настоящее время видна только как контур.

Шаг 18: снова поднимите коробку свободного преобразования вокруг треугольника

Нажмите Ctrl + T (Win) / Command + T (Mac), чтобы снова открыть окно «Свободное преобразование» и ручки вокруг треугольника. Я знаю, мы только что открыли Free Transform мгновение назад, и я сказал вам закрыть его, а теперь я говорю вам открыть его снова. Что дает? Что ж, причина в том, что на этот раз мы собираемся использовать Free Transform, чтобы повернуть треугольник, а когда мы закончим, мы собираемся использовать малоизвестную команду под названием Transform Again , чтобы Photoshop повторил поворот снова и снова вокруг документа для нас, что создаст наш эффект звездообразования!

Шаг 19: перетащите центральную точку прямоугольника свободного преобразования вниз к нижнему центральному маркеру

Если вы внимательно посмотрите в центре поля «Свободное преобразование», вы увидите маленький значок, который выглядит как маленький символ цели.Этот значок представляет собой центральную точку вращения для команды «Свободное преобразование». Все вращается вокруг этого значка, где бы он ни находился. Если бы мы повернули треугольник с этим значком в центре поля Free Transform, треугольник повернулся бы вокруг своего центра. Обычно это то, что мы хотим, но это не то, что мы хотим здесь. Мы хотим, чтобы наш треугольник вращался вокруг центра документа, а это значит, что нам нужно переместить целевой значок в центр документа.

Для этого щелкните целевой значок, затем перетащите его вниз на ручку (маленький квадрат) в нижнем центре поля Свободное преобразование, которое поместит его точно в центр документа прямо над нижней точкой. треугольника.Как только вы подойдете достаточно близко к ручке, значок встанет на место:

Перетащите значок цели из центра поля «Свободное преобразование» вниз к нижней центральной ручке.

Шаг 20: поверните треугольник

Теперь, когда целевой значок находится в центре документа, мы готовы повернуть треугольник. Переместите указатель мыши за пределы правого верхнего угла поля «Свободное преобразование». Вы увидите, как курсор мыши изменится на маленький значок поворота (изогнутая линия со стрелкой на обоих концах).Удерживая нажатой клавишу Shift, треугольник будет вращаться с шагом 15 градусов, что значительно упростит нам задачу. Затем, удерживая нажатой клавишу Shift, щелкните и перетащите мышь вниз и вправо, чтобы повернуть треугольник по часовой стрелке. При перетаскивании вы заметите две вещи. Во-первых, треугольник вращается вокруг центра изображения, а во-вторых, он переключается на 15 градусов, а не вращается плавно.

Поверните треугольник на 45 градусов по часовой стрелке (три шага по 15 градусов), после чего он выйдет за правый верхний угол холста:

Удерживая нажатой клавишу Shift, поверните треугольник на 45 градусов по часовой стрелке.

Причина, по которой мы растянули треугольник так далеко за верхнюю часть холста на шаге 17, заключалась в том, что он был достаточно большим, чтобы выходить за границы холста даже в этих угловых частях. Нажмите Enter (Win) / Return (Mac), когда ваш треугольник повернут, чтобы принять преобразование и выйти из команды «Свободное преобразование».

Теперь, когда мы использовали Free Transform, чтобы повернуть треугольник один раз, мы позволим Photoshop сделать остальную работу за нас, повторяя вращение по всему документу, чтобы создать эффект звездообразования!

Шаг 21: Используйте «Снова преобразовать», чтобы повторить поворот вокруг всего документа

Малоизвестная и поэтому редко используемая функция в Photoshop — это Transform Again , которая позволяет Photoshop повторить последнее преобразование, которое мы сделали.Мы собираемся использовать его для создания остальной части нашего фонового эффекта звездообразования.

Каждый раз, когда вы используете команду «Свободное преобразование», у вас есть возможность повторить преобразование с помощью «Преобразовать снова». Если вы подойдете к меню «Правка» вверху экрана и выберите «Преобразовать», вы увидите опцию в верхней части следующего подменю с надписью «Снова». Обратите внимание, что сочетание клавиш для команды «Преобразовать снова» — Shift + Ctrl + T (Win) / Shift + Command + T (Mac). Мы собираемся использовать сочетание клавиш, потому что нам нужно получить доступ к команде несколько раз подряд, чтобы создать наш звездообразный взрыв.Однако нам также нужно создавать копию нашего треугольника каждый раз, когда мы его вращаем. Чтобы создать копию, нам нужно добавить клавишу Alt (Win) / Option (Mac) в сочетание клавиш. Итак, чтобы создать копию треугольника и одновременно повернуть ее с помощью Transform Again, нажмите Shift + Ctrl + Alt + T (Win) / Shift + Command + Option + T (Mac). Копия треугольника появится в документе, и она будет повернута еще на 45 градусов:

Копия треугольника, повернутая еще на 45 градусов, появляется в документе.

Продолжайте нажимать Shift + Ctrl + Alt + T (Win) / Shift + Command + Option + T (Mac), добавляя каждый раз по одной повернутой копии треугольника, пока вы не создадите эффект звездообразования по всему документу:

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

Если мы посмотрим на нашу палитру «Слои», то увидим, что теперь у нас есть слой «Форма 1» над слоем «Цветовая заливка 1», и мы можем увидеть нашу форму звездообразования внутри эскиза предварительного просмотра слоя:

Форма звездообразования появляется на отдельном слое формы в палитре слоев.Фигура отображается на миниатюре предварительного просмотра слоя.

Шаг 22. Скрытие контуров формы

Обратите внимание, как вокруг каждого треугольника, образующего звездообразование, появляется контур? Это потому, что фигура в настоящее время активна. Чтобы деактивировать форму и скрыть контуры, просто щелкните непосредственно на миниатюре предварительного просмотра слоя «Форма» (обведено красным на предыдущем шаге). Когда фигура активна, вы увидите белую границу выделения вокруг миниатюры предварительного просмотра слоя фигуры, как вы можете видеть на скриншоте выше.Когда вы нажимаете на эскиз предварительного просмотра, верхняя граница исчезает, и контуры также исчезают, оставляя нам гораздо более чистый эффект звездообразования.

Я собираюсь переключить Photoshop обратно в стандартный режим просмотра, в котором мое изображение вернется в плавающее окно документа, дважды нажав букву F на клавиатуре. Если вы используете Photoshop CS3, вам нужно будет трижды нажать F, чтобы вернуться в стандартный режим просмотра, поскольку CS3 включает дополнительный режим просмотра, который вам нужно будет переключать.Я также собираюсь нажать Ctrl ++ (Win) / Command ++ (Mac) пару раз, чтобы увеличить изображение и заполнить окно документа, удалив всю эту дополнительную серую область вокруг холста:

Форма звездообразования появляется на отдельном слое формы в палитре слоев. Фигура отображается на миниатюре предварительного просмотра слоя.

Шаг 23: Измените цвет слоя фигуры

На этом сам эффект звездообразования завершен, но я не очень доволен цветом. Я бы хотел изменить черный цвет на что-то более захватывающее, например, на ярко-оранжевый.К счастью, изменить цвета в эффекте очень просто. Чтобы изменить цвет формы звездообразования, просто дважды щелкните непосредственно на образце цвета слоя Shape:

Дважды щелкните образец цвета слоя Shape, чтобы изменить его цвет.

Это вызовет палитру цветов Photoshop. Выберите другой цвет для вашей формы звездообразования. Если вы следите за своим изображением в окне документа, вы увидите предварительный просмотр того, как будут выглядеть цвета, когда вы их выбираете. Я выберу ярко-оранжевый:

Ultimate 3.8.10 для Adobe Photoshop

RePack by D! Akov »» »Ultimate Retouch Panel 3.8.10 для Adobe Photoshop

• Mac OS
• ЭТО
• Android Android

:

:

Офис 2013/2019:

ABBYY:

Adobe:

Пакет драйверов: