Как сделать расписание уроков в фотошопе
В этом уроке вы узнаете, как создать статистический график, используя фигуры, инструмент Перо и стили слоя.
Сложность урока: Легкий
В этом уроке программы я покажу вам, как создать статистический график в программе Photoshop.
Детали урока
Итоговый результат:
Шаг 1
Создайте новый документ 600 x 430 px, далее идём Просмотр – Показать – Сетку (View > Show > Grid) для активации сетки, а затем идём Просмотр – Привязать к – Линиям сетки (View > Snap To > Grid), чтобы привязать к сетке. Нажмите клавиши (Ctrl + K), чтобы появилось окно Установки (Preferences), далее, выберите настройку Направляющие, сетка и др. (Guides, Grid & Slices) и установите настройки, которые указаны на скриншоте ниже. В течение всего урока, я буду отключать видимость сетки (Ctrl + ‘), чтобы вам было лучше видно. Сетка облегчит вам работу при создании фигур.
Шаг 2
Выберите инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool), в панели настроек данного инструмента установите Радиус (Radius) на 10 px.
Нарисуйте векторную фигуру со следующими размерами 468 x 300 px.
Шаг 3
Дважды щёлкните по слою с нарисованной векторной фигурой, чтобы применить стили слоя, которые указаны на скриншотах ниже.
Шаг 4
Примечание переводчика: размеры прямоугольника 468х39рх. Толщина обводки 1рх, цвет обводки белый.
В панели слоёв, поменяйте режим наложения для слоя с нарисованным прямоугольником на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) слоя до 50%.
Шаг 5
Выберите инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool). Нарисуйте три векторные фигуры 17 x 12 px с Радиусом (Radius) 1 рх. Расположите нарисованные фигуры, как показано на скриншоте ниже.
Шаг 6
Далее идём в закладку Символ (character), для этого выбираем Окно - Символ (Window > Character). Установите шрифт Consolas Bold.
Шаг 7
Выберите инструмент Перо (Pen Tool), нарисуйте маленький треугольник. Расположите треугольник, как показано на скриншоте ниже.
Примечание переводчика: цвет треугольника белый.
Шаг 8
Нарисуйте прямоугольник со следующими размерами 31 x 12 px. Расположите прямоугольник, как показано на скриншоте ниже.
Шаг 9
Дважды щёлкните по слою с прямоугольником, нарисованным в предыдущем шаге, чтобы применить стиль слоя, который указан на скриншотах ниже.
Шаг 10
Ещё раз идём в закладку Символ (character). Установите размер шрифта 10 px, а затем добавьте текст, как показано на скриншоте ниже.
Примечание переводчика: автор добавил слово Поиск (Search), вы можете добавить любой текст на своё усмотрение.
Шаг 11
Нарисуйте круг 8 x 8 px, а затем нарисуйте второй круг 4 x 4 px. Убедитесь, чтобы обе векторные фигуры были расположены так, как показано на первых двух скриншотах ниже.
В панели слоёв, выделите оба слоя с векторными фигурами, а затем перейдите Объединить фигуры (Merge Shapes).
Примечание переводчика: чтобы объединить фигуры, выделите все слои с нарисованными векторными фигурами, а затем щёлкните правой кнопкой мыши по выделенным слоям и в появившемся окне выберите опцию Объединить фигуры (Merge Shapes).
Теперь выберите инструмент Выделение контура (Path Selection Tool), щёлкните по контуру внутреннего маленького круга (4 x4 px) и в верхней панели управления выберите режим Вычесть из передней фигуры (Subtract Front Shape). Результат должен быть, как на скриншоте ниже.
Примечание переводчика: чтобы создать фигуру, как описано в Шаге 11, для этого: 1. Нарисуйте первый круг 2. Перейдите на маску слоя с нарисованным кругом, просто щёлкните по ней, чтобы убедиться, что она активна. 3. Удерживая клавишу (Shift), нарисуйте второй круг на маске слоя с первым кругом. 4. Выберите инструмент Выделение контура (Path Selection Tool) и далее по тексту, как у автора. 5. Не переживайте, что второй круг нарисован неидеально по центру, его положение и масштаб можно откорректировать после активации инструмента Выделение контура (Path Selection Tool) и использования свободной трансформации (Ctrl+T).
Шаг 12
Выберите инструмент Линия (Line Tool), в панели управления данного инструмента установите Толщину (Weight) линии на 2 px. Нарисуйте линию, как показано на первом скриншоте ниже.
Теперь выделите слой с нарисованной линией и слой с векторной фигурой, которую мы нарисовали в предыдущем шаге, и далее перейдите Объединить фигуры (Merge Shapes).
Находясь на слое с новой объединённой фигурой, расположите фигуру так, как показано на скриншоте ниже.
Шаг 13
Выберите инструмент Прямоугольник (Rectangle Tool), нарисуйте векторную фигуру со следующими размерами 1 x 181 px. Расположите фигуру примерно, как показано на первом скриншоте ниже.
Продублируйте (Ctrl+J) нарисованную фигуру 64 раза. Расстояние между линиями должно быть 5 px, как показано на последнем скриншоте ниже.
Шаг 14
Используя тот же самый инструмент, нарисуйте векторную фигуру со следующими размерами 385 x 1 px. Расположите фигуру примерно, как показано на первом скриншоте ниже.
Продублируйте (Ctrl+J) нарисованную фигуру 30 раз. Расстояние между линиями должно быть 5 px, как показано на втором скриншоте ниже.
Выделите все слои с линиями, которые вы нарисовали в этом шаге, включая слои с линиями, которые вы нарисовали в предыдущем шаге, и далее перейдите Объединить фигуры (Merge Shapes).
Находясь на слое с новой объединённой векторной фигурой, поменяйте режим наложения на Перекрытие (Overlay), а также уменьшите Непрозрачность (Opacity) до 10%.
Шаг 15
Выделите слои, которые вы создали в этом шаге, а затем перейдите Объединить фигуры (Merge Shapes). Находясь на слое с новой векторной фигурой, поменяйте режим наложения на Перекрытие (Overlay), а также уменьшите Непрозрачность (Opacity) до 50%.
Шаг 16
Используя тот же самый шрифт, уменьшите размер шрифта до 11 px, добавьте цифры и месяцы.
Шаг 17
Выберите инструмент Перо (Pen Tool), в панели управления данного инструмента установите режим Контуры (Path).
Нарисуйте следующую контурную линию.
Шаг 18
Выберите инструмент Кисть (Brush Tool), установите жёсткую круглую кисть, размер (Size) кисти 5 px, Жёсткость (Hardness) кисти 100%.
Создайте новый слой. Далее, переходим в закладку Контуры (Paths), для этого идём Окно – Контуры (Window > Paths), нажмите маленький значок Выполнить обводку контура кистью (Stroke Path), который расположен в нижней части закладки Контуры (Paths). В появившемся окне, выберите инструмент обводки Кисть (Brush Tool), а затем нажмите (Enter).
К слою с нарисованным контуром, примените следующие стили слоя с настройками, которые указаны на скриншоте ниже.
Примечание переводчика: не забудьте удалить контур, для этого щёлкните правой кнопкой мыши по нарисованному контуру и в появившемся окне выберите опцию Удалить контур (Delete path), при этом инструмент Перо (Pen Tool) должен быть активным.
Шаг 19
Нарисуйте белую линию, как показано на первом скриншоте ниже.
Нарисуйте круг 8 x 8 px, а затем нарисуйте второй круг 4 x 4 px. Убедитесь, чтобы обе векторные фигуры были расположены, как показано на втором скриншоте ниже.
В панели слоёв, выделите оба слоя с векторными фигурами, а затем перейдите Объединить фигуры (Merge Shapes).
Теперь выберите инструмент Выделение контура (Path Selection Tool), щёлкните по контуру внутреннего маленького круга (4 x4 px) и в верхней панели управления выберите режим Вычесть из передней фигуры (Subtract Front Shape).
Шаг 20
Выделите все слои с векторными фигурами, которые мы создали в предыдущем шаге, а затем перейдите Объединить фигуры (Merge Shapes).
К слою с созданной фигурой примените следующий стиль слоя с настройками, которые указаны на скриншоте ниже.
Шаг 21
Выберите инструмент Прямоугольник со скруглёнными углами (Rounded Rectangle Tool), установите Радиус (Radius) на 4 px. Нарисуйте векторную фигуру 26 x 15 px. Расположите нарисованную фигуру, как показано на скриншоте ниже.
Теперь выделите все слои, которые составляют фигуру флажка, на котором указаны цифры, продублируйте их. Расположите дубликаты слоёв, как показано на последнем скриншоте ниже. Не забудьте откорректировать флажки по высоте, а также поменяйте цифры на них.
Шаг 22
Выделите все слои, составляющие статистическую таблицу, чтобы сгруппировать их (Ctrl+G).
К слою с группой примените следующие стили слоя и настройки, которые указаны на скриншотах ниже.
Шаг 23
Шаг 24
В заключительном шаге, откройте исходное изображение, которое можно скачать по ссылке в начале этого урока. Переместите данное изображение на наш рабочий документ, расположив ниже слоя с группой. Далее, перейдите Фильтр – Размытие - Размытие по Гауссу (Filter > Blur > Gaussian Blur). Установите Радиус (Radius) размытия 60 px.
Теперь поменяйте режим наложения на Мягкий свет (Soft Light).
Мы завершили урок. Надеюсь, что вам понравился данный урок. Спасибо за ваше внимание и удачи!
Вначале нужно найти фон, на котором будем создавать расписание уроков для школьника. Для этого могут подойти фоны для виньеток, а также любые другие фоны школьной тематики или детские фоны.
1. Открываем найденный фон фотошоп,
2. Создаем новый слой, берем инструмент Прямоугольная область и выделяем прямоугольник или квадрат размерами будущего листа, на котором будет написано расписание отдельного дня недели. Я создала выделение размерами 400 на 400 пикселей. Залейте его белым цветом.
3. Теперь возьмите инструмент Овальная область (радиус растушевки 1) и создайте круглое выделение на созданном белом листе. Приблизительные размеры 20 на 20 пикселей. Это будет отверстие на листе бумаги:
4. Выберите снова инструмент Прямоугольная область и с зажатой клавишей Shift протяните выделение вверх, немного выйдя за границы листа:
5. Нажмите Delete:
6. Нажмите Shift и несколько раз кликните кнопкой вправо. Таким образом вы протяните выделение несколько вправо, не смещаясь по вертикали. Снова нажмите Delete. Повторите этот этап несколько раз до тех пор, пока не получится рваный край:
7. Кликните дважды по слою с листом бумаги (верхний слой), и вы попадете в параметры наложения. Активируйте Тень и поставьте для нее следующие настройки:
8. Расчерчиваем лист. Создайте новый слой. Кликните между верхним слоем и предыдущим с зажатой клавишей Alt, в палитре слоев получим:
8. Возьмите инструмент Прямоугольная область размерами несколько больше ширины нашего белого листа, вертикальный размер около 30 пикселей:
10. Спустите выделение вниз на такое расстояние, чтобы верхний край выделения совпал с нижним краем обводки и снова выполните обводку выделения с теми же параметрами. Так продолжайте до тех пор, пока не расчертите весь лист:
11. Теперь возьмите инструмент, который выделяет однопиксельную вертикальную строку
12. При активном верхнем слое нажмите сочетание клавиш CTRL + E. Так вы объедините верхний слой с предыдущим. Нажмите 5 раз Ctrl + J – дублируете лист бумаги 5 раз. Итого получим 6 слоев с листом бумаги. Распределите их равномерно по всему фону инструментом перемещение., поочередно делая каждый из них активным. Для крайних листов примените команду редактирование –> Трансформирование -> Поворот (необязательно, все зависит от вашей задумки).
14. Этим же шрифтом и цветом подписываем каждый лист (от понедельника до субботы), размер шрифта ~ 18 пикс. Подписывая крайние листы, задаем стиль подъем, изгиб – горизонтально и двигаем ползунок на верхней шкале настройки:
Самый большой раздел нашего сайта о дизайне посвящен именно урокам фотошопа. Адобе Фотошоп является признаннм лидером по обработке растровой графики. Это любимый инструмент, как в руках новичков-любителей, так и профессиональных фотографов. Уроки фотошоп – основы, обработка фото, рисование графики, текстовые и другие помогут вам освоить в совершенстве освоить программу. Вашему вниманию предложены переводы туториалов зарубежных сайтов, а также авторские разработки.
Приложения серии Adobe получили широкое распространение среди профессиональных дизайнеров и тех, кто создаёт интересные проекты просто для себя. Особенно популярна программа Photoshop, так как здесь есть различные инструменты,…
Люди привыкли видеть в знаменитостях эталон стиля и красоты: у них практически нет морщин, отсутствуют дефекты кожи и главное – на их бедрах нет ни капли целлюлита. Но…
Раньше графическими редакторами пользовались только веб-дизайнеры и работники полиграфической индустрии. Теперь же с помощью фотошопа преображают личные фотографии и простые пользователи интернета, которые хотят выглядеть на своих страничках…
При работе с изображением очень часто возникают ситуации, в которых необходимо убрать фон вокруг какого-либо объекта. У многих это вызывает трудности. В статье подробно расскажем, как в Фотошопе…
Перед размещением своего фото в Инстаграме или в другой социальной сети, многих пользователей интересует, как в Фотошопе убрать прыщи на лице, чтобы улучшить внешний вид человека.
Все для Вашего творчества - Шаблоны Рамки Клипарт Виньетки
Расписание уроков - Диснеевские феи
Расписание уроков - Диснеевские феи
Примечание: В архиве размера виньетки А3 и А4
2 PSD | 4961 x 3508| 3508 x 2480 | 300 dpi | 130,35 MB
Автор: sergey1971
Теги: фотошоп, расписание уроков, школьное расписание, герои мультфильмов, диснеевские феи
Календарь школьника к 1 сентября на 2021-2022 учебный год с расписанием уроков , звонков и с таблицей умножения
Календарь школьника к 1 сентября на 2021-2022 учебный год с расписанием уроков , звонков и с таблицей умножения
PSD | 4961x3508 | 300 dpi | 136,93 Mb
Автор: Koaress
Теги: календарь школьника, расписание уроков, расписание звонков, таблица умножения, шаблоны для школы
Календарь школьника к 1 сентября на 2021-2022 учебный год с расписанием уроков и звонков
Календарь школьника к 1 сентября на 2021-2022 учебный год с расписанием уроков и звонков
PSD | 4961x3508 | 300 dpi | 88,26 Mb
Автор: Koaress
Теги: back to schoo, l, календарь, школьника, для школы, к 1 сентября, расписание уроков, расписание звонков
Календарь школьника на 2021-2022 учебный год с расписанием уроков и звонков
Календарь школьника на 2021-2022 учебный год с расписанием уроков и звонков
PSD | 4961x3508 | 300 dpi | 94,8 Mb
Автор: Koaress
Теги: календарь школьника, расписание уроков, шаблоны для школы, для фотошопа, psd
Календарь школьника с расписанием уроков на 2021-2022 год - Школьная пора
Календарь школьника с расписанием уроков на 2021-2022 год - Школьная пора
Примечание: В архиве 2 размера календаря А3 и А4
PSD + 2 PNG | 3508 x 2480 | 4961 x 3508 | 300 dpi | 164,53 MB
Автор: sergey1971
Теги: фотошоп, календарь, настенный календарь, расписание уроков, календарь-рамка, школьный календарь, школьная пора
Календарь школьника на 2020-2021 учебный год с расписанием уроков и звонков
Календарь школьника на 2020-2021 учебный год с расписанием уроков и звонков
PSD | 4961x3508 | 300 dpi | 124,97 Mb
Автор: Koaress
Теги: календарь школьника, для школы, расписание уроков, расписание звонков, для фотошопа
Календарь с расписанием уроков и звонков для школьников на 2020 - 2021 учебный год
Календарь с расписанием уроков и звонков для школьников на 2020 - 2021 учебный год
PSD | 4961x3508 | 300 dpi | 86,41 Mb
Автор: Koaress
Теги: календарь школьника, расписание уроков, расписание звонков, для школы, для фотошопа
Набор из двух шаблонов расписания уроков для школьников с персонажами мультфильмов Пони
Набор из двух шаблонов расписания уроков для школьников с персонажами мультфильмов Пони
2 PSD | 4961x3508 | 300 dpi | 219,35 Mb
Автор: Koaress
Теги: расписание уроков, школьные, для школы, с героями мультфильмов, для фотошопа, пони
Набор из двух шаблонов расписания уроков для школьников с героями мультфильмов
Набор из двух шаблонов расписания уроков для школьников с героями мультфильмов
2 PSD | 4961x3508 | 300 dpi | 160,93 Mb
Автор: Koaress
Теги: расписание уроков, школьные, для школьников, барбоскины, с героями мультфильмов, для фотошопа
Шаблон расписание уроков - Ученицы аниме
Шаблон расписание уроков - Ученицы аниме
PSD + PNG + JPG | 4961 x 3508 | 300 dpi | 68,45 MB
Автор: sergey1971
Теги: шаблон psd, расписание уроков, школьное расписание, для школы, аниме
На нашем проекте совершенно бесплатно и без регистрации можно скачать фотошаблоны PSD по любым тематикам для фотошопа. Это готовые бесплатные красивые рамки формата PSD в слоях для фотографий предназначенные детям и всей семьи. Романтические, прикольные, новогодние рамки поздравления с 8 марта, 23 февраля, заготовки шаблоны для фотомонтажа, шаблоны виньеток, календари, портфолио ученика 1 класса, обложки на DVD диски, меню буклеты, плакаты, расписания уроков, шаблоны визиток и костюмов, коллекции этикеток на бутылки. А также фотокниги, бланки грамот, дипломов, сертификатов, открыток, свадебных приглашений и многое другое. PSD исходники Фотошопа отличного качества и разрешения. Профессиональный фотоклипарт. Разнообразные скрап наборы для творчества. Все для программы Фотошоп кисти, стили, экшены и плагины. Красивый растровый клипарт на прозрачном фоне, а также векторный клипарт. Видео уроки по графическим редакторам работающие с растровыми и векторными изображениями. Лучшие программы софт для дизайнеров, а для создания качественного видео монтажа готовые футажи скачать бесплатно.
Шаблон выпускной папки для начальной школы - Выпускной .
Выпускная виньетка для учеников 4 классов - Выпускной в .
Виньетка для детского сада - Крылатые качели
Виньетка psd для школы - Пора каникул
Папка выпускника детского сада - В ярких красках вспоми .
Специально ко дню знаний Александра Анцыперович записала для всех школьников полезный фотошоп урок. Она покажет и подробно расскажет, как создать уникальное расписание уроков. Этот видеоурок очень легкий, с ним справится даже первоклассник!
No похожих записей.
Если не работают ссылке на скачивание напишите на обратную связь
- Снимаем натюрморт у себя дома 6 мая, 2022
- Источники света в ночном пейзаже 5 мая, 2022
- Городской пейзаж 4 мая, 2022
- Street-фотография 3 мая, 2022
- Эксперименты с длинной выдержкой. 29 апреля, 2022
- Постановочная макрофотография 28 апреля, 2022
- Портрет в высоком ключе 27 апреля, 2022
- Как вырезать шерсть/волосы в photoshop 26 апреля, 2022
- Макрофотография. Как это снято?! 22 апреля, 2022
- Снимаем натюрморт 21 апреля, 2022
Обработка и ретушь фотографий. Практическое использование различных приёмов в фотографии
Если где то на сайте вы увидите упоминание про Фейсбук и Инстаграм, то знайте, что эти социальные сети в России признаны экстремисткими
Вся информация на сайте взята из открытых источников для ознакомления и может быть удалена после обращения заинтересованного лица.
Обратиться
Разместите нашу кнопку у себя на сайте и мы разместим мини обзор о вашем сайте у себя
Читайте также: