Как создать винтажный текстовый эффект для названия фильма в фотошопе

В сегодняшнем уроке по Adobe Photoshop мы собираемся повеселиться, копируя классические стили названий фильмов из старых черно-белых фильмов 30-х и 40-х годов. Часто использовались трехмерные эффекты, а также сдержанное освещение. Чтобы воспроизвести эту эстетику в Photoshop, мы будем использовать функцию 3D, доступную в версии CS6 и выше, которая будет автоматически генерировать реалистичное освещение и затенение нашего текста.

Иллюстрации, которые я создам для этого урока, основаны на вымышленном фильме «Призрак». Большая часть тяжелой работы выполняется 3D-функциональностью Photoshop. Просто некоторая конфигурация настроек — это все, что требуется для создания трехмерных эффектов и фаски текста с фасками, а также связанных с ними освещения и теней. В противном случае эти эффекты должны были бы создаваться с нуля, но функции 3D обеспечивают быстрый и простой способ создания эффектов с естественным освещением.

Начните с создания холста в выбранных вами размерах. Я работаю с документом размером около 3000×2000 пикселей. Измените селектор цвета фона на темно-серый, например # 181818, затем используйте ярлык CMD + Backspace, чтобы заполнить фоновый слой.

Перейдите в Filter> Noise> Add Noise и настройте параметры на 5%, Gaussian и Monochromatic, чтобы добавить немного зернистости пленки в фоновый слой.

Снова зайдите в меню «Фильтр» и выберите «Коррекция объектива». На вкладке «Пользовательский» переместите ползунок «Количество виньетирования» полностью влево, чтобы применить темный ореол вокруг холста.

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

Выделите каждый текстовый слой по очереди и перейдите в 3D> Новое 3D-выдавливание из выбранного слоя. Это изменит рабочее пространство в режим 3D и создаст отдельные модели из текста.

Удерживая клавишу Shift, выберите каждый из 3D-слоев на панели «Слои», затем перейдите в «3D»> «Объединить 3D-слои». Это объединит отдельные модели в одну трехмерную сцену.

По умолчанию трехмерный текст располагается вертикально относительно базовой плоскости, но для этого эффекта заголовка фильма нам нужно положить текст на оборотную сторону. Выберите каждый 3D-объект на 3D-панели, затем перейдите в раздел «Координаты» панели «Свойства». Измените значение поворота X на 90 °.

Нажмите на маленький значок меню в углу панели «Свойства», затем выберите «Переместить объект на плоскость заземления». Это гарантирует, что элемент не плавает в трехмерном пространстве.

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

Выберите обе 3D-модели текста, удерживая клавишу CMD, чтобы добавить их обе к выделению, затем настройте параметры Cap на панели «Свойства» на ширину 100% с углом по умолчанию 45 °. Это будет применять стиль «Кинг-Конг», скошенный к тексту лица.

На панели 3D выберите объект Infinite Light 1. Интерфейс отобразит большой значок, который можно повернуть, чтобы изменить направление источника света. Нажмите и перетащите меньший конец графика, чтобы создать длинную тень, освещая свет под острым углом.

С выбранным Бесконечным светом, измените мягкость теней на панели «Свойства», чтобы размыть тени. Если угол ваших настроек освещения выдавливает текстовые грани белым цветом, уменьшите интенсивность в этих параметрах.

Вернувшись в панель 3D, сдвиньте и щелкните между всеми уровнями, заканчивающимися на «Материал», чтобы выделить их все. Уменьшите значение Shine до нуля и измените цвет Diffuse с белого на светло-серый с панели «Свойства».

Выберите только экструзионные материалы для обеих моделей на 3D-панели, затем измените диффузный цвет для этих граней на средний серый на панели «Свойства».

Нажмите значок Render в нижней части 3D-панели, чтобы начать рендеринг финальной 3D-сцены с полным качеством освещения и теней. Для полного рендеринга может потребоваться некоторое время, поэтому я предпочитаю позволить синему квадрату сделать пару проходов, прежде чем нажимать клавишу Escape. Зернистый результат неполного рендера фактически добавляет эффект винтажного фильма.

Вернитесь к макету Photoshop по умолчанию в меню «Окно»> «Рабочая область»> «Основные элементы», чтобы очистить инструменты 3D.

Добавьте корректирующий слой Levels, затем удерживайте клавишу ALT, щелкая между корректирующим слоем и 3D-слоем, чтобы обрезать уровни так, чтобы он применялся только к тексту, а не к фону. Отрегулируйте ползунки теней и полутонов на пару единиц, чтобы улучшить контраст 3D-текста.

Все, что осталось, чтобы завершить винтажный тематический дизайн, это наложить зернистую текстуру. Мои бесплатные текстуры Dust and Scratches идеально подходят к стилю классического фильма. Вставьте, поверните и масштабируйте одну из текстур на холсте, затем измените режим смешивания на Screen и уменьшите непрозрачность до нужного. Я выбрал 15%, чтобы оставить тонкое зернистое текстурирование.

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

Как сделать отражение объекта в фотошопе

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

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

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

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

Для того чтобы сделать эффект отражения этого флакона, достаточно копировать данное изображение, перевернуть его и немного доработать, и так:

1) Копируем слой с изображением, для этого выделяем слой с изображением флакона панели слоев, расположенной в нижнем правом углу и нажимаем комбинацию клавиш Ctrl + J, либо кликаем по данному слою правой кнопкой мыши и выбираем «Создать дубликат слоя».

2) Теперь отражаем скопированный слой по вертикали, для этого выделяем нужный слой, щелкнув по нему левой кнопкой мыши и в верхнем меню выбираем «Редактирование» — «Трансформирование» — «Отразить по вертикали».

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

4) Теперь придадим отражению более реалистичный вид. Чтобы отражение объекта выглядело реалистичным необходимо сделать его форму под углом в перспективе и немного сплющить по вертикали. Для того чтобы сделать трансформирование объекта в перспективе, выделаем слой с отражением и в верхнем меню выбираем «Редактирование» — «Трансформирование» — «Перспектива». После этого удерживая левую кнопку мыши на правой или левой точке (см. скриншот ниже) немного сужаем картинку отражения двигая точку к центру.

И немного сплющиваем слой с отражением, выбрав в верхнем меню «Редактирование» — «Свободное трансформирование».

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

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

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

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

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

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

И так, проделываем те же операции, что и в первом случае с флаконом и на третьем шаге подставляя отражение к бутылке мы видим, что отражение с объектом не состыковывается, тут необходимо деформировать отражение под объект (подогнать по форме).

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

Все остальное делается как и в первом варианте с флаконом духов. В результате получается отражение для бутылки.

Еще один вариант создания эффекта отражения вы можете узнать из видео-урока! Там будет рассмотрен вариант с отражением более сложного объекта (стола), над которым придется повозиться. А скачать картинку этого стола вы можете прямо отсюда.

Все уроки в виде списка · Мир Фотошопа

Все уроки в виде списка · Мир Фотошопа

Декабрь

Ноябрь

Октябрь

Сентябрь

Август

Июль

Июнь

Май

Апрель

Март

Февраль

Январь

Декабрь

Ноябрь

Октябрь

Сентябрь

Август

Июль

Июнь

Май

Апрель

Март

Февраль

Январь

Декабрь

Ноябрь

Октябрь

Сентябрь

Август

Июль

Июнь

Май

Апрель

Март

Февраль

Январь

Декабрь

Ноябрь

Октябрь

Сентябрь

Август

Июль

Июнь

Май

Апрель

Март

Февраль

Январь

Декабрь

Ноябрь

Октябрь

Сентябрь

Август

Июль

Июнь

Май

Апрель

Март

Февраль

Январь

Декабрь

Ноябрь

Октябрь

Сентябрь

Август

Июль

Июнь

Май

Апрель

Март

Февраль

Январь

Декабрь

Ноябрь

Октябрь

Сентябрь

Август

Июль

Июнь

Май

Апрель

Январь

Декабрь

Ноябрь

Октябрь

Сентябрь

Август

Июль

Июнь

Май

Апрель

Март

Февраль

Январь

Декабрь

Ноябрь

Май

Октябрь

Сентябрь

Август

Июль

Март

Февраль

Январь

Декабрь

Ноябрь

Октябрь

Сентябрь

Август

Июль

Июнь

Май

Апрель

Март

Февраль

Январь

Октябрь

Август

Создаем голографический текст с 3D-эффектом | by PFY (Твой фотошоп)

Скачать архив с материалами к уроку

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

Скачиваем zip-архив и извлекаем его в любую папку. Затем открываем файл Holo-Tuto-Background.jpg в Фотошоп.

Теперь берем Horizontal Type Tool (T)(Горизонтальный текст), на панели Window — Character (Окно — Символ) устанавливаем размер на 175 пт и шрифт — на Komikahuna. Затем в центре документа пишем слово HOLO.

Переходим на панель слоев и устанавливаем Fill (Заливка) слоя HOLO на 0%. Затем дважды кликаем левой кнопкой по этому же слою, чтобы открыть окно Layer Style (Стиль слоя). После этого добавляем стиль Color Overlay (Наложение цвета):

• Blend Mode (Режим наложения): Normal (Нормальный)
• Цвет: #001f36
• Opacity (Непрозрачность): 100%

Далее применяем Outer Glow (Внешнее свечение):

• Blend Mode (Режим наложения): Normal (Нормальный)
• Opacity (Непрозрачность): 64%
• Noise (Шум): 0%
• Цвет: #004377
• Technique (Метод): Softer (Мягкий)
• Spread (Размах): 22%
• Size (Размер): 73 пикс.
• Contour (Контур): Linear (Линейный)
• Anti-aliased (Сглаживание): вкл
• Range (Диапазон): 100%
• Jitter (Колебание): 0%

После этого нажимаем на кнопку New Style (Новый стиль) и сохраняем его под названием «HOLO — A».

Не закрываем окно Layer Style (Стиль слоя).

Первый слой со стилями готов, и мы можем заняться вторым.

Снимаем галочку с Outer Glow (Внешнее свечение). Затем корректируем настройки Color Overlay (Наложения цвета):

• Blend Mode (Режим наложения): Soft Light (Мягкий свет)
• Цвет: #12b4ff
• Opacity (Непрозрачность): 100%

Добавляем стиль слоя Bevel & Emboss (Фаска и тиснение) со следующими настройками:

• Style (Стиль): Emboss (Тиснение)
• Technique (Метод): Smooth (Плавное)
• Depth (Глубина): 1000%
• Direction (Направление): Up (Вверх)
• Size (Размер): 9 пикс.
• Soften (Смягчение): 12 пикс.
• Use Global Light (Глобальное освещение): выкл
• Angle (Угол): -95º
• Altitude (Высота): 36º
• Gloss Contour (Контур глянца): Ring Double (Двойное кольцо)
• Anti-aliased (Сглаживание): вкл
• Highlight Mode (Режим подсветки): Color Dodge (Осветление основы). Цвет: #7ba4c6 Opacity (Непрозрачность): 86%
• Shadow Mode (Режим тени): Hard Light (Жесткий свет). Цвет: #8fd1ff Opacity (Непрозрачность): 75%

Добавляем стиль слоя Inner Shadow (Внутренняя тень) со следующими настройками:

• Blend Mode (Режим наложения): Screen (Осветление)
• Цвет: #009cff
• Opacity (Непрозрачность): 100%
• Use Global Light (Глобальное освещение): выкл
• Angle (Угол): 90º
• Distance (Смещение): 19 пикс.
• Choke (Стягивание): 0%
• Size (Размер): 32 пикс.
• Contour (Контур): Cone (Конус)
• Anti-aliased (Сглаживание): вкл
• Noise (Шум): 0%

Далее мы будем использовать узор, который находится в скачанном zip-архиве. Это обычные горизонтальные линии. Я нарисовал его с помощью белых линий и прозрачного фона.

• Blend Mode (Режим наложения): Normal (Нормальный)
• Opacity (Непрозрачность): 36%
• Pattern (Узор): Holographic Pattern (Кликаем по миниатюре узора, чтобы открыть панель. Затем нажимаем на значок шестеренки в правом верхнем углу и выбираем Load Patterns (Загрузить узоры). После этого выбираем скачанный Holographic Pattern).
• Scale (Масштаб): 150%
• Link with Layer (Связать со слоем): вкл

Добавляем стиль слоя Drop Shadow (Тень) со следующими настройками:

• Blend Mode (Режим наложения): Normal (Нормальный)
• Цвет: #004280
• Opacity (Непрозрачность): 100%
• Use Global Light (Глобальное освещение): вкл
• Angle (Угол): -87º
• Distance (Смещение): 0 пикс.
• Spread (Размах): 16%
• Size (Размер): 16 пикс.
• Contour (Контур): Linear (Линейный)
• Anti-aliased (Сглаживание): выкл
• Noise (Шум): 0%
• Layer Knocks Out Drop Shadow (Слой выбивает тень): вкл

Закончив, нажимаем на кнопку New Style (Новый стиль) и сохраняем с названием HOLO — B. После этого закрываем окно Layer Style (Стиль слоя).

Переходим на панель слоев и выбираем слой HOLO. После этого открываем панель Window — Actions (Окно — Операции). Затем в нижней части панели нажимаем на кнопку Create new set (Создать новый набор) и называем его «Мой текстовый эффект». После этого жмем на кнопку Create new action (Создать новую операцию) и вводим название «Голографический эффект».

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

Дважды кликаем по названию слоя HOLO и переименовываем его на HOLO — A (будьте внимательны и не снимите выделение со слоя HOLO). Затем правой кнопкой кликаем по этому слою и выбираем Convert to Smart Object (Преобразовать в смарт-объект).

Жмем Ctrl+T, чтобы активировать свободную трансформацию. На верхней панели деактивируем Maintain aspect ratio (Сохранять пропорции) и растягиваем текст по вертикали до 59%. Не нажимайте клавишу Enter, чтобы применить изменения. Трансформация должна оставаться активной!

Кликаем правой кнопкой мышки внутри рамки трансформации и выбираем Perspective (Перспектива). Затем мышкой хватаем правую верхнюю опорную точку и смещаем ее на 22º влево. После этого жмем Enter, чтобы применить трансформацию.

Теперь переходим к панели Window — Styles (Окно — Стили). Стили слоя, которые мы сохраняли в первой части урока, находятся здесь. Ищем стиль HOLO — A и кликаем по нему, чтобы применить к выбранному слою.

После этого применяем фильтр Filter — Blur — Motion Blur (Фильтр — Размытие — Размытие в движении). Устанавливаем Angle (Угол) на 80º и Distance (Смещение) — на 68 пикселей.

Размытие в движении поможет создать нужный 3D-эффект.

Жмем Ctrl+J, чтобы дублировать слой, называем копию HOLO — B. После этого открываем панель Styles (Стили) и применяем к копии стиль HOLO — B.

На панели слоев кликаем по стрелке напротив слоя HOLO — B, чтобы развернуть все его эффекты. Дважды кликаем по фильтру Motion Blur (Размытие в движении), чтобы изменить его настройки. Устанавливаем Angle (Угол) на 90º и Distance (Смещение) — на 42 пикселя.

После этого выбираем инструмент Move Tool(V) (Перемещение) и смещаем слой HOLO — B вверх на 60 пикселей.

С зажатой клавишей Ctrl выделяем оба слоя одновременно HOLO — A и HOLO — B и преобразовываем их в смарт-объект. Дважды кликаем по этому смарт-объекту, чтобы открыть окно стилей. После этого применяем стиль слоя Outer Glow (Внешнее свечение) со следующими параметрами:

• Blend Mode (Режим наложения): Normal (Нормальный)
• Opacity (Непрозрачность): 19%
• Noise (Шум): 0%
• Цвет: #3253ff
• Technique (Метод): Softer (Мягкий)
• Spread (Размах): 18%
• Size (Размер): 156 пикс.
• Contour (Контур): Linear (Линейный)
• Anti-aliased (Сглаживание): вкл
• Range (Диапазон): 100%
• Jitter (Колебание): 0%

Жмем ОК, чтобы закрыть окно Layer Style (Стиль слоя).

Переходим на панель операций и жмем на кнопку Stop Recording (Остановить запись).

Мы закончили!

Вот так выглядит финальный результат:

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

PFY

Photoshop CS6 и естественные надобности / Блог компании Инфопульс Украина / Хабр

Всем привет.

Начитавшись и насмотревшись роликов и прочих промо-материалов для Photoshop CS6, ощутила недосказанность и решила потестировать самостоятельно.

Поскольку я не понимаю смысла создания специально подогнанных примеров для демонстрации новых возможностей, то и тестировать мы их будем на ежедневных потребностях, а именно:

1) Фотоманипуляции
2) Работа с интерфейсом (сайт и мобильное приложение)
3) Типографика
4) Создание иллюстраций и векторные фишки
UPD 1: Небольшое тестирование производительности и стабильности.

Итак, поехали.

Видели кошечку наверху?
Именно такой типографический котэ и стал, похоже, новой стартовой красивостью Photoshop CS6, по крайней мере, в beta — версии.
Немного смутила надпись Superstition вместо ожидаемой Photoshop, но только немного, потому как сразу после этого меня ожидала куда большая причина для смущения: нужен Adobe ID, иначе никто никуда не едет.

Итого, при запуске и сразу после — первое впечатление:

1) Нужен Adobe ID, который, кстати, требовался и при установке, но там это можно было пропустить, а тут уже никак. Правда, он у меня уже был установлен в Adobe Editions и Photoshop его даже пытался поттянуть автоматически, но не вышло — вводила руками.
2) Видимо, в награду за некие танцы с этим самым ID, вы получаете не 30 (как в CS5), а 60 дней trial-периода, а в стартовом окошечке бонус в виде полезных линков на youtube — обзоры, online-справку и т.д.
. Напоминает 3D Max с их уроками.
Кстати, online-справка на момент написания обзора, была недоступна.
3) Он реально быстрее. И в загрузке, и в работе.
4) Он тёмный. Но это поправимо, поскольку на выбор есть 4 цветовые схемы интерфейса.

5) По умолчанию профиль интерфейса заточен под 3D. Я так думаю, это потому, что в списке профилей он по алфавиту идёт первым, но Photoshop всё же, в основном, не для этого. Хотя, судя по развитию этого инструмента, всё больше интегрируют моделирование и управление простыми и не очень трёхмерными объектами.
6) При запущенном CS6, не запускается Photoshop CS5. То есть совсем. Вместо него стартует шестой. Сеанс одновременной игры в любовь работы как у парочки CS5 + CS3 не прокатит.

Что сразу бросилось в глаза: Timeline в нижней части окна, причём Timeline очень похожий на привет из AfterEffects, даже фильтры слоя такие же.

Естественно, не удержалась и попробовала случайный avi-файл туда закинуть.
Друзья мои, не тут то было. Аудиодорожку увидел, видео — нет. Видимо, будем разбираться с битрейтами потом.
Кстати, там же встроена и панель анимации. Ожидала увидеть очередной привет, уже из Flash, но нет — простая покадровая для gif-анимашек.

Но пора переключаться на более привычные профили для работы с графикой.

И что мы видим?

Отдельный профиль с новьём. Удобно, чего уж там.
Тебе сразу намекают куда и на что смотреть в первую очередь.
А мы и посмотрим, для того и собрались.
Кстати, что сразу понравилось при подготовке скриншотов, так это:
новый механизм инструмента Crop (Кадрирование).
Во-первых, сразу при выборе инструмента возникает рамка по границе изображения, которую удобно тянуть и при этом старый механизм растягивания с заданой области не убрали. Во-вторых, можно отследить внешний вид кадра до и после кадрирования ещё в процессе. В общем — порадовало.

Пробовала на группах больших изображений. По сравнению с CS5 — ощутимо быстрее и кадрирует, и передвигает. На рабочем компьютере это не так заметно (всё ж таки 16 гигабайт оперативки и core i7 дают себя знать), а вот на ноутбуке ощутимо.

