Как сделать фирменный бланк в фотошопе
Сегодня наша задача — создать фирменный бланк с фирменным паттерном. Основная программа снова Adobe Illustrator. Сделаем это с учетом ранее разработанного фирменного стиля. Поехали!
(от англ. pattern — шаблон). В дизайне выглядит как набор повторяющихся в определенном порядке элементов, которые вместе составляют уникальный узор
Припуски под обрез. В печатном дизайне есть такое понятие как припуски под обрез, они же «вылеты», они же «блиды». Это необходимое увеличение запечатываемой области на 2−5 мм за края формата для дальнейшей обрезки после печати
Элемент корпоративного стиля компании. Фирменный бланк представляет собой лист бумаги, как правило, формата А4 (210×297 мм), на котором напечатаны реквизиты компании, включающие: наименование компании, логотип, контактную информацию
- Логотип
- Текст
- Фирменные цвета
- Паттерн
- Размер А4
- Припуски под обрезку 3 мм
- Цвет CMYK 4+0
- Цветовой профиль Coated FOGRA 39
- Рабочий файл
- Файл pdf в разрешении PDF/X-1 2001 года
1. File –> New
2. Находим Print и выбираем формат листа А4
3. Называем его «Паттерн»
1. Нажимаем Create.
2. Выбираем инструмент прямоугольник — Rectangle tool или быстрая клавиша M.
3. Нажимаем ЛКМ на листе, появляется окно, где можно задать размеры нашего прямоугольника. Задаем ширину в 1,5 мм и высоту в 5,5 мм.
4. Меняем заливку с обводкой цветами и убираем обводку.
5. Копируем элемент и вытягиваем левой кнопкой мыши.
6. С помощью Shift поворачиваем элемент на 90°.
7. С помощью умных направляющих переносим прямоугольник к углу другого прямоугольника.
8. Выделяем и копируем с помощью Alt Shift, перемещаем их по диагонали.
9. Разворачиваем на 180°.
10. Создаем квадрат 1,5 на 1,5 мм.
11. Заходим в Transform и выбираем инструмент Reflect (отражение). Нам нужно вертикальное отражение с углом 90°.
12. Удаляем наш квадрат.
13. Переворачиваем орнамент на 45° с помощью клавиши Shift.
18.08.2014
Сколько бы функциональных и несложных инструментов ни предлагали разработчики, большинство до сих пор использует MicrosoftWord и сталкивается с огромным количеством иногда неразрешимых трудностей. Ребекка Крегер представляет нам решение одной из подобных проблем.
Хотите научиться разнообразным фишкам MS Word и других программ, изучить теорию по разработке технических текстов и приобрести практические навыки? Всё это Вы получите, освоив курс «Разработка технических текстов и документации».
В конце проекта с оригинальным дизайном довольно часто приходится слышать от клиентов: «Я хочу получить редактируемый шаблон этого бланка в Microsoft Word». Они, как правило, не устанавливают и не знают, как использовать передовые программы графического редактирования, такие как Adobe Illustrator, InDesign или Photoshop, и им просто нет смысла приобретать эти дорогостоящие программы.
Microsoft Word включает довольно примитивные технологии по сравнению с Illustrator или InDesign; однако, именно его используют клиенты, и ваш фирменный бланк бесполезен, если они не смогут редактировать и добавлять в него контент, поэтому умение создавать шаблоны бланков Microsoft Word является ключевым. Давайте начнем.
1. Создайте дизайн бланка
Мы создали данный пример в Illustrator, но для создания бланков можно использовать и Photoshop, и InDesign. Мы используем полноразмерный формат с полями 1/8 дюйма, что в итоге даст нам документ 8.63 x 11.13 дюймов.
Создайте дизайн в модели CMYK, и если вы используете фото или сложную графику, убедитесь, что разрешение не менее 300 пикселей, так как Microsoft Word сжимает все изображения, которые вы туда вставляете.
2. Экспортируйте дизайн бланка как файл PNG с высоким разрешением
Для этого выберите Файл > Экспорт > PNG. Убедитесь, что выбрали разрешение не менее 300 пикселей. Также можно сохранить дизайн как JPG и даже TIFF; хотя TIFF во много раз увеличит вашему клиенту размер файла и время загрузки в MicrosoftWord.
3. Настройте документ Microsoft Word
Затем настройте документ, чтобы импортировать туда ваш дизайн. Создайте новый документ, затем на вкладке Разметка страницы выберите пункт Параметры страницы. Установите размер бумаги на 8.75 x 11.13 дюйма,чтобы он соответствовал формату дизайна. Установите значения всех полей на 0. Это позволит установить шаблон без полей, вместо того, чтобы подстраивать его под стандартные поля Word.
4. Разместите дизайн бланка в документе Microsoft Word
Ваш фирменный бланк нужно поместить на место Колонтитулов документа Word, которые будут автоматически повторяться на всех дополнительных страницах. На вкладке Вставка перейдите к пункту Верхний колонтитул либо Нижний колонтитул и нажмите Изменить. В открывшемся конструкторе выберите пункт Вставить рисунок и выберите свой файл PNG. Ваш рисунок появится в центре документа. Теперь кликните на нём правой кнопкой мыши.
Так же поступите со вторым колонтитулом.
Выйдите из конструктора колонтитулов. Теперь вы можете редактировать текстовую часть. Сейчас колонтитул кажется затенённым, но на печати он окажется в полном цвете. Предупредите клиентов об этом. Отформатируйте поля и стиль абзацев. Если нажимать Ввод, пока Word не создаст новую страницу, вы заметите, что дизайн появился и там. Это потому что вы поместили его в колонтитул, и он будет дублироваться на каждой дополнительной странице.
5. Сохраните документ как шаблон
Переходите к меню Файл > Сохранить как. Выберите формат .dot и сохраните. Теперь можно отсылать редактируемый шаблон MicrosoftWord клиенту!
6. Подготовьте шаблон Microsoft Word к печати
Если ваш клиент использует принтер с возможностью печати без полей, скажите ему сохранять конечные файлы в PDF для лучшей печати. Печать напрямую из Word может привести к разным результатам. Для сохранения документа в PDF выполните действие Файл > Сохранить как > PDF или XPS. Теперь файл готов к печати 🙂
Важно предупредить клиента, что цвета в шаблоне Microsoft Word будут отображаться немного по-другому, чем цвета оригинального дизайна. Поэтому фокус при создании шаблона в том, чтобы максимально приблизить цвета шаблона к оригинальному дизайну, иначе они будут выглядеть по-другому и, скорее всего, неправильно отображаться при печати. А если вдруг у вашего клиента есть AdobeAcrobat или AdobeReader, порекомендуйте им редактировать шаблон в этих программах, так как они выдают более высокое качество печати, чем Microsoft Word.
К тому же, если дизайн полноразмерный, предупредите клиента, что он не будет корректно печататься на обычном домашнем или офисном принтере, так как при печати будут оставаться белые поля. Ему придётся использовать профессиональный принтер.
Microsoft Word имеет множество недостатков и не идёт ни в какое сравнение с более продвинутыми программами графического редактирования. Но скорее всего, ваши клиенты освоили только его, и вам придётся с этим работать.
Но одном буржуйском сайте я наткнулся на урок по созданию интересной печати-штампа, которую успешно можно использовать как логотип для подтверждения авторства собственных изображений и документов. Беда только в том, что урок написан для программы Illustrator, затем доработка фона в Photoshop, а в исторически так сложилось, что я в Illustrator не работаю, для создания векторных изображений с младенчества использую Corel. Но дизайн печати мне понравился, и я решил повторить создание только лишь в одном в Photoshop. На самом деле, в Photoshop можно повторить многие фишки из Illustrator и Corel, хотя это и неэффективно, но, с другой стороны, из-за одной задачи в год изучать большую и сложную программу тоже как-то эффективным назвать нельзя. Кстати, в Photoshop, как и в векторных редакторах, так же легко писать текст по кругу или произвольной кривой, подробнее здесь и здесь.
Но давайте вернемся к нашей печати. Вот что у меня получилось в итоге:
Готовый результат выполнения урока.
Шаг 1. Создание документа и добавление направляющих
Открываем Photoshop и создаём новый документ размером 780 пикселей в ширину и 620 в высоту на белом фоне. Создаём новый слой, переименовываем его в circle_dashes.
Теперь необходимо найти центр документа, для этого воспользуемся направляющими (Guide). Для установки направляющей, расположенной по горизонтальному центру документа, пройдите по вкладке главного меню Просмотр —> Новая направляющая ( View —> New Guide). Откроется диалоговое окно «Новая направляющая» (New Guide). Выберите вертикальную ориентацию, а значение параметра «Положение» (Position) задайте 50%:
Диалоговое окно «Новая направляющая»
По аналогии поставьте горизонтальную направляющую. В результате у нас получится вот такой документ:
Установка вертикальной и горизонтальной направляющих, расположенных по центру документа.
Шаг 2. Создание фигуры — круглого эллипса
Теперь необходимо создать векторную фигуру в виде правильного круга, круг — это тоже эллипс, мы сделаем это при помощи векторного инструмента «Эллипс» (Ellipse Tool). На инструментальной панели выберите данный инструмент, выберите тип инструмента «Фигура» (Shape) и наведите курсор мыши точно на перекрестье направляющих:
Подготовка к созданию векторной фигуры-овала в виде правильного круга
Теперь аккуратно, чтобы не сдвинуть мышку, зажимаем левую клавишу и начинаем тащить мышку в любую сторону. У нас будет получаться произвольный эллипс с центром не на перекрестье направляющих. Это нормально, т.к. на данный момент на перекрестье направляющих располагается один из углов воображаемого внешнего габаритного прямоугольника, внешне охватывающего эллипс. Не отпуская левую клавишу мыши, зажмите клавиатурные клавиши Shift+Alt, при этом эллипс мгновенно станет правильным кругом, а центр круга-эллипса переместится на перекрестье. Это называется рисовать фигуру «от центра»:
На левом рисунке зажата только левая клавиша мыши, движение мыши от перекрестья вправо и вверх. На правом рисунке кроме левой клавиши мыши, зажаты клавиатурные клавиши Shift+Alt.
Продолжая протаскивать мышь, постарайтесь, чтобы в окне преобразований (чёрный квадратик с цифрами выше правее курсора) значение ширины и высоты круга стало 497 пикселей, размер круга будет важен в последствии, но, если не получилось, не страшно, исправим.
После того, как получился круг, все клавиши можно отпускать, остальное сделаем опциями настроек фигуры.
Шаг 3. Задаём размеры и положение круга
Сразу после того, как вы начали создавать эллипс, в рабочей области приложения Photoshop появилась панель свойств фигуры. С помощью ввода значений параметров в эту панель мы и добьёмся нужного результата.
Примечание. Все параметры в панели свойств дублируются на панели параметров в верхнем левом углу окна Photoshop.
Далее, если у вас сразу получилась ширина и высота круга 497 пикселей, переходите к шагу 4, если же нет, то выполните действия этого шага до конца.
В панели свойств задайте размер фигуры, 497 пикселей по ширине и высоте, можно для верности нажать на символ связи между этими значениями:
Задайте размер круга по ширине и высоте.
Нажмите клавишу Enter. После этого круг приобретёт нужный размер, но сместится относительно центра документа. А нам необходимо, чтобы круг был не только заданного диаметра, но и расположен по центру документа. В этом нам поможет вторая строка в панели свойств (расположенная сразу под строкой с размерами), отвечающая за положение фигуры по горизонтали и вертикали. У меня эти значения сейчас 86 и 39 пикселей, у вас они, скорей всего, другие. На самом деле, текущее значение не важно, я хочу объяснить, что эти параметра показывают. Они указывают совсем не на расположение центра фигуры, как мог бы подумать начинающий пользователь, а на расположение левого верхнего угла воображаемого образующего внешнего прямоугольника фигуры. На рисунке ниже я показал его тонкой зелёной пунктирной линией. И, соответственно, размеры — 86 от левого края документа и 39 от верхнего края документа, размеры я обозначил красным:
Зелёный пунктир — образующий фигуру прямоугольник (гизмо), красными стрелками показаны размеры от краёв документа до угла гизмо.
Теперь нужно немного подсчитать. Высота нашего документа равна 620 пикселей, соответственно, от края до центра будет половина этого значения, т.е. 310 пикселей. Высота фигуры — 497 пикселей, половина будет равна 248,5 пикс. От половины высоты документа отнимаем половину высоты фигуры и получим 310 — 248,5 = 61,5. Именно это значение нам нужно ввести в окошко «Y:» и нажать Enter. Если вы всё сделали правильно, то фигура встанет точно по вертикали.
То же самое нужно сделать со значением по горизонтали, в моём примере это значение получилось 136,5. После ввода этого значения в окно «X:» и нажатия клавиши Enter фигура устанавливается точно по центру документа.
Установка положения фигуры.
Шаг 4. Создаём бордюр фигуры
Сделать необычный бордюр печати-логотипа, состоящий из линий, мы также сможем с помощью ввода параметров в панель свойств фигуры.
Отключите заливку фигуры параметром «тип заливки фигуры» — значение нет заливки. Задайте тип заливки штриха фигуры — сплошной, толщина штриха — 16 пикселей:
Параметры бордюра фигуры.
Теперь зададим параметр линий, из которых будет состоять бордюр фигуры. Нажмите на галочку, расположенную справа в крайнем правом поле:
Открываем параметры линии бордюра.
Откроется дополнительное окошко, где можно выбрать тип штриха — прерывистый, а также длину штриха и длину пробела, 0,15 и 0,18 соответственно. Длина штриха и пробела вычисляется от ширины штриха, ширина в нашем случае — 16 пикс.
Задаём длину штриха и пробела.
Теперь документ Photoshop должен выглядеть так:
Итак, мы создали внешнюю окантовку нашего штампа.
Шаг 5. Внутренняя окружность из точек
Добавим окружность, состоящую из круглых точек, на которой мы позже напишем текст. Принцип такой же, как и в шагах 2 — 4, отличаются только размеры эллипса и параметры штриха. Так же создайте фигуру эллипс в виде правильного круга от центра, ширина и высота 320 писк., ширина штриха 2 пикс., тип штриха прерывистый, длина штриха 1, длина пробела 1, 2. Слой с фигурой называем circle_points. Панель свойств фигуры:
Параметры окружности из точек.
А вот как выглядит документ:
Добавлена линия из точек.
Шаг 6. Окружность из сплошной линии
И создаём ещё одну окружность, расположенную между этими двумя. Окружность на этот раз будет сплошная, высота и ширина 394 пикс., ширина бордюра 3 пикселя, слой переименовываем в solid_circle:
Параметры сплошной линии.
Добавление среднего кольца.
Шаг 7. Текст по сплошной окружности
Как видно из готового логотипа, вдоль сплошной и окружности из точек, необходимо написать текст. Phpotoshop даёт ном возможность создать текст вдоль любой кривой, но буквы, до, дело в том, что буквы будут расположена над или под кривой, но сделать так, чтобы направляющая кривая шла по вертикальному центру буквы, невозможно, а именно это нам и надо. Поэтому, придётся копировать фигуры, масштабировать их в сторону уменьшения и писать текст уже по копиям.
Начнём со сплошной окружности. Копируем слой solid_circle (кликаем по этому слою в панели слоёв и нажимаем комбинацию клавиш Ctrl+J), переименовываем полученный слой в solid_circle_text. В панели свойств фигуры отключаем заливку бордюра. Для удобства отключаем видимость всех слоёв, кроме фонового. Нам необходимо написать текст вдоль этой окружности, как писать текст вдоль окружности, кривой и контура подробно рассказано на этом сайте здесь и здесь.
Берём инструмент «Текст» (Type Tool) и наводим мышку на окружность, при этом на текстовом курсоре появляется изогнутой линия:
Поводим текстовой курсор к окружности.
Кликаем по окружности, курсор меняется на показанный на рисунке ниже:
Начинаем ввод текста.
Можно начинать ввод текста, а видимость слоёв теперь уже наоборот, лучше включить для наглядности.
Несколько советов по вводу текста. Сам текст лучше всего предварительно написать в любом текстовом редакторе и скопировать его в буфер обмена. Затем перейти в phpotoshop и при уже активированном инструменте «Текст», в панели параметров изменить выравнивание текста на «посередине» (по умолчанию «слева»), а курсор на окружности поставить точно вверху на направляющей, затем нажать Ctrl+C для вставки текста из буфера обмена. Таким образом текст будет изначально выравнен относительно центра окружности. Я ввёл текст «POWER TO THE PIXELS! INSPIRATION!»:
Ввод текста по кругу.
Но, как я упомянул выше, текст расположен поверх окружности, а нам необходима, чтобы линия окружности шла посередине букв. Здесь нам поможет инструмент «Свободное трансформирование». Активируйте, если не активен, текстовый слой и нажмите комбинацию клавиш Ctrl+T. Вокруг текста появится рамка трансформирования. Зажмите клавиши Shift+Alt и потяните любой уголок рамки внутрь:
Масштабирование текстового слой в сторону уменьшения.
Нажмите Enter. Если вы правильно рассчитали, то окружность будет расположена примерно посередине букв. Если же вы промахнулись, повторите операцию снова. Вот как получилось у меня:
Текст по окружности.
Осталась небольшая проблема — надо убрать линию под буквами. Мы сделаем это с помощью слой-маски, добавленной к слою со сплошной линией solid_circle. Добавьте к нему слой-маску и чёрной кистью с жёсткостью 85% проведите по ненужному участку линии:
Удаление ненужного участка линии.
Шаг 8. Текст по окружности с бордюром из точек
Таким же образом добавьте текст на окружность с бордюром из точек. На эту окружность я добавил две отдельные фразы. Для облегчения я написал сперва одну фразу, масштабировал и позиционировал текст, как надо, затем скопировал текстовый слой (Ctrl+J) и с помощью того же «Свободного трансформирования» повернул полученный текстовый слой на 180 градусов, выделил все буквы (двойной клик по миниатюре слоя в панели слоёв) и ввёл новый текст. Вот что получилось:
Текст по линии из точек.
Шаг 9. Завершаем создание печати
Теперь осталось заполнить центр. Это может быть какой-либо готовый логотип, либо текстовые символы, либо что-нибудь ещё, на сколько хватит фантазии. Я вставил два текстовых слоя, готовый логотип RG, и линии шириной 2 писк., нарисованные инструментом «Карандаш» (Pencil Too):
Завершаем создание печати-штампа.
Шаг 10. Добавляем фон и цвет печати
Вид печати после добавления цвета и фона.
На этом можно закончить. Но я решил добавить новый слой в самый верх панели слоёв, залил его белым цветом и добавил к нему Фильтр —> Шум —>Добавить шум (Filter —> Noise —> Add Noise) и установил режим наложения этого слоя «Перекрытие» (Overlay). Готовый результат:
Готовый результат выполнения урока.
Владелец данного сайта. Графический дизайнер, специалист по Фотошопу с опытом 10+ лет. Также веду канал о графическом дизайне на Ютуб и развиваю тематическое сообщество во ВКонтакте. Связаться со мной можно через комментарии, форму обратной связи или по электронной почте [email protected]
Уроки Photoshop (фотошоп) предназначены для начинающих предпринимателей. Посмотрев эти уроки Вы сможете создать фирменный стиль себе или своей компании самостоятельно. Автор и ведущий — дизайнер Мария Гельфанд.
Уроки Photoshop для предпринимателей
Уроки Photoshop для предпринимателей. Создание фирменного стиля
Рано или поздно любой предприниматель приходит к необходимости создания фирменного стиля для своей компании. Конечно, можно заказать дизайн у профессионального дизайнера, но если Вы начинающий предприниматель и ограничены в средствах, то вполне можете создать фирменный стиль самостоятельно. Поверьте, это не так уж и сложно.
Предлагаем пройти серию бесплатных уроков Photoshop, после которых Вы легко создадите фирменный стиль для своей компании:
Урок №1. Создание логотипа компании
Урок №2. Создание шаблона визитки
Урок №3. Создание фирменного бланка
Урок №4. Создание благодарственного письма
Урок №5. Создание фирменного конверта
Урок №6. Создание фирменного сертификата
Урок №7. Нанесение логотипа на объект
Урок №8. Создание подачи для фирменного стиля
Урок №9. Создание дизайна для группы в Facebook
Урок №10. Создание дизайна для группы ВКонтакте
Урок №11. Создание дизайна для группы в Одноклассниках
Урок №12. Создание дизайна для страницы в Twitter
Урок №13. Создание дизайна для канала Youtube
Урок №14. Создание обложки для ролика в Youtube
Урок №15. Создание дизайна для страницы в Instagram
Предлагаем всем желающим:
- Уроки Photoshop индивидуально и в группах
- Создание фирменного стиля для Вашей компании недорого
Буклет – печатное издание, носящее рекламный или информационный характер. При помощи буклетов до аудитории доносится информация о компании либо отдельном продукте, событии или мероприятии.
Данный урок посвятим созданию буклета в Фотошопе, от проектирования макета до художественного оформления.
Создание буклета
Работа над подобными изданиями делится на два больших этапа – проектирование макета и дизайн документа.
Макет
Как известно, буклет состоит из трех отдельных частей или из двух разворотов, с информацией на лицевой и тыльной стороне. Исходя из этого, нам понадобится два отдельных документа.
Каждая сторона делится на три части.
Далее необходимо определиться, какие данные будут располагаться на каждой стороне. Для этого лучше всего подойдет обычный лист бумаги. Именно этот «дедовский» способ позволит Вам понять, каким образом должен выглядеть конечный результат.
Лист сворачивается, как буклет, а потом наносится информация.
Когда концепт готов, можно приступать к работе в Фотошопе. При проектировании макета не бывает маловажных моментов, поэтому будьте максимально внимательны.
-
Создаем новый документ в меню «Файл».
-
Выбираем на левой панели инструмент «Прямоугольник».
На этом создание макета буклета завершено. Его можно сохранить и использовать в дальнейшем, как шаблон.
Дизайн
Дизайн буклета – дело индивидуальное. Все составляющие дизайна обусловлены либо вкусом, либо техническим заданием. В данном уроке обсудим лишь несколько моментов, на которые следует обратить внимание.
-
Фоновое изображение.
Ранее, при создании шаблона, мы предусмотрели отступ от линии отреза. Это нужно для того, чтобы при обрезке бумажного документа не оставались белые участки по периметру.
Фон должен доходить именно до линий, определяющих этот отступ.
В третьем блоке уже можно написать более подробно, чем мы занимаемся,а информация внутри буклета может, в зависимости от направленности, иметь как рекламный, так и общий характер.
Цветовая схема
Перед печатью настоятельно рекомендуется перевести цветовую схему документа в CMYK, поскольку большинство принтеров не в состоянии в полной мере отобразить цвета RGB.
Это можно сделать и в начале работы, так как цвета могут отображаться немного по-другому.
Сохранение
Сохранять такие документы можно как в формате JPEG, так и в PDF.
На этом урок о том, как создать буклет в Фотошопе, завершен. Неукоснительно следуйте инструкциям по проектированию макета и на выходе получите качественную полиграфию.
Мы рады, что смогли помочь Вам в решении проблемы.
Отблагодарите автора, поделитесь статьей в социальных сетях.
Опишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.
Читайте также: