Какой фото-фон я использую и обложка книги в фотошопе быстро
Для фото я использую обычную деревяшечку, купила в магазине дерева размер 50 на 80 см ,муж разрезал пополам и фото-фон готов)))
Фотографирую в основном на улице утром или в обед
Фотошоп скачать можно здесь
Пошаговая инструкция: как сделать обложку книги в фотошопе, используя экшен
1. Необходимо иметь этот экшен. Скачать экшен обложки для книги можете с Яндекс.Диска.
2. Разархивируйте скачанный файл. Там есть два файла:
— его картинка, которую можете просмотреть
— сам экшен для создания 3d обложки электронной книги.
3. Закачайте файл с экшеном (без его рисунка) в фотошоп. Чуть ниже объясню, как закачать.
4. Предварительно найдите красивую картинку по теме для вашей книги в банке бесплатных картинок. Кликните на ту, что выбрали правой кнопкой мыши и в открывшемся окошке нажмите «Сохранить как…» и сохраните картинку на своём компьютере. Можете тут же открыть её в фотошопе.
— первый раз, чтобы знать все ваши действия и начать восхищаться умным фотошопом (и мной…)
— второй раз — чтобы параллельно с просмотром сделать минимум телодвижений и получить макет обложки для электронной книги.
Теперь подробно и для чайников. Все умные и с опытом работы в фотошопе и компьютере стройными рядами идут и сразу смотрят видео, как фотошоп сам делает обложку книги. Причём — бесплатно!
Как закачать экшен в фотошоп
Когда вы скачаете файл и его откроете (разархивируете), у вас буде он выглядеть так:
Под номером 1 находится сама программа создания обложки — экшен, под номером 2 находится вид обложки, макет, который экшен создаст.
Чтобы закачать файл 1 в фотошоп просто станьте на него, и у вас появится окошечко под номером 3 с эмблемой фотошопа. Этот файл имеет такое расширение, что открывается только этой программой. Кликните на кнопку «Открыть». У вас сразу после этого, загрузится фотошоп.
Сейчас мы проверим, загрузился экшен или нет. Для этого есть два пути:
1. На правой панели фотошопа находим вот такой значок и кликаем по нему, чтобы открыть панель операций:
Если вы его на правой стороне фотошопа не обнаружили — идём на верхнюю панель и кликаем на на кнопку «Окно». выпадет длинный список, находим надпись «Операции» и кликаем рядом (голубой фон должен быть):
С чего начать работу с экшеном обложки для электронной книги
1. Открываем в фотошопе выбранную вами картинку и смотрим размер изображения:
— на верхней панели фотошопа находим надпись «Изображение», нажимаем на надпись, в открывшемся окне находим «Размер изображения» и меняем на размер макета. Вот так выглядит окошко:
Размер макета с экшена следующих размеров (тот, что вы скачали и о котором речь в видео):
Вам необходимо открыть «Размер изображения» своей заготовленной картинки и увеличить его до 2250 пикселей. Лучше — найти картинку такого размера, если вы хотите, чтобы она была на весь макет.
2. Открываем панель «Операции» (описано выше при загрузке экшена), находим наш экшен (по названию) и открываем его, кликнув на треугольничек:
Я сразу показываю два скриншота вместе — до открытия экшена и когда уже видно шаг 1 и шаг 2. Становитесь на шаг 1 (если на него не станете — экшен не начнёт работу!) , нажимаете включатель работы экшена (обведён красным кружочком. И ждём, когда появится макет — вам делать вообще ничего больше не надо! Он выглядит так:
Теперь переходим на вкладку нашей картинки.
3. Берём Инструмент Перемещение и зажав картинку левой кнопкой перетягиваем её в то окошечко, где уже расположен макет книги. Располагаем его по всему макету, пишем надпись, автора и всё, что хотите.
4. Идём к нашему экшену — Операции. Становимся на — шаг 2 (он должен выделиться цветом). Опять нажимаем включатель работы экшена и получаем готовый макет нашей книги.
5. Вам необходимо его уменьшить до нужного размера (600 или 400 пикселей). Операция аналогична описанной выше при увеличении картинки.
Сохраняем.
6. Танцуем и поём гимн фотошопу и себе! Нажимаем кнопочки соц.сетей мне в благодарность.
Cмотрите видео, которое я для вас сняла. Если есть вопросы — задаём в комментариях.
Мастер класс куколка СтешаМАСТЕР-КЛАСС АНФИСАМАСТЕР-КЛАСС КУКОЛКА ПОЛЛИ
как выбрать фото для шапки карточки — Помощник 2ГИС
Вот несколько рекомендаций, как правильно выбрать фото для шапки карточки.
Соблюдайте требования закона
Российские законы запрещают публиковать фото товаров и процесса курения (в том числе кальянов и электронных сигарет), фото алкоголя с обозначением бренда (или в брендированной посуде), любые фото, связанные с употреблением наркотиков. Полные правила размещения фото находятся на сайте 2ГИС в разделе «Правовая информация.
Используйте фотографии без серьёзной обработки
Не загружайте скриншоты сайтов или мобильных приложений — только фотографии, сделанные вами лично, специально для вашей компании, или другие фото, которые не нарушают авторских прав. Не добавляйте рамки и надписи — фото будет использовано в качестве фона для рекламного объявления, и все лишние элементы затруднят понимание текста.
Выбирайте фотографии, на которых объект съёмки располагается в центре
Значимые элементы съёмки должны располагаться в центре фотографии. Дело в том, что экраны разных устройств кадрируют изображение по-разному, и если важный элемент будет располагаться на краю фотографии, на некоторых устройствах он окажется обрезан.
Не загружайте графические изображения
Фоном для шапки карточки компании могут быть только фотографии: запрещено загружать в качестве фона рекламные макеты, цветовые блоки, градиенты, текстуру и другие графические изображения.
Отдавайте предпочтение реальным фотографиям компании
Фотография будет гораздо лучше работать в карточке компании, если на ней изображены реальные интерьеры компании, её услуги или товары.
Условно красивая картинка с фотостока не привлечёт внимание пользователя так, как это сделает настоящая фотография.
Выбирайте эстетически приемлемые изображения
Не используйте изображения, которые могут быть неприятны другим людям: полуобнажённые натуры (даже если вы рекламируете стриптиз-клуб), эротические товары, процесс хирургических операций или стоматологического лечения, фото с кладбищ и из крематориев и тому подобное.
Подбирайте качественные изображения
Не растягивайте фотографии, загружайте качественные изображения без пикселей, размытостей и водяных знаков.
Как вырезать объект на фото в Photoshop
Вырезать предмет или человека на снимке не составляет особого труда — это можно сделать в один клик. Главная сложность в том, чтобы чётко выделить границы объекта и тем самым обеспечить точное отделение от фона. Дальше дело за малым: поместить вырезанный элемент на новый слой и сохранить.
Есть разные техники выделения и вырезки объектов в Photoshop.
Рассмотрим несколько популярных вариантов, которые будут по силам даже новичкам. Способы можно использовать как по отдельности, так и комбинируя друг с другом.
Как вырезать простой объект в Photoshop
Быстрый способ с использованием инструментов «Выделение объектов», «Волшебная палочка» и «Быстрое выделение». Подойдёт для предметов несложной формы с относительно чёткими контурами на однотонном контрастном фоне.
1. Откройте нужное изображение в Photoshop.
2. Выберите инструмент «Выделение объектов», кликнув правой кнопкой мыши по его значку.
3. Выделите область вокруг предмета, и через секунду программа автоматически определит его границы. Если всё верно, переходите к шагу 4.
Если объект однотонный и на предыдущем этапе были неточности, попробуйте воспользоваться «Волшебной палочкой». Выберите её в том же меню инструмента и кликните по предмету.
Если и с этим инструментом точно отметить границы не выходит — попробуйте «Быстрое выделение».
Тапните по объекту, а затем перемещайте курсор, работая им как кистью. Для добавления незахваченного фрагмента кликайте, удерживая клавишу Shift, а чтобы убрать лишнее выделение — также кликайте, но с зажатой Alt (Option).
4. Теперь, когда объект выделен, остаётся лишь вырезать его. Для этого нажмите Shift + Ctrl + J (Shift + Cmd + J). Предмет будет помещён на новый прозрачный слой, где с ним можно работать дальше или сохранить, отключив фон и выбрав меню «Файл» → «Экспортировать» → «Экспортировать как…».
Как в Photoshop вырезать более сложный объект
Если предмет на фото имеет неровные края и сливается с фоном, то предыдущий способ вряд ли поможет. В таком случае контур выделения проще всего построить с помощью инструмента «Перо». Это займёт больше времени, но и результат получится гораздо качественнее.
1. Загрузите изображение в Photoshop и выберите инструмент «Перо». Кликните по границе объекта, чтобы добавить первую опорную точку. Она же потом станет и последней, когда контур замкнётся.
2. Продолжайте формировать контур предмета, добавляя опорные точки в ключевых местах, где должен начинаться и заканчиваться изгиб линии. Не стремитесь поставить их как можно больше. Особая точность границ сейчас не нужна — над ней поработаем чуть позже.
3. Пройдитесь по периметру объекта и сформируйте грубый контур. Замкните его, кликнув по первой точке.
4. Теперь переключитесь на инструмент «Перо+». Добавьте дополнительные точки, кликая по контуру в тех местах, где края получились угловатыми.
5. Перемещайте новые точки (курсор сменится стрелкой), чтобы добиться максимально правильного контура.
6. Когда закончите, кликните правой кнопкой мыши, выберите «Выделить область», нажмите OK. При желании можете поэкспериментировать с величиной радиуса растушёвки и опцией сглаживания, чтобы убрать неточности выделения.
7. После этого сочетанием Shift + Ctrl + J (Shift + Cmd + J) вырежьте выделенную область и поместите её на новый слой.
Можете работать с ней дальше или экспортировать в файл, отключив предыдущий слой.
Как в Photoshop вырезать объект с мелкими деталями
Этот вариант подойдёт для самых сложных случаев, когда на фото есть множество мелких деталей вроде волос, травинок или шерсти, а также когда фон не контрастный. Способ заключается в использовании RGB‑каналов для создания контраста и упрощения процесса выделения.
1. Откройте фото в Photoshop, перейдите на вкладку «Каналы» и сочетаниями Ctrl + 3, 4, 5 (Cmd + 3, 4, 5) поочерёдно переключайтесь между красным, зелёным и синим. Найдите тот, на котором объект и фон будут максимально контрастными.
2. Создайте дубликат выбранного канала, перетащив его на значок с плюсиком.
3. С помощью сочетания Ctrl + L (Cmd + L) вызовите меню «Уровни» и, двигая крайние ползунки под гистограммой, добейтесь того, чтобы объект стал максимально тёмным, а фон — светлым. В идеале чёрным и белым. С увеличением контраста будут теряться мелкие детали, поэтому найдите для себя баланс.
4. Нажмите O для выбора инструмента «Затемнитель» и проработайте им все светлые участки на объекте.
5. Теперь переключитесь на «Осветлитель» и пройдитесь по тёмным участкам на фоне.
6. Удерживая Ctrl (Cmd), кликните по миниатюре слоя, чтобы выделить объект, а затем переключитесь на RGB‑канал нажатием Ctrl + 2 (Cmd + 2).
7. Перейдите на вкладку «Слои» и кликните по значку замка для разблокировки слоя.
8. С помощью сочетания Shift + Ctrl + J (Shift + Cmd + J) вырежьте выделенный объект и поместите на новый слой. Отключите фон и продолжайте работу или сохраните изображение, выбрав меню «Файл» → «Экспортировать» → «Экспортировать как…».
Читайте также 🖥📸💻
Справка:Фон | Центральное сообщество | Фэндом
Фон может помочь создать визуальную индивидуальность вики и выделить ее. На этой странице объясняются различные параметры настройки, доступные вашему сообществу.
Обзор
Фон вики задается через Theme Designer. Есть два компонента фона: изображение и цвет, оба из которых могут быть разными для светлой или темной темы вики.
Изображение
Фоновое изображение можно загрузить в форматах PNG или JPG, если размер файла не превышает 1 МБ.Если он больше, вы можете попробовать уменьшить его размер, увеличив сжатие, уменьшив качество или уменьшив размеры. Если изображение представляет собой файл PNG, вы можете преобразовать его в файл JPG, чтобы уменьшить размер файла.
Существует два способа отображения фонового изображения:
- Заголовок отобразит изображение в области заголовка вики вверху. Это лучше всего подходит для баннеров и других горизонтальных изображений. Рекомендуемые размеры изображений для шапки — 2880×656 пикселей.
- Полноэкранный режим отображает изображение через всю фоновую область. Это лучше всего подходит для больших конструкций. Рекомендуемые размеры полноэкранных изображений — 2880×2880 пикселей.
Оба типа дисплеев можно дополнительно настроить с помощью стиля фонового изображения:
- Обложка растянет изображение, чтобы заполнить как можно большую высоту браузера. Это лучше всего подходит для очень больших изображений.
- Плитка будет повторять изображение либо по вертикали, либо по горизонтали, либо по обоим направлениям.Это лучше всего подходит для небольших изображений, предназначенных для повторения.
- Fit ограничит изображение шириной браузера. С типом отображения заголовка стиль подгонки также размещает изображение в верхнем левом углу, верхнем правом углу или посередине.
Независимо от отображения и стиля фоновое изображение остается в фиксированном положении и остается видимым при прокрутке страницы вверх или вниз.
Непрозрачность изображения также можно изменить, переместив ползунок под выбор стиля.100% полностью непрозрачны, а 0% полностью прозрачны.
Цвет
Параметр цвета фона сообщества в дизайнере тем позволяет изменить цвет области фона.
Параметр Цвет заголовка сообщества позволяет изменить цвет текста и значков в области заголовка. Это следует изменить, если параметр по умолчанию не читается на фоне фонового изображения и/или цвета.
Советы
- При создании скина всегда учитывайте широкий диапазон возможных разрешений экрана. Чем лучше ваше изображение адаптировано к различным разрешениям экрана, тем счастливее будет ваше сообщество.
- Обои, ключевое искусство и поиск изображений на основе темы вашего сообщества могут быть хорошей идеей, чтобы найти творческое вдохновение для вашего фона.
- Учитывайте весь участок при создании фона. Занятые, яркие обои могут отвлечь внимание читателей от содержания вашей вики. И наоборот, приглушенный, едва уловимый фон может стать завершающим штрихом, в котором нуждается ваша вики.
- В целом, Theme Designer рекомендуется для загрузки фоновых изображений и оформления вашей вики. Фоны, добавленные с помощью пользовательского CSS, могут вызвать неблагоприятные последствия после обновлений или изменений платформы.
И наоборот, приглушенный, едва уловимый фон может стать завершающим штрихом, в котором нуждается ваша вики.Дальнейшее чтение
Дополнительная помощь и обратная связь
Идеальное изображение для фона обложки Linkedin
Среди всех тысяч советов по улучшению ваших результатов в Linkedin самым недооцененным является то, как наилучшим образом использовать фотографии профиля и обложки Linkedin.
Это совет, который не используют 90% профилей, но он приносит удивительные результаты остальным 10%, которые хорошо используют обложки (которые также можно назвать фоновыми изображениями или баннерами).
Согласно некоторым исследованиям, нормальный человек способен запомнить только 20% прочитанного через тексты.
Но вы можете запомнить 80% того, что видите на фотографиях и изображениях.
Кроме того, наш мозг обрабатывает изображения в 60 000 раз быстрее, чем текст. Вот почему люди с пользовательскими изображениями обложки получают больше запросов на подключение, больше сообщений и больше приглашений на собеседования.
Тем не менее, мало кому удается применить эту возможность наилучшим образом.
Это отличная возможность для вас выделиться в своей отрасли или сегменте бизнеса. В этой статье мы покажем вам, как создать обложку LinkedIn, которая поможет вам быстро получить результаты.
Поговорим о
- Размер обложки LinkedIn (ширина изображения и размер изображения)
- Идеи и шаблоны обложки LinkedIn
- Как создать потрясающую обложку (за 5 минут)
- Как вдохновить: примеры обложек LinkedIn
- для обновления баннера на обложке LinkedIn
Размер и размеры баннера Linkedin
При создании и загрузке фотографий на обложке вам необходимо убедиться, что они соответствуют требованиям LinkedIn к размеру, чтобы их не отклонили (а также они выглядели четко и хорошо качественный).
В соответствии с официальными спецификациями изображений LinkedIn, вот последние рекомендации по размеру и размерам фоновой фотографии: типы файлов PNG и JPG). В зависимости от используемого устройства ваш профиль LinkedIn может отображаться по-разному.
На ПК ваша фоновая фотография будет занимать видное место на странице, но ее размер будет уменьшаться по мере уменьшения экрана используемого устройства.
В случае мобильного просмотра изображение вашего профиля даже меняет положение.
Компьютер — Ноутбук/Настольный мобильный телефон/СмартфонВыглядят одинаково. Но обратите внимание, что в мобильной версии изображение профиля занимает большую площадь.
Вы должны помнить об этом при настройке своего изображения в социальных сетях — вы не хотите, чтобы важная информация была потеряна только потому, что кто-то просматривает ее с другого устройства!
Наконец, всегда важно обращать внимание на качество изображений.Попробуйте использовать резкое изображение с максимально возможным разрешением.
Идеи и шаблоны обложек LinkedIn
С таким количеством доступных вариантов определить правильный дизайн обложки может быть сложно. Вот несколько идей для изображений, которые помогут вам решить!
Профессиональная презентация и достижения
Покажите свои личные качества
Хобби и внеклассные занятия
Как создать убойную обложку (за 5 минут)
Если вы похожи на меня и не имеете дизайнерских навыков , еще есть надежда.
На сегодняшний день существует несколько инструментов дизайна с готовыми шаблонами для самых разных социальных сетей, включая LinkedIn. Canva, например, имеет более тысячи шаблонов обложек Linkedin, которые можно редактировать и скачивать бесплатно.
Даже при небольшом опыте проектирования вы можете легко и быстро обновить внешний вид своего профиля LinkedIn.
Когда вы закончите редактирование, вы можете экспортировать файл в PNG или JPG (оба типа файлов поддерживаются LinkedIn), а затем использовать его в качестве обложки непосредственно в LinkedIn.
Теперь у вас есть собственная обложка, которая выглядит так, будто ее разработал профессионал.
Для вдохновения: Примеры обложек LinkedIn
Что хорошо работает на этих изображениях?
- Использование одной и той же цветовой палитры в обложке баннера и на фото профиля.
- CTA, выделенный
- Художественный дизайн
- CTA (призыв к действию) , выделенный
- Ясность в темах предложений
- Сочетание цветов: использование белого фона может интегрировать фотографии профиля в внешний вид Linkedin
- Комбинация различных элементов
- Крутая коммуникация ломает жесткость LinkedIn и привлекает внимание посетителя
Как обновить фото для обложки LinkedIn , пришло время узнать, как обновить его в LinkedIn!
На странице своего профиля нажмите на маленькую иконку с фотографией в правом верхнем углу обложки.
При открытии всплывающего окна нажмите «Изменить фото» в правом нижнем углу.
Затем вы выбираете опцию «Загрузить фотографию» и выбираете обложку, которая у вас уже есть или которую вы загрузили, например, с веб-сайта Canva.
После этого просто отрегулируйте, чтобы файл хорошо помещался в пространстве, и нажмите «Сохранить»! Теперь вы готовы поделиться новым видом страницы со своей сетью контактов.
Следующие шаги: как завоевать авторитет в Linkedin
Отлично! Теперь, когда вы знаете, как создать потрясающую обложку для LinkedIn, следующим шагом будет показать тем, кто посещает ваш профиль, что вы являетесь авторитетом в своей отрасли.Или, что вы являетесь референсом для вашей сети контактов.
Один из самых эффективных способов завоевать авторитет в Linkedin — поделиться контентом и привлечь внимание.
Если ваш пост набрал большое количество лайков и комментариев, он может привлечь внимание вашего посетителя.
Лучший способ автоматизировать и постоянно получать более привлекательные публикации — использовать такой инструмент, как Linkboost.
С помощью Linkboost вы можете обеспечить качественное взаимодействие и увеличить до 10 раз обычный охват ваших публикаций в Linkedin.
Все еще не знакомы с Linkboost?
Посмотрите это вводное видео, чтобы научиться делать первые шаги!
Готовы начать? Нажмите здесь и пройдите тест!
linkboost.co
Как установить эквивалент значения «cover» свойства background-size для тега
Можно использовать эквивалент значения свойства CSS background-size «cover» в HTML-теге . Здесь мы покажем два метода.
Решения со свойствами CSS
Вы можете установить изображение с помощью тега и установить для свойства object-fit значение «cover».
Пример использования свойства object-fit в теге
<голова>
Название документа
<стиль>
тело {
маржа: 0;
}
картинка {
дисплей: блок;
ширина: 100vw;
высота: 100вх;
объект подходит: обложка;
}
<тело>
unsplash.com/photo-1510172951991-856a654063f9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60" />
unsplash.com/photo-1510172951991-856a654063f9?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60" />
В приведенном выше примере мы также указали ширину и высоту изображения и установили для свойства отображения значение «блок». Здесь содержимое имеет размер, чтобы сохранить соотношение сторон при заполнении всего поля содержимого элемента.
Давайте посмотрим на другой пример, где мы заменяем фоновым изображением.
Пример замены
<голова>
Название документа
<стиль>
тело {
маржа: 0;
}
картинка {
положение: фиксированное;
ширина: 0;
высота: 0;
набивка: 40vh 40vw;
фон: адрес (https://images.unsplash.com/photo-1491796014055-e6835cdcd4c6?ixlib=rb-1.2.1&ixid=eyJhcHBfaWQiOjEyMDd9&auto=format&fit=crop&w=500&q=60) без повторов;
размер фона: обложка;
}
<тело>
it/1500x1000" alt="Пример размера фона" />
it/1500x1000" alt="Пример размера фона" />
Здесь мы установили фоновое изображение со свойством background, затем указали свойство background-size со значением «cover».Кроме того, мы установили положение «фиксированное» и добавили свойства ширины, высоты и заполнения.
Создайте красивую обложку книги в InDesign, используя загруженный фотофон
Работаете над книгой? У вас может быть фотография, которую вы очень хотите использовать на обложке, но чувствуете, что она может быть слишком насыщенной или контрастной по цвету, чтобы текст выделялся на ее фоне. Почему бы не использовать его — мы рассмотрим способы управления загруженным фоном в Adobe InDesign.
1.Выберите свою фотографию
Выберите фотографию очень высокого качества (не менее 300 dpi) в альбомном формате. Попробуйте представить, как будет выглядеть фотография, разделенная пополам — будет ли правая половина выглядеть достаточно сильной сама по себе? Будут ли в левой половине все еще какие-то интересные детали, которые будут хорошо смотреться на обратной стороне обложки? Почему бы не перевернуть фотографию (в Photoshop выберите Изображение в верхнем меню, затем Поворот изображения и выберите Отразить холст по горизонтали ), чтобы увидеть, будет ли левая половина выглядеть лучше, чем передняя обложка.
Я выбрал это фото Photodune_AngkorTempleCambodia и перевернул его, чтобы дверные проемы храма появились на обложке книги:
2. Улучшите цвета вашей фотографии в Photoshop
Шаг 1
Вы можете отредактировать свою фотографию, чтобы дополнить цвета, которые вы будете использовать на окончательной обложке.
Я хочу использовать четыре образца для текста на моей окончательной обложке. Один из них — «теплый» цвет, а другой — «холодный» цвет, которые хорошо работают для контраста с темной фотографией.Оба они также являются образцами Pantone, что является лучшим выбором, если вы хотите, чтобы окончательная печатная обложка была максимально приближена к цветам вашего дизайна. Два других цвета, которые я собираюсь использовать, — «нейтральные», черный и белый:
. Фотография, которую я выбрал, уже имеет несколько зеленых тонов — мы можем внести несколько тонких изменений в фотографию, чтобы еще больше их улучшить, чтобы фотография больше соответствовала мятно-зеленому пантону, который будет использоваться в тексте обложки.
Шаг 2
Откройте фотографию в Photoshop.Дублируйте слой, чтобы сохранить неповрежденную копию исходной фотографии. Перейдите к Выберите New Fill или Adjustment Layer в нижней части правого дока и выберите Color Balance . Переместите зеленый ползунок на +7 и голубой ползунок на -14 . Это придает тонкий светло-зеленый оттенок всей фотографии.
3. Расширьте навес джунглей в Photoshop
.Шаг 1
Мы также хотим избавиться от части белого неба в правом верхнем углу фотографии, что может оказаться проблематичным, если мы захотим поместить имя автора белым текстом напротив него.Изящный трюк — использовать инструмент Content-Aware Move Tool (J) (находится на левой панели инструментов при выборе меню Healing Brush ), чтобы расширить покрытие купола над храмом.
Выберите инструмент Lasso Tool (L) и нарисуйте грубую линию вокруг лиственного навеса над храмом.
Шаг 2
При выбранном инструменте Content Aware Tool перетащите выбранную область, чтобы закрыть пустое пространство в центре купола. Установите Adaptation (в верхней панели управления) на Medium , и Photoshop примерно заполнит пробел в куполе.Повторяйте этот шаг, пока навес не станет более плотным. Это позволит белому тексту выделяться на фоне него более ярко.
Шаг 3
Сохраните отредактированную фотографию в формате jpeg высокого качества ( Файл , затем Экспорт , выбрав JPEG в раскрывающемся меню) в легкодоступном месте.
4. Настройте макет обложки в InDesign
. Откройте InDesign, выберите Файл > Новый документ , чтобы открыть окно Новый документ .Убедитесь, что Intent установлено на Print , выберите 1 страница для Number of Pages и отмените выбор Разворот .
Для Размер страницы выберите Пользовательский и назовите этот нестандартный размер страницы «Обложка в мягкой обложке» .
Установите ширину 285 мм и высоту 216 мм . Установите Поля 18 мм . В этом уроке мы будем создавать обложку, предназначенную для книги в мягкой обложке, поэтому установите Bleed 3mm по кругу.
Для обложки в твердом переплете потребуется немного больше усилий на выходе за обрез, чтобы можно было обернуть края вокруг более толстой обложки. В этом случае я бы выбрал 5 мм .
5. Добавьте направляющие к вашему макету
Вам потребуется вставить в документ дополнительные направляющие, чтобы обозначить корешок и создать центральные линии передней и задней обложек.
Перетащите направляющую с линейки, идущей слева, на 142.5 мм — это центральная линия всего документа и центральная линия корешка, идущая сверху вниз.
Для этого урока мы настроим 12-миллиметровый корешок , подходящий примерно для 150 страниц бумаги плотностью 90 г/м2, хотя ширину корешка придется увеличивать/уменьшать (пропорционально всему документу), если в вашей книге больше или меньше страницы. Перетащите еще одну направляющую с левой линейки на 136,5 мм , а другую — на 148.5 мм . Теперь размеры позвоночника установлены.
Также полезно знать центральную линию передней и задней обложки для выравнивания текста. Перетащите направляющую с левой линейки на 68,25 мм , а другую — на 216,75 мм .
6. Разместите свою фотографию
Шаг 1
Выберите инструмент Rectangle Frame Tool (F) и перетащите прямоугольник по всей ширине и высоте документа, включая область выпуска за обрез.
Шаг 2
Перейдите к File > Place и выберите сохраненную отредактированную фотографию.
Выберите Открыть . Не снимая выделения с рамки, нажмите Пропорционально заполнить рамку на верхней панели управления. Дважды щелкните рамку, чтобы напрямую выбрать фотографию, и с помощью клавиш со стрелками слегка отрегулируйте ее положение, пока не будете удовлетворены результатом. Убедитесь, что фотография по-прежнему заполняет всю рамку.
7. Импортируйте выбранные вами образцы Pantone
Шаг 1
Импортируйте два образца Pantone, которые мы хотим использовать для нашей обложки.Откройте панель Образцы и выберите Новый образец цвета в меню Образцы . В раскрывающемся меню Color Mode выберите Pantone > Solid Coated и найдите «PANTONE 7416C». Нажмите Добавить .
Шаг 2
Повторите шаг 1 для «PANTONE 571C».
8. Используйте эффект градиентного растушевки для форматирования фона обложки
С помощью Rectangle Tool (M) перетащите, чтобы создать рамку той же ширины и высоты, что и фоторамка, и в том же положении.
При выбранной рамке установите для Stroke значение None и для Fill значение «Pantone 7416C». Удерживая нажатой клавишу Control (Mac) или щелкните правой кнопкой мыши (ПК) и в разделе Упорядочить выберите На задний план . Оранжевая рамка теперь должна быть невидимой.
Выберите фоторамку и перейдите к Object > Effects > Gradient Feather , чтобы открыть окно Effects . Установите Angle на -106 градусов и передвиньте черный ползунок под Gradient Stops примерно на две трети вправо.
Щелкните OK . Обложка теперь имеет основной оранжевый оттенок, который проявляется в основном на задней обложке.
9. Выберите шрифты для обложки
. Общее правило для профессионального дизайна обложек книг — ограничить выбор шрифта двумя шрифтами. Часто лучше всего работает, если эти шрифты контрастируют друг с другом — один может быть без засечек, а другой рукописный; это действительно зависит от вас, и то, что вы чувствуете, может лучше всего соответствовать индивидуальной обложке.
Для этого урока я выбрал хороший простой шрифт без гротеска «Gandhi Sans» и контрастный машинописный шрифт «CarbonType».
10. Вставьте и отформатируйте текст для передней обложки
Шаг 1
Выберите Type Tool (T) и создайте текстовую рамку, которая начинается с правого края корешка и заканчивается у правого дальнего края документа. Установите его на 136,5 мм в ширину и 7 мм в высоту. Переместите текстовый фрейм так, чтобы верхняя часть фрейма находилась на верхнем поле. Введите «ИМЯ АВТОРА» в рамку. Выделите текст, установите шрифт на «Gandhi Sans Bold», шрифт Size на 25pt , Tracking (расстояние между символами) на 100 , текст Color на 8 и выберите Align Center на верхней панели управления.
Шаг 2
Создайте еще один текстовый фрейм такой же ширины ( 136,5 мм ) и высотой 32,5 мм .
Расположите эту рамку прямо под именем автора и по центру документа по горизонтали. Введите «ЧЕРЕЗ (перерыв абзаца) ДЖУНГЛИ». Выделите текст и выберите Align Center
Выделите слово «ЧЕРЕЗ», установите шрифт «Gandi Sans Bold», шрифт , размер от до 61 pt , Tracking до 20 и текст Color до «Pantone 7416C».Выделите слова «ДЖУНГЛИ», установите шрифт «Gandhi Sans Bold», шрифт Размер от до 48,5 pt , Интерлиньяж до 43 pt , Трекинг до 50 и выберите « для цвета текста.
Шаг 3
Создайте еще одну текстовую рамку для размещения внизу передней обложки. Установите ширину на 136,5 мм , как и раньше, и высоту на 5 мм . Нижняя часть рамки должна располагаться на нижнем поле.Напечатайте в рамке «рассказы о просветительских путешествиях».
Выделите текст, выровняйте по центру, как и раньше, и установите для шрифта значение «CarbonType». Установите размер шрифта на 14,5 pt , Tracking на -20 и цвет текста на «Pantone 571C». Выделите только слово «просвещение» и задайте для текста цвет значение белый .
11. Вставьте и отформатируйте текст для корешка
Выберите Type Tool (T) и создайте текстовую рамку шириной 33 мм и высотой 3 мм .Введите «ИМЯ АВТОРА», отформатируйте «Gandi Sans Bold», 11pt size , Tracking at 100 и text color to White. Удерживая нажатой клавишу Control (Mac) или щелкните правой кнопкой мыши (ПК) и под Преобразовать выберите Повернуть на 90 градусов по часовой стрелке .
Положите верхнюю часть текстового фрейма на верхнее поле; она должна проходить по самому центру позвоночника.
Скопируйте этот текстовый фрейм, вставьте и расположите непосредственно под первым текстовым фреймом на корешке.Отрегулируйте ширину рамы до 83 мм и высоту до 5,5 мм . Переместите рамку так, чтобы ее верхняя часть располагалась 69,5 мм вниз от верхней части документа. Снова отцентрируйте рамку по центру позвоночника.
Вы также можете дополнительно добавить имя издателя (если необходимо) на корешок, используя тот же метод. Поместите нижнюю часть текстового фрейма на нижнее поле и установите цвет текста на черный .
12.Вставка и форматирование текста для задней обложки
Выберите Type Tool (T) и создайте текстовый фрейм, левый край которого должен находиться на левом поле, а верхний край должен располагаться на верхнем поле.
Установите размеры 104 мм дюймов ширина и 71 мм высота . Это позволяет использовать 17 строк текста, установленных как «Gandhi Sans Regular», размер 10pt с 12pt , цвет текста белый и Justified с Last Line Aligned Left (выберите это на верхней панели управления) .Введите здесь свою собственную аннотацию или временно вставьте текст-заполнитель, перейдя к Введите и Заполните текстом-заполнителем . Выберите первые пару слов в кадре и установите для них Bold .
Скопируйте этот текстовый фрейм, вставьте и поместите непосредственно под первым текстовым фреймом на задней обложке. Отрегулируйте высоту рамы до 4,1 мм . Переместите рамку так, чтобы верхняя часть располагалась 101 мм вниз от верхней части документа.
Это позволяет установить 10 строк текста как «Gandhi Sans Regular», размер 10pt с 12pt ведущий , цвет текста черный и Justified с Last Line Aligned Left , как и раньше. Введите свою биографию автора здесь или вставьте текст-заполнитель, как и раньше. Снова выделите первые пару слов в кадре и установите для них Bold .
Отличный совет. Выберите первую букву текста и установите Количество строк буквицы на верхней панели управления на 2 , чтобы создать профессионально выглядящую буквицу.
13. Сделайте текст на задней обложке популярным!
Шаг 1
У вас есть текст на обложке, но на обороте и корешке он выглядит немного… ну, неразборчиво! Давайте внесем некоторые изменения, чтобы текст действительно выделялся.
Используйте Инструмент «Прямоугольник» (M) , чтобы создать рамку 106,388 мм в высотой и 102,426 в шириной .
Установите Stroke на none и Fill на «Pantone 7416C». Расположите эту рамку так, чтобы верхняя часть рамки располагалась на краю верхнего выпуска за обрез, и чтобы рамка находилась прямо по центру над текстовым полем, содержащим вашу аннотацию на задней обложке.
Шаг 2
Выберите фоторамку, большую оранжевую рамку в самом конце документа и эту новую меньшую оранжевую рамку (это можно сделать, перетащив указатель мыши по верхней части документа). Убедитесь, что больше ничего не выбрано, затем щелкните правой кнопкой мыши (Mac) или (ПК) и в разделе Упорядочить выберите Отправить на задний план . Текст объявления будет выведен на передний план.
Шаг 3
Скопируйте маленькую оранжевую рамку, которую вы только что создали вставьте и расположите прямо под исходной оранжевой рамкой на задней обложке, так чтобы верхняя часть этой новой рамки точно совпадала с нижним краем другой оранжевой рамки.
Он должен располагаться прямо над текстовым фреймом Author Bio.
Отрегулируйте высоту этой новой рамы до 44 мм . Измените Заливку кадра на Белый и перейдите в Объект > Эффекты и нажмите Прозрачность , чтобы открыть окно Эффекты . Оставьте режим по умолчанию от до Обычный и измените Непрозрачность на 65% . Щелкните OK .
Шаг 4
Выберите еще раз фоторамку, большую оранжевую рамку в самом конце документа и эту новую прозрачную белую рамку, перетащив указатель мыши через нижний левый угол документа.Как и прежде, убедитесь, что больше ничего не выбрано, затем щелкните правой кнопкой мыши (Mac) или (ПК) и в разделе Упорядочить выберите Отправить на задний план . Текст Author Bio будет вынесен на передний план.
14. Сделайте текст на корешке кричащим!
Шаг 1
С помощью Rectangle Tool (M) создайте рамку с шириной 4,75 мм и высотой 74,75 мм . Приложите верхнюю часть рамки к верхнему краю выпуска за обрез и отцентрируйте рамку по центру корешка.Установите Stroke на none и Fill на «Pantone 7416C».
Выберите эту рамку, фоторамку и большую оранжевую рамку в самом конце документа, проведя мышью по верхней части корешка. Удерживая нажатой клавишу Control (Mac) или щелкните правой кнопкой мыши (ПК) и в разделе Упорядочить выберите На задний план . Имя автора на корешке будет выведено на передний план.
Шаг 3
Скопируйте эту недавно созданную узкую оранжевую рамку и вставьте .Измените Заливку на Белую и переместите эту новую рамку так, чтобы верхний край соединился непосредственно с нижним краем узкой оранжевой рамки на корешке.
Опять же, выбрав эту белую рамку, фоторамку и большую оранжевую рамку в конце документа, щелкните правой кнопкой мыши (Mac) или щелкните правой кнопкой мыши (ПК) и под Упорядочить выберите Отправить Назад . Название книги и имя издателя на корешке будут выведены на передний план.
15. Добавьте дополнительный логотип и веб-сайт на заднюю обложку
.Независимо от того, предназначена ли ваша обложка для первой самостоятельно изданной книги или следующего большого бестселлера, всегда полезно добавить логотип/название компании и веб-сайт или контактный адрес на заднюю обложку. Это также хорошее место, чтобы отдать должное фотографу и, конечно же, себе — дизайнеру обложки!
В этом примере я удерживал нажатой Shift , перетаскивая Инструмент «Прямоугольная рамка» (F) , чтобы создать маленькую квадратную рамку в левом нижнем углу задней обложки.
Затем File , Place и я вставил логотип белого цвета, чтобы он соответствовал цветовой гамме обложки.
Чуть ниже этого, выровнявшись по левому и нижнему полям, я создал Текстовый фрейм и вставил адрес веб-сайта. Вы также можете вставить белую рамку для штрих-кода и/или сведений о цене, которые будут вставлены поверх. Существует множество доступных веб-сайтов и программ, которые могут генерировать уникальные штрих-коды и могут быть полезны, если ваша книга предназначена для распространения и продажи.
16. Подготовьте обложку к отправке в печать
Во-первых, и это важно, проверьте отсутствие орфографических ошибок. Убедитесь также, что рисунок выходит за края документа до краев выпуска за обрез.
Коснитесь « W », чтобы перемещаться между видами Обычный и Предварительный просмотр , чтобы убедиться, что вы довольны своей окончательной обложкой.
Перейдите к File , Export и выберите Adobe PDF (Print) из раскрывающегося меню.Выберите подходящее имя файла и место для сохранения PDF-файла, затем нажмите Сохранить .
В разделе General и в раскрывающемся меню Adobe PDF Preset выберите Press Quality .
В разделе Marks and Bleeds выберите All Printer’s Marks в меню Marks и выберите Use Document Bleed Settings в меню Bleed and Slug .
Отличная работа, готово!
Отличная работа, теперь у вас есть красивая обложка, готовая к печати!
Обложка фонового изображения входа в систему APEX
Какое-то время я хотел поиграть с обложками на страницах входа, и когда Киган задал аналогичный вопрос в Твиттере, мне стало достаточно любопытно, чтобы в конечном итоге поиграть.
Кто-то упомянул соответствующую ссылку на CSS-Tricks Perfect Full Page Background Image, но после того, как я быстро нашел видео, которое Киган, должно быть, сделал скриншот в своем твите, я понял, что нам, разработчикам APEX, нужно использовать следующее вместо «html» в качестве нашего селектора.
.t-PageBody--login
Обновление для APEX 19.2 : Через несколько дней после того, как я обсуждал ограничение ссылок на классы Universal Theme (UT), особенно на вложенные. Я обнаружил, что мой первоначальный расширенный номер .t-PageBody--логин .t-Body более недействителен в 19.2 UT.
Как предложил Питер, было бы здорово иметь набор примечаний к выпуску в дополнение к существующему документу apex.oracle.com/ut.
Возможно, я не ожидал, что этот конкретный пример будет детализирован, но знать, где искать, было бы здорово.
Экстраординарный плагин Даниэль предлагает
использование 16:9 1920×1080 для стандартного UT использование запросов мультимедиа css для разных размеров экрана с пулом 2/3 изображенийВ примере, который я применил, используется медиа-запрос CSS для , а не , использующий фоновое изображение для небольших экранов, поскольку оно может выглядеть слишком занятым.
<стиль>
@media (min-width:400px) { /* все, кроме мобильных устройств */
.t-PageBody -- логин .t-Body {
фон: url(#IMAGE_PREFIX#cover_images/&P101_IMAGE.) фиксированный центр без повторов;
-webkit-background-size: обложка;
-moz-background-size: обложка;
-o-background-size: обложка;
размер фона: обложка;
}
}
Я определил этот CSS в регионе, поэтому я мог применить параметр сборки «только для разработчиков». В качестве альтернативы, это может быть регион PL/SQL с кодом, абстрагированным/инкапсулированным в пакете PL/SQL, возможно, с использованием пакета htp.| Стиль внутри региона |
В качестве эксперимента я подумал, могу ли я чередовать несколько изображений, чтобы каждый раз, когда кто-то посещал страницу входа, он видел одно изображение из множества.Итак, я определил элемент со следующим вычислением:
'красота'||floor(dbms_random.value(1,8))||'.jpg'
Мы можем подтвердить равномерно распределенный расчет, запустив это вычисление много раз. и подсчет результатов.
выберите количество (*), значение из ( выберите пол (dbms_random.value (1,8)) val от двойного подключения по уровню < 10000 ) сгруппировать по значению СЧЁТ(*) ЗНАЧ 1413 1 1445 6 1412 2 1420 5 1411 4 1415 3 1483 7Это случайный выбор из небольшого набора фотографий в папке.Я использовал подборку, которую собрал с APOD.
И вуаля, вдохновляющая страница входа.
| Вход в систему APEX с фоновым изображением обложки |
Краткий эксперимент предлагает запускать вычисление только тогда, когда P101_IMAGE имеет значение null, и только очищать поля входа в систему (не весь кэш страницы) во время обработки страницы.Это может быть последним украшением, которое вам нужно после сутенерства вашей страницы входа.
Не забывайте, что вы также можете стилизовать бэкэнд-логин.
Еще раз спасибо сообществу #orclapex за то, что сделали это легко.
Как создать виртуальный фон Zoom для ваших видеозвонков
С ростом числа людей, работающих дома, и ростом спроса на виртуальное общение видео Zoom действительно стало популярным приложением для видеоконференций.
Независимо от того, являетесь ли вы удаленным бизнесом, студентом, учителем, проводящим онлайн-класс, или человеком, который общается с друзьями или семьей.Видео Zoom, вероятно, ваш лучший выбор для надежных видеозвонков.
Классная функция, которую предлагает приложение, — это возможность добавлять виртуальное фоновое изображение Zoom к вашему видео.
Демонстрация одного и того же фона в вашем доме может стать повторяющейся, поэтому добавление виртуального фона может действительно оживить ситуацию.
Возможность добавления виртуального фона Zoom дает вам свободу творчества. Вы можете легко настроить фоновое изображение для видео, включив в него живописную фотографию или даже добавив текст, чтобы лучше представить себя клиентам.
Мы включили в эту статью все, что вам нужно знать о виртуальных фонах Zoom, и даже предоставили несколько примеров для справки!
Как создать виртуальный фон Zoom бесплатно
Вот краткое видеоруководство, которое мы сделали, чтобы помочь вам создать и добавить виртуальное фоновое изображение Zoom бесплатно!
Создать фоновое изображение для Zoom очень просто, и если у вас есть правильный размер и требования, вы можете создать его менее чем за 5 минут.
Чтобы упростить задачу, мы собираемся использовать Snappa, который дает вам возможность настроить изображение по своему вкусу!
Что такое размер и размеры фона Zoom?
Лучший размер фонового изображения Zoom — 1920 на 1080 пикселей .
Это соотношение сторон 16:9. Zoom заявляет, что использование других размеров может привести к тому, что виртуальное фоновое изображение будет обрезано черными полосами.
Несколько других требований, которые вы должны учитывать в отношении виртуального фона Zoom, включают:
- Размер фоновой фотографии Zoom не должен превышать 5 МБ
- Допустимые форматы файлов: JPG/JPEG, 24-битный PNG или GIF должна быть не ниже версии 3.5.19327.0620 или выше
Как добавить виртуальный фон в Zoom Video
Добавить виртуальный фон в Zoom довольно просто, если у вас есть фоновое изображение.Первое, что вам нужно сделать, это перейти на веб-сайт Zoom и войти в свою учетную запись. Затем вам нужно нажать «Моя учетная запись» и перейти к настройкам.
Войдя в свою учетную запись, перейдите на вкладку «Настройки» в левой части экрана.
Теперь вам нужно прокрутить вниз до раздела «В совещании (дополнительно)» , и отсюда вы сможете включить «Виртуальный фон» для видеоконференций Zoom.
После того, как вы включили настройку фона в своей учетной записи Zoom, теперь вы можете открыть настольное приложение Zoom. Когда он откроется и вы войдете в систему, вам нужно перейти к значку шестеренки в правом верхнем углу под изображением вашего профиля.
Когда вы перейдете к настройкам Zoom, вам нужно щелкнуть вкладку «Виртуальный фон» в меню слева, и отсюда вы сможете добавлять, удалять и редактировать фоновое изображение.
Примеры фоновых изображений Zoom для использования
Простой фирменный фон
Одним из самых популярных фонов будет выбор простого фонового изображения и добавление вашего логотипа или какого-либо текста, чтобы сохранить бренд во время видеозвонка.Убедитесь, что ваш текст находится слева или справа, чтобы вы не блокировали его во время разговора.
Офисное телешоу
Есть любимое телешоу или фильм? Повеселитесь со своим фоном, добавив сцену из шоу в качестве фона. В этом случае мы добавили кадр из офиса, чтобы использовать его в качестве виртуального фона!
Work With a View
Возможно, ваш рабочий стол не получает достаточного количества естественного света, или ваш домашний офис не представляет собой ничего особенного.
Что ж, теперь вы можете работать с видом в офисе своей мечты.
Путешествуйте куда угодно
Хотите сменить обстановку? Вы можете путешествовать в любую точку мира, выбрав фотографию своего любимого города и используя ее в качестве фона видео Zoom. Пустыня - наша цель!
Эстетически чистый фон
Если вы хотите, чтобы все было профессионально и чисто, почему бы просто не использовать эстетически приятный фон. Некоторые красивые растения с небольшим количеством естественного света решают эту проблему и упрощают жизнь!
Заключительные мысли
Наличие цифрового фона для ваших видеоконференций может быть интересным, но также и полезным во многих отношениях! Это отличный способ сохранить единообразие вашего онлайн-бренда, а также отличный способ оживить ваши онлайн-видеовстречи.
Существует так много разных способов творчества с цифровыми фоновыми фотографиями, и в Интернете так много бесплатных ресурсов, из которых вы можете получить свои изображения! Настройте свои фотографии и убедитесь, что вы выделяетесь на своих конференциях!
У вас есть какие-нибудь идеи для фоновой фотографии Zoom? Дайте нам знать в комментариях ниже, что вы используете в качестве цифрового фона!
.
