Как сделать портфолио в фотошопе на русском. Создаем простой и понятный макет портфолио

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

В этом уроке по работе с фотошопом мы создадим от начала до конца один лист электронного фотоальбома.

Перейдём в окно настройки нашего фотоальбома - "Файл - Автоматизация - Ракладка изображения".

В открывшемся окне никаких настроек не меняем, а просто нажимаем на "Edit Layout" (Изменить (редактировать) макет).

В появившемся окне Picture Package Edit Layout (Изменить макет пакета изображений) прежде всего нажимаем на кнопку Delete All, чтобы удалить предыдущий макет, Затем в поле Name выбираем имя будущего макета, в поле Page Size выбираем его размер, ставим галочку Snap to, чтобы на поле будущего макета появилась сетка (для удобства размещения фотографий) и наконец нажимаем на Add Zone (Добавить зону).

В поле, расположенном в правой части окна, появляется фрейм, потянув за угловые маркеры которого,мы растягиваем его на всё поле.

После этого мы опять нажимаем на кнопку Add Zone (Добавить зону), опять появляется фрейм. Используя его маркеры мы устанавливаем необходимый размер и перетаскиваем на нужное место.

Чтобы каждый раз не нажимать на Add Zone (Добавить зону), щёлкните внутри первого фрейма правой кнопкой мыши и выберите Duplicate, появится второй фрейм, перетащите его на новое место, при необходимости за маркеры подрегулируйте его размеры. Если в списке выбрать Delete, то мы удалим фрейм.

Я создал шесть фреймов и расположил их как показано на скриншоте. Теперь нажимаем на кнопку Save.

Появляется окно в котором мы должны дать имя нашему фотоальбому (по умолчанию открывается папка Photoshop - Layouts). Нажимаем на кнопку "Сохранить".

Появляется основное окно, которое открывалось в самом начале, где представлен Ваш дизайн - Picture Package (Раскладка изображения). В нём устанавливаем разрешение 300 pixels/inch и снимаем галочку в поле Flatten All Layers (Объединить все слои). Щёлкаем по первому фрейму, где будет располагаться наша фотография.

В появившемся окне находим на компьютере фотографию, выделяем её и нажимаем "Открыть".

После того, как Вы разместили все свои изображения, нажмите кнопку OK.

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

Давайте придадим этому листу более дизайнерский вид. Во-первых, напишем что мы изобразили на нём. Выберем инструмент "Текст" (Т), установим примерно такие параметры (у Вас они будут естественно своими).

Напишем что-то подобающее нашему событию. Чтобы текст смотрелся немного получше придайте ему какой-нибудь стиль. Для этого достаточно открыть палитру "Стили" и щёлкнуть на любом подобающем стиле.

Во-вторых, наложим на нижний слой подходящий градиент, для чего сделаем его активным.

Выберем инструмент линейный "Градиент" (G), щёлкнем по стрелочке справа от поля редактирования градиента и в появившемся списке щёлкнем по подходящему по стилю градиенту.

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

Появится окно "Стиль слоя", в котором я выбрал следующие вкладки и установил в них определённые значения (Вы, как всегда, устанавливаете что Вам по вкусу) - Тень, Внутренняя тень, Тиснение, Обводка.

Вот что у меня получилось.

Перенесём получившиеся стили слоя на остальные фотографии. Для чего щёлкаем правой кнопкой мыши по слою уже с имеющимся стилем слоя и в появившемся списке выбираем "Скопировать стиль слоя".

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

Вот так сейчас выглядит наша палитра "Слои" после перенесения на фреймы стилей слоя.

amp;lt;mce: script type=;">verflow-y: hidden; text-align: justify;">Вот так, в ходе обработки фотографии в фотошопе, мы очень быстро получили красивую презентацию какого-нибудь события или Ваших работ. С первого раза Вам покажется, что мы очень долго создавали эту презентацию, но поверьте мне - вторую и тем более третью, четвёртую и т.д. презентации Вы будете производить буквально в считанные минуты. Удачных Вам представлений своих работ!

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

В этом уроке по работе с фотошопом мы создадим от начала до конца один лист электронного фотоальбома.

Другие уроки по автоматизации работы в фотошопе :

"Облегчаем поиск фотографий на компакт-дисках"
Создаём Web галерею в Photoshop
"Презентация фотографий в формате PDF"
"Работаем с командой автоматизации программы Photoshop - пакетная обработка"

Перейдём в окно настройки нашего фотоальбома - "Файл - Автоматизация - Раскладка изображения ".

В открывшемся окне никаких настроек не меняем, а просто нажимаем на "Edit Layout " (Изменить (редактировать) макет ).

В появившемся окне Picture Package Edit Layout (Изменить макет пакета изображений ) прежде всего нажимаем на кнопку Delete All , чтобы удалить предыдущий макет, затем в поле Name выбираем имя будущего макета, в поле Page Size выбираем его размер, ставим галочку Snap to , чтобы на поле будущего макета появилась сетка (для удобства размещения фотографий) и наконец нажимаем на Add Zone (Добавить зону ).

В поле, расположенном в правой части окна, появляется фрейм, потянув за угловые маркеры которого, мы растягиваем его на всё поле.

После этого мы опять нажимаем на кнопку Add Zone (Добавить зону ), опять появляется фрейм.

Используя его маркеры мы устанавливаем необходимый размер и перетаскиваем на нужное место.

Чтобы каждый раз не нажимать на Add Zone (Добавить зону ), щёлкните внутри первого фрейма правой кнопкой мыши и выберите Duplicate , появится второй фрейм, перетащите его на новое место, при необходимости за маркеры подрегулируйте его размеры. Если в списке выбрать Delete , то мы удалим фрейм.

Я создал шесть фреймов и расположил их как показано на скриншоте. Теперь нажимаем на кнопку Save .

Появляется окно в котором мы должны дать имя нашему фотоальбому (по умолчанию открывается папка Photoshop - Layouts ). Нажимаем на кнопку "Сохранить ".

Появляется основное окно, которое открывалось в самом начале, где представлен Ваш дизайн - Picture Package (Раскладка изображения ). В нём устанавливаем разрешение 300 pixels/inch и снимаем галочку в поле Flatten All Layers (Объединить все слои ). Щёлкаем по первому фрейму, где будет располагаться наша фотография.

В появившемся окне находим на компьютере нужную нам фотографию, выделяем её и нажимаем "Открыть ".

Фотография размещается в выбранном фрейме.

После того, как Вы разместили все свои изображения, нажмите кнопку OK .

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

Давайте придадим этому листу более дизайнерский вид. Во-первых, напишем что мы изобразили на нём. Выберем инструмент "Текст " (Т ), установим примерно такие параметры (у Вас они будут естественно своими).

Напишем что-то подобающее нашему событию. Чтобы текст смотрелся немного получше придайте ему какой-нибудь стиль. Для этого достаточно открыть палитру "Стили " и щёлкнуть на любом подобающем стиле.

Во-вторых, наложим на нижний слой подходящий градиент, для чего сделаем слой активным.

Выберем инструмент линейный "Градиент " (G ), щёлкнем по стрелочке справа от поля редактирования градиента и в появившемся списке щёлкнем по подходящему по стилю градиенту.

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

Сделаем активным любой слой с фреймом и два раза щёлкнем по нему левой кнопкой мыши.

Появится окно "Стиль слоя ", в котором я выбрал следующие вкладки и установил в них определённые значения (Вы, как всегда, устанавливаете что Вам по вкусу) - Тень , Внутренняя тень , Тиснение , Обводка .

Вот что у меня получилось.

Перенесём получившиеся стили слоя на остальные фотографии. Для чего щёлкаем правой кнопкой мыши по слою уже с имеющимся стилем слоя и в появившемся списке выбираем "Скопировать стиль слоя ".

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

Вот так сейчас выглядит наша палитра "Слои " после перенесения на фреймы стилей слоя.

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

