• Авторизация


перекидной календарь 2013 13-02-2013 16:14 к комментариям - к полной версии - понравилось!

Это цитата сообщения Scarllett-Tani Оригинальное сообщение

Перекидной календарь от О. Бор

[500x520]

В этом уроке я подробно расскажу,
как сделать календарную сетку средствами фотошопа,
и дам общие рекомендации по созданию
перекидного календаря.
="Читать далее...">
Разметка календаря 2013 года - ссылка
Шрифт, который я использовала - скачать

Перед началом работы создайте в компе папку "Календарь"
Для выполнения урока могут понадобиться советы:
Редактирование написанного текста
(панель "символ") - ссылка
Создание группы из слоёв - ссылка
Закрепить стиль слоя - ссылка
Как загрузить два и более изображение
на один документ (сценарий в стек...) - ссылка

1. Создаём новый документ 2480х3508px, 300dpi,
фон прозрачный.

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

1)Топаем в меню -
редактирование - установки - единицы измерения...
Устанавливаем на линейки "см"

[380x396]

Жмём ОК.

2) Топаем в меню - просмотр - линейки.
В рабочем окне открылись
вертикальная и горизонтальная линейки

[214x156]

3) В навигаторе устанавливаем видимость документа 50%
(открыть навигатор - меню - окно - навигатор)

[225x120]

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

[233x210]

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



Дальше обозначим отступы с других боков документа.
по 0,5см достаточно.
Можно, конечно, и больше, я руководствуюсь
возможностями печати своего принтера.

6) Для левой границы документа:
тянем направляющую с боковой линейки,
а величину смотрим на верхней.



7) Для правой границы:
двигаем нижнюю прокрутку рабочей области
вправо до конца

[486x500]

тянем направляющую с боковой линейки,
а величину смотрим на верхней,
отсчёт ведём в обратном порядке,
т.е. от значения на границе документа.



8) Для нижней границы:
двигаем боковую прокрутку рабочей области
вправо до конца

[502x500]

тянем направляющую с верхней линейки,
а величину смотрим на боковой,
отсчёт ведём в обратном порядке,
т.е. от значения на границе документа.



9)Уменьшаем в навигаторе видимость документа,
чтобы было удобно работать дальше,
видим вот такую картину.

[366x362]

Кстати, изменить цвет направляющих и не только
можно в меню - редактирование - установки -
направляющие, сетка, фрагменты

[500x255]

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

[350x482]

Направляющие можно убрать
(меню - просмотр - удалить направляющие)

Этот пункт урока (пункт2 с подпунктами)
советую сделать обязательно,
чтобы потом не мучиться с выравниваем -
делов-то 1 минута.

Сохраните файл в формате psd
с названием "Лист календаря"

Календарная сетка.

3.Чтобы удобнее было производить расчёты для сетки,
нужно создать новый документ.
Поступаем так:

1) Загружаем выделение слоя "тело"
(меню - выделение - загрузить выделенную область),
не забывайте, что слой, выделение которого вы загружаете
должен быть активным в панели слоёв
(активность слоя определяется наличием отличного от других слоёв цвета,
в моём случае - синий;
чтобы сделать слой активным - в панели слоёв
сделайте клик левой кнопкой мыши по нужному слою).



2) Меню - редактирование - скопировать.

3)Меню- файл - создать
Откроется окно со скопированными данными

[369x377]

Жмём ОК.
Документ создан.

4.Для сетки отведём 45% высоты документа.

1) Определяем новую направляющую по горизонтали,
равную 55%
(меню - просмотр - новая направляющая)

[294x143]

2) Инструментом "рамка"
обводим нужные 45%

[376x500]

Жмём "Enter" для продолжения работы

5. Разметка по вертикали.
У нашей сетки дни недели будут располагаться сверху,
значит, ширину документа нужно разделить на 7.
Возьмём за ширину 100%
100:7 примерно 14,5%
Поехали делать направляющие
Создаём 6 направляющих по ВЕРТИКАЛИ:
14,5%, 29%, 43,5%, 58%, 72,5%, 86%

[288x684]

[450x292]

6. Разметка по горизонтали.
Такс - 1 колонка для дней недели, 6 для чисел,
тоже 7, как для вертикальной разметки.
Значит, создаём направляющие с теми же параметрами,
но по ГОРИЗОНТАЛИ:
14,5%, 29%, 43,5%, 58%, 72,5%, 86%
Получаем

[450x293]

7. Такс, всё сделали для написания текста.
Сначала пишем дни недели.
Подбирайте шрифт, который хорошо виден,
если нужно, активируйте позицию "жирный" в панели "символ"
об этой панели читайте ЗДЕСЬ
Мои параметры и название шрифта на скрине

[266x209]

1) Напишите первый день недели,
расположите его по середине в ячейке
и потяните сверху направляющую,
которая обозначит нижнюю границу букв,
которая позволит написать буквы на одной линии,
не будут они "плясать".

[500x180]

Весь ряд с днями недели,
в панели слоёв я всё убрала в группу
"Дни недели"

[506x326]

2) Смотрим на календарь 2013, январь -
месяц начинается со вторника
Пишем цифру в нужной ячейке
(размер шрифта я увеличила до 48пт),
тянем сверху направляющую для нижней границы цифр,
и сбоку тянем направляющие,
которые определят границу цифр в вертикальном ряду.
Я определила границу по последней букве недели.

[500x363]

Вся сетка января

[500x317]

3) В заключении наложим красный цвет на воскресенье
и воскресные дни.
Открываем группу "дни недели"
активируем слой "Вс" и применяем стиль "наложение цвета"
(вторая иконка слева внизу панели слоёв)

[346x446]

Или клик правой кнопкой мыши по слою,
из списка выбрать "параметры наложения"

[262x250]

[412x177]

Скопируем стиль
(клик правой кнопкой мыши по слою,
выбрать - скопировать стиль слоя)

[270x154]

Открываем группу "числа",
зажимаем клавишу Ctrl
и делаем клики левой кнопкой мыши по воскресным датам
Этим действием мы выделяем нужные слои.

[93x500]

Теперь, когда нужные слои выделены,
клик правой кнопкой по любому выделенному слою,
из списка выбрать - вклеить стиль.

[270x166]

Получаем

[500x320]

Таким же методом можно изменить цвет и у остального текста.
Я дала чёрный цвет, как основу.

8.Сделаем кант ячеек, он может пригодится.

1) Настраиваем инструмент "карандаш",
который будем применять при обводке контура.
активируем круглую жёсткую кисточку,
размер ставим 5 пикселей, цвет чёрный

[264x284]

2) Активируем инструмент "перо",
ставим первую опорную точку на направляющей.

[386x290]

3) Добираемся прокруткой до другой границы документа
и ставим вторую точку

[304x212]

4) спускаемся ниже и ставим точку на другой направляющей

[346x336]

Повторяем с 3 подпункта пока не обойдём
все горизонтальные направляющие ячеек.

5) Создаём новый слой,
затем, клик правой кнопкой мыши по документу,
из списка выбрать - выполнить обводку контура

[296x194]

6) В окне выбора инструмента активируем "карандаш"
галочку на "нажим" НЕ ставим.

[368x98]

Жмём ОК и получаем обводку.
Контур можно удалить в панели "контур"
(клик правой кнопкой мыши по контуру,
из списка выбрать - удалить контур

[252x148]

Можно ещё добавить линию над днями недели.

7) Таким же способом делаем контур и обводку
вертикальных направляющих.

Удалив направляющие, получаем

[500x390]

Кадрируйте документ инструментом "рамка,
чтобы удалить лишние части обводки контура,
которые вне видимости документа.

А дальше, дублируйте папку с числами,
называйте папки именами месяцев
и путём перемещения цифр создавайте
календарные сетки.

В панели слоёв это выглядит так

[166x423]

Сохраните файл в формате psd
с названием "Сетка".

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

Создание сетки для 12 месяцев заняло у меня около часа
(урок в 10 раз дольше писала)
Так что, если вы хотите свою, оригинальную сетку,
в которой сможете редактировать шрифт,
применять стили, изменять размер,
то потратьте время не на поиск готовой,
а на создание своей.

9.На файле "Сетка" дублируем слой "горизонталь",
к дубликату применяем стили слоя "пунктирные штрихи"
Это стандартный набор программы.
Если в панели слоёв нет этих стилей,
то открываем список, нажав на стрелочку
в правом верхнем углу панели и выбираем

[388x314]

Из всех стилей "пунктирные штрихи" я выбрала этот

[372x142]

Получаем

[500x520]

10. Закрепляем стиль слоя и применяем фильтр резкости:
меню - фильтр - усиление резкости - умная резкость
с максимальным эффектом

[286x402]

11. Посмотрев внимательно, можно увидеть,
что линии разные.
На печати это будет заметно, особенно,
если будете печатать на формат А3,
а данный размер листа календаря это позволяет.
Советую выбрать оптимальную линию,
выделить её инструментом "прямоугольная область",
вырезать или скопировать выделение на отдельный слой,
продублировать и расставить дубликаты по местам,
затем, объединить все пунктиры в один слой
с названием "горизонтальные штрихи".
Во всяком случае, я сделала именно так.
Для удобства работы я наложила красный цвет
на слой "горизонталь"

