Сделайте заголовок с инструкциями: 8 шагов (с изображениями)

2025 Автор: John Day | [email protected]. Последнее изменение: 2025-01-23 15:05

Заголовок Instructables всегда был довольно простым, но мы подумали, что было бы интересно поиграть с некоторыми изображениями вверху, которые связаны с созданием вещей. Чтобы было немного интереснее, мы не хотели добавлять какие-либо элементы к фотографии позже в Photoshop. Мы могли немного подправить изображения и удалить что-то, но ничего нельзя было добавить. Это означало, что логотип действительно должен был быть там. Спасибо Adobe за предоставленную возможность протестировать предварительную копию Photoshop CS5, чтобы быстро и легко получить этот эффект.

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

Мы любим лазерную резку, и этот логотип не стал исключением. Логотип здесь вырезан из белого акрила 1/8 дюйма на нашем лазерном резаке Epilog. Буквы были слегка вырезаны, так что защитный слой наверху был прорезан без очень глубокого проникновения в акрил. Это позволяет удалить только буквы и остальное пространство все еще закрыты.

Шаг 2: Покраска

С защитным слоем, действующим как трафарет, легко нанести логотип на акрил распылением. Я замаскировал стороны малярным скотчем и использовал пару слоев черной аэрозольной краски. После этого защитный слой легко снять. Единственная уловка - поместить маленькие островки внутри нескольких слоев. Просто вставьте кончик лезвия X-acto ножа, и он вылетит.

Шаг 3: прикрепите опоры

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

Шаг 4: разместите логотип в сценах

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

Шаг 5: Проклятое пятно

Самый крутой инструмент здесь - улучшенная кисть для удаления пятен. Пару мазков и КАК! булавки - история. Раньше это было бы неплохо, но теперь это просто невероятно просто. Серьезно, удаление двух штифтов заняло всего 10 секунд. Это похоже на волшебство. Сладкая, сладкая алгоритмическая магия. А чтобы избавиться от логотипа на ноже? Еще одно использование кисти для удаления пятен через несколько секунд. Потрясающие!

Шаг 6: масштабирование

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

1. Сделайте выбор, который включает элементы, которые вы не хотите изменять.
2. Сохраните выделение с каким-нибудь необычным именем, например "вещи".
3. Выберите Edit> Content-Aware Scale.
4. В раскрывающемся списке "Защита" выберите "материал".
5. Растянуть изображение

Presto change-o, теперь есть много места для отображения пунктов меню.

Шаг 7: очистите цвета и уменьшите их

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

Шаг 8: другие заголовки

Этот процесс также использовался для 4 других заголовков недели. Здесь вы можете увидеть до и после снимков на разные темы. Спасибо за чтение!