Привет любителям Фотошопа! Учитывая весь ажиотаж вокруг Google Plus в последнее время, нельзя было избежать создания соответствующего руководства по Photoshop. Хотя это может показаться простым, простой значок g+ на самом деле немного сложно воспроизвести в точности, но, конечно же, это нас не остановит. Приготовьтесь погрузиться в более продвинутый Photoshop!
Шаг 1 – Размер значка
Для этого мы возьмем большую иконку — 256 X 256 пикселей. Вы также можете попробовать сделать себе иконку размером 128 x 128 пикселей или 512 x 512 пикселей, но обычная иконка подойдет.
Шаг 2 — Настройка ваших руководств
Для этого урока нам нужно быть предельно точными, поэтому давайте создадим несколько руководств, которые помогут нам в этом. Чтобы создать новое руководство, перейдите к Просмотр, новое руководство.
Вам нужно будет повторить этот шаг несколько раз, чтобы сделать себе следующие направляющие. (помните, мы работаем в пикселях, поэтому не забудьте изменить см в поле позиции к пикс.):
Горизонтальные направляющие: 0 пикселей, 40 пикселей, 256 пикселей
Вертикальные направляющие: 0 пикселей, 64 пикселей, 128 пикселей, 192 пикселей, 256 пикселей
(Ниже – пример для второй горизонтальной направляющей)
Когда вы закончите, ваш холст должен выглядеть так:
Шаг 3 – Увеличение холста
Нам нужно, чтобы логотип Google Plus располагался на гладком бело-сером фоне в типичном стиле Google. Нажмите Изображение, размер холста и установите для холста разрешение, похожее на обои. Для этого мы выбрали 720p (1280×720).
Теперь возьмите инструмент градиента и создайте радиальный градиент, который выцветает от белого до светло-серого. Что-то похожее на это:
Шаг 4 – Создайте форму
Создать Новый слой. Теперь перейдите к Инструменты формы и выберите Инструмент «Прямоугольник со скругленными углами». Измените его радиус на 20 пикселей и его цвет до темно-серого (343434). Теперь, используя направляющие, которые мы сделали ранее, растяните закругленную форму и убедитесь, что она хорошо вписывается в свои границы.
Шаг 5 – Верхняя часть логотипа
Прежде всего, растеризуйте свой слой с помощью рщелкните правой кнопкой мыши, растрировать. Теперь, используя Инструмент прямоугольного выделения выберите верхнюю часть логотипа (между первой и второй горизонтальными направляющими) а потом щелкните правой кнопкой мыши выбор Слой через разрез. Теперь разделите новый слой на четыре меньших слоя — каждый для каждой верхней части: Вот как это будет выглядеть, если я включу, а затем отключу каждый слой один за другим:
Быстрый совет: вы можете переименовать свои слои и дать им имена, такие как верхняя часть 1, верхняя часть 2 и так далее. Это не только сделает вещи чище, но и облегчит работу. Вы даже можете попробовать размещение верхних частей в их собственной группе слоев.
Шаг 5 – Визуальные эффекты нижней части
Выберите слой, который содержит нижнюю часть изображения… (этот):
…а потом щелкните правой кнопкой мыши выбор Параметры наложения. Отсюда вы захотите добавить некоторые Скос и тиснение…
…и Градиент наложения (уменьшается с 1d1d1d до 292929).
После этого ваше изображение должно измениться примерно так:
Шаг 6 – Визуальные эффекты верхней части
Во-первых, убедитесь, что вы включили верхнюю левую часть значка. Теперь снова откройте этот слой Параметры смешивания и дайте ему немного Внутренняя тень…
…а также некоторые Наложение цветов.
Вот как должно выглядеть ваше изображение до и после изменений:
Повторите этот шаг для каждого нового слоя, установив правильный цвет наложения:
1-я часть: Красный — f23a3f
2-я часть: Синий — 5988f5
3-я часть: Зеленый — 5fb816
4-я часть: Желтый — ffc000
Шаг 7 – Добавление легкого глянца
Сделать Новый слой и поместите его над всеми остальными слоями. Теперь используйте Инструмент «Градиент» создать Радиальный градиент исчезновение от белого до прозрачного внутри области значка. Затем установите Непрозрачность слоя к 30% и Режим наложения к Наложение. Изменения едва заметны, но все же весьма существенны. Вот краткое до/после:
Шаг 8 – Всемогущий g+
Сделайте быстрый снимок экрана логотипа Google с Google.com. Затем вставить снимок прямо в фотошоп (его слой находится между градиентом наложения и остальной частью изображения.) и удалить все, кроме строчной буквы «г».
Теперь вы можете использовать любые инструменты, которые вы предпочитаете, чтобы удалить фон с маленькой «g», а также можете использовать Уточнить край чтобы немного сгладить. Затем Ctrl + клик миниатюру слоя, а затем, имея Прямоугольный шатер в твоей руке щелкните правой кнопкой мыши и выберите Наполнять. Использовать Белый в 100% и Обычный и вы должны добраться до этого:
Теперь о плюсе. Ну нечего тут обсуждать, собственно. Просто возьмите Тип Инструмент и найдите шрифт с красивым тощим «+» который похож на оригинальный логотип и получить его в образе. Когда вы закончите, у вас должно получиться следующее:
Шаг 9 – Грандиозное наконец!
Еще один шаг ждет! Перейти к Вид > Очистить направляющие чтобы избавиться от направляющих, так как они нам больше не понадобятся, и тогда ваш образ будет завершен. (О, и не забудьте быстро нажать Ctrl+Shift+S — вы же не хотите потерять всю эту тяжелую работу, не так ли?)
Шаг 10 – Наслаждайтесь!
Наконец, сделали! Но подождите, зачем останавливаться на достигнутом? Кто знает, какие еще крутые логотипы могут получиться из этого шаблона! Идите вперед и попробуйте свои творческие способности и посмотрите, что у вас получится.
