Доска для фотошопа: Создание Доски Мечты в программе Adobe Photoshop


18.03.1979 Facebook Twitter LinkedIn Google+ Разное


Содержание

Создание Доски Мечты в программе Adobe Photoshop

Вы уже знаете, что такое Доска Мечты, и для чего она нужна. Как Вы помните, Доску Мечты еще называют доской визуализации, или коллажем мечты. Теперь осталось научиться ее создавать.

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

Текстура Доски Мечты

Открываете программу Adobe Photoshop, и создаете документ нужного размера, такого же, как расширение Вашего монитора, к примеру, в моем случае, это 1024×768 пикселей.

После этого скачиваете текстуру своей будущей Доски Мечты. Заходите на поисковик, вбиваете фразу текстура скачать, заходите в Картинки, и выбираете то, что Вам нужно. Затем скачиваете себе на компьютер (правой клавишей мышки кликаете по рисунку, и выбираете Сохранить картинку как…).

Открываете в фотошопе данную текстуру, перетаскиваете ее на Доску Мечты с помощью инструмента Перемещение. Инструментом Перемещение перемещаете текстуру в верхний левый угол.

С помощью пункта меню Правка — Свободная трансформация изменяете размеры текстуры до нужных. С помощью кнопки Alt и инструмента Перемещение копируете картинку текстуры, ставите ее рядом.

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

Объединяете слои текстур в один с помощью меню Слои — Слить с нижним.

Копируете данную картинку текстуры с помощью кнопки Alt  и инструмента Перемещение по горизонтали, пока не закроете текстурой весь ряд. Объединяете все слои с текстурой в один с помощью меню Слои — Слить с нижним.

С помощью кнопки Alt  и инструмента Перемещение копируете весь ряд и ставите его вниз. Отражаете его по вертикали с помощью Правка — Трансформация — Отразить по вертикали.

Объединяете слои с текстурой. Повторяете копирование вниз до тех пор, пока вся Доска Мечты не будет покрыта текстурой. Объединяете все слои с текстурой.

Регулируете непрозрачность слоя с текстурой в Палитре слоев.

Рамка на Доске Мечты

Рамку в

программе Adobe Photoshop можно сделать из другой текстуры, но мы поступим проще. Выбираете в меню Выделение — Выделить все, затем Выделение — Изменить — Границы. Выбираете ширину границы, например, 20 пикселей. Инвертируете выделение с помощью Выделение — Инвертировать.

Затем в Палитре слоев создаете копию слоя с текстурой: правой клавишей нажимаете на слой и выбираете Дублировать слой. Проверяете, чтобы верхний слой был выделен, и нажимаете Delete. Таким образом, в новом слое будет удалена средняя часть изображения.

После этого делаете тень для рамки с помощью меню Слой — Стиль слоя — Опции смешивания. Делаете ниспадающую тень с опциями:

  • угол 90 градусов
  • расстояние 3 пикселя
  • распространение 10%
  • размер 5 пикселей

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

Фотографии и картинки

Ищете в поисковиках подходящие картинки и фотографии, сохраняете на своем компьютере. Затем открываете в программе Adobe Photoshop,  изменяете размеры, если картинки слишком большие, и инструментом Перемещение перетаскиваете на свой коллаж мечты. После перемещения выбираете в меню Правка — Свободная трансформация, изменяете размеры, поворачиваете под углом, размещаете в нужные места доски. Под картинками можно сделать тени с помощью меню Слой — Стиль слоя — Опции смешивания. Тени делаете поменьше, чем тени от рамки.

Рядом с картинками, или под ними можно сделать различные надписи с помощью инструмента Текст. Также можно с помощью меню

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

Созданную в программе Adobe Photoshop картинку сохраняете в jpg.

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

Видео о том, как создать Доску Мечты с помощью программы Adobe Photoshop

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

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

Это не займет много времени. Просто нажмите на ссылку ниже:
    Подписаться на блог: Дорога к Бизнесу за Компьютером

Проголосуйте и поделитесь с друзьями анонсом статьи на Facebook:  

Как создать графику с эффектом классной доски в Photoshop

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

Инструкции в этой статье относятся к Adobe Photoshop 2019 для Windows и Mac.

Что нужно для создания классной доски в фотошопе

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

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

Как создать дизайн классной доски в Photoshop

  1. Откройте изображение, которое вы хотите использовать в качестве фона для классной доски в Photoshop.

  2. Выберите инструмент « Рамки» , затем нарисуйте прямоугольник, занимающий весь фон.

  3. Выберите « Файл» > « Поместить связанный» .

  4. Выберите рамку и выберите « Разместить» .

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

    Если палитра слоев не видна, выберите « Окна» > « Слои» .

  6. Выберите Разделить, чтобы инвертировать цвета.

  7. Выберите инструмент « Текст» , а затем нажмите на доске примерно на полпути около вершины.

  8. Используйте панель инструментов вверху для выравнивания текста по центру и выберите шрифт Seaside Resort из палитры символов.

    Если палитра символов не отображается, выберите « Окно» > « Символ» .

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

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

  10. Создайте новое текстовое поле, измените шрифт на Eraser и введите оставшуюся часть текста.

  11. Выберите « Файл» > « Сохранить как» и сохраните изображение в виде файла PSD или предпочитаемого формата изображения.

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

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

  1. Откройте изображение в Photoshop и выберите « Изображение» > « Режим» > « Оттенки серого» .

    Выберите Discard, если вас спросят, хотите ли вы удалить информацию о цвете.

  2. Выберите Изображение > Режим > Растровое изображение .

  3. Установите для параметра « Вывод» значение 72 пикселя / дюйм , для поля « Использование метода» установите значение « Порог 50%» , затем выберите «

    ОК» .

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

  4. Перейдите в Image > Mode > Grayscale снова.

  5. Убедитесь, что соотношение размеров установлено на 1 и выберите ОК .

  6. Выберите « Файл» > « Сохранить как» и сохраните изображение в виде файла PSD или предпочитаемого формата изображения.

Как добавить рисунок мелом на доску

Чтобы добавить свое изображение на доске:

  1. Откройте свой дизайн классной доски, затем выберите « Файл» > « Поместить ссылку» и выберите свое изображение.

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

  3. Выберите инструмент « Волшебная палочка» (четвертый инструмент на панели инструментов) и щелкните белую область изображения.

    Инструменты Magic Wand и Quick Selection имеют одинаковый значок. Нажмите на значок, чтобы переключаться между ними.

  4. Выберите « Слой» > « Маска слоя» > « Показать выделение», чтобы черные области исчезли из поля зрения.

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

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

Если изображение слишком бледное, выберите « Слой» > « Дублировать слой», чтобы сделать белый цвет более насыщенным.

Создаём Знак в виде Классной Доски с Текстом из Мела в Adobe Photoshop

В этом уроке вы узнаете, как создать знак в виде классной доски с текстом из мела в Adobe Photoshop с помощью текстур и стилей слоя. Данный текстовый эффект является частью экшена Chalk and Chalkboard Photoshop Actions, который доступен в моём профиле на Envato Market.

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

Экшен Chalk Effects and Chalkboard Photoshop

Исходные материалы

Следующие исходные материалы были использованы для создания данного урока:

Все текстуры, которые мы собираемся использовать в этом уроке (текстуры дерева и мела), созданы с помощью фильтров Photoshop.

1. Создаём Задний Фон

Создайте новый документ со следующими размерами 1000 x 1000 px. Создайте новый слой, а затем нажмите клавиши (Shift+F5), чтобы залить этот слой следующим цветовым оттенком #62c3c9 или любым другим оттенком на ваше усмотрение.

2. Создаём Комикс-облачко с Помощью Инструмента Перо

Выберите инструмент Перо (Pen Tool (P), а затем нарисуйте фигуру комикс-облачка.

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

Чтобы преобразовать плавную опорную точку в острую опорную точку, удерживая клавишу (Alt), щёлкните по опорной точке.

3. Создаём Текстуру Классной Доски

Шаг 1

Установите цвет переднего плана на #1a1a1a, а цвет заднего плана на #ffffff.

Создайте новый слой, назовите этот слой Текстура Классной Доски (Chalkboard Texture). Нажмите клавиши (Shift+F5), чтобы залить новый слой цветовым оттенком #1a1a1a.

Шаг 2

Идём Фильтр – Шум- Добавить шум (Filter > Noise > Add Noise). Установите Эффект (Amount) на 50%.

Шаг 3

Идём Фильтр- Размытие- Размытие в движении (Filter > Blur > Motion Blur). Установите Угол (Angle) на 50, а Смещение (Distance) на 19 пикселей (pixels).

Шаг 4

Идём Слой – Новый корректирующий слой – Уровни (Layer > New Adjustment Layer > Levels). Установите следующие настройки.

Шаг 5

Выделите слой Текстура Классной Доски (Chalkboard Texture) и корректирующий слой Уровни (Levels), далее, щёлкните правой кнопкой мыши по выделенным слоям и в появившемся окне, выберите опцию Объединить слои (Merge Layers). Назовите объединённый слой Текстура Классной Доски (Chalkboard Texture).

Шаг 6

Нажмите клавиши (Ctrl+J), чтобы продублировать слой Текстура Классной Доски (Chalkboard Texture). Назовите дубликат слоя Текстура Текста на Доске (Chalkboard Text Texture).

4. Создаём Форму Классной Доски

Шаг 1

Отключите видимость слоя Текстура Текста на Доске (Chalkboard Text Texture).

Щёлкните правой кнопкой мыши по слою Текстура Классной Доски (Chalkboard Texture) и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask).

Шаг 2

Нажмите клавиши (Ctrl+J), чтобы продублировать слой с комикс-облачком, назовите дубликат слоя Классная Доска (Chalkboard). Переименуйте оригинальный слой с комикс-облачком в Деревянная рама (Wooden Frame).

Шаг 3

Уменьшите значение Заливки (Fill) слоя Деревянная рама (Wooden Frame) до 0%, а затем добавьте стиль слоя Обводка (Stroke), цвет обводки #000000.

Далее, щёлкните правой кнопкой мыши по слою Деревянная рама (Wooden Frame) и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object).

5. Создаём Текстуру Дерева

Шаг 1

Нажмите клавиши (Shift+Ctrl+N), чтобы создать новый слой. Назовите этот слой Текстура Дерева (Wooden Texture).

Нажмите клавиши (Shift+F5), чтобы залить этот слой цветовым оттенком #1a1a1a.

Шаг 2

Идём Фильтр – Рендеринг – Волокна (Filter > Render > Fibers), чтобы создать текстуру дерева.

Шаг 3

Щёлкните правой кнопкой мыши по слою Текстура Дерева (Wooden Texture) и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask).

Шаг 4

Выделите слои Деревянная рама (Wooden Frame) и Текстура Дерева (Wooden Texture), а затем переместите их наверх, расположив поверх всех остальных слоёв.

Шаг 5

Добавьте следующие стили слоя к слою Деревянная рама (Wooden Frame):

  • Тень (Drop Shadow) (#000000)
  • Внутренняя тень (Inner Shadow) (#000000)
  • Тиснение (Bevel and Emboss) (#ffffff и #000000)
  • Наложение цвета (Color Overlay) (#c86800)

6.

Создаём Классную Доску с Деревянной Рамой

Добавьте следующие стили слоя к слою Классная Доска (Chalkboard):

  • Тень (Drop Shadow) (#000000)
  • Внутренняя тень (Inner Shadow) (#000000)
  • Внутреннее свечение (Inner Glow (#ffffff)
  • Наложение цвета (Color Overlay) (#393838)

7. Добавляем Текстовый Эффект из Мела

Шаг 1

Добавьте текстовый слой с текстом ‘Back To School’, цвет текста #ffffff.

Шаг 2

Добавьте следующие стили слоя к слою с текстом ‘Back To School’:

  • Внутренняя тень (Inner Shadow) (#000000)
  • Внешние свечение (Outer Glow) (#ffffff)
  • Внутреннее свечение (Inner Glow) (#000000)
  • Обводка (Stroke) (#000000)

Шаг 3

Также добавьте стиль слоя Наложение цвета (Color Overlay), режим наложения Нормальный (Normal), Непрозрачность (opacity) 100%, используйте цвет наложения на своё усмотрение. Я использую зелёный оттенок #d1ff6e.

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

Шаг 4

Далее, щёлкните правой кнопкой мыши по слою с текстом ‘Back To School’ и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object). Поменяйте режим наложения для слоя с текстом на Осветление (Screen).

Шаг 5

Чтобы создать более реалистичный эффект мела, включите видимость слоя Текстура Текста на Доске (Chalkboard Text Texture). Далее, щёлкните правой кнопкой мыши по слою и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask), чтобы преобразовать слой Текстура Текста на Доске (Chalkboard Text Texture) в обтравчоную маску к слою с текстом ‘Back to School’.

Также поменяйте режим наложения для данного слоя на Умножение (Multiply).

Шаг 6

Чтобы сделать цвета более насыщенными, давайте добавим корректирующий слой Уровни (Levels). Далее, щёлкните правой кнопкой мыши по данному корректирующему слою и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask).

8. Добавляем Мелки

Шаг 1

С помощью инструмента Перо (Pen Tool), создайте фрагмент мелка.

Шаг 2

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

  • Тень (Drop Shadow) (#000000)
  • Внутренняя тень (Inner Shadow) (#000000)
  • Тиснение (Bevel and Emboss) (#ffffff и #000000)
  • Наложение цвета (Color Overlay) (#f2f2f2 для белого мелка и #c1e053 для зелёного мелка)

Поздравляю! Мы Завершили Урок!

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

Данный текстовый эффект является частью экшена Chalk and Chalkboard Photoshop Actions, который доступен в моём профиле на Envato Market.

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

Экшен Chalk Effects and Chalkboard Photoshop

Возможно вам также понравятся следующие уроки:

Шахматная доска в Фотошопе | verovski

Примерно год назад я писал статью о настройках пересечения векторных элементов в Фотошопе — Add, Subtract, Intersect и Exclude. В конце статьи я привел пример использования редкой настройки Exclude.  Сегодня этот краткий пример, по проcьбе посетителей сайта, превратился в настоящий отдельный урок. В этом уроке мы сделаем шахматную доску в Фотошопе. Работать будем исключительно векторными инструментами Фотошопа. Не обойдется и без смарт слоев, и конечно стили. Пока ваял доску, промахнулся с количеством полей. Получилось 7 с одной стороны и 8 с другой. Переделывать не стал.

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

Рисуем шахматную доску

Для начала я выбрал инструмент Rectangle Tool и рисуем простой векторный прямоугольник. Всего одну полоску. Конечно, в режиме Shape Layer. Когда полоска готова, переключаемся на инструмент Path Selection Tool и удерживая ALT дублируем полоску в рамках одной маски.

Стараться ровнее, прямее не нужно.  Выделите все 4 полоски инструментом Path Selection Tool. На панели настроек воспользуйтесь опциями выравнивания, и выровняйте полоски по горизонтали и по расстоянию между ними.

Теперь зажмите ALT и продублируйте все полоски ещё раз. Edit > Free Transform и разверните новые полоски по горизонтали.

Если необходимо, протяните полоски дальше. Вертикальные полоски при необходимости тоже надо выделить и ужать через Free Transform. Затем выделите ряд полосок по вертикали, или по горизонтали инструментом Path Selection Tool и переключите режим пересечения на Exclude.

Мой следующих шаг, белая подкладка под шахматную клетку. Обычный прямоугольник инструментом Rectangle Tool. К серой клетке я применил стиль слоя Layer > Layer Style > Inner Glow, внутреннее свечение. Только вместо свечения я выбрал тень, черный цвет, режим наложения Multiply. Еле заметный эффект с очень небольшим параметром невидимости.

Теперь рисуем окантовку для доски. Я нарисовал большой прямоугольник, а затем вырезал в нем дыру прямоугольником поменьше, применив режим Subtract.  И опять, стиль слоя Inner Shadow.

Теперь, когда все слои включены, я взял инструмент Line Tool и нарисовал рамку, вокруг шахматной доски. Толщина линии 3px. Чтобы линия рисовалась на одной маске, нужно выделить маску и следить за режимом прибавления Add to Shape Area (+). Он должен быть включен.

Осталось добавить немного световых эффектов. Для световых эффектов я добавлю градиентный слоя заливки Layer > New Fill Layer > Gradient

Осталось применить правильный режим наложения и немного прозрачности.

Пожалуй доска приобрела нужный мне вид. Теперь я столкнулся со следующей дилеммой. Я хотел бы сохранить все эти чудесные слои в их неизменном виде. Но в дальнейшей работе они напрямую уже не понадобятся. Слои нужно будет слить в один, далее, доска будет работать вместе. Она будет деформироваться, масштабироваться и так далее. Все правильно. Делаем смарт слой. Выделяем все слои и Layer > Smart Objects > Create Smart Object

Теперь мне понадобится рабочая область побольше. Я увеличу её инструментом Crop Tool. К смарт шахматной доске я применю Free Transform и деформирую её. Чтобы применить свободное трансформирование и разворачивать углы объекта в любую сторону нажимайте CTRL. Очевидным плюсом Смарт Слоя является так же то, что его координаты записываются и сохраняются, чего не скажешь о трансформировании обычного слоя.

 

Применительно к доске я применил стиль слоя тени Drop Shadow, легкую еле заметную тень. На этом оставим доску в покое и перейдем к остальной части дизайна. Выбираем инструмент Pen Tool и просто дорисовываем области.

На этом форму доски можно считать законченной. Переходим к световым эффектам.

Чтобы доска выглядела эффектнее, неплохо было вы нарисовать несколько бликов, теней. В общем немного усложнить световое пространство, в котором находится доска. Я создам очень особенный слой градиент Layer > New Fill Layer > Gradient прямо поверх доски?

Теперь я встрою его внутрь доски при помощи Layer > Create Clipping Mask и применю режим наложения Color Burn. А затем понижу невидимость Opacity до 20%

Для боковых часте шахматной доски я создам градиентные слои с градиентом от белого к невидимому. Для градиента я применю векторную маску. Чтобы применить её, выберите обычный Pen Tool, нарисуйте нужный вам контур в режиме Path, а затем при выделенном слое Градиента Layer > Vector Mask > Current Path

Создаем шахматную фигуру

Что за доска без шахматной фигуры? Не сложную шахматную фигуру можно создать через простые эффекты Иллюстратора. В Иллюстраторе имеется несколько 3D эффектов, которые нам как раз подходят. Один из них называется Revolve. Его смысл в то, что он берет простой половинчатый контур и раскручивает его в 3D оси. Получается реалистичная фигура, которую можно двигать в 3D пространстве.

Я открыл Иллюстратор и нарисовал инструментом Pen Tool вот такой контур. Ладно, на самом деле я не мог бы точно нарисовать обычным Pen Tool такой ровный контур. Я нарисовал окружность инструментом Ellipce Tool. Тело фигуры нарисовано инструментом Pen Tool. Затем я слил 2 фигуры панелью Pathfinder и разрезал фигуру пополам. Убрав лишнее я оставил только контур.

Далее применяем фильтр Effects > 3D > Revolve

 

Нажимаем OK и получаем отличную управляемую в 3D пространстве фигуру. Управляемая она потому, что в живой эффект Иллюстратора можно всегда зайти с целью поменять настройки.

Как же перенести эту фигуру в Фотошоп, не потеряв все настройки? Очень просто. Её нужно загрузить как Смарт слой. Для этого просто кликните по пешке, скопируйте её, Edit > Copy Перейдите в Фотошоп и сделайте Paste. В появившемся диалоговом окне поставьте галочку Скопировать как Смарт объект.

Вас наверное удивило то, как ровно фигура пешки встала на доску? Это, конечно, потому что я методом тыка подобрал правильное положение. Чтобы зайти в настройки пешки кликните дважды по иконке смарт слоя. Откроется Иллюстратор, а там ваша пешка. Просто внесите изменения и нажмите Save. Для красоты я расставил несколько пешек, продублировав слой несколько раз.

Создаем тень для пешки

Чтобы сделать тень для пешки я поступлю следующим образом. Я, конечно, даже здесь не люблю что-то там размазывать и растрировать. Ведь доступ в настройки рулит. Форма тени у нас уже есть. Это сама пешка. Я продублировал пешку, и немного деформировал её при помощи Free Transform. Затем я применил стиль слоя Color Overlay. Он заливает область слоя однородным цветом. В нашем случае черным.

Тень почти готова. Осталось размыть. Поэтому я и сохранил смарт слой. Открываем Filter > Blur > Box Blur Размывам тень на свой вкус. Осталось применить режим наложения Multiply, он идеален для тени и понизить невидимость. Таким же образом я сделал тень всем пешкам. Точнее я просто продублировал уже готовую тень и немного трансформировал её в сторону уменьшения к каждой фигуре пешки.

Цветокоррекция пешки

Для цветокоррекции пешек я создал два специальных слоя цветокоррекции для каждой из пешек. Слои цветокоррекции делаются через меню Layer > New Adjustiment Layer > выбрать нужный слой. Слоем Hue / Saturation я контролирую цвет пешки. Галочка Colorize окрашивает пешку в указанный мною цвет. Серый в моем случае. Значение Hue задает синеватый оттенок. Значение Saturation задает степень насыщенности синего. А Lightness контролирует степень света.

Второй слой Levels создает контрастность. В случае белых пешек этот слой осветляет цвет.

Задний фон для шахматной доски

Для заднего фона я создал заливочный слой Layer > New Fill Layer > Solid Color и применил к нему несколько стилей слоя. Я применил радиальный градиент, от белого к серому. Легкую текстуру Pattern и совсем немного Satin с режимом наложения Lighten. Подробные настройки можно будет раскрутить в файле исходнике.

Моей последней цветокоррекцией для этой работы будет слой цветокоррекции Layer > New Adjustiments Layer > Gradient Map.

На этом шахматная доска закончена.

Скачать файл

Скачать PSD файл шахматной доски

Автор:

Дмитрий Веровски

сайт для начинающих фрилансеров и профессионалов, поиск удаленной работы на FL.ru

Для тех, кому нужен специалист (фрилансер)

У нас вы можете найти лучших фриланс специалистов среди 1 млн исполнителей, зарегистрированных на сайте FL. ru. Программисты, дизайнеры, художники, копирайтеры, юристы, бухгалтеры, инженеры, фотографы — тысячи удаленных сотрудников по любым freelance специализациям.

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

Если же совсем нет времени на заказы, вы можете быстро найти удаленных специалистов в каталоге, оценив их портфолио с представленными работами — и в 2 клика предложить заказ.

FL.ru за безопасность freelance сотрудничества! Используйте наш сервис «Безопасная сделка» с резервированием суммы на сайте для сотрудничества с фрилансерами — и мы гарантируем вам возврат средств, если работа будет выполнена некачественно и/или не в срок.

Хороших вам исполнителей!

Тем, кто ищет работу на дому (фрилансерам)

Для вас ежедневно свыше 1500 фриланс заказов, конкурсов и вакансий с поиском исполнителей. Если вы ищете удаленную работу фрилансером и умеете создавать сайты, писать тексты, администрировать, консультировать, оказывать freelance услуги на дому — добро пожаловать на сайт FL.ru.

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

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

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

Успешного поиска работы!

Россиянам назвали безопасные и практичные напольные покрытия: Дом: Среда обитания: Lenta.ru

Дизайнер посоветовала комбинировать в квартире покрытия для пола из камня и дерева

Ради удобства и красоты россиянам посоветовали комбинировать в квартире напольные покрытия из разных типов материалов. Наиболее безопасные и практичные из них для разных помещений назвала дизайнер интерьеров Татьяна Пивкина, пишет «Mocква 24».

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

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

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

Материалы по теме:

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

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

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

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

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

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

Ранее специалисты интернет-магазина «ВсеИнструменты.ру» выяснили главные страхи россиян при ремонте квартир. По оценкам аналитиков, 86 процентов опрошенных испытывают тревогу от мыслей о предстоящем ремонте. Около 46 процентов из них переживают из-за слишком дорогих строительных материалов, а 39 — из-за качества и цены услуг строительной бригады.

Не останемся без видеосвязи: российская замена Zoom и Microsoft Teams

| Поделиться

Многие зарубежные сервисы уходят с российского рынка, поэтому появилась необходимость импортозамещения. Активные пользователи Zoom и Microsoft Teams не останутся без видеосвязи, российский аналог Pruffme – хорошая альтернатива зарубежным платформам.

Интерфейс вебинарной комнаты Pruffme

Комплексное решение

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

Российский аналог Zoom и Microsoft Teams функционирует с 15 марта 2015 г. Платформа работает на российских серверах, обеспечивает стабильную связь и выдерживает высокие нагрузки до 5000 зрителей на одном мероприятии.

За прошлый год на платформе было проведено более 250 тыс. онлайн-трансляций, создано более 22 тыс. интерактивных досок, более 9,3 млн человек приняли участие в вебинарах и видеоконференциях.

Pruffme взяли награды в двух конкурсах EdTech продуктов: третье место в EdCrunch Award и первое место от Акселератор ED2 в Сколково.

Pruffme уже пользуются Hyundai, Kia, Oriflame и другие компании, а также образовательные учреждения: Российский университет дружбы народов (РУДН), Санкт-Петербургский государственный электротехнический университет ЛЭТИ, Литературный институт имени А.М. Горького и другие российские вузы.

Почему Pruffme

1. Комплексное решение – инструменты для разных форматов онлайн-мероприятий и встреч на одной платформе. Для связи – вебинары и видеоконференции, для обучения и проверки знаний — курсы, тесты, квизы, для маркетинга – автовебинары, опросы, а для тренингов – интерактивные доски и групповые комнаты.

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

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

4. Групповая работа на всех устройствах: быстрое подключение через браузер с любого устройства.

5. Тестовый доступ две недели с возможностью протестировать платформу на реальных мероприятиях.

6. Полная функциональность на любом тарифе – все инструменты включены в каждый тариф.

Совместная работа на интерактивной доске Pruffme

Платформа для ваших задач

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

О том, как организовать работу и дистанционное обучение на Pruffme, можно узнать на вебинаре 16 марта 2022 г. в 15:00 (Мск). Если нет времени ждать, оставьте заявку на персональное обучение по платформе Pruffme и получите бесплатный доступ на две недели на 300 участников.

Работа с монтажными областями в Photoshop и Illustrator

Узнайте, как создавать монтажные области и управлять ими в Photoshop и Illustrator с помощью этого видеоурока от Джейка Бартлетта.

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

Джейк Бартлетт, инструктор Photoshop и Illustrator Unleashed & Explainer Camp, здесь, чтобы ответить на все ваши вопросы по монтажной области! Если вы хотите улучшить свою игру и, наконец, начать свой личный проект, вам нужно научиться использовать монтажные области в Photoshop или Illustrator, это руководство поможет вам в этом.

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

ВИДЕО-ОБУЧЕНИЕ: РАБОТА С АРТБОРДАМИ В PHOTOSHOP & ILLUSTRATOR

Теперь пришло время Джейку творить чудеса и превращать обучение в удовольствие. Наслаждайтесь изучением работы с монтажными областями в Photoshop и Illustrator!

{{лид-магнит}}

ЧТО ТАКОЕ АРТБОРДЫ?

Монтажная область — это виртуальный холст. Что хорошего в Photoshop и Illustrator, так это то, что вы можете иметь несколько холстов в одном документе. Ура!

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

КАК СОЗДАВАТЬ МОНТАЖНЫЕ ОБЛАСТИ

Одно дело знать, что монтажные области существуют, но как начать работу с этими удобными инструментами? Вот как вы можете создавать монтажные области в Photoshop и Illustrator.

КАК СОЗДАВАТЬ МОНТАЖНЫЕ ОБЛАСТИ В ILLUSTRATOR

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

Вот как можно создать несколько монтажных областей в Illustrator:

  1. Нажмите Создать новый… вверху слева
  2. Найдите панель Preset Details справа
  3. 0 Введите желаемую ширину 30 и ширину 30 и Высота
  4. Enter в количестве артбордов Вы хотели бы начать с
  5. клика расширенные настроители
  6. набора цветной режим до RGB Color
  7. набор Raster Effects до Экран (72 PPI)
  8. Закончите, нажав кнопку Создать в правом нижнем углу.
КАК СОЗДАВАТЬ МОНТАЖНЫЕ ОБЛАСТИ В PHOTOSHOP

Этот процесс очень похож на создание монтажных областей в Illustrator, но с одним ключевым отличием.

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

  1. Нажмите Создать новый… вверху слева
  2. Найдите Preset Details Введите желаемую панель справа
  3. 4 Ширина и Высота и Rightboard
  4. Клик Checkbox
  5. Набор Разрешение до 72
  6. набор Цветовой режим до RGB Цвет

Перемещение и создание артбордов

Рабочий процесс для создания новых артборд в Photoshop и Illustrator разные, но процесс очень простой.Вот краткое руководство по созданию монтажных областей и управлению ими в Photoshop и Illustrator.

УПРАВЛЕНИЕ МОНТАЖНЫМИ ОБЛАСТЯМИ В ILLUSTRATOR

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

Когда вы будете готовы начать редактирование макета монтажной области, используйте инструмент монтажной области на палитре инструментов. Вы можете найти палитру инструментов в левой части Illustrator при использовании макета по умолчанию.Посмотрите на изображение ниже, как выглядит этот инструмент в настоящее время. Кроме того, сочетание клавиш для инструмента монтажной области Illustrators — Shift+O , что является очень быстрым способом ускорить рабочий процесс!

Инструмент монтажной области в Illustrator

После выбора инструмента монтажной области на панели свойств справа отобразятся параметры редактирования монтажной области.

Панель свойств монтажной области справа от Illustrator

Здесь вы можете изменить имена монтажных областей, выбрать новый пресет и быстро создать новые монтажные области.

Кнопка «Новая монтажная область» в Illustrator

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


Джейк демонстрирует свои навыки копирования

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

УПРАВЛЕНИЕ МОНТАЖНЫМИ ОБЛАСТЯМИ В PHOTOSHOP

Если вы готовы оборудовать свой инструмент монтажной области в Photoshop, его можно найти в том же месте, что и инструмент перемещения по умолчанию, или нажмите Shift+V .

Расположение инструмента монтажной области в Photoshop

После того, как вы выбрали инструмент монтажной области, вы можете щелкнуть значок «плюс» с любой стороны выбранной монтажной области. Или на панели слоев вы можете выбрать артборд и продублировать его, нажав CMD+J.

Щелкните значок плюса, чтобы создать новую монтажную область.

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

Монтажные области отображаются на панели слоев

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

Панель свойств монтажной области в Photoshop

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

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

Перемещение монтажных областей в Photoshop

Таким образом, вы освоите основы создания монтажных областей и управления ими в Photoshop!

ХОТИТЕ НАУЧИТЬСЯ ФОТОШОПУ И ИЛЛЮСТРАТОРУ?

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

В Photoshop и Illustrator Unleashed вы вместе с Джейком Бартлеттом погрузитесь в самое совершенное программное обеспечение для дизайна. Всего за 8 недель мы поможем вам перейти от крайне неудобного состояния к тому, чтобы вы были готовы прижаться к своим новым лучшим друзьям, Photoshop и Illustrator. Посетите нашу страницу курсов для получения дополнительной информации обо всех курсах, которые мы предлагаем!

———————————————————— ————————————————— ————————————-

Полная расшифровка учебника ниже 👇:

Джейк Бартлетт (00:00): Привет, это Джейк Бартлетт из школы движения.И в этом уроке мы узнаем об артбордах в Illustrator и Photoshop. Я собираюсь поговорить с вами о том, что такое художественные доски и почему вы должны их использовать, как мы можем работать с ними как в Illustrator, так и в Photoshop, а также об экспорте нескольких художественных досок из обоих программ. Теперь я собираюсь работать с некоторыми файлами проекта немного позже в этом видео. И если вы хотите работать вместе со мной, вы можете бесплатно скачать эти файлы проекта прямо здесь, в школе движения.Или вы можете перейти по ссылке в описании этого видео. Так что давай, сделай это. И тогда ты сможешь работать со мной.

Музыка (00:35): [вступительная музыка]

Джейк Бартлетт (00:43): Что такое артборды? Вы можете думать о художественной доске в любой из этих программ как о холсте, на котором вы создаете свою работу. Что действительно приятно в них, так это то, что они позволяют вам иметь несколько холстов в одном иллюстраторе документа и Photoshop, которые раньше позволяли вам иметь только один холст в одном документе.Так что, если вам нужно несколько кадров, чтобы выйти из одного и того же документа, вам в основном придется наслаивать вещи, включать и выключать их и экспортировать. Это был беспорядок. Ни одна из программ никогда не предназначалась для обработки нескольких документов в одном документе. InDesign — это программа, которая действительно была из многостраничных документов, и такой она была всегда. И это все еще действительно отличный инструмент для этой цели, но это гораздо больше для мира печати, тогда как в мире MoGraph причина, по которой вам нужно несколько фреймов в одном документе, заключается в том, что вы можете создавать иллюстрацию для нескольких фреймов, не имея для создания дополнительных файлов проекта.

Джейк Бартлетт (01:39): Просто подумайте о разработке досок для последовательности анимации. Таким образом, вы можете хранить все свои активы, которые в конечном итоге будут в финальной анимации, в одном документе и просто использовать эти артборды как несколько кадров для этой последовательности анимации. И это именно то, что я собираюсь показать вам, как это сделать в этом видео. Итак, давайте начнем с иллюстратора и посмотрим. Как работают артборды в этой программе. Итак, я иллюстратор, и мы можем настраивать артборды прямо во время работы над новым проектом.Так что я просто нажму кнопку «Создать новую» и взгляну на новое окно документа. На этой панели прямо здесь мы можем определить размер наших рамок или артбордов, а также сколько артбордов будет, когда мы начнем документ.

Джейк Бартлетт (02:23): Так что я просто поменяю это на стандартный кадр 1920 на 10 80 HD. И я собираюсь сказать, что четыре артборда и все четыре артборда будут иметь одинаковый размер. Э-э, под наш цветовой режим.У нас RGB PPI составляет 72 пикселя на дюйм. Вот как я хочу, чтобы все было установлено. Итак, теперь, когда это уже сделано, я нажму «Создать», и мы получим этот пустой документ с четырьмя артбордами. Теперь я собираюсь закрыть некоторые из этих дополнительных панелей, чтобы с ними было немного легче работать, и вы могли видеть, что здесь происходит, немного уменьшив масштаб. Таким образом, мы можем видеть все четыре артборда одновременно. И вы заметите, что иллюстратор их в этой милой маленькой сетке для меня. Теперь, как я уже сказал, каждая из этих художественных досок — это, по сути, холст для нескольких кадров того, что вы хотите.

Джейк Бартлетт (03:08): Опять же, в случае с MoGraph, это будет последовательность анимации, по крайней мере, так я буду ее трактовать. Но таким образом у меня может быть четыре отдельных кадра в одном документе, и я могу добавить больше артбордов в любое время. Итак, давайте поговорим о том, как мы можем добавить или удалить артборды, если захотим. Ну, во-первых, у меня открыта панель свойств.Так что, если у вас нет этого, подходит к свойствам окна, и это даст вам эту панель, которая обновляется в основном любым инструментом, который у вас есть, э-э, активным или тем, что вы выбрали, предоставляя вам наиболее часто используемые элементы управления, самые полезные элементы управления для этот выбор, потому что я еще ничего не выбрал. Это дало мне варианты для моего документа. И это говорит мне, что я в настоящее время нахожусь на арт-борде номер один, и это также то, что говорит мне этот номер один внизу.

Джейк Бартлетт (03:53): Это мои индивидуальные артборды.Когда я нажимаю на каждый из них. Это очень трудно увидеть, но если вы хорошо и близко увеличите масштаб, вы увидите, что это просто тонкий черный контур. Когда я нажимаю на каждую из этих арт-досок. Если вы обратите внимание на этот номер здесь или на этот номер здесь, когда они щелкают по ним, он продвигается через 1, 2, 3, 4. Таким образом, вы можете узнать, над какой артбордой вы активно работаете внизу. Это небольшая кнопка редактирования артбордов. Если я нажму на это, он перейдет в режим редактирования артборда и даст мне еще несколько вариантов.Итак, еще раз, моя первая художественная доска — та, которая выбрана или активна. И теперь у меня есть эта ограничительная рамка вокруг него, которая позволяет мне просто свободно изменять размер этой артборда. Точно так же, как если бы это была форма, я могу изменить ее на любой размер, какой захочу, и я могу подойти сюда и снова ввести ширину 1920 на 10 80.

Джейк Бартлетт (04:44): И он вернулся к нормальному размеру, но немного не так. Это больше не в этой красивой сетке. Теперь я мог бы просто щелкнуть и перетащить сюда посередине и как бы просто разместить это как можно ближе, но я никогда не смогу идеально выровнять это в этой сетке.Если бы я поднялся, чтобы просмотреть, а затем спустился к интеллектуальным направляющим, сочетание клавиш дало бы вам для этого команду. Это позволит мне привязываться к другим вещам в моем документе, так что это поможет с идеальным выравниванием или, если это было не так идеально. Я также мог бы переставить все на панели свойств. Это также здесь, в моих вариантах артборда. Поэтому, если я нажму «Переставить», все это позволит мне изменить макет сетки. Итак, первый вариант — это макет, который представляет собой класс за строкой.

Джейк Бартлетт (05:25): Итак, вы видите, о чем нам говорит этот маленький значок.В основном это будет делать 1, 2, 3, 4, в зависимости от количества строк. Вы можете изменить это так, чтобы оно начиналось здесь с единицы и заканчивалось 2, 3, 4, или вы могли бы просто идти по прямой линии слева направо или сверху вниз, вы также можете изменить порядок расположения. Итак, здесь есть много вариантов для вас, чтобы изменить расположение ваших художественных досок, но я оставлю его по умолчанию, и я оставлю столбцы на двух, что является вертикальным выравниванием, только с четырьмя. Имеет смысл делать два столбца и две строки.Но если вы работали, скажем, с 20 артбордами, вам может понадобиться больше столбцов, чтобы они не занимали так много места по вертикали в документе. Далее у нас есть интервал, который будет расстоянием между артбордами.

Джейк Бартлетт (06:12): Так что по умолчанию вы можете изменить это на все, что захотите. Это было не 200 пикселей, но если мы изменим его на 200, это даст нам больше места. И, наконец, у нас есть движущаяся работа с артбордом, которая проверяется. И через некоторое время это будет иметь больше смысла, а пока я просто переупорядочу эти артборды, щелкнув мышью.Хорошо. И вот мы идем. Теперь вы можете видеть, что у нас есть 200 пикселей между каждой артбордой, и все они снова идеально выровнены. Хорошо. Так как я все еще нахожусь в своем инструменте артборда, который, кстати, показан вот этой иконкой, я все еще вижу свойства моих артбордов здесь и на панели свойств. Вы заметите, что есть раздел имени. Так что я мог бы назвать эту артборд, по умолчанию как-то иначе, это просто артборд номер один. И мы можем видеть, что это отражено прямо здесь, но я мог бы назвать этот кадр одним кликом на второй артборде, назвать этот кадр вторым.

Джейк Бартлетт (07:02): И это представление тоже обновляется. Это действительно полезно, потому что, когда мы экспортируем эти кадры, они фактически собираются по умолчанию, берут эти имена артбордов и помещают их в имя файла. Так что имейте это в виду, когда вы создаете артборды, если вы хотите, чтобы вещи были красивыми и организованными, чтобы просто назвать и пометить все эти артборды правильно, вы также можете увидеть весь список ваших артбордов, если вы откроете арт. панель досок. Так что подходите к окну и идите к артбордам.И здесь вы увидите все свои артборды в виде списка, и у нас есть много одинаковых опций. Итак, у нас есть перестановка, все артборды. Мы можем изменить порядок художественных досок, просто щелкнув и перетащив их. И вы заметили, что когда я нажимаю на артборд, он увеличивается до полного кадра на этом артборде, но я могу легко переименовать эти два последних кадра, третий и четвертый, просто дважды щелкнув по ним.

Джейк Бартлетт (07:54): Хорошо, теперь, когда они переименованы, я еще раз уменьшу масштаб и давайте поговорим о том, как мы можем добавить или удалить дополнительные артборды.Итак, я собираюсь вернуться к этому инструменту для рисования. И, прежде всего, вы можете дублировать артборд, как и любой другой объект, с выбранным инструментом артборда. Я буду держаться. Вариант все сделано, ПК. Посмотрите, что у нас есть наши дубликаты стрелок, которые отображаются на моем указателе мыши, и я могу щелкнуть и перетащить и просто дублировать это. И тогда я смогу сделать это снова. Я могу делать это столько раз, сколько захочу, и я даже могу выбрать несколько художественных досок, удерживая нажатой клавишу Shift, а затем делая это. И потом я хочу переставить все это снова.Так что я собираюсь поставить 100 пикселей между каждым, и я собираюсь сказать три столбца на этот раз, а затем нажмите.

Джейк Бартлетт (08:34): Итак, теперь у меня есть красивая сетка три на три с девятью кадрами, и теперь я могу переименовать каждый из них. Как бы я ни хотел, я мог бы также нарисовать артборд от руки, используя инструмент артборда, точно так же, как вы бы сделали с прямоугольником, но я никогда не находил это полезным, потому что вы не можете быть очень точным с ним. И не очень часто вам не нужно ориентироваться на размер вашего холста, так как это будет то, каким будет ваше окончательное разрешение экспорта.Так что я просто собираюсь отменить это и вернуться к своей сетке. Если я хочу удалить некоторые артборды, я могу выбрать один из них и нажать клавишу удаления. Это удалит это. Я также могу зайти на панель художественных досок и щелкнуть значок удаления или корзины. И это избавит вас от артборда с выбранным инструментом артборда.

Джейк Бартлетт (09:16): Я могу нажать на кнопку новой доски для рисования, и это добавит новую с расстоянием между досками по умолчанию. Так что, возможно, мне придется просто исправить это, но теперь вы можете видеть, как быстро и легко вы можете переставить эти артборды, добавить или удалить больше и заставить их работать именно так, как вы хотите.Теперь я очень быстро хочу рассказать о размещении артбордов и о том, как они работают в пространстве вашего документа, а также о том, как элементы реагируют на артборды, в зависимости от того, какой из них активен. Если я вернусь к моему инструменту выбора, помните, если я просто щелкну любой из них, вы можете увидеть прямо здесь, на панели артбордов, это сделает его активным с выбранным инструментом артборда. У нас есть ширина и высота прямо здесь, но у нас также есть значения позиции X и Y.

Джейк Бартлетт (10:01): И это может не иметь смысла, потому что обычно значение положения основано на границах вашего холста или артборда, верно? Если бы я сделал просто квадрат очень быстро, увеличил масштаб и щелкнул по нему, мы получили бы значения позиции в моем свойстве.Преобразованные элементы управления прямо здесь — это X и Y. Так что, если бы я хотел, чтобы это было в центре моего документа, я бы сказал девять 60, что составляет половину 1920 на пять 40, что составляет половину 10 80, чтобы дать мне самый центр этот кадр. Но сама художественная доска имеет положение X и Y, и это относительно всего документа. Поэтому, если я уменьшу масштаб здесь очень далеко, вы увидите, что на самом деле у вашего документа есть еще одна граница. Это границы документа, и у вас буквально не может быть ничего вне этого.

Джейк Бартлетт (10:47): Итак, если вы когда-либо работали с большим количеством художественных досок и действительно выходите за границы документа, вы рискуете сбоем или даже повреждением ваш файл.И на самом деле он даже не позволит вам вытолкнуть что-то за пределы этой границы. Итак, в этот момент вы, вероятно, захотите создать отдельный файл. Я никогда не доходил до этого момента, но это не то, что абсолютно невозможно. Иногда последовательности анимации состоят из сотен кадров. Таким образом, вы не захотите содержать все это в одном документе, но именно поэтому наши артборды также имеют позиционированные значения, потому что они позиционируются относительно всего документа. Теперь еще одно замечание о позиционировании, фактических элементах управления выравниванием.Если вы не знакомы с ними, покажитесь здесь, на панели управления, прямо здесь, под окном. Если вы не видите эту панель, эти элементы управления выравниванием позволяют выравнивать несколько объектов друг с другом, а также с артбордом.

Джейк Бартлетт (11:42): Итак, если бы я хотел, чтобы это снова было центрировано, не вводя эти числа, я мог бы просто выбрать свой объект, нажать на эту кнопку прямо здесь и убедиться, что установлен флажок «Выровнять по артборду», а затем выровнять по горизонтали. центр, а затем вертикально выровнять центр.И вот мы идем. Он находится в центре моего артборда, но что, если я хочу, чтобы он был в центре вот этого артборда? Ну, иллюстратор обращает внимание на то, какой артборд активен. Поэтому, если я нажму на эту артборду, она станет активной. Вы можете снова увидеть этот крошечный черный контур, но если я нажму на этот объект, потому что он находится внутри этого артборда, он повторно активирует первый артборд. Итак, прежде всего, я должен переместить этот объект на второй артборд. Затем нажмите на эту художественную доску, снова нажмите на объект, а затем выровняйте этот объект по горизонтали и вертикали по центру.

Джейк Бартлетт (12:31): И если вы знакомы с линейками и направляющими, они также относятся к определенным артбордам. Итак, еще раз, если я скажу это прямо здесь и нажму команду или контроль на ПК, чтобы вызвать мои линейки, вы увидите, что ноль ноль находится в верхнем левом углу этой артборды. И если я перейду к этому прямо здесь, ноль ноль теперь будет в верхнем левом углу этой артборда. Это тот, на который я нажимаю, чтобы сделать его активным. Так что имейте в виду, что когда вы работаете с несколькими артбордами, хорошо, сейчас я открою эти файлы проекта.Я говорил вам о ранее. Если вы хотите следовать вместе со мной, откройте их. И здесь у нас есть последовательность из четырех кадров. Итак, у нас есть первый кадр с рукой, протягивающей руку, чтобы увидеть чашку кофе.

Джейк Бартлетт (13:16): Он очень деликатно берет его, размазывает по экрану, очень быстро снимает. И тогда мы остаемся с пустым столом. Хотя эти четыре кадра никоим образом не могут быть законченной последовательностью, они являются хорошим примером того, как вы можете работать с несколькими артбордами в одном документе в Illustrator.И это позволяет вам передавать движение через эти несколько кадров. И вы заметите это, потому что по краям этих артбордов свисает так много иллюстраций из этих ресурсов. Я дал много места между каждой из этих художественных досок. Опять же, просто установите этот интервал. Когда вы собираетесь переставлять все свои артборды, измените интервал на что-то действительно большое, чтобы у вас было достаточно места за пределами каждого артборда, и у вас не было иллюстраций, перекрывающих несколько артбордов. Теперь я хочу вернуться к этому инструменту для создания артборда и найти эту кнопку прямо здесь, которая перемещает косую черту, копирует иллюстрацию с помощью артборда.

Джейк Бартлетт (14:06): Я включил его прямо сейчас. И что это собирается делать, так это брать любое произведение искусства, связанное с этим артбордом, и перемещать его всякий раз, когда вы перемещаете артборд. Так что, если бы я щелкнул и перетащил это, вы бы увидели, что все внутри этого артборда движется вместе с ним. И причина того, что все эти часы движутся вместе с ними, в том, что это группа объектов. Так что, если бы я разгруппировал эту команду, чтобы сдвинуть G, теперь все эти объекты свободны. И я снова переключился на свой инструмент художественной панели и щелкнул и перетащил.Опять же, все, что было полностью за пределами артборда, не перемещалось вместе с ним. Посмотрите, эти числа прямо здесь частично находятся внутри него. Итак, они переехали, а эти нет, потому что их никогда не было в художественном произведении. Вот почему я сгруппировал эти объекты на тот случай, если мне нужно будет переместить артборд, и то же самое, когда вы переставляете артборд.

Джейк Бартлетт (14:53): Так что, если я нажму на это еще раз, нажмите на переставить. Все эти движущиеся изображения с помощью артборда проверяются, так что я могу сказать: вставьте 800 пикселей интервала, оставьте его в двух столбцах и нажмите «ОК».И все, что содержится на каждой из этих художественных досок, теперь правильно распределено. Теперь я, вероятно, мог бы уменьшить это до 600 пикселей, и все равно это сошло бы мне с рук. Но если бы я не проверял это, а затем я перемещал бы эту художественную доску, вы могли бы видеть, что она вообще не перемещает иллюстрацию, что вам иногда может понадобиться. Так что просто имейте в виду этот вариант. Я собираюсь отменить, чтобы вернуть это туда, где оно было. А теперь поговорим о том, как экспортировать свои артборды. Теперь, помните, я говорил вам, что имена этих артбордов важны, потому что они соответствуют имени файла, когда мы их экспортируем.

Jake Bartlett (15:39):

Итак, я просто назвал эти кадры 1, 2, 3 и 4, чтобы экспортировать их. Я как раз собираюсь перейти к экспорту файлов для экранов. И я знаю, что это звучит немного смешно, потому что экспорт для экранов, что это значит? Ну, это потому, что вы можете экспортировать артборды в разных разрешениях и даже в разных форматах. Но опять же, в случае с MoGraph нам нужен только один формат, одно разрешение. Так что часть с четырьмя экранами на самом деле к нам не относится, но тем не менее именно так мы собираемся экспортировать нашу артборд.Таким образом, у нас есть все четыре наших кадра, отображаемые здесь в виде миниатюр. Вы можете видеть, что он обрезан до артборда. Таким образом, ничего за их пределами не отображается, а также названия художественных досок, прямо под этими миниатюрами, которые, кстати, если вы дважды щелкните по любому из них, вы можете переименовать их здесь.

Джейк Бартлетт (16:23): Так что, если вы не сделали этого раньше, вы можете сделать это здесь. И эти имена будут обновляться на панели ваших артбордов после экспорта. И вы также заметите, что у каждого из них есть галочка.Это означает, что все они будут экспортироваться. Если вам нужно экспортировать только третий кадр, вы можете снять флажки с первого, второго и четвертого. И он собирается экспортировать только четвертый кадр. Если я хочу быстро повторно выбрать их все, я могу просто перейти в область выбора и щелкнуть все. Или, если вы хотите поместить их все в один и тот же документ, вы можете щелкнуть полный документ, но имейте в виду, что он не будет обрезан до вашего артборда. Так что все, что находится за пределами этих рамок, вы собирались увидеть. Я не хочу этого.Я хочу отдельные рамки для каждого артборда.

Джейк Бартлетт (17:01): Итак, я оставлю все выбранными, а затем перейду к экспорту два. Здесь вы собираетесь выбрать, куда эти кадры будут экспортироваться. Я поставлю их на рабочий стол. Вы можете открыть его после экспорта. Если хотите, мне не нужно проверять создание подпапок, потому что, как вы можете видеть в подсказке, это четыре шкалы. По сути, как я уже сказал, вы можете экспортировать несколько разрешений, которые разделят каждый кадр на папку в зависимости от его разрешения или масштаба.Нам нужна одна временная шкала, 100, которая соответствует 100% разрешению. И нам не нужно больше ничего добавлять. Так что нам не нужны эти подпапки. Теперь вы можете добавить суффикс, который, как я выделил над этим, вы можете увидеть этот текст здесь внизу, всплывающий, чтобы дать вам предварительный просмотр того, как это будет выглядеть.

Джейк Бартлетт (17:44): И это просто добавит суффикс к имени файла сразу после названия артборда. Он также может иметь префикс, который в данном случае я действительно хочу добавить. Итак, я наберу кофе-брейк, а затем дефис.И таким образом, он поместит пунктирную рамку один пунктирная рамка два, всю строку под форматом, вы можете выбрать все, что хотите для этого произведения искусства. Я думаю, что P и G, вероятно, будут хорошим выбором, потому что они все векторные. Все плоско. Нет текстуры. И это даст мне небольшой размер файла с высоким качеством. Но если вам нужно экспортировать в формате JPEG, я бы рекомендовал использовать JPEG 100. Эти числа представляют уровень сжатия. Так что, если мы оставим его равным 100, у него практически не будет сжатия или будет наименьшая степень сжатия.

Джейк Бартлетт (18:28): Все файлы JPEG сжаты, но это дает вам 100% качество. Я бы не сделал ничего меньшего, чем это. Э-э, но в этом случае я оставлю его в формате PNG. И тогда все, что нам нужно сделать, это экспортировать артборд. Так что я собираюсь нажать на это. Он будет экспортировать все четыре, потому что у них был установлен этот флажок. Это открыло для меня Finder. И вот, кофе-брейк кадры 1, 2, 3 и 4, вот так. Мне удалось экспортировать все четыре кадра с полным разрешением из одного документа одновременно.Вот и все. Работать с художественными досками внутри иллюстратора действительно довольно легко, если вы знаете, где находятся инструменты и как они себя ведут, а экспортировать их проще простого по сравнению с открытием нескольких документов и экспортом каждого из них по одному. Итак, теперь, когда мы научились делать это в иллюстраторе, давайте взглянем на Photoshop и на то, как он работает с артбордами немного по-другому, но он все еще очень полезен.

Джейк Бартлетт (19:18): Хорошо. Итак, здесь, в Photoshop, я нажму «Создать новый», как мы это делали в иллюстраторе.И вся эта установка очень похожа. У меня ширина и высота 1920 на 10 80, а затем мое разрешение 72 PPI RGB color. Это все здорово. Но вот здесь, в этом флажке артборды, это первое отличие Photoshop от Illustrator. Вместо того, чтобы выбирать, сколько артбордов будет в моем документе. У меня есть только возможность использовать артборды. И это на самом деле то, что вы можете изменить, как только вы окажетесь в документе. Вам не обязательно устанавливать этот флажок сейчас, но, поскольку мы собираемся использовать артборды, я собираюсь проверить его.Я просто не могу больше добавить. Это будет одна художественная доска. Итак, я продолжу и нажму «Создать». А вот и мой артборд.

Джейк Бартлетт (19:57): И даже здесь, в левом верхнем углу, написано: артборд номер один, и вы видите, что значок артборда, значок инструмента артборда такой же, как у иллюстратора. Вы можете найти его под инструментом перемещения. И это дает мне аналогичные параметры здесь, на панели управления, такие как ширина и высота, по какой-то причине. Я не знаю почему, но Photoshop кажется немного глючным, когда вы создаете документ с обратной шириной и высотой.Но если я выберу артборд и взгляну на панель свойств, вы увидите, что ширина и высота правильные. Так что по какой-то причине он правильно отображается на панели свойств. Опять же, если у вас нет этого открытого окна, подойдите к свойствам окна, как мы сделали с иллюстратором, хорошо. Теперь я хочу взглянуть на панель слоев и отметить, что Photoshop обрабатывает ее немного иначе, чем Illustrator.

Джейк Бартлетт (20:44): Мы видим, что артборд показывает почти группу, и вы видите, что я могу свернуть и развернуть это.А внутри артборда находятся слои. В то время как в иллюстраторе они вообще не отображались на панели слоев. Они не являются элементом уровня слоя внутри Photoshop. В основном вы можете думать о них как о группах, но внутри артборда у вас могут быть группы. Так что я мог нажать команду G и сгруппировать этот слой в этой группе. По сути, это просто другой уровень группировки. И он создает эту художественную доску или холст в моем документе. Опять же, если я сильно уменьшу масштаб, мы увидим, что есть документ, а затем моя артборд внутри него.Теперь мы не видим границ документа, как в иллюстраторе, но они снова есть. Вы не хотите работать с сотней кадров, возможно, в одном документе Photoshop, который просто сделает массивный файл и даст вам гораздо больше шансов сломать вашу машину.

Джейк Бартлетт (21:39): Еще одно отличие артбордов в Photoshop — возможность изменить имя. Все, что мне нужно сделать, это перейти на панель слоев. Дважды щелкните по нему и введите другое имя, как и для любого другого слоя.И это обновит это прямо здесь. Я не могу, дважды щелкните здесь. Я не могу использовать инструмент художественной доски, чтобы найти это имя в любом из свойств где-либо еще. Вот как вы переименовываете артборд. И это очень важно знать, потому что по какой-то причине внутри Photoshop вы не можете изменить название своих артбордов. Когда вы собираетесь экспортировать их, вы должны сделать это на этом уровне панели слоев. Так что это большая разница между этими двумя программами и тем, как они работают с артбордами. Еще одно отличие заключается в том, как вы добавляете новые артборды.Таким образом, с выбранным инструментом художественной доски я могу щелкнуть по нему, добавить новую кнопку художественной доски, и это позволит мне щелкнуть, и он добавит новую художественную доску, где бы я ни щелкнул.

Джейк Бартлетт (22:28): Так вот, это фактически сделало эту вертикаль 1920 на 10 80 кадров. Так что это на самом деле объясняет, почему это отображало 10 80 к 1920 году. На самом деле это не давало мне свойства выбранного артборда. Это давало мне размеры следующей артборды, которую я создаю. Теперь я хочу поменять местами эти два, но я хочу сделать это быстрее, чем просто удалить этот и создать новый.Итак, чтобы сделать это, я выберу артборд и перейду к инструменту артборда. А потом прямо здесь, мы должны сделать ландшафт. Если я нажму на это, вы увидите, что он меняет местами два измерения, и я могу просто так перейти к портретному пейзажу. Хорошо. Я также могу перемещать эту артборд, но не щелкая и не перетаскивая его посередине. Если я нажму на это, а затем возьму имя артборда, я смогу перемещать его.

Джейк Бартлетт (23:14): И здесь у меня включена привязка, вот почему я получаю всю эту привязку, но чтобы перемещать ее, вы просто используете инструмент артборда или даже просто движение инструмент, чтобы щелкнуть и перетащить имя артборда.Теперь, еще одна вещь, которую вы, вероятно, заметили, это значки плюсов вокруг каждой из этих художественных досок, они позволяют вам очень быстро добавить еще одну художественную доску, просто нажав на этот плюс, и это добавит такое же количество интервалов между каждой новой доской. . Теперь у этого не было интервала по умолчанию от этого, вот почему эти четыре не выровнены, потому что я вручную создал этот артборд с помощью инструмента артборда, просто щелкнув. К сожалению, в Photoshop нет инструмента для создания художественных досок, как в иллюстраторе.Так что мне придется сделать это вручную, но это очень быстрый способ добавить еще одну художественную доску, просто щелкнув эти маленькие значки с плюсом.

Джейк Бартлетт (24:06): Пока я это делаю, вы видите на панели слоев все эти артборды, которые отображаются одним из способов, которым Photoshop обрабатывает артборд так же, как иллюстратор, — это его положение относительно документы. Итак, еще раз, если бы я щелкнул по первой артборде, чтобы посмотреть на панель свойств, у нас была бы ширина и высота 1920 на 10 80, но у нас также есть положение X и Y в документе.Так что, если я скажу ноль за нулем, это даст очень хорошую отправную точку для первой доски. Затем мы можем перейти ко второму и увидеть, что он находится на 2028 пикселей правее исходной точки моего документа, и так далее, и тому подобное. Так что это один из способов, которым он ведет себя очень похоже на иллюстратор. Другая функция в Photoshop, которой у нас не было иллюстратора, — это возможность изменить способ отображения фона артборда.

Джейк Бартлетт (24:51): Сейчас у них у всех белый фон, но я могу изменить цвет фона, выбрав один из них.Я мог изменить цвет фона с белого на черный прозрачный. Так что я вижу сетку прозрачности или пользовательский цвет, поэтому я могу сделать его бледно-красным, если захочу. И, как вы можете видеть, это вариант для каждой из этих арт-досок. Просто имейте в виду, что на самом деле это не часть вашего произведения искусства. Это просто настройка отображения в Photoshop. Поэтому, если бы я экспортировал этот кадр, у меня не было бы красного фона. Он действительно будет прозрачным. Любой цвет, который вы видите здесь в качестве цвета фона, является прозрачным.Обычно мне нравится работать со всеми моими артбордами, настроенными на прозрачность. Поэтому я просто собираюсь сделать это быстро, выбрав их все, нажав Shift, а затем изменив их на прозрачные.

Джейк Бартлетт (25:36): Хорошо, я пойду дальше и открою PSD-версию нашей иллюстрации к кофе-брейку. Так что продолжайте и откройте это, если вы хотите следовать, и вы заметите, что все они расположены в горизонтальном ряду. И теперь, как я уже сказал, в Photoshop нет того инструмента для перестановки артбордов, который есть в иллюстраторе.Таким образом, нет простого способа просто изменить все это на макет из двух столбцов. Так что очень важно, чтобы вы обращали внимание на то, как вы размещаете свои артборды в Photoshop, так как на самом деле очень сложно и трудно переставить их с учетом сказанного, я хочу перестроить это в сетку два на два. Так что я просто перетащу эту артборд сюда. И Photoshop как бы поможет мне правильно расставить их, взять четвертый кадр и переместить его сюда.

Джейк Бартлетт (26:14): Вот и все.Теперь у нас есть сетка два на два, и вы заметите все содержимое каждой из тех художественных досок, которые перемещались вместе с ней. Это поведение по умолчанию в Photoshop. Но если я зайду в свой инструмент для рисования и взгляну на этот маленький значок настроек, я хочу указать на то, что на самом деле очень удобно внутри Photoshop. И вот этот флажок сохранить относительное положение при переупорядочивании слоев. У меня это проверено. Итак, возьмем объект из первого кадра. Это не в четвертом.Итак, вот эта кофейная чашка, по крайней мере, эта ее часть, и на самом деле я возьму группу, в которой находится вся кофейная чашка. Так что я просто собираюсь переименовать эту действительно быструю кофейную кружку. И я собираюсь щелкнуть и перетащить это из первого кадра, эту артборд в четвертый кадр и просто отпустить.

Джейк Бартлетт (27:01): И вы увидите, что он не только перенес группу на артборд в слоях, но и сохранил относительное положение. Когда я переупорядочил эти слои. Вот для чего этот флажок под этим маленьким значком настроек, сохранять относительное положение во время изменения порядка слоев.Если бы я не проверял это, и я сделал бы то же самое, я схватил бы эту кофейную кружку и передвинул ее на первый кадр, ничего не произошло бы. На самом деле это не позволяет мне сделать это, потому что вы не можете иметь иллюстрацию за пределами артборда в Photoshop. По крайней мере, не так, как в иллюстраторе. Как и здесь, вы заметите, что ограничивающая рамка его руки, которую рука здесь заканчивает, выходит за пределы артборда и фактически перетекает во второй кадр. Но Photoshop не позволяет отображать этот объект на втором кадре из-за структуры артбордов и Photoshop и того, чем они отличаются от Illustrator.

Джейк Бартлетт (27:50): Все будет содержаться на этой артборде. Именно так себя ведет Фотошоп. Поэтому, если я хочу вернуть эту кофейную кружку, я должен убедиться, что эта настройка отмечена. Сохраняйте относительное положение при изменении порядка слоев. А затем я могу щелкнуть и перетащить эту кофейную кружку обратно в первый кадр. И он сохранит положение относительно артборда. Я знаю, что только что сказал вам, что вы не можете иметь иллюстрацию за пределами артборда, но это не совсем так.Если бы я взял эту кофейную кружку и удостоверился, что у меня отмечена группа автоматического выбора, я мог бы переместить эту кофейную кружку сюда, и она будет отображаться. На самом деле он вытащил его за пределы всех моих артбордов, и он там, но он никогда не собирается экспортировать его. И это выглядит очень странно, потому что это больше не артборд.

Джейк Бартлетт (28:34): Если я перетащу его обратно в этот кадр, он будет выглядеть правильно и вернётся в этот кадр. Своя художественная доска. Позвольте мне отменить это.Так что это должно быть задом наперёд, но скажем так, я просто хочу взять эту кофейную кружку и переместить её в эту рамку. Что ж, если я это сделаю, то на самом деле он просто перенесет его на второй артборд кадра. Итак, поехали. У нас есть группа кофейных кружек внутри, но это произошло только потому, что я выбрал другой вариант в настройках моего инструмента артборда. И это автоматические вложенные слои. Если я сниму этот флажок, вернитесь к моему инструменту перемещения и попробуйте переместить это обратно на эту артборд. Он исчезает.На самом деле он там, он там, но он все еще содержится во второй артборде, поэтому он не отображается на первом кадре.

Джейк Бартлетт (29:14): Поэтому вам нужно убедиться, что у вас включена настройка автоматического размещения слоев, прежде чем вы будете перемещать объекты между кадрами таким образом. То же самое относится и к дублирующимся группам. Так что, если бы я удерживал опцию или все, чтобы щелкнуть и перетащить, он перенесет этот дубликат на любую художественную доску, на которой я в конечном итоге отпущу мышь.Теперь элементы управления выравниванием, которые отображаются прямо здесь, реагируют на артборды, как и в иллюстраторе. Так что, если я выровняю по центру по вертикали, по центру по горизонтали или по верхним и нижним краям, все это будет соответствовать любой артборде, частью которой оно является. Ладно, я собираюсь избавиться от этой кофейной кружки. И последнее, на что я хочу обратить внимание, это небольшая ошибка, которую я заметил при работе с такими вещами, как градиенты.

Джейк Бартлетт (29:56): Итак, если бы мне нужно было сделать новый артборд, то я просто доберусь до своего инструмента артборда и добавлю еще один здесь и еще один здесь, затем я хочу добавить градиент заполнить один из них.Я подойду к своей новой кнопке здесь и скажу «градиент» и выберу несколько сумасшедших цветов. Итак, я изменю это, может быть, на этот цвет прямо здесь, а затем изменю это на здесь. И у нас есть этот цветной градиент, я нажму. Хорошо. И вы заметите, что я не вижу всего градиента, этого цвета, который я выбрал, этого розоватого цвета нет в нижней части артборда. Несмотря на то, что у меня есть линия с отмеченным слоем, она не отображает весь градиент. Если я изменю этот угол с 90 на ноль, произойдет то же самое.Розовая сторона этого градиента по какой-то причине не отображается.

Джейк Бартлетт (30:43): Я нажму, хорошо. И поговорим о том, что здесь происходит. Когда вы работаете с такими вещами, как градиенты, вы фактически просматриваете весь диапазон артбордов в вашем документе, чтобы выровнять этот градиент. Итак, поскольку это горизонтальный градиент, он берет первую цветовую точку розового цвета и смещает ее сюда. Хотя я не вижу этого на этой артборде, это очень странная ошибка, но на самом деле единственный способ обойти это — щелкнуть правой кнопкой мыши по слою и преобразовать его в смарт-объект. И как только я это сделаю, вы сможете увидеть фактическую ограничивающую рамку этого градиента. Если я дважды щелкну этот смарт-объект, он откроет этот смарт-объект и покажет мне весь холст. Теперь я на самом деле не хочу, чтобы он был таким большим. Итак, я собираюсь изменить размер холста, перейдя к изображению, размеру холста и набрав 1920 на 10 80 нажатий.

Джейк Бартлетт (31:34): Хорошо, он скажет мне, что обрежет холст, но это нормально. Я нажму продолжить. И теперь этот градиент соблюдает баланс документа, потому что границы документа смарт-объектов составляют 1920 на 10 80.Других артбордов нет. Так что большего быть не может. Я сохраню этот смарт-объект, закрою его. И теперь это отображается правильно, но не там, где я хотел. Так что мне просто нужно щелкнуть и перетащить, чтобы получить то положение, где оно должно быть, убедитесь, что оно идеально выровнено по горизонтали и вертикали по центру этой артборда. И теперь у меня есть этот градиентный фон. Так что только один небольшой баг, который я заметил, очень странный, но это то, как вы его обходите. Хорошо. Теперь поговорим о том, как экспортировать артборды из Photoshop.Я просто собираюсь избавиться от последних двух, которые я только что сделал очень быстро.

Джейк Бартлетт (32:19): И это очень похоже на процесс в иллюстраторе. Опять же, название фактических художественных досок на панели слоев — это то, что будет именем файла для каждого кадра при его экспорте. Так что имейте это в виду, затем перейдите к экспорту файлов, а затем экспортируйте рекламу. Это вызывает панель, которая очень похожа на экспорт для экранов внутри иллюстратора. Он позволяет настроить формат файла, фактический размер изображения.Вы можете использовать коэффициент масштабирования и даже изменить размер холста. Я хочу оставить его того же размера, что и рамка, чтобы вокруг него не было полей. И здесь у нас есть такая же возможность экспортировать несколько версий одного и того же произведения искусства. Опять же, нам не нужно этого делать. Поэтому я просто оставлю его в масштабе, умноженном на один, нам не нужен суффикс, но, к сожалению, мы не можем добавить префикс в этой панели.

Джейк Бартлетт (33:08): Итак, если вам нужно добавить кофе, сломать дефис, а затем кадры 1, 2, 3, 4, вам придется сделать это либо после экспорта, либо внутри арта. сама доска.Также имейте в виду, что если вы хотите изменить какие-либо из этих свойств для всех фреймов, вам нужно выбрать их все, щелкнув, удерживая клавишу Shift, а затем щелкнув еще один, чтобы вы редактировали их все сразу. Но чтобы экспортировать их все, вам не обязательно выбирать их все. Просто зайдите сюда и нажмите кнопку «Экспортировать все». Он спросит вас, куда вы хотите его поместить. Я оставлю его на рабочем столе и нажму открыть Photoshop. Мы экспортируем эти кадры, и тогда мы сможем найти их скорость на рабочем столе.Итак, вот мой кадр. 1, 2, 3 и четыре экспортированы. Точно так же, как иллюстратор. Отлично.

Джейк Бартлетт (33:50): Вот как вы работаете с артбордами в Illustrator и Photoshop. И, надеюсь, вы понимаете, почему они являются таким полезным инструментом для вашего рабочего процесса, когда речь идет о кадрах моушн-дизайна. Теперь, если вы хотите узнать еще больше о Photoshop и Illustrator, у меня есть курс школы анимации под названием Photoshop and illustrator unleashed, где я погружаюсь в обе программы как для начинающих, так и для опытных художников MoGraph, которые только , возможно, не использует весь потенциал этих двух программ.Обо всем этом вы можете узнать на странице курсов в школе движения. Надеюсь, вы что-то вынесли из этого урока. И я также надеюсь увидеть вас когда-нибудь в Photoshop и Illustrator. Спасибо за просмотр.

10-битный метод отображения с Adobe Photoshop CS6 и совместимость с графической платой

1. Контур

Эта информация объясняет метод 10-битного отображения с использованием Adobe Photoshop CS6 и графических плат (NVIDIA Quadro, AMD (ATI) FirePro/FireGL), которые поддерживают 10-битное отображение в среде Windows 7.

Информацию о способе отображения и совместимости с предыдущими версиями Photoshop см. ниже.

2. 10-битный метод отображения с использованием Photoshop CS6

.

2.1. Установка графических драйверов

2.1.1. NVIDIA Quadro

Настройка с помощью панели управления NVIDIA не требуется, поскольку Photoshop CS6 поддерживает 10-битное отображение.

2.1.2. AMD (ATI) FirePro/FireGL
  1. Щелкните правой кнопкой мыши рабочий стол и выберите [Catalyst Pro Control Center].

  1. Выберите [AMD-FirePro]-[Настройки AMD FirePro] и установите флажок [Включить поддержку формата 10-битных пикселей].

2.2  Настройка Photoshop CS6

  1. Выберите [Edit]-[Preferences]-[Performance] и нажмите кнопку [Advanced Settings] в «Настройки графического процессора».

<  

  1. Затем открывается «Меню дополнительных настроек графического процессора». Выберите [Обычный] или [Расширенный] в меню «Режим рисования» и установите флажок [30 Bit Display].

Отключите Windows Aero для отображения 10-битного цвета при использовании AMD FirePro/FireGL.

* Не требуется при использовании NVIDIA Quadro.

  1. Щелкните правой кнопкой мыши рабочий стол и выберите [Персонализация].
  2. Выберите тему, отличную от «Aero Theme*».

* например, темы в Windows 7 с базовой или высокой контрастностью.
 

3. Информация о совместимости

10-битный дисплей доступен в следующих комбинациях мониторов и графических плат.

Мониторы

CG303W (SingleLink/10-бит*)

CG301W (SingleLink/10-бит*)

CG276 (DisplayPort/10-бит)

CG275W (DisplayPort/10-бит, SingleLink/10-бит*)

CG246 (DisplayPort/10-бит)

CG245W (DisplayPort/10-бит)

CG243W (DisplayPort/10-бит)

CG223W (DisplayPort/10-бит)

CX270 (DisplayPort/10-бит)

CX240 (DisplayPort/10-бит)

CX230 (DisplayPort/10-бит)

SX2762W (DisplayPort/10-бит, SingleLink/10-бит*)

SX2462W (DisplayPort/10-бит)

SX2262W (DisplayPort/10-бит)

Графические платы

NVIDIA Quadro * 6000 / 5000/4000 / 2000 / 600/410
AMD FirePro V8800 / V8750 / V8700 / V7800 / V7750 / V5800 / V5700 / V4800 / V3800 / V3750 / V3700
AMD Firegl V8650 / V8600 / V7700 / V7600 / V5600 / V3600 (по состоянию на ноябрь 2012 г. )

Фотошоп

CS6

ОС

Windows

 * В серии NVIDIA Quadro 10-битное отображение доступно только при подключении через DisplayPort.

<Справочная информация>

Как добавить монтажные области в Adobe Photoshop CC 2018

Adobe Photoshop CC 2018 представила очень полезную функцию, с помощью которой пользователь может добавлять монтажные области в свою работу в Photoshop, что раньше было невозможно. Точно так же, как мы использовали Adobe Illustrator с художественным пространством и различными монтажными областями в одном месте, теперь мы можем сделать то же самое для Adobe Photoshop.

Лично я чувствовал, что это единственное, чего не хватало в Adobe Photoshop, потому что всякий раз, когда мне нужно было сделать что-то, связанное с моей первой работой или артбордом, мне приходилось каждый раз открывать другой Photoshop, создавая дубликат. Но теперь, с этим дополнением в новом Adobe Photoshop CC 2018, я могу использовать функцию монтажной области и работать с одним и тем же файлом на разных монтажных областях. Мне больше не придется утруждать себя открытием новых файлов или созданием копии того же файла.

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

  1. Выбор параметра для монтажных областей при открытии Adobe Photoshop CC 2018.
  2. Добавление монтажной области после открытия файла Adobe Photoshop CC 2018.

Способ 1. Выбор параметра монтажной области при открытии нового файла
  1. Откройте Adobe Photoshop CC 2018. Это приведет вас к экрану, на котором вас спросят о размерах вашей работы и связанных пресетах. Здесь вы найдете параметр для монтажных областей, который находится прямо под полосой дюймов/пикселей, как показано на изображении ниже. Выбор параметра монтажной области в первом диалоговом окне, которое появляется при открытии Adobe Photoshop CC 2018
  2. . Проверьте пустой квадрат. перед монтажными областями, чтобы создать файл Photoshop, содержащий монтажные области.Проверьте квадратную вкладку для монтажных областей

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

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

Ключевое отличие монтажных областей Adobe Illustrators от монтажной области Adobe Photoshop CC 2018 заключается в том, что в первом вы можете выбрать количество монтажных областей, которые хотите добавить, в самом начале, тогда как в Adobe Photoshop CC 2018 вы не можете выбрать количество нужных вам артбордов.Однако вы можете добавить дополнительные монтажные области в свое рабочее пространство, используя второй метод добавления монтажных областей в рабочий файл Photoshop.

Способ 2. Использование инструмента «Монтажная область» для добавления монтажной области

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

  1. Начиная с нуля. Откройте новый файл в Adobe Photoshop CC 2018 и нажмите синюю кнопку создания. Откройте Adobe Photoshop CC 2018
  2. Ваш новый файл создан. Новый файл готов к работе.
  3. См. инструмент «Перемещение» слева, похожий на знак «плюс» со стрелками со всех четырех сторон. Нажмите правую кнопку курсора на этой вкладке, чтобы просмотреть дополнительные параметры из расширенного списка.Нажмите на инструмент «Перемещение» и выберите инструмент «Монтажная область»

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

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

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

    Вы можете добавить дополнительные монтажные области, щелкнув вкладки с плюсом, как показано на изображении, или вручную нарисовав дополнительные области с помощью инструмента. Или вы также можете щелкнуть значок для добавления монтажных областей на верхней панели инструментов, что-то похожее на инструмент монтажной области, но со знаком «плюс» внутри него.
  5. Эта панель инструментов появляется на верхних панелях инструментов, которые предоставляют вам все возможности редактирования монтажной области. Здесь вы можете изменить размеры монтажной области или изменить ее ориентацию. Верхняя панель для монтажных областей

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

Photoshop за 60 секунд: что такое артборды?

Монтажные области для дизайна интерфейса на PhotoDune

Добро пожаловать в нашу серию Photoshop за 60 секунд, в которой вы можете освоить навыки, функции или техники Photoshop всего за минуту!

Photoshop за 60 секунд: артборды

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

Как использовать монтажные области в Adobe Photoshop

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

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

Чтобы добавить дополнительные монтажные области на холст, используйте инструмент Artboard Tool .

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

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

Хотите увидеть это в действии? Посмотрите короткое видео выше, чтобы увидеть этот урок в действии!

Немного подробнее

Хотите узнать больше об обширных инструментах и ​​настройках Adobe Photoshop? Ознакомьтесь с этими руководствами ниже:

60 секунд?!

Это часть серии быстрых видеоруководств на Envato Tuts+, в которых мы знакомим вас с целым рядом предметов за 60 секунд – ровно столько, чтобы возбудить ваш аппетит. Дайте нам знать в комментариях, что вы думаете об этом видео и что еще вы хотели бы увидеть за 60 секунд!

Как создать шаблон доски настроения в Photoshop

Вам интересно, как сделать фотоколлаж в Photoshop? Особенно доска настроения? Сегодня я покажу вам, как создать доску настроения в Photoshop, которую вы можете использовать в Instagram! Мы будем использовать только стандартные инструменты Photoshop, такие как фигуры и направляющие.Для этого урока я выбрал цвета года от Pantone, поэтому наш коллаж будет выглядеть свежо и модно.

Прежде чем мы перейдем к делу, если вы ищете высококачественные пакеты Photoshop для шаблонов доски настроения, попробуйте Envato Elements! Здесь вы можете найти все, от шаблонов фотоколлажей до мокапов модной доски настроения в Instagram.

Чему вы научитесь в этом уроке Photoshop

  • Как сделать мудборд в Photoshop
  • Как сделать фотоколлаж в Photoshop
  • Как сделать палитру для мудборда в Photoshop

Учебные материалы

При создании этого шаблона фотоколлажа в Photoshop использовались следующие ресурсы.

1. 

Как создать основу фотоколлажа

Шаг 1

Начнем с создания нового документа следующего размера: 1080 x 1080 px .

Шаг 2

Теперь нажмите Control-R , чтобы активировать направляющие , и перетащите направляющие на каждую сторону документа.

Шаг 3

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

Шаг 4

И, наконец, добавьте еще две направляющие в центр документа.

2. 

Как сделать доску настроения в Photoshop

Шаг 1

Теперь мы готовы приступить к созданию шаблона нашей доски настроения. Нажмите U и создайте прямоугольник следующего размера: 600 x 600 px . Переместите его в левый верхний угол документа, удерживая Shift .

Шаг 2

Создайте еще один прямоугольник размером 445 на 600 пикселей и поместите его в правый верхний угол.

Шаг 3

Для третьей формы мы будем использовать прямоугольник размером 600 на 325 пикселей. Как только вы создали его, переместите его к левой направляющей и 18 px вниз от нашей первой фигуры.

Шаг 4

Давайте создадим последнюю форму для наших фотографий. Создайте прямоугольник размером 445 на 325 пикселей и переместите его к правой направляющей с отступом 18 пикселей от верхней фигуры.

Шаг 5

Теперь мы можем добавить наши фотографии в шаблон.Просто перейдите в File > Place и выберите фотографию, которую хотите использовать.

Шаг 6

Поместите фотографию над одной из фигур на панели Слои и Щелкните правой кнопкой мыши > Создать обтравочную маску .

Шаг 7

Чтобы изменить размер изображения, чтобы оно соответствовало форме, нам нужно нажать Control-T и изменить его размер, удерживая Shift .

Шаг 8

Добавьте еще три фотографии, как мы делали это раньше. И теперь вы знаете, как сделать мудборд в Фотошопе!

3.Как сделать палитру фотоколлажей

Шаг 1

Теперь давайте добавим цветовую палитру в наш шаблон Photoshop для доски настроения! Создайте прямоугольник размером 252 на 84 px и поместите его на левую направляющую с отступом 15 px от нижней направляющей.

Шаг 2

Создайте три копии фигуры, нажав Control-J , а затем переместите фигуры 18 px друг от друга.

Шаг 3

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

Шаг 4

Добавьте цветовые наложения к другим фигурам, как мы делали это раньше.

Отличная работа, готово!

Вот и наш окончательный результат! Теперь вы знаете, как создать доску настроения в Photoshop, используя прямоугольные формы и направляющие. Работая с мудбордами, вы можете сделать обратный процесс: попробуйте начать с создания цветовой палитры с цветами, которые вам нравятся, а затем найдите несколько фотографий, которые подходят к этой цветовой палитре. Цвета Pantone года могут стать отличным выбором для создания основы вашей палитры.Не стесняйтесь делиться своими результатами в комментариях ниже.

Если вы ищете качественный шаблон доски настроения в Photoshop, попробуйте Envato Elements! Здесь вы можете найти все, от шаблонов фотоколлажей до мокапов модной доски настроения в Instagram. Давайте взглянем на некоторые из лучших шаблонов коллажей Photoshop:

Доска настроения в Instagram Fashion (PSD)

Если вам нравится чистый и простой дизайн, этот шаблон фотоколлажа может стать отличным выбором! Здесь вы найдете 15 полностью редактируемых PSD-файлов с высоким разрешением (1080×1080 пикселей) и хорошо организованными слоями.Создайте фотоколлаж без усилий!

Простые макеты досок настроения (PSD)

В этом шаблоне фотоколлажа для Photoshop вы найдете полностью редактируемый PSD-файл с аккуратным дизайном. Этот шаблон коллажа Photoshop может помочь вам наилучшим образом продемонстрировать свои фотографии или произведения искусства! Вы можете легко переставлять любые объекты и размещать свои фотографии в несколько кликов с помощью смарт-объектов.

Модные истории Instagram (PSD)

Хотите увеличить количество просмотров в своем Instagram? Попробуйте этот шаблон коллажа Instagram для Photoshop! Коричневый и бежевый цвета, рваные бумажные элементы и аккуратная композиция — идеальное сочетание для любых модных или ботанических/природных инста-историй.Этот набор шаблонов коллажей для Instagram содержит девять различных PSD-файлов с хорошо организованными слоями и полностью редактируемыми цветами и формами.

Мини-доска настроения: коллаж 1 (PSD)

Хотите узнать, как создать фотоколлаж без усилий? Попробуйте этот мини-конструктор мудбордов с потрясающими возможностями настройки! Помимо высокого разрешения (3300×2550 пикселей) и реалистичных фонов, вы найдете десять различных наложений теней, которые сделают ваш пост в Instagram на доске модных идей более естественным и органичным.

Шаблон поста в Instagram о моде (PSD)

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

Хотите узнать больше о том, как сделать фотоколлаж? Посмотрите эти удивительные уроки:

Проверка размера изображения и способы изменения размера

Нужна помощь в проверке размера вашей работы?

Вот простое руководство, которое поможет вам разобраться с основами проверки размера в Adobe Photoshop CC 2020.

1. Начнем с открытия арта. На панели «Слои» дважды проверьте, чтобы ни на одном слое не было маленького замка, говорящего, что слой заблокирован. (Вы не сможете выбрать слой или его содержимое, если он заблокирован.) * Если он еще не открыт, вы можете найти его в строке меню «Окно» > «Слои». Наш находится в первом разделе наших инструментов в правой части экрана.
Модель FM Pocket должна иметь ширину 4 дюйма (W) и пропорциональную высоту (H), чтобы мы могли прижимать ее к карманам одежды.

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

3. Теперь, когда вы убедились, что слои разблокированы, выберите ненужные слои (например, у нас есть фоновый слой) и нажмите «Удалить» на клавиатуре.

4. Выберите инструмент «Обрезка» на панели инструментов. Вы также можете получить доступ к инструменту «Обрезка» в строке меню «Изображение»> «Обрезать».

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

 

6.  Когда все четыре стороны будут привязаны к иллюстрации, нажмите Enter на клавиатуре, чтобы применить обрезку. Теперь вы обрезали свою художественную доску по своему рисунку!

 

 

7. Теперь вам нужно открыть диалоговое окно Размер изображения.Вы можете найти это в строке меню Изображение > Размер изображения.

8.  В диалоговом окне «Размер изображения» указан размер моего изображения: 8,26 дюйма в ширину и 7,22 дюйма в высоту и разрешение 300.

Как изменить размер моего рисунка?

1. Диалоговое окно «Размер изображения» позволяет вам ввести размер, до которого вы хотите настроить иллюстрацию. Выделите поле Ширина, введите 4 и нажмите Tab на клавиатуре. Вы заметите, что Photoshop вычислил пропорциональную высоту в соответствии с шириной, которую вы только что ввели.

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

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

2.  Указав нужный размер, нажмите «ОК».

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

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

 

 

Создание доски объявлений в Photoshop: учебник Джейни

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

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

Мы будем делать это руководство по частям:

1) Создание текстуры пробковой доски

2) Изготовление рамы

3) Сделать булавку для размещения заметки

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

1. Создайте текстуру доски объявлений

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

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

Работая с этим учебным пособием, вы узнаете или попрактикуетесь в следующем:

Использование фильтров для создания текстуры.

а.Создайте новый слой, назовите его «Пробка» и залейте его средним загаром. Я использовал #D9C4A7. (Введите это в поле # в нижней части палитры цветов. Это шестнадцатеричный код.)

Фильтр > Шум > Добавить шум. Установите флажок «Монохроматический» внизу. Я использовал 20%.

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

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

Используйте волшебную палочку с выключенным параметром «Смежные» и допуском около 20%. Это позволяет вам щелкнуть один раз для каждого цвета. Удерживая Shift, щелкните светлый сегмент и темный.

После того, как вы выбрали все темные и светлые, выберите цвет переднего плана в виде пробки (#BCA17A) и Alt-Backspace, чтобы заполнить выделение. Ctrl-D, чтобы отменить выбор.

Примечание: Отслеживание

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

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

.
  • Создайте новый слой для каждого шага, создав новый пустой слой, продублировав последний или используя Ctrl-Alt-Shift-N…E, чтобы создать слой с объединенными видимыми элементами.
  • Пометьте каждый из этих новых слоев любыми манипуляциями, которые вы используете, включая настройки фильтров, цвета и т. д..

Моя маркированная палитра слоев для готовой пробковой доски

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

в. Дублируйте слой с пробкой.Назовите этот дубликат слоя «Края».

Для слоя «Краи» используйте «Фильтр» > «Стилизация» > «Найти края». Это дает вам белый фон со слегка очерченными краями между пробкой.

Переведите слой Edges в режим наложения Multiply и уменьшите его непрозрачность примерно до 40%.Это придает кусочкам пробки чуть больше четкости.

д. Нам все еще нужна комковатость в текстуре. Дублируйте слой Edges и назовите дубликат «Reticulation». Введите D, чтобы цвета панели инструментов стали чёрно-белыми по умолчанию. Фильтр Reticulation будет использовать эти цвета.

Фильтр > Эскиз > Ретикуляция. Я выбрал настройки 37, 2 и 5. Установите для этого слоя непрозрачность 25% и режим наложения «Темнее».

эл.Если хотите, можете добавить корректирующий слой Цветовой тон/Насыщенность, чтобы раскрасить пробку

.

ф. Пробковая доска выглядит хорошо, но почти СЛИШКОМ хорошо.

СОВЕТ: Реальность

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

Создайте слой «Объединенные видимые объекты», используя Ctrl-Alt-Shift-N….E. Фильтр> Шум> Добавить шум к этому слою. Я использовал 6%. Этот небольшой шум придает пробке реалистичную пористость.

Теперь давайте перейдем ко второй части, где мы поместим рамку на эту доску объявлений!
Все материалы на этом сайте защищены ©2001-2004 myJanee.com Графические творения. Никакая его часть не может быть использована без моего письменного разрешения. Если у вас есть вопросы или комментарии об этом сайте или его конструкции, свяжитесь с Джейни по адресу myJanee.com Graphic Creations по электронной почте.
.
Comments