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

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

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

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

В открывшемся окне никаких настроек не меняем, а просто нажимаем на "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 и щёлкайте на остальных слоях. После их выделения щёлкаем правой кнопкой мыши по выделенным слоям и в появившемся списке выбираем "Вклеить стиль слоя ".

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

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

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

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

Меня зовут Александра Павлова , я дизайнер. Часть шаблонов на этой сайте — мои работы . Я заполняю портфолио для Вас и с радостью расскажу, как я это делаю.

Сегодня я расскажу Вам как вставить фотографию в любую страничку шаблона портфолио. Делать мы это будем в программе «Adobe Photoshop». Не бойтесь сразу, в этой программе работают тысячи человек и Вы точно справитесь. Тем более весь процесс я опишу детально и просто.

Давайте начнем заполнение портфолио.

Выбираем в папке с портфолио (как разархивировать файлы портфолио) нужную страничку. В примере это будет файл странички «титульный», нажимаем на файл правой кнопкой мыши (далее ПКМ), выбираем команду «открыть с помощью» «Adobe Photoshop»(рис.1). Если вы уже установили программу (или же она была уже установлена), то откроется программа и файл.

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

1. Нам нужно скопировать фотографию на файл портфолио.

Слева находится вкладка слои.
Сейчас там отображается один слой, «ФОН». (рис.2)

Нажимаем на него ПКМ и выбираем команду «Создать дубликат слоя».(рис.3)

В открывшемся окне, выбираем файл назначения, в который программа создаст дубликат.
В нашем случае это будет «Титульный».(рис.4)

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

2. Уменьшаем, увеличиваем фотографию.

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

Выбираем инструмент «Перемещение», первый на панели инструментов (на рисунке 5 обведен желтым). Обратите внимание, у Вас должны стоять галочки, в верхней строке напротив слов АВТОВЫБОР и ПОКАЗАТЬ УПР. ЭЛЕМ, (на рисунке 5 обведены красными значками). Эти функции отвечают за то, чтобы вокруг нашей фотографии появилась рамка с управляющими элементами. С ее помощью мы будем трансформировать фотографию. Нажимаем на любой квадратик, на рамке с управляющими элементами (обведены красным), и, не отпуская левую кнопку мыши (далее ЛКМ), тащим в середину (уменьшает), наружу (увеличивает).(рис.5)

ВНИМАНИЕ! Обязательно нажмите замочек (желтый кружок), он сохраняет пропорции фотографии и у ребеночка не деформируется лицо. Чтобы закончить трансформацию нажимаем галочку (синий квадрат).(рис.6)

Получилось? Молодцы! Но мы видим, что наша фотография находиться над рамкой. Нам нужно поменять слои с файлом портфолио и слой с фотографией местами.
Нажимаем ЛКМ на слой с фотографией и тянем вниз. Наша фотография должна переместиться под слой с рамкой.(рис.7)

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

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

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

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

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

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

Итак, давайте разберемся…

Как сделать портфолио своими руками

Для работы возьмем шаблон «Морские просторы» вот

С любым другим шаблоном можно работать аналогично. Использую для примера заполнение титульного листа

1. Открываем титульный лист в программе фотошоп. Открываем фотографию, которую вы собираетесь на нем разместить. Удобнее всего, когда вы видите перед собой сразу и фото и лист, с которым работаете. Выбираем в фотошопе инструмент «перемещение» (выделен красным кружком), щелкаем левой кнопкой мышки по фотографии и не отпуская кнопку мышки, перетаскиваем фото на шаблон (смотрите 1 и 2 изображение, кликните на фото, чтобы увеличить).

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

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

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

Чтобы увеличить или уменьшить фотографию, проверьте, чтобы именно ее слой оказался активен, а потом нажмите сочетание клавиш Ctrl + T. Или найдите в меню «Правка» функцию «Свободное Преобразование» и выберите ее. Затем, удерживая нажатой кнопку «Shift» на клавиатуре, потяните фото за уголок в сторону увеличения или уменьшения. Не забывайте про «Shift», иначе изображение будет искажено.

2. Итак мы вставили фото. Теперь нам нужно вставить текст. В данном случае – подписать титульный лист. Для этого в графическом редакторе выбираем инструмент «Текст» (выделенный красным), встаем курсором мыши на строки шаблона и пишем фамилию, имя и отчество ученика. В данном случае я использую шрифт Times New Roman курсив. Цвет и шрифт можно выбрать любой. Проследите за правильным расположением слоев — это важно, чтобы текст был виден он должен находится выше слоя с титульным листом.

После того, как лист готов, не забудьте сохранить его в формате jpg – именно этот формат нужен для распечатки листов.

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

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

Распечатать готовое портфолио для школьника (дошкольника) можно дома на цветном принтере. Для этого лучше использовать фотобумагу. Однако самый оптимальный вариант — заказать печать в фото-салоне или в типографии – это будет и качественнее и по цене выгоднее.

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

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