Чтобы получить интересные уроки на свой адрес, введите свои данные в форму подписки ниже:

Доброго вечера всем! Как выходные? Итак, сегодня я выполню свое обещание, которое я дал своей читательнице. А, точнее, я научу родителей у которых дети идут в школу/садик как делать портфолио для школы . Как оказалось, это очень сейчас актуально. Хотя, я считаю это очень глупо и бессмысленно. Когда я учился, такого не было. Ну, да ладно, не мне судить. Мое дело выручить родителей, ведь большинство сталкиваются с фотошопом первый раз!

Я же, надеюсь, Вы ? Если же – да, то мы продолжаем.

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

Шаг 1. Ну, для начала нужно создать первую страницу нашего портфолио. Желательно с такими же параметрами, которые я указал, чтобы у Вас потом не было проблем при печати.

Шаг 2. Теперь нам нужно найти какой-то красивый фон. Желательно его выбирать в зависимости от того кто у вас: мальчик или девочка. Представим что у меня дочурка:)

Так и вводим в Google или Yandex: “Фон для фотошопа”. Ну, можно приписать еще желаемый цвет.

Ну, и вставляем в как фон в фотошоп.

Шаг 3. Теперь же нам желательно сделать рамочку. Так явно будет красивее. Так как у меня якобы дочка, то рамочку я решил сделать из цветочков. Нашел два вида цветочков (без фона, чтобы самому не вырезать). Добавил их на наш уже готовый фон и сделал размером таким, чтобы можно было использовать в качестве рамки. Ну, и когда будете уменьшать, то чтобы сохранять пропорции, советую зажимать Shift.

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

И через несколько минут однообразной работы у меня вышло что-то такое:

Шаг 4. Переходим к надписям. Куда же без них? Для этого нам нужно скачать какой-то такой прикольный, детский шрифт. Я такие не использую, поэтому нашел в интернете и его. Ну, и наносим надписи каким-то ярким шрифтом. Я еще добавил тени и обводку.

Ну а теперь по подобному принципу Вы можете делать и другие страницы портфолио для школы или детского садика.

Можно также добавить разные фигурки, которые будут в тему.

Портфолио изначально было задумано, как коллекция художественных работ. Для него отбирались лучшие работы, чтобы подчеркнуть художественную эволюцию автора. Портфолио в образовании преследует две цели — отразить репрезентативность и прогресс в обучении. Разберемся, как сделать портфолио для школьника 1 класса.

Что представляет собой портфолио учащегося?

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

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

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

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

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

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

О том, как сделать портфолио для первоклассника самостоятельно, читайте дальше.

Мастер-класс по созданию портфолио в фотошопе

Рассмотрим, как сделать портфолио для школьника своими руками с помощью фотошопа.

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

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

Порядок действий:

Открываем в фотошопе пустой шаблон страницы портфолио, который вы заранее скачали в Интернете или создали самостоятельно.
Инструментом «Прямолинейное лассо» на макете выделяем область, где будет набираться текст, и образуем рабочий контур.
При помощи инструмента «Горизонтальный текст» настройте по своему усмотрению шрифт. Затем скопируйте из документа Word интересующий вас текст и вставьте его в макет. Далее отредактируйте заголовки и красиво оформите текст, используя меню «Шрифт».
На следующей странице макета вставляем цифровую фотографию. Используя меню «Поместить», выбираем необходимое фото и растрируем его до нужного размера, после чего вставляем на страницу макета. Для того чтобы поместить рядом с фотографией обтекающий ее текст, нужно повторить пункты 2 и 3.
Сохраняем готовые страницы при помощи меню «Сохранить как» в ту папку, где вы формируете портфолио.

Секреты успешного портфолио

Перед началом заполнения портфолио вы должны провести с ребенком вводный инструктаж и объяснить ему такие моменты:

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

Готовое портфолио ученика начальных классов: образец заполнения

Портфолио открывается титульным листом. Здесь указываются персональные данные и помещается фотография первоклассника. Теперь давайте подробно остановимся на каждом разделе.