[500x326]

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

Так как пунктирные линии мне будут нужны для всех месяцев,
сохраняем файл с изменениями
(меню - файл - сохранить)

12. Совсем забыла - надо же название месяцев написать!

1) Увеличиваем размер холста на 200 пикселей вверх
(меню - изображение - размер холста)

[528x416]

2)Открываем группу с месяцем и
пишем название месяца и год тем же шрифтом.
Буквы я написала в размере 36пт, а цифры 48пт.
Чтобы изменить размер цифр нужно:
после написания выделить цифры левой кнопкой мыши
и изменить размер в панели "символ"
В итоге получаем

[530x392]

3)Для остальных месяцев дублируйте этот слой с текстом,
убирайте дубликаты в группы с месяцами,
вместо января пишите название месяца группы.

Сохраняем файл с изменениями
(меню - файл - сохранить)

13. Выделяем слой с пунктирами,
группы "дни недели" и "январь"
Напоминаю, что выделение слоёв по порядку
делаем с зажатой клавишей Shift,
а выборочное выделение слоёв с зажатой клавишей Ctrl
Сейчас нам нужно сделать выборочное выделение,
поэтому зажимаем клавишу Ctrl

[222x476]

Объединяем выделенное в слой
(меню - слои - объединить слои)
Получаем слой, называем его "сетка"

[186x409]

14. Переносим этот слой на файл "Лист календаря",
а файл "Сетка" закрываем без сохранения -
это значит, что при закрытии файла выскочит окошко,
в котором нужно нажать на НЕТ

[432x124]

15. Располагаем сетку внизу документа

[353x500]

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

16. Оформление листа для Января.

1) Открываю три файла с бумагой на один документ
из своего набора "Зимний стиль" - ссылка
Убираю слои в группу с названием "фон",
переношу на лист календаря.

[364x500]

2) Открываю шаблон круглой рамки,
который описан в уроке "Рамки - вырезы" - читать урок
переношу на лист календаря.
Включаю слой "тело", чтобы не залезть за допустимые границы.
Центровку по вертикали определяю новой направляющей
50% по вертикали

[420x422]

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

3) Загружаю выделение слоя с рамкой,
перехожу на тёмный слой с бумагой без снежинок
и копирую выделение на новый слой.
В панели слоёв располагаю сверху слоя с шаблоном рамки,
называю слой "рамка", а слой с шаблоном "тень".

[470x474]

4) Применяю к слою "рамка"
эффект слоя "внутреннее свечение",
настройки на скрине.

[342x271]

[428x418]

5) Делаю блик на рамке.
Для этого:
инструментом "овальная область"
делаю круглое выделение

[480x370]

Создаю новый слой,
в панели слоёв располагаю его над слоем "рамка",
делаю обводку белого цвета размером 20пикселей по середине,
снимаю выделение.

[418x426]

Загружаю выделение слоя "рамка",
перехожу на слой с обводкой и применяю фильтр
"размытие по Гауссу с радиусом 21 пиксель,
снимаю выделение, получаю

[282x318]

Усиливаю блик путём дублирования слоя
и снижения заливки у дубликата до 70%

[293x378]

Убираю все слои, относящиеся к рамке в группу "рамка".

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

[392x549]

Панель слоёв.

[357x550]

7) Перехожу в группу "фон",
применяю маски.
Активирую инструмент "прямоугольная область",
растушёвку устанавливаю 250 пикселей.
Делаю два выделения

[413x601]

8) Очищаю выделенную область,
снимаю выделение, получаю такой вид

[412x572]

9) Перехожу на слой "сетка",
активирую инструмент "прямолинейное лассо",
в настройках инструмента активирую положение
"добавить выделенную область"
выделяю все красные значения

[230x444]

10) Вырезаю на отдельный слой
(меню - слои - новый - вырезать на новый слой)
На слое "сетка" остались только чёрные значения

[482x316]

11) Применяю стиль слоя "наложение цвета"
к слою "сетка"

[372x500]

Небольшая коррекция цветовым балансом фона
и лист календаря готов.
Посмотреть оригинальный размер - ссылка
Сохраняю файл под названием "01Январь" в двух форматах:
рабочий в psd, один слой на прозрачном фоне в png

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

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

Будут вопросы, задавайте.
Чем смогу, помогу.

С теплом, Ольга Бор.

Скачать урок в формате docx - ссылка
вверх^ к полной версии понравилось! в evernote


Вы сейчас не можете прокомментировать это сообщение.

Дневник перекидной календарь 2013 | Daria_zi - Дневник Daria_zi | Лента друзей Daria_zi / Полная версия Добавить в друзья Страницы: раньше»