Как сделать логотип в фотошопе. как потом его поместить на вашу картинку? Именно об этом мой урок.
Думаю, что урок по созданию логотипа в фотошопе не является новым, и Вы смогли бы найти такие или подобные уроки во всемирной сети, но моя читательница и даже приятельница попросила меня сделать такой урок, чтобы потом сделать для себя логотип и использовать его для оформления фотографий или картинок, которые она использует на своем сайте. Говорят, что логотип на картинках статьи значительно поднимает рейтинг сайта.
Давайте будем учиться!
1. Открываем фотошоп и создаем новый файл (меню — файл — создать) размером, например, 400х200 для коротких доменов, у меня доменное имя длинное и я взяла 600х200, с разрешением 72, с прозрачным фоном. Не беспокойтесь о длине и ширине, лишнее всегда можно обрезать. Безусловно, что совсем не обязательно писать доменное имя, можно написать ваше имя, имя вашей компании и так далее.
2. Активизируем инструмент текст и выбираем из меню инструмент Горизонтальный текст
3. Выбираем в панели шрифтов достаточно толстенький текст, если вы будете писать латинскими буквами, то уверена, вы угадаете, а вот русские буквы поддерживают не все шрифты. Я выбрала Berlin Sans FB Demi, размер 12 пк.
4. Начинаем писать свой текст (цвет букв черный), не беда, если при написании текст сместится в сторону, потом, когда вы закончите писать, кликните по иконке текста в панели слоев, и вместо буквы Т у вас появится ваше слово. Потом вы смело сможете его двигать инструментом Перемещение (см. слева, на вертикальной панели инструментов верхняя стрелка с +)
5. Приукрасим свой текст немного. Идем в панель слоев и кликаем по слою с текстом 2 раза левой кнопкой мыши или наступаем правой и в выпадающем окне ищем позицию Параметры наложения
6. Можно добавить обводку, внутренне свечение, но на мой взгляд, достаточно просто тиснения.
7. Чтобы ваш текст получился прозрачным, ставим заливку на значение 0%. Это вверху над слоем текста в панели слоев.
8. Теперь обрезаем лишний фон с вашего логотипа. Идем в меню — изображение — тримминг.
9. В открывшемся окне жмем ОК.
10. Получаем вот такую картинку.
11. Сохраняем ваш логотип в формате PDS, для чего идем в меню — файл — сохранить как.
12. Сохраняете в формате PSD в любом месте, я сохранила на рабочем столе. Не забудьте только место, где вы ее сохранили.
13. Наступил момент, когда вы подготовили картинку для своей статьи, и вам нужно ее персонализировать.Для этого открываем ее в фотошопе, идем в меню -файл -поместить.
14. Разыскиваем место, где вы оставили свой логотип, наступаем на него и кликаем по кнопке Поместить.
15. Видим такую картину. Если размер вашей фотографии большой, то логотип можно увеличить, для чего зажимаем Shift подводим указатель мыши к углу логотипа и тянем, понимаете, что достаточно, тогда жмем клавишу Enter.
16. После этого инструментом Перемещение (он у меня активен) переносим логотип в нужное место. После чего сохраняете свою картинку в формате jpg в удобном для вас месте. Напоминаю: меню — файл — сохранить как — формат jpg. После чего закрываем фотошоп без сохранения файла PDS. Он нам не нужен.
Могу показать вам то, что у меня получилось в большом формате. На фотографии старинная тюрьма во французском городе Анси. Город потрясающий. Возможно, что я расскажу вам о нем позже.
Теперь вы знаете, как сделать логотип в фотошопе. Надеюсь, что вы сможете использовать полученные знания и навыки для оптимизации ваших статей. Удачи вам!
2016-07-31 в 13:24
И Вам спасибо, Ирина! Рада, если пригодился! К сожалению, уже опубликованные статьи по фотошопу здесь нет возможности перенести на мой сайт по фотошопу. Он открылся позже, и писать туда часто не получается, но, если Вам интересно, то Вы можете посмотреть и его. Баннер есть здесь вверху левого сайтбара с главной страницы. В статьях открывается только правый сайтбар. Милости прошу и удачи!
2016-07-31 в 20:20
Было бы удобнее, если бы все статьи по Photoshop находились на новом сайте.(Я уже давно туда сходила).Но многие Ваши постоянные читатели уже знают, где и что искать, не пропадем,не заблудимся
Как сделать логотип в фотошопе.
Как сделать логотип в фотошопе.
Как сделать логотип в фотошопе. как потом его поместить на вашу картинку? Именно об этом мой урок.
Думаю, что урок по созданию логотипа в фотошопе не является новым, и Вы смогли бы найти такие или подобные уроки во всемирной сети, но моя читательница и даже приятельница попросила меня сделать такой урок, чтобы потом сделать для себя логотип и использовать его для оформления фотографий или картинок, которые она использует на своем сайте. Говорят, что логотип на картинках статьи значительно поднимает рейтинг сайта.
Давайте будем учиться!
1. Открываем фотошоп и создаем новый файл (меню — файл — создать) размером, например, 400х200 для коротких доменов, у меня доменное имя длинное и я взяла 600х200, с разрешением 72, с прозрачным фоном. Не беспокойтесь о длине и ширине, лишнее всегда можно обрезать. Безусловно, что совсем не обязательно писать доменное имя, можно написать ваше имя, имя вашей компании и так далее.
2. Активизируем инструмент текст и выбираем из меню инструмент Горизонтальный текст
3. Выбираем в панели шрифтов достаточно толстенький текст, если вы будете писать латинскими буквами, то уверена, вы угадаете, а вот русские буквы поддерживают не все шрифты. Я выбрала Berlin Sans FB Demi, размер 12 пк.
4. Начинаем писать свой текст (цвет букв черный), не беда, если при написании текст сместится в сторону, потом, когда вы закончите писать, кликните по иконке текста в панели слоев, и вместо буквы Т у вас появится ваше слово. Потом вы смело сможете его двигать инструментом Перемещение (см. слева, на вертикальной панели инструментов верхняя стрелка с +)
5. Приукрасим свой текст немного. Идем в панель слоев и кликаем по слою с текстом 2 раза левой кнопкой мыши или наступаем правой и в выпадающем окне ищем позицию Параметры наложения
6. Можно добавить обводку, внутренне свечение, но на мой взгляд, достаточно просто тиснения.
7. Чтобы ваш текст получился прозрачным, ставим заливку на значение 0%. Это вверху над слоем текста в панели слоев.
8. Теперь обрезаем лишний фон с вашего логотипа. Идем в меню — изображение — тримминг.
9. В открывшемся окне жмем ОК.
10. Получаем вот такую картинку.
11. Сохраняем ваш логотип в формате PDS, для чего идем в меню — файл — сохранить как.
12. Сохраняете в формате PSD в любом месте, я сохранила на рабочем столе. Не забудьте только место, где вы ее сохранили.
13. Наступил момент, когда вы подготовили картинку для своей статьи, и вам нужно ее персонализировать.Для этого открываем ее в фотошопе, идем в меню -файл -поместить.
14. Разыскиваем место, где вы оставили свой логотип, наступаем на него и кликаем по кнопке Поместить.
15. Видим такую картину. Если размер вашей фотографии большой, то логотип можно увеличить, для чего зажимаем Shift подводим указатель мыши к углу логотипа и тянем, понимаете, что достаточно, тогда жмем клавишу Enter.
16. После этого инструментом Перемещение (он у меня активен) переносим логотип в нужное место. После чего сохраняете свою картинку в формате jpg в удобном для вас месте. Напоминаю: меню — файл — сохранить как — формат jpg. После чего закрываем фотошоп без сохранения файла PDS. Он нам не нужен.
Могу показать вам то, что у меня получилось в большом формате. На фотографии старинная тюрьма во французском городе Анси. Город потрясающий. Возможно, что я расскажу вам о нем позже.
Теперь вы знаете, как сделать логотип в фотошопе. Надеюсь, что вы сможете использовать полученные знания и навыки для оптимизации ваших статей. Удачи вам!
2016-07-31 в 13:24
И Вам спасибо, Ирина! Рада, если пригодился! К сожалению, уже опубликованные статьи по фотошопу здесь нет возможности перенести на мой сайт по фотошопу. Он открылся позже, и писать туда часто не получается, но, если Вам интересно, то Вы можете посмотреть и его. Баннер есть здесь вверху левого сайтбара с главной страницы. В статьях открывается только правый сайтбар. Милости прошу и удачи!
2016-07-31 в 20:20
Было бы удобнее, если бы все статьи по Photoshop находились на новом сайте.(Я уже давно туда сходила).Но многие Ваши постоянные читатели уже знают, где и что искать, не пропадем,не заблудимся
Как сделать логотип в фотошопе?
Давайте попробуем создать хороший, качественный логотип с помощью Photoshop.
Большинство заказчиков подразумевают под словом логотип небольшую картинку, на которую они потом долго смогут любоваться на своём компьютере. Главная проблема начинается тогда когда заказчик решит пустить его в дело. Например, вдруг решит напечатать большой плакат. Или попробует сделать святящуюся вывеску для своего какого-нибудь малого частного бизнеса.
Ну вот счастливый заказчик уверенно отсылает картинку в фирму, которая занимается созданием светящихся вывесок. Но проходит всего несколько часов и обычно приходит ответ — спасибо большое, нам понятно какой вам логотип вам нужен, но пришлите его пожалуйста в кривых. Из того, что вы нам прислали никак не сделаешь нормальную вывеску. Если же у вас нет вашего логотипа в кривых то за дополнительную скромную плату мы вам его сделаем. Ну откровенно говоря, такой логотип который достался заказчику можно использовать только для шапки сайта.
Всё дело в том, что логотипы чаще всего делаются в векторе. И так было не всегда. Когда то давным давно логотипы рисовали иллюстраторы и художники на огромных-преогромных холстах. В современном мире графики растровый логотип практически ни на что не годен, вы сможете разве что его уменьшить и распечатать. А вот векторный логотип напротив представляет собой математическую информацию. Его очень легко увеличить для печати на любой поверхности, а потом загрузить в какой-нибудь Автокад, или в машину для выпиливания фигур. В этом то и заключается проблема, вектор намного проще адаптировать. Вы сможете практически где угодно сделать ваш логотип и у вас с этим не возникнет никаких проблем.
Продолжение читайте в следующей части.
Как сделать логотип в фотошопе.
Как сделать логотип в фотошопе.
Как сделать логотип в фотошопе. как потом его поместить на вашу картинку? Именно об этом мой урок.
Думаю, что урок по созданию логотипа в фотошопе не является новым, и Вы смогли бы найти такие или подобные уроки во всемирной сети, но моя читательница и даже приятельница попросила меня сделать такой урок, чтобы потом сделать для себя логотип и использовать его для оформления фотографий или картинок, которые она использует на своем сайте. Говорят, что логотип на картинках статьи значительно поднимает рейтинг сайта.
Давайте будем учиться!
1. Открываем фотошоп и создаем новый файл (меню — файл — создать) размером, например, 400х200 для коротких доменов, у меня доменное имя длинное и я взяла 600х200, с разрешением 72, с прозрачным фоном. Не беспокойтесь о длине и ширине, лишнее всегда можно обрезать. Безусловно, что совсем не обязательно писать доменное имя, можно написать ваше имя, имя вашей компании и так далее.
2. Активизируем инструмент текст и выбираем из меню инструмент Горизонтальный текст
3. Выбираем в панели шрифтов достаточно толстенький текст, если вы будете писать латинскими буквами, то уверена, вы угадаете, а вот русские буквы поддерживают не все шрифты. Я выбрала Berlin Sans FB Demi, размер 12 пк.
4. Начинаем писать свой текст (цвет букв черный), не беда, если при написании текст сместится в сторону, потом, когда вы закончите писать, кликните по иконке текста в панели слоев, и вместо буквы Т у вас появится ваше слово. Потом вы смело сможете его двигать инструментом Перемещение (см. слева, на вертикальной панели инструментов верхняя стрелка с +)
5. Приукрасим свой текст немного. Идем в панель слоев и кликаем по слою с текстом 2 раза левой кнопкой мыши или наступаем правой и в выпадающем окне ищем позицию Параметры наложения
6. Можно добавить обводку, внутренне свечение, но на мой взгляд, достаточно просто тиснения.
7. Чтобы ваш текст получился прозрачным, ставим заливку на значение 0%. Это вверху над слоем текста в панели слоев.
8. Теперь обрезаем лишний фон с вашего логотипа. Идем в меню — изображение — тримминг.
9. В открывшемся окне жмем ОК.
10. Получаем вот такую картинку.
11. Сохраняем ваш логотип в формате PDS, для чего идем в меню — файл — сохранить как.
12. Сохраняете в формате PSD в любом месте, я сохранила на рабочем столе. Не забудьте только место, где вы ее сохранили.
13. Наступил момент, когда вы подготовили картинку для своей статьи, и вам нужно ее персонализировать.Для этого открываем ее в фотошопе, идем в меню -файл -поместить.
14. Разыскиваем место, где вы оставили свой логотип, наступаем на него и кликаем по кнопке Поместить.
15. Видим такую картину. Если размер вашей фотографии большой, то логотип можно увеличить, для чего зажимаем Shift подводим указатель мыши к углу логотипа и тянем, понимаете, что достаточно, тогда жмем клавишу Enter.
16. После этого инструментом Перемещение (он у меня активен) переносим логотип в нужное место. После чего сохраняете свою картинку в формате jpg в удобном для вас месте. Напоминаю: меню — файл — сохранить как — формат jpg. После чего закрываем фотошоп без сохранения файла PDS. Он нам не нужен.
Могу показать вам то, что у меня получилось в большом формате. На фотографии старинная тюрьма во французском городе Анси. Город потрясающий. Возможно, что я расскажу вам о нем позже.
Теперь вы знаете, как сделать логотип в фотошопе. Надеюсь, что вы сможете использовать полученные знания и навыки для оптимизации ваших статей. Удачи вам!
2016-07-31 в 13:24
И Вам спасибо, Ирина! Рада, если пригодился! К сожалению, уже опубликованные статьи по фотошопу здесь нет возможности перенести на мой сайт по фотошопу. Он открылся позже, и писать туда часто не получается, но, если Вам интересно, то Вы можете посмотреть и его. Баннер есть здесь вверху левого сайтбара с главной страницы. В статьях открывается только правый сайтбар. Милости прошу и удачи!
2016-07-31 в 20:20
Было бы удобнее, если бы все статьи по Photoshop находились на новом сайте.(Я уже давно туда сходила).Но многие Ваши постоянные читатели уже знают, где и что искать, не пропадем,не заблудимся
Как сделать логотип в фотошопе
В прошлый раз мы выяснили, что оказывается в Фотошопе можно сделать, пусть с небольшими изощрениями, визитку. В этот раз мы выясним, что Фотошоп способен и на вполне рабочий и пригодный для заказчика Логотип.
Логотип — вектор или растр?
Пожалуй большая часть заказчиков под логотипом подразумевает не более чем картинку, которую они смогут посмотреть на своем компьютере. Основная проблема начинается тогда, когда заказчик, налюбовавшись на логотип в своем мониторе решает пустить его в дело. Например напечатать большой плакат размером с дом. Помнится именно такой плакат когда то вывешивал сайт Delfi. Или сделать светящуюся вывеску для своего магазина. Или напечатать календари с большим красивым логотипом, горячим, из под лапы дорогого дизайнера.
И вот уже счастливый заказчик отсылает свою мониторную картинку в фирму, создающую святящиеся вывески для магазинов. Но проходит пару часов, и заказчик получает ответ: «Большое спасибо, мы поняли какой у вас логотип. Никаких проблем, вывеску сделаем. Но, пожалуйста, пришлите нам логотип в кривых. Вы прислали нам не пойми какую картинку в JPG размером 500 на 400 px. Из этого не сделать вывеску. Если у вас нет логотипа в кривых, мы с удовольствием примем от вас дополнительную сумму денег за «векторизацию» логотипа.» Да, пожалуй подобный логотип, который достался нашему заказчику можно использовать разве что для шапки сайта. И кстати о векторизации, если вас интересует этот вопрос, почитайте мою статью Из растра в вектр.
Дело в том, логотипы делаются в векторе. Конечно, так было не всегда. Во времена моей бабушки логотипы рисовали художники и иллюстраторы на огромных холстах. В современном компьютерном мире растровый логотип — мертвый логотип. Его можно, разве что уменьшить если он большой или распечатать как есть. Векторный логотип — математическая информация о контурах логотипа. Его можно легко увеличить для печати на любой поверхности, его можно загрузить в Автокад, в спец машину по резке бумаги, в машину по выпиливанию фигур из материала.
Любая крупная компания в современном мире имеет брендбук и стратегию продвижения логотипа. То есть серию принятых внутри компаний правил позиционирования логотипа. Каким он должен быть? Что с ним можно делать. Где его можно печатать цветным, где его можно печатать стилизованным, где черно белым. Некоторые компании допускаю стилизацию, некоторые запрещают. Но в любом случае логотип начинается с простой черно-белой векторной фирмы. Затем идет фирменный стиль, затем идет стилизация.
Соглашусь, что некоторым компаниям, не выходящим за рамки веб пространства может никогда не понадобиться логотип в векторе, так как их лого не будет покидать пределы баннеров и шапки веб сайта. Однако при выходе в полиграфию и реальный мир вектор неизбежен.
Создаем лого в Фотошопе
В этом уроке-воркшопе по созданию лого в Фотошопе я использую свой старый логотип AQ, который я создавал для одного приятеля. Помню, мы договорились о бартере, я ему логотип и дизайн для CMS, он мне движок сайта и верстку. Правда, после того как я свою часть выполнил, ему показалось отличной идеей исчезнуть и не отвечать, вместо того чтобы сказать «Извини, совсем нет времени делать верстку». Данный логотип представляет из себя ряд простых овальных яйцеобразных объектов. Фотошоп представляет нам ряд весьма скудных инструментов для работы с векторными путями. К счастью, этих скудных инструментов вполне достаточно чтобы сделать 60% существующих логотипов, если не больше. Я начну с создания форм, буду ссылаться на другие уроки, которые помогут вам создать мой логотип, и конечно в конце урока каждый сможет скачать мой PSD фаил со всеми слоями.
Рисуем основные фигуры
Выберите инструмент Ellipce Tool и нарисуйте обычный эллипс. На панели настроек обязательна опция Shape Layer. И если вы не знаете что это, почитайте мою статью о режимах Shape Layer, Path и Fill Pixels. Если коротко, эта опция создает векторные контуры в виде векторной маски со слоем заливки. И именно так вектор отображается в Фотошопе.
Выберите другой инструмент Direct Selection Tool. он выделяет конкретные векторные точки и может изменять направление их направляющих. Кликните им по эллипсу. Затем выделите две средние точки, верхнюю и нижнюю. Чтобы выбрать сразу 2 точки, жмите SHIFT. Когда 2 точки выделены, потяните их назад, чтобы элипс принял яйцеподобную форму. Первая форма готова.
Как залить цветом? Найдите слой овала на панели слоев Layers. Кликните по иконке заливки, в появившемся окне выберите цвет.
Продублируйте получившееся яйцо. Layer Dublicate Layer. Выберите его на панели слоев и трансформируйте Edit Free transform. Если вы не понимаете что происходит, читайте мою статью Трансформирование в Фотошопе через Free Transform. Если коротко, Free Transform позволяет изменять форму чего угодно, на почти что угодно. Просто нажмите SHIFT. чтобы изменять форму пропорционально, и потяните за край рамки в сторону уменьшения. Залейте форму светло голубым цветом.
Опять продублируйте яйцо, опять воспользуйтесь Edit Free transform. но на этот раз просто сожмите яйцо по вертикали. Затем выберите Direct Selection Tool. опять выделите средние точки, и измените длину направляющих каждой из точек. Это уменьшит угол наклона между точками. Поздравляю, мы воссоздали форму яйца. И это первый шаг на пути создания логотипа в Фотошопе. Перейдем к буквам. Это яйцо залить нужно белым цветом.
Рисуем буквы в Фотошопе
Выберите самое первое яйцо и продублируйте слой. Поместите его на самый верх и воспользуйтесь Edit Free transform чтобы уменьшить его размер, до размера буквы, которая поместится внутри яйца. Не выключайте Free transform. потяните за средние якоря, чтобы расширить яйцо по вертикали.
Опять продублируйте это яйцо Layer Dublicate Layer. опять выберите инструмент Free Transform и уменьшите данный слой зажав SHIFT на клавиатуре, чтобы уменьшение было равномерным. Залейте получившуюся фигуру белым цветом и при необходимости, а она скорее всего возникнет, трансформируйте её ещё раз по вертикали и горизонтали, чтобы получить визуально равномерный контур буквы, вместо сужающегося по краям.
Опять продублируйте голубое яйцо от буквы Q и переместите его в левую сторону. Это будет основой для буквы А. Для начала разверните его в другую сторону Edit Transform Path Horisontal и сожмите его по горизонтали, чтобы придать более сжатую форму и при необходимости воспользуйтесь Direct Selection Tool. чтобы изменить фигуру точечно, например увеличить угол овала удлинив направляющие по краям.
Снова продублируйте этот овал, уменьшите размер, залейте белым, при необходимости сожмите по вертикали, чтобы контур буквы А получился равномерным.
Осталось дорисовать часть буквы Q. Выберите инструмент Rectangle Tool и нарисуйте небольшой прямоугольник. Залейте его белым цветом и поместите под букву Q. Продублируйте, и уменьшите его при помощи Free Transform. затем поместите выше буквы Q. Наш логотип в Фотошопе близится к завершению.
Создаем сложную векторную фигуру в Фотошопе
А теперь внимание. До сих пор мы играли в кружки. Сейчас будет нечто по сложнее. По крайней мере для моих пальцев, чтобы все это описать. По непонятным мне причинам вектор в фотошопе считается самой сложной темой. Я уверен что самая сложная тема в Фотошопе это Анимация и 3D, но никак не вектор. Если вы совсем не разбираетесь вам помогут мои статьи Зачем в Фотошопе вектор. Векторные инструменты рисования в Фотошопе и Векторные примитивы в Фотошопе. но больше всего для понимания следующих процессов, вам поможет моя статья Add, Subtract и Intersect так как именно этими режимами мы будем пользоваться все оставшееся время.
Выберите на слоях внешний голубой овал от буквы А. Теперь выберите инструмент Path Selection Tool и кликните по овалу. Овал будет выделен. А на слоях вы увидите, что ваша векторная маска подсветилась. Это потому что теперь мы работаем внутри векторной маски этого слоя. Далее предупреждаю, не пользуйтесь инструментом Move Tool. он управляет слоями. Используйте только Path Selection Tool. который с виду выглядит как черная стрелочка, но управляет не слоем целиком, а только векторным контуром в маске.
Выделите инструментом Path Selection Tool овал, затем Edit Copy и Edit Paste. Визуально ничего не произошло, но мы скопировали контур и теперь на маске их два. Второй контур не виден, так как находится в том же месте где первый. Это легко исправить. Кликните по контуру Path Selection Tool и перетащите его. Затем используйте Free transform чтобы деформировать контур. Я достаточно серьезно изменил форму овала, воспользовавшись не только Free transform но и Edit transform Path Warp
Повторите всю операцию. Выделите второй контур инструментом Path Selection Tool. нажмите SHIFT. На курсоре Path Selection Tool появится плюсик. Теперь передвиньте контур и он скопируется. И это второй способ дублировать контуры. B в этот раз я опять воспользовался трансформацией через Warp чтобы ещё сильнее изогнуть овал.
Теперь выделите инструмент Rectangle Tool. Визуально ничего не изменилось. Но обратитесь к панели настроек Rectangle Tool. Скорее всего там выбрана опция Create Shape New Layer. Воспользовавшись Rectangle Tool вы просто создадите другой слой с новой векторной маской. А мы этого не хотим. Мы хотим рисовать только на одном слое. Переключитесь в панели настроек на опцию Add to Shape Area (+) Эта настройка добавляет векторные пути на уже созданные векторные маски. Осталось только выделить правильную векторную маску на нужном векторном слое. Нарисуйте 2 прямоугольника.
Осталось собрать из всей этой горы нормальную фигуру и для этого мы воспользуемся режимами Add, Subtract, Exclude и Intersect. Настройка - Subtract превращает векторную фигуру в «вырезающую» векторную фигуру. Как в букве 0 присутствует 2 контура. Но один внешний, заполняющий, а второй, поменьше, вырезающий. Вот и выберите инструментом Path Selection Tool большой прямоугольник и овал, и переключитесь в настройках на Subtract from Shape Area (-)
Для точности выберите инструмент Rectangle Tool. в настройках поставьте Subtract from Shape Area (-) и отрежьте ещё один кусочек от буквы А. Затем выберите инструмент Direct Selection Tool. кликните по верхнему углу узкого прямоугольника, выделите векторную точку и потяните её вниз. Фигура приобрела смысл. И если все правильно, вы только что научились делать логотип в Фотошопе с нуля.
Сливаем векторные слои
Сливаем в несколько ином смысле. Я не собираюсь растеризовать слои, которые мы старательно отрисовывали в векторе. Но посмотрите что происходит на рабочей области. Что представляют собой наши векторные фигуры? По большей части это куча овалов, которые налезая друг на друга создают видимости сложных фигур. А на деле у нас только одна сложная фигура, буква А. Мы видим Q. но только потому что белый овал поверх голубого овала, а хвостик буквы Q пересекает основное яйцо, кажется будто в этом месте яйцо прерывается, чтобы дать хвостику Q выйти за пределы, но на самом деле белый прямоугольник визуально закрывает яйцо.
С одной стороны сойдет и так, а с другой стороны, каждая из этих фигур при сохранении в PDF создаст маску с растровой заливкой, которая будет встроена внутрь. Мы получим целую кучу слоев, маски которых будут перекрывать друг друга. Такой фаил будет больше весить, а в хаосе слоев невозможно разобраться, поэтому я предлагаю создать всего 3 сложные фигуры, вместо 104-х простых.
Начнем с буквы А. которая уже сложная, но белый овал сверху по прежнему существует в виде второго слоя, закрывающего часть буквы А. Выделите инструментом Move Tool маску белого овала, находящегося выше буквы А. Затем выделите векторный контр инструментом Path Selection Tool. Скопируйте его Edit Copy. Теперь кликните по маске слоя буквы A сделайте Edit Paste скопированного контура. Мы внедрили контур в маску буквы А. осталось задать ему правильные настройки и эти настройки - Subtract from Shape Area (-) Теперь вы можете смело удалить ненужный овал выше, у вас появилась сложная фигура. уверенности что вы более не будете менять контуры, выделите инструментом Path Selection Tool все контуры буквы A и слейте их нажав кнопочку Combine на панели настроек.
Проделайте тоже самое с буквой Q. Выделите белый хвостик и белый овал и скопируйте контуры внутрь основного голубого контур от буквы Q. Смените их настройки на Subtract from Shape Area (-) Затем скопируйте и видимую часть хвостика. И я бы слил буквы A и Q. так как они не предназначены для того чтобы находиться по отдельности друг от друга. В ходе подобной работы может оказаться ситуация, когда у вас внутри одной маски будет добавляющий контур, и скрывающий. И скрывающий будет перекрывать добавляющий. Вот что происходит на самом деле. Вырезающий контур вырезают добавляющий потому что находится выше по иерархии. На самом деле все эти контуры находятся не на одной плоскости. Конечно, в фотошопе нет «Слоев» контуров, ими невозможно управлять так как в Иллюстраторе. Все что мы можем сделать, это вырезать контур и скопировать его назад. Тогда он появится выше всех остальных контуров.
Аналогичную работу проделайте с контурами большого яйца чтобы в итоге получить всего 2 слоя — внешняя темно голубая полоска и внутренняя светло голубая. И мне кажется, мы только сто нарисовали логотип в векторе при помощи Фотошопа. Осталось только сохранить его в формат PSD. EPS или PDF.
Печать логотипа
В плане печати логотипа важны цвета. Работайте в цветовом режиме CMYK , Image Mode CMYK о котором вы подробно можете почитать в моей статье Цветовой режим CMYK. чтобы узнать, как готовить графику для печати почитайте статью Подготовка к печати за 10 минут. Если вы уверены, что логотип создается прежде всего для Веб контента я все равно посоветовал бы вам добиться максимально ярких цветов в CMYK. а затем уже переводить логотип в RGB для использования в веб. В таком случае вы будете уверены в том, что логотип будет выглядеть одинаково как на печати так и в интернете. И я надеюсь, что теперь вы сможете сами создать вполне профессиональный в техническом плане логотип.
Как обычно вы можете скачать фаил в формате PSD со всеми слоями. Для того чтобы скачать фаил нужно кликнуть по кнопочке Like для Facebook. После этого появится ссылка на скачивание.
Как сделать логотип в фотошопе.
Как сделать логотип в фотошопе.
Как сделать логотип в фотошопе. как потом его поместить на вашу картинку? Именно об этом мой урок.
Думаю, что урок по созданию логотипа в фотошопе не является новым, и Вы смогли бы найти такие или подобные уроки во всемирной сети, но моя читательница и даже приятельница попросила меня сделать такой урок, чтобы потом сделать для себя логотип и использовать его для оформления фотографий или картинок, которые она использует на своем сайте. Говорят, что логотип на картинках статьи значительно поднимает рейтинг сайта.
Давайте будем учиться!
1. Открываем фотошоп и создаем новый файл (меню — файл — создать) размером, например, 400х200 для коротких доменов, у меня доменное имя длинное и я взяла 600х200, с разрешением 72, с прозрачным фоном. Не беспокойтесь о длине и ширине, лишнее всегда можно обрезать. Безусловно, что совсем не обязательно писать доменное имя, можно написать ваше имя, имя вашей компании и так далее.
2. Активизируем инструмент текст и выбираем из меню инструмент Горизонтальный текст
3. Выбираем в панели шрифтов достаточно толстенький текст, если вы будете писать латинскими буквами, то уверена, вы угадаете, а вот русские буквы поддерживают не все шрифты. Я выбрала Berlin Sans FB Demi, размер 12 пк.
4. Начинаем писать свой текст (цвет букв черный), не беда, если при написании текст сместится в сторону, потом, когда вы закончите писать, кликните по иконке текста в панели слоев, и вместо буквы Т у вас появится ваше слово. Потом вы смело сможете его двигать инструментом Перемещение (см. слева, на вертикальной панели инструментов верхняя стрелка с +)
5. Приукрасим свой текст немного. Идем в панель слоев и кликаем по слою с текстом 2 раза левой кнопкой мыши или наступаем правой и в выпадающем окне ищем позицию Параметры наложения
6. Можно добавить обводку, внутренне свечение, но на мой взгляд, достаточно просто тиснения.
7. Чтобы ваш текст получился прозрачным, ставим заливку на значение 0%. Это вверху над слоем текста в панели слоев.
8. Теперь обрезаем лишний фон с вашего логотипа. Идем в меню — изображение — тримминг.
9. В открывшемся окне жмем ОК.
10. Получаем вот такую картинку.
11. Сохраняем ваш логотип в формате PDS, для чего идем в меню — файл — сохранить как.
12. Сохраняете в формате PSD в любом месте, я сохранила на рабочем столе. Не забудьте только место, где вы ее сохранили.
13. Наступил момент, когда вы подготовили картинку для своей статьи, и вам нужно ее персонализировать.Для этого открываем ее в фотошопе, идем в меню -файл -поместить.
14. Разыскиваем место, где вы оставили свой логотип, наступаем на него и кликаем по кнопке Поместить.
15. Видим такую картину. Если размер вашей фотографии большой, то логотип можно увеличить, для чего зажимаем Shift подводим указатель мыши к углу логотипа и тянем, понимаете, что достаточно, тогда жмем клавишу Enter.
16. После этого инструментом Перемещение (он у меня активен) переносим логотип в нужное место. После чего сохраняете свою картинку в формате jpg в удобном для вас месте. Напоминаю: меню — файл — сохранить как — формат jpg. После чего закрываем фотошоп без сохранения файла PDS. Он нам не нужен.
Могу показать вам то, что у меня получилось в большом формате. На фотографии старинная тюрьма во французском городе Анси. Город потрясающий. Возможно, что я расскажу вам о нем позже.
Теперь вы знаете, как сделать логотип в фотошопе. Надеюсь, что вы сможете использовать полученные знания и навыки для оптимизации ваших статей. Удачи вам!
2016-07-31 в 13:24
И Вам спасибо, Ирина! Рада, если пригодился! К сожалению, уже опубликованные статьи по фотошопу здесь нет возможности перенести на мой сайт по фотошопу. Он открылся позже, и писать туда часто не получается, но, если Вам интересно, то Вы можете посмотреть и его. Баннер есть здесь вверху левого сайтбара с главной страницы. В статьях открывается только правый сайтбар. Милости прошу и удачи!
2016-07-31 в 20:20
Было бы удобнее, если бы все статьи по Photoshop находились на новом сайте.(Я уже давно туда сходила).Но многие Ваши постоянные читатели уже знают, где и что искать, не пропадем,не заблудимся
Видеоурок: Как сделать текстовый логотип в Photoshop
Как сделать логотип в фотошопе.