«Мир вокруг меня». В этом разделе можно поместить следующую информацию:

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

«Мои задачи и цели»:

перспективный учебный план;
внешкольная работа — занятия спортом, кружки, секции.
«Общественная работа»:
информация о выполненных поручениях;
информация об участии в жизни школьного коллектива.

«Достижения». В этом разделе материалы необходимо размещать в хронологическом порядке, чтобы было проще отследить прогресс личных достижений:

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

«Материалы по учебе»:

письменные работы (можно распределить по предметам);
результаты значимых тестов.
«Взаимодействие учителя и родителей»:
предложения в отношении дополнительных образовательных мероприятий;
информация о дисциплине поведения.

Создадим новый документ с параметрами: ширина – 1440 пикс, высота – 1500 пикс, разрешение – 72 пикс/дюйм.

Шаг 2. Создание шапки

Создадим новую группу и назовем ее Шапка . Все слои созданные в этом шаге помещаем в эту группу.

Устанавливаем вертикальные направляющие на 250 и 1190 пикс, и горизонтальную на 300 пикс. (Просмотр ® Новая направляющая ).

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

Установим основной цвет – 204139 и фоновой – 002931 . С помощью инструмента Градиент с настройками

Зальем выделенную область и снимем выделение (CTRL+D).

Создадим новый слой. Основной цвет - 19535a .

Выберем инструмент Кисть с параметрами

Установите кисть в середине верхней части шапки и щелкните один раз.

Поставьте горизонтальную направляющую с положением на 50 пикс. Выделите верхнюю часть и удалите ее.

Снять выделение.

Создаем новый слой. Вдоль верхней горизонтальной направляющей создаем выделение толщиной в 1 пикселей, для этого щелкнем по направляющей инструментом Область (горизонтальная строка) . Заливаем произвольным цветом.

Добавим эффект слоя Наложение градиента , нажав на кнопку и устанавливаем параметры

Должно получиться

Добавим название. Выберите инструмент Текст . Шрифт установим Impact , размер 200 пунктов . Установим к слою эффект Внешнее свечение , а Заливку слоя установим 0%.

Удерживая нажатой клавишу CTRL , щелкните по иконке текстового слоя. Создадим новый слой.

Чтобы залить текст необычной заливкой, нужно создать собственную заливку. Для этого создаем новый слой 10 на 10 пикселей, разрешение – 72 пикс/дюйм, фон – прозрачный.

Установим вертикальную и горизонтальную направляющие на 5 пикселей. С помощью инструмента Прямоугольное выделение создать выделение и залить его цветом – 012931 . Получим:

Выполним команду Редактирование ® Определить узор . Дать название узору и нажать Ок .

Перейдем в документ шаблона. Выберем инструмент Заливка . Устанавливаем параметры

И заливам выделение.

Шаг 3. Создание панели навигации

Создаем группу Навигация и размещаем в нее слои этого шага.

Поставьте горизонтальную направляющую на 370 пикс. Создайте новый слой.

Выделите область между горизонтальными направляющими и залейте ее цветом 012a31 .

Теперь добавим эффекты слоя: Тень , Наложение градиента и Обводка .

Создаем новый слой. Заливаем выделение 002931 цветом. Сжимаем на 2 пикселя. Нажимаем клавишу DELETE и задаем слою непрозрачность 30%. Получим:

Создаем еще один новый слой. Заливаем его черным цветом, сжимаем на 1 пиксель, нажимаем клавишу DELETE . Снимаем выделение. Получим:

Шаг 4. Создание кнопки

Еще создаем группу и называем ее Кнопка. Новые слои помещаем в нее.

Создаем новый слой. Выбираем инструмент Прямоугольник со скругленными углами , радиус скругления задаем 20 пикселей

Применим к слою эффекты: Внешнее свечение и Обводка .

Основной – черный , фоновый - 31b8c9 .

Создайте новый слой и нарисуйте еще одну овальную фигуру внутри прежней.

Добавим новой фигуре стили слоя: Внутреннее свечение , Обводка и Наложение градиента .

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