Руководство для начинающих по разработке баннеров в Photoshop

1. УСТАНОВКА ДОКУМЕНТА
2. Теперь начните сосредотачиваться и думать долго.
3. СОЗДАНИЕ НОВЫХ ИСКУССТВ
4. Законченный файл фотошопа для создания баннеров
5. ЭКСПОРТ БАННЕРОВ
6. ПУНКТЫ, ЧТОБЫ ДУМАТЬ О

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

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

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

Теперь, чтобы действительно оптимизировать рабочий процесс создания баннера, вам понадобится система. Процесс проектирования не сводится к бездумному выполнению задачи; это требует исследования и анализа, прежде всего. Чем больше проект, тем больше времени вам нужно потратить на эти два шага, чтобы создать качественный дизайн, который работает эффективно.

Также важно установить некоторые цели, прежде чем начать. В нашем случае создание баннеров не является реальной целью - мы должны быть более конкретными. При постановке целей вам нужно ставить их так, чтобы они были измеримы; если нет, вы просто создаете задачу « сделать» .

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

Примечание о том, что внизу

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

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

УСТАНОВКА ДОКУМЕНТА

Давайте запустим Photoshop и начнем собирать вещи по частям. Прежде всего, создайте новый файл в Photoshop с этими настройками ниже.

Мы начнем с простого баннера размером 300x250 пикселей. Нажмите кнопку «Создать» и найдите панель « Слои» на правой боковой панели Photoshop (вы также можете перейти в « Окно»> «Слои» или использовать F7 для отображения панели). Затем нажмите в правом верхнем углу этой панели «дополнительное меню».

Нажмите на «Артборд из слоев» . Это создаст артборд - страницу размером с наш баннер размером 300x250 пикселей. Мы добавим в этот файл все размеры баннеров, которые нам нужны.

Мы уже сэкономили некоторое время, выполнив это таким образом, поскольку нам нужно только открыть и работать только с одним файлом и одним файлом.

Теперь начните сосредотачиваться и думать долго.

Позже мы оптимизируем весь файл для создания баннера и будем использовать «Smart Objects», чтобы легко переключать контент, например, логотипы и т. Д. Это очень поможет, если вы хотите изменить одну или две вещи, скажем, на 20 PSD-файлов баннера. Вам не нужно открывать каждый файл и вносить эти изменения индивидуально, так как это отнимет у вас много драгоценного времени.

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

Допустим, вы тратите 40% своего времени на создание баннеров, но вы зарабатываете только 10% своего дохода с этими баннерами; Вы явно тратите слишком много времени на слишком мало прибыли. Вам нужно обратить внимание на то, что, например, занимает 20% вашего времени в месяц, но приносит вам 40% дохода.

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

Чтобы лучше использовать ваше время, вам нужны данные: вам нужно отслеживать время, необходимое для выполнения различных задач. Вот несколько инструментов, которые могут помочь вам в этом:

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

СОЗДАНИЕ НОВЫХ ИСКУССТВ

Назовите только что созданный артборд размером 300 × 250, который соответствует размеру баннера. Это поможет вам организовать все размеры баннеров.

Теперь давайте добавим еще один артборд для баннера размером 728x90 пикселей. Опять же, выберите меню «Дополнительные параметры» в правом верхнем углу панели « Слои» .

Но на этот раз выберите «Новый артборд» .

В новом всплывающем окне добавьте эти настройки:

Теперь у вас должно быть два артборда:

Не стесняйтесь создавать артборды с другими размерами, такими как 160 × 600, 120 × 600, 468 × 60, 300 × 100.
Теперь перетащите ваш логотип на артборд. Рекомендуется ширина шириной 300 пикселей.

На панели « Слои» у вас должен быть слой логотипа на артборде. Теперь щелкните по нему правой кнопкой мыши и выберите «Преобразовать в смарт-объект» .