Забегая наперёд скажу: сильнее всего это ощущается на 3D — моделировании. Правда проблему с не слишком качественным экспортом полигональных моделей не исправили — бывает теряются фрагменты.

Но, по порядку:

Полезное для всех:

1) На мой взгляд, абсолютный лидер рейтинга: Автосохранение. Конец сторонним приблудам и написанию своих экшенов для Avtosave. Теперь можно настроить это культурно.

2) Поиск по слоям. При ближайшем рассмотрении оказалось просто бомбой, особенно для работы с интерфейсами.
Искать-сортировать можно по:
— типу слоя,
— атрибуту,
— режиму,
— имени,
— применённому эффекту и т.д.

Масса возможностей, в частности, как по автоматизации, так и по ускорению работы (особенно во внесении правок).
Фильтры поиска можно применять как отдельно, так и по нескольку за раз.
Пример: есть у вас макет сайта или интерфейса, в котором нужно глобально изменить стиль шрифта или кнопок.
Открываем его и сортируем слои, скажем по типу: Текстовые.
Затем пробуем ещё одну новинку от CS6: Paragraph Styles. Нажимаем, и все тексты у нас в новом виде.

Кстати, помните этот донимающий allert: «Could not commit/move… because the layer is locked»?
Так вот при фильтрации слоёв, поиск этого гадского залоченного слоя занимает 5 секунд.

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

3) Paragraph Styles и Character Styles Самое интересное описала в предыдущем примере, а на новых настройках шрифта остановимся при просмотре типографики. Скажу только, что особо куртуазно работает в сочетании с предварительной фильтрацией слоёв по типу.

4) Новый механизм Crop (Кадрирования). См. выше. И обязательно попробуйте его настройку Straighten — любопытная штука.

5) Ctrl + J. Теперь работает не только на слой, а и на группу. У меня, сколько себя помню, было настроено клавиатурное сокращение «Ctrl + Shift + ,» для этих же целей.

6) Create clipping mask. Теперь работает не только на слой, а и на группу. Очень помогает при фотоманипуляциях и рисовании — не нужны лишние маски. (Возник вопрос, потому уточню: объект можно «склиппировать» на группу, наоборот пока нельзя без ковертации в Smart Object.)

7) Плавающая подсказка: это практически замена панели Info. По крайней мере при таких операциях как выделение, кадрирование, позиционирование, так точно.

Фотоманипуляции:

1) Camera Raw 7. Тут без комментариев. Ждали? Ждали. Детально описывать можно на целую статью. Из самого приятного: Highligts/Shadows/Whites редактируются кривыми, и вообще настроек стало гораздо больше.То есть теперь даже без прямой загрузки в Photoshop можно сделать много хорошего.

2) Фильтр Iris Blur. Ну что можно сказать: Akvis ещё, конечно, не так чтоб отдыхает, но FocalPoint уже стоит задуматься.Ещё бы чуть настроек и было бы прекрасно. Пока просто очень хорошо.
Детально описывать не буду — лучше покажу:

И это в один клик с базовыми настройками. Неплохо, правда? С эффектом от фотообъектива не сравнить, конечно, но на мой взгляд, неплохо.

3) Фильтр «Tilt Shift». По сути то же самое, но не радиальное размытие, а по прямым. Очень удобно, кстати продуман интерфейс самого фильтра легко добится точных настроек даже мышкой.

4) Новые няшечки в Mini Bridge. Детально не буду, но субъективно: всё вдвое быстрее.

Работа с интерфейсом.

1) Фильтр слоёв (детально описано выше) поднимет джедайские скилы при работе с несколькими скриншотами и группами слоёв одновременно на новый уровень.

2) Плавающая подсказка (тоже описана выше). Особенно удобно при выставлении линеек — сразу видно где ты и куда ты.

3) Появились шаблоны для популярных мобильных интерфейсов (смартфоны и планшеты).

Вот объясните мне: Что стоило их подписать? Хотя бы ориентировочно? Хотя бы основные?
Навскидку узнала только iPhone (Retina и не Retina), базовый Android (смарт и планшет) и Blackberry.
Остальное — загадка.
И главное: не нашла нигде в настройках как это можно подписать самостоятельно. Можно, конечно, создать свой пресет и там подписать, но «Зачем же ж?» (с)

Типографика:

1) Возможность кастомного создания библиотек стилей для Paragraph Styles и Charachter Styles.

2) Добавилось довольно много настроек шрифта.

Как мы видим, наряду со стандартными кернингом, трекингом, и интерлиньяжем, мы получаем немало новых, например тот же Contextual Alternates. Для не-типографов, это что-то вроде такого:

Ну и самое вкусное, напоследок.

Создание иллюстраций и векторные фишки

1) Много всего добавилось в default-наборы.
Новые Shapes в стандартном наборе, причём с намёком на абстракцию.
Новые пресеты кистей, в котрых очень отчётливо просматривается старание улучшить качество работы с планшетом. И правильно, я считаю.

2) Пунктирные контуры объектов. Да. Они здесь. Они пришли.
Вот только не с того хода. Прочитав о такой фишке, я одну из первых полезла искать именно её. Как вы думаете где?
Правильно: в стилях слоя, а конкретнее Stroke (Контур). Как вы наверное уже догадались, никто там меня не ждал, окромя стандартного сплошного контура, потому пришлось углублённо изучать матчасть.

Нашлись они аж здесь:

В настройках шейпа.
Там же можно поиграть со скруглением углов, расположением этой обводки (внутри, по центру, снаружи), начертанием, размером и т.д. В общем: забываем о текстовой штриховке, идущей по Shape.
Причём интересный эффект: применение этого контура не отменяет стандартный Stroke. Можно добиться любопытных результатов, в частности двойного контура с зазором.
Вообще Shape доработали капитально (думаю, это пролоббировали верстальщики у которых не установлен Illustrator, с тем чтобы дизайнеры с вектором работали также в Photoshop), начиная от того, что теперь в панели Shape можно быстро и красиво играть с заливкой и заканчивая тем, что в миниатюре Shape в панели слоёв теперь виден не просто цветной квадрат и рядом векторная маска слоя, а полноценная картинка.

Подведём итог первого знакомства с Photoshop CS6.

Плюсы:

• Ощутимо ускорилась работа.
• Вдвое вырос trial-период.
• Добавилось много новых и интересных фишек. Как невероятно полезных, навроде автосохранения и поиска по слоям, так и попроще, вроде улучшеной миниатюры для Shape и новых пресетов кистей.
• Начали потихоньку адаптировать общую наравленость программы для создания дизайна интерфейсов (заготовки документов, плавающие Info tips и контурные обводки для форм).
• Серъёзно прокачана направленность программы для фотографов и 3D — моделлеров.
• Создали новые механизмы для типографики (библиотеки шрифтовых и текстовых стилей)

Минусы:

• Категорически и уже довольно давно не хватает возможности применить один фильтр к группе слоев. Почему так? Ведь и копирование уже для этого сделали, и применение стиля, и даже clipping mask. А вот фильтр всё никак.
• Мало сделано для дизайнеров интерфейсов. На мой взгляд в стандартную библиотеку шейпов было бы очень полезно добавить основные заготовки для интерфейсов (а-ля Balsamiq).
• Сглаживание шрифтов. Только мне не хватает возможности сглаживания а-ля браузер? IE, Mozilla и Opera — сглаживания сразу серьёзно примирили бы дизайнеров и верстальщиков.
• Нет возможности запускать одновременно с более старой версией Photoshop.
• Нигде не смогла найти цену на продукт и её локализованные версии.
• Не работает online-справка.

Вывод: если цена будет более-менее пристойной, то надо брать.

И напоследок тестировала новую скорость работы, shape options и парочку новых кистей при создании вот этих ребят:

UPD 1:
Почитав комментарии из разряда: «А у меня адски глючит / тормозит / слетает», решила провести трёхчасовой дизайнерский тест-драйв.

Исходные: участвуют 8 независимых компьютеров, из них

• 4 стационарника (3 PC и 1 Mac)
• 4 ноутбука (2 PC и 2 MacBook — Air и Pro)

Что мы выяснили:

1) Как ни странно, наиболее нестабилен Mac, хотя казалось бы.
Pro, естественно, вёл себя пристойнее легковесного собрата, но на 4-х гигах оперативки ощутимо тормозил для Paragraph Styles и Bridge (чего раньше не было замечено ).
Air через два часа активной работы намертво застрял и ВЫЛЕТЕЛ. Хозяин ноута явно испытывал культурный шок, поскольку, по его словам: «Такого раньше не было никогда!». Маковский настольный моноблок был поактивнее, но в Paragraph Styles тоже вёл себя не особенно хорошо, а в 3D показал очень низкие результаты.

2) PC чуть лучше. Естественно, были прецеденты отключения GPU — акселерации в процессе работы с 3D, да и с библиотеками стилей не всё нормально. На каком -то этапе вдруг стали дольше открываться объёмные исходники, которые до этого летали. С одним из ноутов произошёл забавный казус: в процессе работы вдруг стала обновляться антивирусная база, которая в финале снесла Adobe ID, что привело к необходимости повторной регистрации Photoshop и почему-то обнулило пользовательские настройки.
Зато потом, в отместку видимо, этот ноут с гибридной графикой порвал в клочья своего стационарного собрата с более чем приличной дискретной видяхой в 1 GB по скорости применения пакетных стилей.

Итого: минимально пристойные результаты при активной работе Photoshop CS6 выдал на:

• PC
• Core i3 (причём 2 Duo проявил себя даже хуже чем Duo, что нас несказанно удивило)
• Windows 7 x 64
• Оперативная память: 8 GB
• Видеокарта 1 GB

Кстати, это был ноутбук.

Создание гладкого металлического 3D эффекта для текста в Photoshop CS6

3D среда в Photoshop CS6+ предоставляет разнообразные опции и настройки, которые помогут вам легко создать удивительные текстовые 3D-эффекты. Этот урок покажет вам, как можно поиграть с различными настройками, чтобы создать простой, но утонченный, металлический текстовый эффект.

Предварительный просмотр результата

Детали урока

Программа: Adobe Photoshop CS6 Extended
Предполагаемое время выполнения: 45 минут
Уровень сложности: Начинающий

Источники

Шаг 1

Создаем новый документ с размерами 1000 × 1000 px. Устанавливаем цветом переднего плана цвет #444343 и фоновым цветом цвет #1c1c1c. Берем инструмент Gradient Tool, выбираем градиентную заливку от цвета переднего плана к фоновому, нажимаем на значке Radial Gradient.

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

Создаем текст в цвете #cccccc. Мы использовали шрифт Sail и размер 330 pt.

Переходим в меню 3D > New 3D Extrusion from Selected Layer. Это действие конвертирует текстовый слой в 3D слой. Самое замечательное в этом то, что сетка 3D-текста по-прежнему будет доступна для редактирования. Мы вернемся к этому позже в этом уроке.

Шаг 2

Чтобы получить доступ к настройкам и свойствам 3D- сетки, вы должны будете открыть две панели: 3D панель и панель Свойства (обе находятся в меню Window).

3D панель включает все компоненты 3D-сцены и при нажатии на имя любого из них, вы сможете получить доступ к его настройкам на панели Свойства. Поэтому убедитесь, что всегда выбираете на 3D панели имя того элемента, который требуется изменить, прежде чем изменить его настройки в панели Свойства.

Выбираем инструмент Move Tool и смотрим на его панель Свойств. Вы найдете там набор 3D моделей для инструмента на панели справа. Когда вы выберете одну из них, вы сможете нажать и потянуть, чтобы выполнить любые изменения (для выделенного на 3D панели элемента).

Шаг 3

Выбираем закладку текстовой сетки на 3D панели, затем на панели Свойства меняем Texture Mapping на Tile и устанавливаем значение Extrusion Depth на 500

Нажимаем на значке Cap вверху панели Свойства, затем меняем Bevel Width на 10, Contour на Half Round, Inflate Angle на 90 и Strength на 2.

Это поможет немного раздуть текст и создать простой контур.

Нажимаем на значке Coordinates и меняем X Rotation Angle на 90. Это сделает текст перпендикулярным Ground Plane.

Переходим в меню 3D > Snap Object to Ground Plane, чтобы убедиться, что текст не находится внутри Ground Plane и не плавает над ней.

Теперь выбираем таблицу Current View на панели 3D и используем различные 3D режимы инструмента Move Tool, чтобы переместить камеру так, чтобы она смотрела на текст сверху.

Вы также можете использовать оси 3D, чтобы переместить текст так, как вам это нужно (инструмент Move Tool должен быть выделен). Стрелки на концах 3D осей перемещают сетку, часть под ними используется для вращения, а кубики используются для масштабирования. Кубик в центре используется для равномерного масштабирования. Все что вам нужно, это нажать и потянуть ту часть, которую вы хотите изменить.

Шаг 4

Если, в любой точке, вам нужно изменить или модифицировать текст, вы можете просто нажать его табличку с именем на панели 3D, и нажать кнопку Edit Source внизу на панели свойств.

Это действие откроет документ, в котором есть текстовый слой. И вы сможете сделать любые изменения в тексте. Здесь мы поменяли размер текста на 392.5 pt. Иногда, когда вы меняете сам текст или его размер, он может выйти за пределы документа.

Чтобы исправить эту ошибку, примите сделанные изменения, затем перейдите в меню Image > Reveal All.

После того, как вы закончите, сохраните документ (File > Save), затем закройте его (File > Close), чтобы вернуться к оригинальному.

Шаг 5

Чтобы добавить еще больше перспективы тексту, выделите название сетки, затем нажмите значок Deform и измените значение Taper до 80%.

Выделяем таблицы Front и Back Inflation Material (Ctrl/Cmd + нажимаем на каждой), затем изменяем их настройки как показано ниже:

Использовались цвета

Выделяем таблицы Front и Back Bevel Material, затем изменяем их настройки как показано ниже:

И наконец, выделяем таблицу Extrusion material и изменяем настройки как показано ниже:

Шаг 6

Нажимаем на таблице Environment на панели 3D, затем нажимаем на её значке папки IBL на панели Свойства и выбираем Load Texture.

Загружаем изображение “ghghghhj.jpg” из пакета “Malleable Metal Patterns”. Затем меняем Intensity на 50%, Ground Plane Shadows Opacity на 60%, Reflection Opacity на 20% и Roughness на 2%.

Вы можете использовать инструмент Move Tool, чтобы нажать и потянуть сферу Environment Light, и переместить ее, пока вам не понравится вид.

Шаг 7

Нажимаем на таблице Infinite Light 1, затем меняем Intensity на 90% и его Shadow Softness на 60%.

Вы можете переместить этот свет, как вам нравится, или использовать значения Coordinates ниже.

Нажимаем на значке Add new Light to Scene в нижней части панели 3D и выбираем New Infinite Light.

Меняем значение Intensity для Infinite Light 2 до 40% и снимаем отметку с её значения Shadow.

Перемещаем источник света или используем значения Coordinates.

Шаг 8

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

Когда вы закончите, сделайте рендеринг сцены (3D > Render). Рендеринг займет какое-то время, но вы можете остановить его в любой момент, нажав Esc.

Когда рендеринг закончится, нажимаем на значке ‘Create new fill or adjustment layer’ в нижней части панели слоев и выбираем Gradient Map.

Создаем градиент, используя цвета #3e5678 для левой части и #ff9a9e – для правой. Меняем режим смешивания корректирующего слоя на Overlay и его непрозрачность до 15%. Это действие поможет усилить цвета окончательного результата.

Результат

Надеемся, что вам понравился и оказался полезным этот простой 3D урок.

http://www.photoshopstar.com
Перевод: http://www.4webmaster.ru/

Рекомендуем почитать:
• Создание эффекта комикса в Photoshop
• Создание эффекта кардиограммы
• Создание эффекта комикса в Photoshop

Создать Летний 3D эффект для текста в Photoshop

В этом уроке вы узнаете как создать летний эффект 3D текста. В процессе, вы узнаете, как использовать в Photoshop 3D-функций для создания основной формы текста, а затем объединить его с различными изображениями, чтобы добиться желаемого результата. Давайте начнем!

________________________________________

Активы

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

________________________________________

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

1. 3D Text

Шаг 1

Первый шаг, прежде чем открыть Photoshop, нужно выбрать красивый шрифт для нашего 3D текста. В моем случае, используемый шрифт был RBNo 2,1 Черный DEMO, которую вы сможете скачать на MyFonts бесплатно. Просто нажмите кнопку «Добавить в корзину» завершить процесс, и вам будет предоставлена ссылка на скачивание шрифта. Тем не менее, не стесняйтесь использовать любой шрифт, который вам нравится. Обычно для больших 3D текстов, конденсированный шрифт без засечек работает лучше всего.

Шаг 2

Как только шрифт установлен, откройте Photoshop и создайте новый документ (Ctrl + N). Так как мы будем работать в разрешении 1920 × 1080 пикселей, мы хотим, чтобы наш 3D текст, который будет в два раза больше размера для достижения максимального качества. Настройте свой документ в 3840 за 2160 пикселей, и нажмите кнопку ОК.

Выберите Type Tool (T) и напишите «SUMMER» в центре холста. Откройте Character панели и введите следующие значения.

С вашего выделенного текстового слоя, перейдите в 3D> New 3D Extrusion from Selected Layer. Вы должны получить следующий результат.

Шаг 3

Теперь, если вы никогда не пользовались Photoshop 3D-возможностями, это может быть немного запутанным. В принципе, чтобы работать с 3D в Photoshop, вам нужно использовать две панели вместе: 3Dпанели и Properties панели. 3D панели позволяет выбрать различные аспекты вы хотите работать на (окружающая среда, форма, свет и т.д.) и на панели Properties позволяет редактировать значения.Откройте обе панели. В 3D, выберите ваш текст, и дайте ему следующие значения в Properties. В Contour Editor, убедитесь, что «Corner» флажок стоит для всех ваших входных точек, иначе вы не получите тот же результат.

Далее, выставьте Environment, Scene и Current View следующие настройки. Убедитесь, что FOV установлен на 10 мм, с тем чтобы сделать текст более перспективным.

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

Когда вы закончите, сделать Вашему 3D тексту (это может занять некоторое время) растеризацию. Так как мы работали в два раза больше разрешения от нашего конечного изображения, изображение не будет высокого качества.

Шаг 4

На этом этапе мы подготовим наш текст для фото интеграции. Для этого нам понадобятся три версии нашего текста.

Первый довольно легко получить. Ваш растровый слой выбран, просто зайдите в Select> Color Range, выберите синий цвет, и создайте обтравочную маску (Layer> Create Clipping Mask).Назовите этот слой » Blue «.

Второй немного сложнее, самый простой способ получить его, этодублировать слой и инвертировать маску (Ctrl + I) [A]. Черной кистью, закрасьте зеленым экструзии [B].Получите выделение из «Blue» слоя, удерживая Alt и щелкнув по его маске [C]. Наконец, заполните выделение белым [D]. Назовите этот слой » Red + Blue «.

Для последнего, просто дублируйте ваш «Blue» слой снова, скройте свои маски, и используйте Color Range, чтобы создать выделение из красного. Сделайте видимым маску, залейте выделение белым, снимите (Ctrl + D) и инвертируйте маску. Назовите этот слой » Green «.

Еще немного работы предстоит сделать нам. Создайте новый слой ( Ctrl + N), закрепите его на » Green «, используйте инструмент Clone Stamp Tool, чтобы очистить синюю экструзию.

2. Пляж

Шаг 5

Теперь, когда наш 3D текст готов, нам нужно создать идеальный пляж. Во-первых, создайте новый документ 3840x2160px так же, как в первый раз.

Поместите изображение из активов «Пляж» и впишите его в следующую перспективу, используя Искажение (Edit> Transform> Distort).

Продублируйте слой, отразив его по горизонтали (Edit> Transform> Flip Horizontal) и поместите его с правой стороны. Используйте маску слоя и мягкую черную кисть, чтобы скрыть левую часть слоя, так что два из них вместе смотрелись красиво.

Поместите «Райское место» на вашем холсте, уменьшите его до 61% и растяните его до 200%.Используйте маску слоя, чтобы смешать нижняя с фоном, и добавить Color Balance и Curves корректирующих слоев. В этом примере я также закрыла стороны слоя мягкой синей кистью слоем установленым в Multiply. Как только вы закончите, сгруппируйте все вместе ( Ctrl + G) и назовите группу » Sea «.

Шаг 6

Откройте Куба 1 и Куба 2 и поместите их в холсте так, чтобы горизонт соответствовал вашим фонам. Используйте ту же технику, как мы делали в шаге 5 для того, чтобы смешать слои вместе, затем сгруппировать их и замаскировать определенные места.

В группе поместите следующие корректирующие слои, чтобы осветлить небо и дать ему вид Карибского бассейна.

Шаг 7

Скрыть обои группы и открыть «На пляже в Корее». Поместите его в ваш холст влево и затем дублировать и перевернуть его с правой стороны. На новом слое, используя инструмент Clone Stamp Tool (S) для очистки песка (не забудьте установить образец Текущий и ниже )

Добавить Gradient Map корректирующий слой на вершине, и дать ему следующий градиент. Все соберите в группы и назовите группу » Sand «.

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

Откорректируйте слой » Sea «, как показано ниже.

Шаг 8

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

Повторите то же самое, но на этот раз, сделайте это больше и за пределами » Sky » группы. Сгруппируйте слои вместе и назовите группу » Light «.

Чтобы лучше интегрировать солнце, мы добавим яркое отражение в море. Устанавливаем «Закат» из активов.Изолируемотражение, обесцветим его ( Ctrl + Shift + U) и затемним его с регулировками кривых. Устанавливаем режим Screen.

3. Интеграция

Шаг 9

Теперь, когда у нас есть и наш 3D текст и наш пляж подготовлен, мы можем соединить их друг с другом. Создайте еще раз новый документ, но на этот раз размером 1920 × 1080 и назовите его «Здравствуй, лето». Вернуться в «Пляж» документ, конвертировать все, чтобы Smart Object(выделите все слои, а затем щелкните правой кнопкой мыши> Преобразовать в смарт-объект ) и дублировать его в » Hello Summer «. скопируйте 3D-слои текста в документ.

Используя Free Transform (Ctrl + T), масштабируйте все, вплоть до 50%.

Теперь мы можем начать интеграцию, закрепляя » Beach » слоя на » Red + Blue «. Удостоверьтесь, чтобы » Beach » находится в качестве смарт-объекта, так что вы сможете изменить его позже, если вам это будет нужно.

Шаг 10

Установите «Blue» до 15% Заполнить и дать ему следующее стили слоя.Дублируйте » Beach » и закрепить его к слою.

Слейте » Green » и обрезанный слой вместе. Нажмите Ctrl + Shift + U, чтобы обесцветить его, и поставил его на режим Multiply. Дублируйте » Beach » в очередной раз, поместите его на дно, получите выделение из » Green » ( Alt + клик на иконке), и создайте Clipping Mask.

Установите настройки Curves и Solid Color слоя на » Green «, чтобы облегчить его.

Затем добавьте следующую curve на » Beach » и дать ему 25px размытия Gaussian Blur.

Теперь нам нужно затемнить края. Дубликат » Green » слоя, поместите его поверх всего, установите его в Multiply, исотрите внешний экструзии. Дайте слою 5px Gaussian Blur, и добавьте другой » Beach » слой к нему.

Шаг 11

Теперь, когда у нас есть готовый 3D текст, давайте дадим ему немного контекста. Дубликат » Beach » еще раз и растеризации (Layer> Rasterize> Smart Object). Дайте ему 50px Gaussian Blur и следующие регулировки Hue/Saturation. Группируйте все текстовые слои и назовите группу » Summer «. Сделайте то же самое для фона слои и назовите группу «BG».

Сейчас мы дадим нашему тексту тень, так это выглядит, как будто он сидит на земле. Дубликат слоя Summer и объедините группу вместе (Layer> Merge Group). Нажмите кнопку Lock Transparent Pixels и заполните слой # 8A725F (Edit> Fill> Use Color). Переместите слой вниз.

Разблокировать прозрачности и дать слоям 15px размытие Gaussian Blur. Уменьшите его по вертикали, и обнуляем верхние. Поместите слой под группу» Summer «.

Повторите процедуру еще раз, но на этот раз с 3px Gaussian Blur. Группируйте оба слоя вместе и назовите группу » Shadow «.

4. дополнительный материал

Шаг 12

В следующих шагах, мы начнем добавлять различные изображения к нашей композиции, с целью сделать ее более интересной. Мы начнем с пальмы, которую вы возьмете из активов. Мы должны отделить дерево от фона. Чтобы это сделать, откройте изображение в Photoshop, выберите инструмент Magic Wand Tool (W) и сделать грубое выделение фона. Не обращайте внимания на облака и острова на данный момент, создайте Clipping Mask. Жесткой черной кистью закрасьте остальное как показано ниже.

С маской слоя выделен, откройте Properties панели, щелкните Mask Edge и закрасьте небо вокруг листьев. Установите радиус до 0,6 PX, Smooth до 1, и проверьте Decontaminate Colors.

Вы можете затем преобразовать слой в Smart Object, дублировать его в основной документ и уменьшить его до 64 × 44%. Переименуйте слой » Palm Tree » и замаскировать в правом нижнем углу.

Так как основной источник света нашей композиции исходит от солнца в центре текста, мы будем помещать тень нашей пальмы. Чтобы сделать это, создайте Curves корректирующего слоя и закрепите на » Palm Tree «. Дайте маске слоя, инвертировать его, закрасьте в правой части дерева. Дайте слою Smart Sharpen и поместить его в группу с одноименным названием. В этом примере я также закрасила вокруг листьев дерева, чтобы выделить их.

Шаг 13

Чтобы сбалансировать состав, мы добавим пляжный мяч слева. скачайте рисунок мяча и откойте его. Вы можете создать круглую форму с помощью Ellipse Tool (U) и использовать его как маску, чтобы отделить мяч от фона. Как и прежде, преобразовать его в Smart Object, принести его в свой документ, но на этот раз перевернуть горизонтально и дать ему Inner Shadow. Вы можете дать мяч небольшую тень используя ту же технику, что и в шаге 11.

Мы также добавим красный зонтик внутри «U» скачайте зонтик и откройте его. При извлечении фона, уберите ручку. Поместите его в документ в виде смарт-объекта, как всегда. Небольшой жесткой кистью, выделите серый цвет и проведите прямой шест в песок (нажмите на одном конце, Удерживайте нажатой кнопку SHIFT и нажмите на другом конце для прямой). Дайте верхушке Bevel & Emboss стиль слоя.

Скачайте Чайку и сделать то же самое, что и раньше. Сделайте тень, как будто свет падает сверху.

Наконец, вы можете добавить «Hello» текст. Шрифт, используемый в данном случае является Shelby, который вы можете найти здесь. Как всегда, не стесняйтесь использовать любой шрифт, который вам нравится.

Шаг 14

В этом шаге мы добавим немного пролитой воды на земле. Для этого мы будем использовать формы брызги. В приведенном ниже примере, я использую собственную фигуру, сделанные в Illustrator, но вы можете использовать любую нужную форму. Есть много таких в интернете. Поместите форму в документе, и используя Free Transform (Edit> Transform> Perspective), поместите форму в перспективе и для него поставьте следующие стили слоя. Не забудьте установить слоя Fill до 0%.

Скачать «рябь на воде», поместите его в перспективе над слоем лужи. Затем вы можете получить выделение из слоя лужи и использовать его, чтобы замаскировать пульсацию слоя. Обесцветьте его ( Ctrl + Shift + U) и затемните, используя настройки Curves. Установите слой на Soft Light и непрозрачность на 20%.

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

Шаг 15

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

Мы можем еще лучше интегрировать эту кучу песка, рисуя песчинки на земле. Чтобы сделать это, выберите небольшую жесткую кисть, откройте панель кистей (F5) и установите кисти как будто случайным разбросом маленькие точки. Используя инструмент Eyedropper Tool (I), выбрать цвет вашего песка, а занесите мелкие зерна песка на новый слой. Как только вы закончите, вы можете добавить тень, чтобы дать им немного больше контраста.

Повторите этот процесс столько, сколько вы хотите.

Шаг 16

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

5. Заключительная настройка

Шаг 17

На данный момент, это то, как ваше изображение должно выглядеть.

Оно выглядит хорошо, но мы все еще можем улучшить его. В этом шаге мы добавим несколько корректирующих слоев, чтобы помочь смешать различные элементы вместе. Вдобавок ко всему, добавьте следующие корректирующие слои. Установите Gradient Map ‘на режим смешивания Overlay 50%, используйте Clipping Mask мягкой черной кистью на Color Balance так, чтобы листья пальмы остались зелеными. Группируйте все и назовите группу » Adjustments «.

Еще один способ улучшить ваше окончательное изображение, чтобы добавить эффект мягкой виньетки вблизи границ. Для этого заполните холст черным на новый слой (Shift + F5). С Rectangular Marquee Tool (M), сделайте выделение центре холста и сотрите его. Теперь, дайте слою 40 PXGaussian Blur и установите его на Multiply. Чтобы лучше интегрировать тень, я вырезала два слоя над виньеткой и окрашенные цвета выбрала из текста.

На данный момент, оказалось, что море было немного слишком много, на мой вкус. Так что я выбрала все » Beach » слои, и масштабировала их до 66% высоты. Если вы делаете это, не забывайте отделить слои и их маски (нажав на значок связи между миниатюр), тогда преобразование не повлияет на маску.

Шаг 18

Мы почти закончили. Другой метод, мы можем использовать смешать все вместе, и добавить немного шума. Для этого создайте новый слой и залейте его 50% серым цветом (Edit> Fill). Перейти к Filter> Noise> Add Noise и установите сумму до 2%. Наконец, назовите слой «Noise» и установитеего на Soft Light.

Наконец, давайте сделаем наше изображение резче, чтобы дать ему законченный вид. Выберите все ваши слои, щелкните правой кнопкой мыши и выберите Merge Layers, удерживая Alt. Перейти кFilter> Sharpen> Smart Sharpen, введите нужные значения и нажмите OK. Не забудьте сохранить документ. Если вы хотите, вы можете теперь свести изображения (Layer> Flatten Image) и изменит размер до 50%, чтобы избавиться от всех несовершенств.

Так должна выглядеть ваша панель слоев

Заключение

Поздравляем! Вы завершили этот текстовой эффект. В процессе, вы узнали, как создать 3D текст в фотошопе и как совместить 3D текст с фотографией в целях создания летней иллюстрации, которую можно использовать для широкого круга задач.

КАК СДЕЛАТЬ СВОЙ ЛОГОТИП 3D В PHOTOSHOP

В этом пошаговом руководстве по Adobe Photoshop мы расскажем вам, как превратить ваш логотип в потрясающий логотип в стиле 3D, который поразит вас. В этом уроке будут эффекты размытия, эффекты тени, эффекты затемнения и эффекты размытия!

Anway давай продолжим!

Шаг 1

Создайте новый документ, уже готовый, размером всего 800 x 800 пикселей. Теперь поместите логотип, который вы хотите сделать в 3D, на свой холст, я использовал наш логотип!

Шаг 2

Теперь, удерживая нажатой кнопку Ctrl, нажмите клавишу T.

Теперь щелкните правой кнопкой мыши и выберите наклон. Как только вы это сделаете, наклоните свой логотип так, чтобы он выглядел примерно так.

Шаг 3

Щелкните фоновый слой, а затем нажмите кнопку добавления нового слоя на панели слоев

Удерживая нажатой клавишу Ctrl, щелкните изображение логотипа на панели слоев, как на изображении ниже.

Теперь вы выбрали выделение вашего логотипа, как на изображении выше, убедившись, что вы все еще находитесь на слое.

щелкните цвет фона и установите его на # cccfd2, затем нажмите клавишу M (инструмент Marquee), удерживая Ctrl и нажмите клавишу Backspace. нажмите клавишу вниз на клавиатуре, чтобы ваша область сместилась на 1 пиксель, и нажмите вниз, и, удерживая клавишу Ctrl, снова нажмите клавишу возврата, нажмите на клавиатуре и снова нажмите клавишу Ctrl и клавишу возврата … Сделайте это несколько раз, пока у вас не появится изображение вроде ниже!

Сохраняя тот же слой, нажмите клавишу O (инструмент затемнения) и выберите фактический инструмент прожига, найдите, где у вашего логотипа будут немного более темные области и создайте эффект тени, на моем логотипе более темные области будут похожи на изображение ниже.

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

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

Шаг 5

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

Теперь убедившись, что ваш цвет переднего плана установлен на черный, а цвет фона установлен на очистку, нажмите клавишу G (инструмент «Градиент») и перетащите его из нижнего правого угла в середину вашего логотипа.Теперь установите непрозрачность слоя в пределах 5-10%, у вас должно получиться что-то вроде:

Шаг 6

Теперь создайте новый слой над всеми и снова выделите логотип. Убедитесь, что цвет вашего переднего плана белый, а фон чистый, нажмите клавишу G (инструмент «Градиент»), перетащите его от верхнего левого угла к центру логотипа и установите непрозрачность на 5%. у вас должно получиться что-то вроде:

Шаг 7

Теперь выберите слой с логотипом и возьмите «инструмент размытия», установите его в нормальное состояние и силу 20%, и просто слегка размыте верхний правый угол, чтобы получить эффект, как показано ниже.

Final Step

Спуститесь к своему слою 1, который должен быть серым 3D, на котором вы прожигали и уклонялись, и перетащите его на значок дубликата в нижней части панели слоев. Теперь выберите слой 1, а не копию слоя 1, и просто перетащите его вниз, чтобы он выглядел как отражение … Добавьте маску слоя к слою и убедитесь, что ваш передний цвет черный. изображение … установите для слоя непрозрачность 50%, и теперь вы создали крутой 3D-логотип!

Если вам понравился этот урок, расскажите о нас в Твиттере!

Как создать 3D карту рельефа с помощью Photoshop

Что нужно знать

• Откройте карту 2D-текстуры и выберите Image > Adjustments > Desaturate , затем при необходимости инвертируйте цвета.
• Перейдите к Image > Adjustments > Brightness / Contrast , установите Contrast на 100 , затем импортируйте карту в программу 3D-анимации.
• Создайте 3D-карту в Photoshop: перейдите к Filter > 3D > Generate Bump Map . Это будет выглядеть не так хорошо, как то, что может создать 3D-программа.

В этой статье объясняется, как создать карту рельефа в Photoshop. Инструкции относятся к Photoshop CC 2019 для Windows и Mac.

Как подготовить карты рельефа в Photoshop

Для достижения наилучших результатов используйте карту со значительным количеством теней для имитации текстуры:

1. Откройте карту 2D-текстуры или создайте ее в Photoshop.

   Вы можете использовать стили слоя, такие как наложение узора, для создания повторяющихся текстур.

   Фрэнк Рэмспотт / Getty Images

2. Выберите Image > Adjustments > Desaturate .

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

3. На карте рельефа более светлые области интерпретируются как более плоские, а более темные — как более высокие. Следовательно, в зависимости от того, как изображение закрашено, вам может потребоваться инвертировать цвета для получения желаемого результата. Для этого выберите Image > Adjustments > Invert .

4. Выберите Image > Adjustments > Brightness / Contrast .

5. Установите Contrast на 100 , чтобы увеличить контраст между более светлыми и темными областями, а затем выберите OK .

6. Выберите Файл > Сохранить как и сохраните карту в формате, совместимом с вашим программным обеспечением для 3D-моделирования.

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

Хотя можно создавать 3D-карты непосредственно в Photoshop, выбрав Filter > 3D > Generate Bump Map , результат будет не так хорош, как то, что может создать 3D-программа.

Что такое карты рельефа?

Карты рельефа используются в 3D-моделировании для искусственного создания текстурированных поверхностей без необходимости моделирования отдельных деталей. Все 3D-карты рельефа начинаются как 2D-чертежи, поэтому, прежде чем открывать программное обеспечение для моделирования, вы должны подготовить изображение карты рельефа в Photoshop.

Карты рельефа накладываются на полноцветные карты текстур и используют оттенки серого, чтобы указать программам 3D-моделирования, как далеко вытягивать полигональные поверхности. Черный представляет собой высшую степень вытеснения, белый — самые плоские области, а оттенки серого покрывают все, что находится между ними.

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

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

Lifewire / Эллен Линднер

Спасибо, что сообщили нам!

Расскажите, почему!

Другой Недостаточно подробностей Трудно понять

Как создать 3D-кнопки с помощью Adobe Photoshop

В Adobe Photoshop можно создавать множество удивительных вещей, которые могут быть полезны в Интернете, от простых рамок для изображений до сложных пользовательских интерфейсов.Одна из самых полезных вещей, которые вы можете создать в Photoshop, — это 3D-кнопки, которые пригодятся, если вы запустите блог или веб-сайт с настраиваемым интерфейсом.

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

Шаг 1. Подготовьте документ

Хотя 3D-кнопки чаще всего появляются на веб-сайтах, важно отметить, что для них есть и другие приложения, такие как анимированные GIF-файлы, демонстрации макетов продуктов и мобильные игры.В зависимости от того, для чего вы создаете эту кнопку, ваш окончательный формат файла и его размеры могут отличаться.

Чтобы создать 3D-кнопку в Photoshop, вам необходимо создать для нее собственный документ. Для этого откройте Photoshop и нажмите Create New> Custom . Начните вводить свои значения.

Чтобы создать 3D-кнопку, вам понадобится горизонтальный документ. Для наших мы использовали:

• 900 x 300 пикселей в высоту
• 300 пикселей / дюйм
• Цветовой режим RGB

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

Шаг 2. Настройте прямоугольник для кнопки 3D

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

Чтобы создать свою 3D-кнопку, нажмите на инструмент Rounded Rectangle Tool в левой части экрана, который здесь выделен красным.Вы также можете использовать ярлык U для доступа к нему.

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

Для нашей кнопки мы использовали:

• 300 пикселей в ширину
• 75 пикселей в высоту

Мы также позаботились о том, чтобы углы были скруглены на 10 пикселей.Не слишком высоко и не слишком низко. Затем нажали ОК .

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

Когда вы нажмете OK , Photoshop создаст прямоугольник с закругленными углами с этими размерами внутри вашего слоя.Вы можете изменить его цвета Fill и Stroke , используя раскрывающиеся меню в верхнем левом углу экрана.

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

Шаг 3. Сделайте кнопку 3D

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

Чтобы получить доступ к диалоговому окну Layer Style , вы можете выбрать Layer> Layer Style из верхнего меню. Вы также можете дважды щелкнуть слой, содержащий вашу кнопку, чтобы вызвать его автоматически. Этот способ намного быстрее, и мы лично его предпочитаем.

Когда ваше окно стиля слоя открыто, перейдите к опции Bevel & Emboss . Включи это.

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

Строение

• Стиль: Внутренний скос
• Техника: Chisel Soft
• Глубина: 605
• Направление: Вверх
• Размер: 5
• Смягчить: 1

Оттенок

• Угол: 90
• Высота: 37
• Highlight Mode: Color Dodge, 55% непрозрачность
• Shadow Mode: Multiple, непрозрачность 25%

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

Закончив с Bevel & Emboss, мы перешли к Contour и тоже включили его. Контур немного усиливает определение Bevel & Emboss, и для этого урока мы выбрали настройку Cone — Inverted .

Затем включите Gradient Overlay . Это то, что придает кнопке округлый, слегка «глянцевый» вид.Настройки следующие:

• Режим наложения: Наложение
• Непрозрачность: 90
• Стиль: Линейный
• Угол: 90
• Масштаб: 100

Наконец, мы включили Drop Shadow , чтобы кнопка выглядела немного «приподнятой» на белом фоне веб-сайта или блога.Опять же, вот настройки:

Строение

• Режим наложения: Несколько
• Непрозрачность: 35
• Угол: 90
• Расстояние: 2
• Распространение: 6
• Размер: 8

Качество

• Контур: Линейный
• Шум: 0
• Слой выбивает падающую тень: вкл.

Пришло время сохранить эти характеристики как стиль слоя.

Шаг 4: Сохраните как стиль слоя

Как только вы закончите с настройками кнопки, она начнет выглядеть трехмерно. Поскольку высока вероятность того, что вы создадите более одной 3D-кнопки, нам нужно найти быстрый и простой способ сделать это.

Вот как.

Прежде чем нажать ОК в диалоговом окне Стиль слоя , щелкните Новый стиль .Когда вы это сделаете, Photoshop сохранит этот стиль слоя, который вы создали для своей кнопки.

Если вы используете Photoshop CC, этот новый стиль будет сохранен в вашем разделе Библиотеки , как вы можете видеть выше. Это очень быстро и легко получить доступ.

Шаг 5: Как использовать сохраненный стиль слоя

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

Во-первых, давайте создадим еще одну кнопку прямо над слоем с красной кнопкой, вот так. Сделаем это зеленым, для акцента.

Далее — вместо двойного щелчка по самому слою, чтобы открыть диалоговое окно Layer Styles — дважды щелкните по стилю слоя в вашей панели Libraries .

Когда вы это сделаете, Photoshop автоматически применит ваш сохраненный стиль к новому слою кнопки, сохраняя его новый цвет и форму.Теперь у вас есть две кнопки — одна в рабочем состоянии, а другая в нижнем, и это очень просто сделать. Мне нравится этот ярлык.

Шаг 6. Добавьте текст на кнопку

Затем мы собираемся добавить текст к кнопке.

Чтобы добавить текст, создайте новый слой над двумя слоями с кнопками. Щелкните инструмент «Текст» , чтобы начать печатать.

В этом руководстве мы собираемся написать слово «подписаться», потому что это то, что вы довольно часто видите на веб-сайтах и ​​в социальных сетях.

Мы также собираемся использовать веб-шрифт с засечками. Окончательный выбор, какую из них использовать для своей кнопки, зависит от вас. Montserrat, Proxima Nova, Arial и Verdana — широко используемые альтернативы, безопасные для Интернета.

Однако после того, как это будет сделано, вам нужно сделать еще несколько тонких изменений, чтобы этот текст «всплыл».

Сначала дважды щелкните слой, содержащий ваш текст, чтобы вы могли открыть его в диалоговом окне Layer Style .

Затем нажмите Inner Shadow , чтобы добавить к тексту немного углубления (или углубления). Это делает вид, будто буквы выгравированы на кнопке. Ниже приведены точные настройки, которые мы использовали для этого урока.

Строение

• Режим наложения: Умножение
• Непрозрачность: 35
• Угол: 90
• Расстояние: 2
• Дроссель: 4
• Размер: 1

Качество

Затем примените Gradient Overlay к этим буквам, чтобы они легче сливались с кнопкой и не выглядели плоскими.Опять же, настройки для наших:

• Режим наложения: Затемнение цвета
• Непрозрачность: 90
• Стиль: Линейный
• Угол: 90
• Масштаб: 100

Шаг 7: Завершение

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

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

Довольно круто, да? Чтобы сохранить файл, выберите «Файл »> «Сохранить как » и сохраните его как файл в соответствующем формате для любого проекта, над которым вы, возможно, работаете.

Настройте свой блог с помощью 3D-кнопок и виджетов

Теперь, когда вы знаете, как создавать 3D-кнопки в Photoshop, вы можете проявить творческий подход, создавая свои собственные 3D-кнопки в соответствии с вашими потребностями.Обладая этими навыками в вашем арсенале, вы можете создать продукт, который будет не только профессиональным, но и индивидуальным.

Хотите узнать о других вещах, которые вы можете делать с помощью этой программы? Вот как удалить фон в Photoshop.

Как просматривать понравившиеся и сохраненные сообщения в Instagram

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

Читать далее

Об авторе Шианн Эдельмайер (136 опубликованных статей)

Шианн имеет степень бакалавра дизайна и опыт работы в подкастинге.Сейчас она работает старшим писателем и 2D-иллюстратором. Она занимается творческими технологиями, развлечениями и производительностью для MakeUseOf.

Более От Шианн Эдельмайер

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

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

Нажмите здесь, чтобы подписаться

Создайте свою модель для 3D-печати с помощью Adobe Photoshop CC

Все думают, что только программное обеспечение САПР может создавать 3D-модели, которые можно распечатать в 3D-печати.Сегодня мы расскажем вам, как создать и распечатать 3D-логотип с помощью Adobe Photoshop CC, который вы также можете использовать для 3D-печати.

Следуйте пошаговому руководству , чтобы создать свой собственный логотип в Adobe Photoshop CC и отправить его для 3D-печати.

К концу урока у вас должен быть собственный файл STL, который будет использоваться для 3D-печати. Если у вас нет Adobe Photoshop CC, вы можете загрузить 7-дневную пробную версию здесь .

Шаг 1. Создайте дизайн логотипа

Функции, которые мы используем для создания иллюстраций, — это инструмент Custom Shape , инструмент типа и Layers .

1. Для начала щелкните « New », чтобы создать новый документ.
Нам нужно иметь более высокое разрешение для печати, мы перейдем на вкладку « Print » и выберем пустую предустановку « Letter ».

Измените настройку, как показано ниже:

• Название: S Logo
• Измерение: сантиметры
• Ширина: 5
• Высота: 5
• Разрешение: 300 пикселей / дюйм
• Цветовой режим: CMYK Color
• Фон: Белый

2.Теперь, когда вы создали новый документ, нажмите « Layers » на боковой панели справа. Вы заметите, что новый слой « Background » был создан и заблокирован.

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

3.Мы собираемся создать черный круг для нашего логотипа.
Перейдите к инструменту Custom Shape на левой панели инструментов и выберите инструмент Ellipse Tool.

Чтобы создать полный круг, нажмите и удерживайте клавишу Shift на клавиатуре + щелкните левой кнопкой мыши и переместите мышь.

4. Создадим букву « S » белого цвета для нашего логотипа.
Перейдите к инструменту Horizontal Type Tool на левой панели инструментов, выберите шрифт и размер шрифта.

Вы также можете следовать нашим настройкам, показанным ниже:

1. Тип шрифта: Arial Bold
2. Размер шрифта: 350pt

Чтобы выровнять « Circle » и « S » по центру холста, выберите « Move » на левой панели и перейдите на панель «Слои», сдвиньте и выберите все 3 слоя, а затем нажмите « Выровнять центры по вертикали »и« Выровнять центры по горизонтали ».

5.Чтобы изменить форму и шрифт, нам нужно преобразовать векторный слой в пиксели, растеризовав слои.

На панели слоев сделайте следующее:

• Выберите « S », а затем щелкните правой кнопкой мыши, чтобы выбрать Растрировать слой .
• Сделайте то же самое для « Ellipse ».
• Нам сейчас не нужен слой « Фон ». Щелкните правой кнопкой мыши слой «Фон » и выберите Удалить слой .

6.Чтобы сформировать « S » на круг, нам нужно растрировать « S ».

На панели слоев сделайте следующее:

• Выберите слой « S », щелкните правой кнопкой мыши и выберите « Select Pixels» .

• Отключите слой « S », щелкнув значок глаза .

• Теперь на слое « Ellipse » нажмите кнопку Удалить на клавиатуре.Чтобы отменить выбор пикселей « S » на экране, нажмите (команда) Ctrl + D .
• Нам сейчас не нужен слой « S », щелкните и перетащите слой « S » на значок « Dustbin » в нижней части панели.

Чтобы просмотреть пошаговое видео, щелкните видео ниже.
(Посмотреть обучающее видео — 1. Создание дизайна логотипа )

---

Шаг 2. Создайте и подготовьте 3D-модель

Теперь мы закончили дизайн логотипа, нам нужно преобразовать его в 3D модель.

Следуйте инструкциям ниже, чтобы создать 3D-модель:

1. В верхнем меню перейдите к Window , перейдите к Workspace и выберите 3D.

2. На панели слоев выберите слой « S» и перейдите на вкладку « 3D », нажмите « Create 3D Extrusion » и нажмите « Create ».

3. Теперь мы можем настроить масштаб и глубину 3D-модели.

(Посмотрите обучающее видео — 2. Создайте и подготовьте 3D-модель )

---

Шаг 3. Экспорт файлов 3D-печати

Вы можете подготовить и экспортировать файлы для 3D-печати прямо из Photoshop.

1. В меню 3D перейдите к «Параметры 3D-печати», выберите формат файла для экспорта или на вкладке «3D» выберите «Сцена» В «Свойства» выберите значок принтера.Щелкните меню «Печать в», и выберите «Локальный», , и вы сможете экспортировать обычный файл .STL и отправить его на любой принтер или службу печати по вашему выбору.

2. Затем нажмите «Экспорт» , чтобы сохранить файл со своего компьютера. В меню 3D перейдите к «3D-печать» для предварительного просмотра 3D-печати, вы можете увидеть исходные и отремонтированные детали.

(Посмотрите обучающее видео — 3. Экспорт файла, напечатанного на 3D-принтере )

---

Шаг 4: 3D-печать вашего дизайна

Теперь вы можете отправить свой stl-файл на 3D-печать.
Если у вас нет 3D-принтера, вы можете связаться с Ginkgo3D по адресу [электронная почта защищена] для получения услуг печати.

---

Бонус:
ПОЛЕЗНЫЕ СОВЕТЫ

Лучшие практики для сочетаний клавиш Adobe Photoshop дают вам мощь

