Как в фотошопе сделать надпись на фото
У меня есть буквально парочка статей про фотошоп, но, исходя из статистики, поисковки настойчиво выдают мой сайт в результатах поиска по запросу “сделать надпись на фотографии”. Я понимаю, что это из-за статьи про надпись на песке, но все-таки люди-то приходят и не находят нужной информации. Так зачем же так обламывать наивных посетителей. Решила, что раз нет, но хотят, то надо сделать пост на эту тему, тем более что особого труда это не составляет.
Я не знаю, что конкретно хотят посетители, подразумевая запрос “надпись на фото”, но мне кажется что это типа проставления копирайта. Некторые возможно хотят написать что-нибудь на фотке типа как на открытке. Кто знает… Свой пример я распишу подробно и будет он именно как сделать копирайт на своей фотографии.
Есть у меня фотография кошака, сделанная как-то на деревне у бабушки.
Фотографию я размещала в Интернете, но предпочитаю все-таки вставлять информацию об авторстве или как сейчас называют — свой копирайт.
Откроем оригинал снимка в фотошопе. Уменьшим для начала размер, иначе неудобно будет выкладывать в Интернет. Неудобно будет и тем, кто будет просматривать эту фотографию. Хорошо, если какие-то сервисы фотографию зрительно уменьшают, но загружается-то она все равно в полном объеме, а значит нагрузка на трафик зрителей. Кроме того, если сервисы фотку не уменьшат даже зрительно, то посетитель увидит фотографию в большом формате, т.е. только верхний левый край. А это страшно бесит, поверьте.
Уменьшается фотография посредством меню “Изображение” → “Размер изображения”.
Внимание! Здесь и далее нажимайте на картинки, чтобы увидеть их в полный размер и все подробно разглядеть
Выбираем нужную ширину, высота подгонится автоматически, если проставлена галочка “Сохранить пропорции”.
Теперь дело за текстом. В панели слева выбираем кнопку с буквой “Т”, т.е. функцию “Текст”.
Кликаем мышкой в месте, где примерно хотите разместить текст и набирайте нужные слова.
При этом наверху появится панель с атрибутами для текста: тип шрифта, цвет и размер шрифта, форма надписи, дополнительные параметры (промежутки между буквами, высота междустрочья, подчеркнутый или зачеркнутый шрифт и т.д.). Желательно цвет шрифта делать контрастным, т.е. на темном писать светлым, а на светлом темным.
Я, как видите, предпочла свое авторство напечатать обычным белым шрифтом. Можно было оставить горизонтально, чтобы надпись шла по нижней кромке фотографии, но по-моему вертикально она меньше бросается в глаза. Не нужно, чтобы ваш копирайт слепил глаза, кому надо, то прочтет и боком, а кому не надо, того не нужно заставлять видеть, что автор вы и никто другой.
Чтобы повернуть текст, выбираем слой с текстом активным, идем в меню “Редактирование” → “Трансформирование” → “Поворот на 90° против часовой”.
Тут уж смотря как вы захотите, можете крутить-вертеть как хотите и даже делать в перспективе и т.д. Я вот захотела именно так.
Подвигайте текст, чтобы разместить его в самом удобном, по вашему мнению, месте на фотографии. Получилось:
Опять же можно уже остановиться на данном этапе, но мне хочется чтобы копирайт был заметен еще меньше. Иду в “Параметры наложения” слоя с текстом и применяю прозрачность в 65%. Вот теперь очень и очень неплохо.
Уже ради интереса решила поэкспериментировать и с тенью. Опять в параметрах слоя, выбираю подменю “Тень” и там устанавливаю разные параметры. Если включена галочка “Просмотр”, то меняя те или иные настройки вы можете наблюдать как изменяется ваша надпись. Тут можете также делать все как заблагорассудится.
Готовый вариает фотографии с копирайтом сохраняем.
Идем в пункт меню “Файл” → “Сохранить для web…”, там выбираем формат фотографии .jpeg и устанавливаем бегунок на отметке 80. Джипег самый распространненый формат в Интернете, поэтому вы ничего не потеряете, если установите именно его. Качество изображения 80 является отличным. Внешне фотография не теряет качества, зато сжатие очень хорошее, вес фото уменьшается в разы.
Что получилось в итоге:
Чтобы в будущем не делать надписи заново и заново на всех фотках, можно использовать эту же самую. Для этого сохраните файл еще и как фотошоп-проект. Пройдите в меню “Файл” → “Сохранить как…”, напишите любое название проекта и выберите из выпадающего списка формат .psd . В следующие разы вам просто надо будет необходимо открыть этот файл и открыть новые фотографии, на которые вы хотите проставить копирайт. Копируйте из этого проекта слой с текстом на новые фотографии, вот и все.
Ну что ж. Урок простой. Некоторые профессионалы подумают, что такую ерунду и писать не стоит и я тут позорюсь, что разжевываю еще подобное, но я считаю, что люди есть разного уровня знаний в данной области. Для новичков эта статья может оказаться полезной, ведь интересуются же люди через поисковики по данной теме. Надеюсь пригодится!!! :)
Трекбек
Ссылка для трекбека:
http://florchik.ru/blog/photo/1343.html/trackback
Комментарии
Мария, огромное спасибо! Всё очень понятно и прозрачно, даже я - полный ламер в фотошопе - смогла сделать копирайт :)
Цитата
Спасибо… одним словом:)
Цитата
Спасибо, помогло закопирайтеть пару фоток
Цитата
Большое Вам спасибо! Все рассказали и показали очень понятно, сейчас начну делать надпись =)
Цитата
А вот интересно, можно таким образом поставить на фото ссылку на сайт? чтоб перейти можно было.
Цитата
Конкретно таким способос, т.е. через фотошоп нельзя. Вы можете сделать просто текстовую ссылку, но перейти по ней будет нельзя.
Для активной же ссылки в любом случае придется использоваться html. Сходу в голову приходят два варианта:
1. Вы вставляете картинку с уже написанной в фотошопе ссылкой и присваиваете ей map, указывая координаты этой ссылки. При наведении на эти координаты человек будет переходить туда, куда вы укажете в коде.
2. Картинку вставляете без всяческих на ней текстов. Вставляете ее через стили как background, а потом в этом же месте вставляете блок с активной ссылкой куда надо.
Если вы разбираетесь в сайтах как-то, то поймете, что я имею ввиду. Если нет, то лучше не забивайте себе голову. Проще всего сделать просто, что картинка ведет на какой-то сайт, т.е. при нажатии на нее пользователь переходит как по ссылке.
Цитата
Хороший урок! большое спасибо. Разъяснили всё ясно, чётко и по шагам!!
Для “Витя” Вставка текста ссылки это уже не фотошоп дизайн а HTML программирование.)))
Цитата
Спасибо большое!=)
Цитата
А можно подробнее для бестолковых по последнему пункту,как копировать из проекта слой на новые фото….Спасибо.
Цитата
Спасибо! хорошая статья. а можно сделать так, чтобы один раз написать и много раз вставлять на свои фото
Цитата
Большое спасибо за хороший урок с полезной информацией. Но хотелось бы еще узнать как копировать слой с текстом на другие фото. Спасибо!
Цитата