Это преобразует логотип в смарт-объект с новым значком на панели « Слои» . Смарт-объекты создают экземпляр вашего слоя логотипа, который вы можете изменить, не разрушая оригинальный слой. Вы также можете дублировать этот слой, дважды щелкнуть по нему и изменить его содержимое, и он автоматически обновит все связанные экземпляры.

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

Это сэкономит вам время. И вы можете сделать то же самое с изображением товара, кнопкой, цветом фона, рамкой и даже текстом. И не только для этого проекта: теперь вы проделали тяжелую работу, поэтому любая дополнительная коллекция баннеров, которая вам может понадобиться, займет у вас небольшую часть времени.

Если раньше на создание баннеров у вас уходил один час, а вы делали семь раз в неделю, то это семь часов в неделю. В то время как использование этого метода займет около 14 минут. Что вы будете делать с оставшимися шестью часами? Вы могли бы сосредоточиться на задачах, которые у вас действительно хороши, и принести вам больше денег.

В зависимости от формы изображения продукта или вашего логотипа, вам все равно может понадобиться настроить их, но это не займет у вас много времени. Можно даже сказать, что это генератор баннеров - с ним так просто создавать новые баннеры!

Так что теперь у вас должно быть общее представление о том, как создать баннер в Photoshop. Я показал вам, как использовать некоторые простые и базовые инструменты, которые могут оказать огромное влияние на вашу работу. Можно сказать, что вы только что разработали две вещи. Один - это баннер, а другой - рабочий процесс. Дизайн не всегда должен быть визуальным; это может быть сам процесс, который «разработан».

Я хочу, чтобы вы немного подумали об этом подходе, так как это точное мышление может быть применено к любой вашей проблеме. Вам нужно потратить некоторое время и собрать данные, а затем придумать решение или прототип рабочего процесса. А затем настроить его. Изначально выполнение задачи может занять больше времени, но в долгосрочной перспективе вы сэкономите время и деньги.

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

Спасибо за выполнение этих шагов выше. Как видите, изучение использования инструментов и умение проектировать - это два совершенно разных процесса, а понимание того, что делать с одним или двумя инструментами (или 10), не делает вас дизайнером. Вот почему профессию дизайнера иногда неправильно понимают, и люди могут получить дешевую (и плохую) работу. И почему такие сервисы, как Fiverr, отлично подходят для более крупных и сложных дизайнерских проектов.

Законченный файл фотошопа для создания баннеров

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

Загрузите «Бесплатный генератор баннеров Photoshop»

И вот небольшой фильм о том, как его использовать, поскольку видео может показать это намного лучше, чем скриншоты. В нем я делаю восемь новых баннеров для браузера Google Chrome за 1 минуту 36 секунд.

Вот еще несколько объяснений для видео:

Зеленые слои предназначены для двойного щелчка и изменения; вы можете видеть баннерные активы в левой части файла. Всякий раз, когда вы что-то там меняете, баннеры с правой стороны будут обновляться. Текст лучше позиционируется в середине смарт-объекта.

ЭКСПОРТ БАННЕРОВ

Последнее, что вам нужно знать, это как экспортировать баннеры. Нажмите Файл> Экспорт> Артборды в файлы.

И используйте настройки ниже, чтобы экспортировать артборды в баннеры.

Откройте папку, в которую вы экспортировали файлы, и удалите ресурсы (вы можете настроить префикс имени файла).

И это все; наслаждайтесь вашими баннерами.

ПУНКТЫ, ЧТОБЫ ДУМАТЬ О

Попробуйте и подумайте, как бы вы применили это мышление и процесс к другим трудоемким задачам. Отработайте способы автоматизации некоторых задач: если у вас есть тысячи изображений и вы хотите изменить их размер или оптимизировать, Photoshop может сделать это автоматически и даже добавит водяные знаки.

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

Кроме того, не продумывайте вещи и не усложняйте их. Всегда старайтесь думать на пару шагов вперед, как одно изменение в вашем рабочем процессе может повлиять на будущие задачи. Вы не хотите улучшать одну задачу, только чтобы обнаружить, что вы утроили время другой задачи!