Попрактикуйтесь в использовании этих сочетаний клавиш Photoshop один раз, затем еще раз, затем еще раз. Только так вы их все запомните (и начнете свой путь от новичка в Photoshop до эксперта). Это лишь небольшая часть доступных сочетаний клавиш — проверьте официальное сочетание клавиш Adobe .

Бариста Ginkgo управляет публикациями Ginkgo3D.

Как создать 3D-эффект анаглифа за 4 простых шага

Хотите, чтобы любая фотография выглядела как потрясающий 3D-фильм? В этом уроке вы узнаете, как создать 3D анаглифный фотоэффект в Adobe Photoshop. Это так просто, как 4 шага, приступим!

Программное обеспечение: Adobe Photoshop CC

Сложность: Начинающий

Время завершения: 20 минут

Изображения, использованные в этом руководстве:

ID изображения: 20567370 © Ольга Екатеринчева

Создание 3D-эффекта

Шаг 1

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

».

Шаг 2

Теперь нажмите Control-J , чтобы продублировать слой.

Щелкните правой кнопкой мыши слой 1 и выберите Параметры наложения. В разделе Advanced Blending снимите флажок рядом с G, что означает Зеленый канал.

Выберите дублированный слой и повторите те же шаги. Щелкните слой правой кнопкой мыши и перейдите в раздел «Параметры наложения ». На этот раз снимите флажок рядом с R, что означает Красный канал.

Шаг 3

Пора создать этот потрясающий эффект! Возьмите инструмент перемещения (V). Выберите слой 1 и нажмите клавишу со стрелкой влево примерно 5-15 раз, чтобы переместить изображение влево.

Теперь выберите дублированный слой и нажмите кнопку со стрелкой вправо примерно 5-15 раз, чтобы переместить изображение вправо.

Приготовьте свои 3D-очки!

Шаг 4

И последнее, но не менее важное: используйте инструмент Crop Tool (C) , чтобы обрезать края. Вот и все! Возьмите свои 3D-очки, чтобы увидеть этот эффект в действии.

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

Надеюсь, вам понравилось создавать этот простой 3D-эффект! Покажите нам свои результаты и дайте нам знать, понравился ли вам этот урок в комментариях!

Другие интересные эффекты, которые вы могли бы попробовать:

[Эффект разбитого стекла] Добавьте к вашим изображениям вау-фактор

Как создать эффект двойной экспозиции

[Низкополигональный эффект] Создание геометрического портрета в Photoshop

Эффект дисперсии

в Photoshop CS6 / CC

Эффект дисперсии относительно прост в Photoshop CC, но может быть сложно реализовать правильно.Основная идея состоит в том, чтобы отделить объект от фона, а затем создать копию слоя объекта. Затем один из тематических слоев трансформируется с помощью инструмента «Пластика», чтобы заполнить почти весь кадр.

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

Окончательное изображение

Необходимые ресурсы

Scarlett Johansson Wallpater
Кисть для брызг

Начало работы

1. Откройте исходное изображение в Photoshop CS6 / CC
2. На панели «Слои» дважды щелкните единственный слой (Фон), чтобы Photoshop создал слой.Это позволит нам в дальнейшем скрыть фон.
3. На открывшемся экране «Новый слой» нажмите OK, чтобы преобразовать фон в слой.

Очистка фона

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

1. Используя инструмент «Многоугольное лассо», сделайте грубое выделение вокруг текста.
2. Выделив текст, нажмите Shift + F5 или Edit-> Fill в меню, чтобы открыть поле для заполнения и выбрать Content-Aware.
3. Нажмите ОК
4. Повторите процесс для штор, выбрав их и используя кассу с учетом содержимого.

Извлеките Скарлетт из фона.

1. Используя тот же инструмент «Многоугольное лассо», осторожно выделите тело Скарлетт, когда вы дойдете до области волос, выберите грубо. Поскольку мы не меняем фон, не беспокойтесь о выделении волос.
2. Выбрав Скарлетт, нажмите клавиши Ctrl + J, чтобы создать новую копию, которая будет включать только выбранную область (Скарлетт).
3. Удерживая нажатой клавишу Ctrl, щелкните новый слой, чтобы загрузить слой как выделение
4. Выберите первый слой и нажмите Удалить. Это удалит Скарлетт из фона.
5. После выполнения этих шагов у нас должно остаться два слоя, на верхнем слое будет Scarlett, а на нижнем — наш фон с пространством в форме Scarlett посередине!

Причесать волосы

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

1. Создайте новый слой между фоном и передним планом.
2. Используя инструмент «Заливка» (Shift + F5 или Правка-> Заливка), залейте новый слой черным цветом. Это покажет нам области, на которых нам нужно сосредоточиться.
3. Снова выберите изображение переднего плана и затем выберите инструмент «Ластик для фона».
4. Возьмите образец белого фона, нажав Alt / Option и щелкнув белую область между ее волосами.
5. Наконец, закрасьте остальные волосы, чтобы удалить выбранный цвет фона.
6. Повторите этот процесс, выбирая новые области, пока вы не удалите большую часть белого фона и не останетесь только с не совсем белым «пухом».
7. Используя обычный ластик, удалите как можно больше пушинок, не касаясь самих волос. Конечный результат не обязательно должен быть идеальным, поскольку мы не меняем фон.
8. Наконец удалите черный слой, чтобы мы снова увидели исходный фон.

Как создать 2.Эффект 5D параллакса на изображениях в Photoshop CC

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

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

Шаг 1. Отделение переднего плана от заднего плана

Открыв изображение в Photoshop, дважды щелкните слой, чтобы сделать его редактируемым.Затем выберите инструмент быстрого выбора на панели инструментов, чтобы начать выбор горы и ландшафта. Вы можете отрегулировать размер кисти, чтобы добиться большей или меньшей точности. Я установил свой на 25.

Если вы допустили ошибку и вам нужно (де) выделить область выделения, вы можете нажать клавишу «alt / option», а затем отменить выбор и вычесть выбор из области ошибки. Как только вы отпустите клавишу alt / option, он вернется к стандартному быстрому выбору.

Когда гора и ландшафт полностью выделены, нажмите ctrl + J (ПК) или cmd + J (MAC), чтобы превратить новый вырезанный ландшафт (передний план) в отдельный слой.

Шаг 2: Заливка фона

Выбрав фоновый слой, нажмите ctrl + щелчок (ПК) или cmd + щелчок (MAC) на миниатюре слоя переднего плана, чтобы загрузить выбранный передний план.

Затем перейдите к «Выбрать» и выберите «Модификация»> «Развернуть». Увеличьте передний план на 10 пикселей и нажмите «ОК».

Подойдите к «Правка» в верхнем меню и выберите «Заливка». Убедитесь, что для содержимого установлено значение «Content-Aware». Это заполняет передний план фоном того, что могло бы существовать, если бы за пейзажем было небо.

Это даст вам больше фона неба для работы, когда вы перейдете к последней стадии анимации.

Теперь, когда вы щелкните глазом на слое переднего плана, вы увидите только небо на всем холсте.

Этап 3. Анимация изображения

Поскольку мы хотим, чтобы конечный результат был в формате видео, давайте создадим новый проект со стандартным соотношением сторон 16 на 9 с разрешением 1920 пикселей (Ш) и 1080 пикселей (В). Photoshop поставляется с несколькими предустановками для фильмов и видео.В этом уроке я выберу предустановку HDTV 1080p.

Теперь, когда открыт новый проект HDTV 1080p, вернитесь к исходному проекту и выберите оба слоя. Используя инструмент «Перемещение», перетащите слои с холста в новый проект «Фильм и видео». Переставьте слои так, чтобы они уместились на холсте 16 x 9.

Теперь преобразуйте оба слоя в смарт-объекты, щелкнув каждый слой правой кнопкой мыши и выбрав «Преобразовать в смарт-объект». Это позволит вам анимировать и преобразовывать каждый слой независимо без потери качества изображения.

Примечание. Если вы не конвертируете в смарт-объект, вы не сможете анимировать.

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

Ключом к эффекту параллакса является анимация ландшафта (переднего плана) иначе, чем у неба (фона). Итак, сначала увеличим масштаб ландшафта, а затем масштабируем и повернем небо.Для начала щелкните стрелку рядом со слоем ландшафта (переднего плана). Щелкните значок переключения анимации рядом с «Преобразовать», чтобы создать первый ключевой кадр в начале клипа. Затем переместите индикатор текущего времени (CTI) в конец временной шкалы.

Нажмите ctrl + T (на ПК) или cmd + T (на MAC), чтобы активировать инструменты преобразования. Теперь давайте увеличим масштаб и изменим положение ландшафта. Вам нужно будет выбрать инструмент «Перемещение», и Photoshop спросит вас, хотите ли вы разместить файл. Нажмите «Место». Теперь, когда мы вернем CTI к началу шкалы времени и нажмем кнопку воспроизведения, вы увидите, что передний план оживлен.

А теперь перейдем к небу (фон). Нажмите кнопку переключения анимации рядом с Transform, чтобы установить первый ключевой кадр. Переместите CTI в конец шкалы времени и нажмите cmd + T, чтобы активировать инструменты преобразования слоя.

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

Теперь, когда мы возвращаем CTI к началу, вы можете увидеть полный эффект параллакса.

Шаг 4: Визуализация видео

Теперь, когда ваша анимация применена, пора рендерить видео.Просто перейдите в «Файл»> «Экспорт» и выберите «Визуализировать видео». После завершения инициализации экспорта видео вы можете выбрать один из множества параметров экспорта видео. Для веб-видео я бы рекомендовал формат H.264 и предустановку YouTube 1080p HD. Если вы добавляете это в более крупный видеопроект в Adobe Premiere Pro, я бы порекомендовал Quicktime, Animation High Quality.

Теперь ваша очередь. Это отличный способ добавить эффектное движение к изображениям для использования в видео. Если вам нужны дополнительные инструкции, обязательно посмотрите мой полный видеоурок выше или оставьте вопрос в комментариях ниже.Вы также можете подписаться на мой канал Premiere Gal на YouTube, чтобы быть в курсе последних тенденций в области видео. Спасибо за прочтение!

.

No related posts.