Как создать фотопортфолио за 2 часа. Опыт фотографа

В мире цифровых и информационных технологий персональный сайт есть практически у всех компаний, не зависимо от рода деятельности. На сегодняшний день существует невероятное количество CMS (систем управления контентом), которые помогут создать сайт даже дедушке, который лет 10 как на пенсии :) Это конечно же шутка, но управление такими системами становится все проще и понятнее с выпуском каждой новой версии.

Я фотографирую уже несколько лет и всегда был далек от создания сайтов, но мне хотелось иметь персональный сайт или блог, в качестве портфолио. Также, хотелось бы выделяться среди толпы одинаковых сайтов Рунета и я решил создать сайт на флеше. На сайте меня убедили, что административная панель управления MotoCMS интуитивно понятна и проста в использовании. Под каждым шаблоном сайта в магазине есть огромная оранжевая кнопка «Бесплатно на 30 дней». Так как платить пока ни за что не нужно, я решил потратить свое драгоценное время и испытать этот флеш шаблон.

Обновление 21.07.2016: Следует заметить, что в 2016 года система получила значительный апдейт до версии Moto CMS 3.0. Новый интерфейс конструктора несколько отличается от представленных скриншотов ниже, но принцип работы похожий.

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

создать фотопортфолио

Мне понравился вот этот стильный и достаточно скромный шаблон.

создать фотопортфолио

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

создать фотопортфолио

Вот так выглядит панель управления Moto CMS изнутри:

создать фотопортфолио

Хорошо, что в админке есть русскоязычная версия. Я нашел ее методом проб и ошибок. Вверху в меню есть вкладка Preferences>Website Preferences>Advanced Settings>Secect the сontrol panel language>Русский.

создать фотопортфолио

Итак, испробуем волшебный двойной щелчок мыши, неужели все так просто, как я об этом слышал. Два раза кликнув мышью на меню, открылось вот такое поле редактирования:

создать фотопортфолио

После некоторых нехитрых манипуляций, а именно удаления нескольких пунктов меню и их переименования, получилось следующее:

создать фотопортфолио

Теперь изменим надпись вверху, к примеру, напишем «Андрей Иванов». Заметку ниже «Professional Photografer» не будем менять, англоязычная надпись придаст своего особого шарма.

создать фотопортфолио

Теперь два раза кликаем по горизонтальной ленте изображений, то есть фото галерее, открылась медиатека (хранилище мультимедийных файлов):

создать фотопортфолио

Заменим стандартные изображения в галерее на свои собственные, используя кнопку «Добавить медиа» вверху.

создать фотопортфолио

Зажмите Ctrl, выбрав заранее нужные фотоснимки, и нажмите на кнопку «Выбрать» внизу страницы. У меня вышло вот что:

создать фотопортфолио

Не забудьте нажать на сохранение в верхней полосе настроек в панели управления. Справа находится кнопка «Предпросмотр», чтобы увидеть как будут смотреться все изменения на сайте в реальности:

создать фотопортфолио

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

создать фотопортфолио

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

создать фотопортфолио

Сохраняем и нажимаем кнопку «Предпросмотр».

создать фотопортфолио

Теперь можно попробовать отредактировать текстовый блок на странице «Обо мне». Переходим на страницу «Обо мне» с помощью верхнего выпадающего меню. Двойным кликом переходим в поле редактирования надписи и изменяем ее.

создать фотопортфолио

Теперь редактируем текстовое поле, оно выглядит вот так:

создать фотопортфолио

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

создать фотопортфолио

После изменения размера фотографии, я добавила ее в текстовое поле, прямо над рассказом о себе.

создать фотопортфолио

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

создать фотопортфолио

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

создать фотопортфолио

После сохранения и нажатия кнопки «Предпросмотр», я увидела следующее:

создать фотопортфолио

Можно также создать новую страницу или всплывающее окно, чтобы наполнить их контентом. Для этого в верхнем меню необходимо нажать «Файл»>«Создать новую страницу».

создать фотопортфолио

К примеру, мне необходимо было создать всплывающее окно. Я заполнила очередной текстовое поле так, как следует.

создать фотопортфолио

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

создать фотопортфолио

По-моему, шаблон изменен до неузнаваемость. Оцените что было “до” и что получилось “после”.

создать фотопортфолио

Мы разобрались, как добавить фотографии в шаблон, как изменить фон, содержимое альбомов, текстовые блоки и заголовки, создать новую страницу или всплывающее окно, редактировать форму обратной связи. Специалисты на сайте MotoCMS были правы, хотя изначально я не верил, что все настолько просто. Мы ведь никогда не ищем легких путей :) Не смотря на то, что я тратил время на создание скриншотов, у меня ушло всего 2 часа, чтобы изменить этот шаблон под нужды лично своего веб-проекта. Попробуйте и вы. После изменения шаблона в тестовом режиме, я купил шаблон. Чтобы все изменения остались, я обратился в техподдержку и мне отправили мои данные.

Понравился пост? Подпишись на обновления блога по Дизайн Мания RSSRSS, Дизайн Мания RSSEmail или твиттерtwitter!
А еще можно опубликовать ссылку на статью в своем блоге:
Опубликовать в twitter.com        

Комментариев - 12 для поста Как создать фотопортфолио за 2 часа. Опыт фотографа
  1. ]]> Валера ]]> (Август 18, 2012)

    Что за отстой, 2 часа убить на гавно.
    WordPress лучше.

  2. ]]> Tod ]]> (Август 19, 2012)

    Валера, на WordPress вы такого не сделаете, то есть конечно там есть шаблоны с портфолио и т.п., но сайт на флеше + админка к нему — это точно никак.

  3. ]]> Карина ]]> (Сентябрь 1, 2012)

    Во-первых, автор текста, Вы уж убедитесь, какого вы пола а то «выбрала» или «нашел»?
    Во вторых, цена шаблона сильно преувеличена, я делала полноценный сайт фотографу даже немного дешевле, чем стоит только шаблон. Причем, красивые, эффектные перелистывания фотографий тоже были:) Не говоря уж о том, что были соблюдены нормы оптимизации и индексации!

  4. ]]> Tod ]]> (Сентябрь 2, 2012)

    Карина, если честно не увидел в тексте слово «выбрала». По поводу создания сайта и цены — все относительно. В данном варианте у заказчика остается «админка» и он сможет легко и просто все сам менять. Второй момент это, конечно, flash технология — обычный html сайт я могу и за 100 долларов сделать. Кстати, можно еще сравнить цену шаблона с предложениями «разработка flash сайта в веб-студия» — там там делается все с нуля и исключительно по пожеланиям заказчика, но цена будет как минимум от 500 у.е.

  5. ]]> Olunka ]]> (Сентябрь 29, 2012)

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

  6. ]]> Кирилл ]]> (Ноябрь 30, 2012)

    «соблюдены нормы оптимизации и индексации!»
    «Он нуждается в хорошей рекламе и не может продвигать себя сам»

    В 2002 году поисковые системы начали нормально индексить флеш.
    При этом у флешевой моты есть еще отдельный модуль, который так и называется SEO, чтоб помочь правильно организовать внутренню перелинковку и оптимизацию МЕТА-тегов, если вы понимаете о чем я.
    Это не говоря уже о релизе MotoCMS HTML, которая «продвигает себя сама» во всех поисковиках, что дальше некуда.

  7. ]]> Имя ]]> (Ноябрь 8, 2013)

    Мото CMS предлагают сайт на флеш за где-то порядка 4 000 р. Вы при этом заплатили еще 230 долларов за картинку…Бред и «развод». При этом еще необходимо самим его наполнять, редактировать под себя. ИМХО не вариант мягко говоря. Почему? 1. Все редактирование происходит по онлайн, что затрудняет работу. У Вас вырубили инет, и Ваши часы работы пропадут и обязательно пропадут….2. Ваш сайт будет тормозить это по любому. Потеря денег на хорошем тарифе хостинга 3. Зависимость и ограниченность, отсутствие кода. 4. Хорошую картинку (сайт) можно воспроизвести в других более доступных CMS. За 4 000 рублей я Вам сделаю такой сайт какой Вы никогда не сможете на Moto CMS

  8. ]]> Tod ]]> (Ноябрь 8, 2013)

    Имя, флеш сайт за 4тыс рублей? смешная цена какая-то. Редактирование онлайн затрудняет работу? — вы о чем, работа с любым сайтом производится через CMS онлайн. Не обижайтесь, но это комментарий какой-то «back to 90тые». Все аргументы просто нелепые.

  9. ]]> Turboblack ]]> (Декабрь 1, 2013)

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

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

    а за деньги которые были озвучены выше — порядка 400 долларов — можно сделать красивейший сайт портфолио с интересным дизайном, java (jquery) вставками, и анимацией, быстрый, и флеш ни какой не нужен :)

    плюс сделают так как вы хотите, а не так как навязывают.

  10. ]]> Tod ]]> (Декабрь 3, 2013)

    Turboblack, разные есть варианты создать сайт. На фрилансе можно попасть на 200 баксов, там не все так однозначно. Причем я так понимаю это будет только дизайн в PSD, до сайта там еще оч. далеко (а это еще затраты). Не могу найти где там озвучивается сумма в 400 долларов, зашел на сайт Motocms и нашел шаблоны за $139 с админкой.
    По поводу неуникальности дизайна — тоже вопрос спорный, вы сможете поменять в макете очень много элементов, изменив его до неузнаваемости.

  11. ]]> Сергей ]]> (Октябрь 1, 2014)

    Если честно, то вы своими манипуляциями умудрились из стильного и красивого шаблона сделать убожество. Во-первых, шрифты. Совершенно очевидно, что шрифт Таймс Нью Роман совершенно не подходит для этого дизайна и выбивается из общей структуры. Во-вторых, цвета. Вы где нибудь видели человека, который умеет читать белые буквы на белом фоне? Если видели, дайте мне телефон, я сдам его в поликлинику для опытов. Шаблон придумали не дураки и он очень красив. Но ваши светлые фото на фоне пожирают ваши буквы. Их просто не видно. Поэтому прежде чем писать посты о том, как легко и просто сделать сайт, изучите хотя бы основы веб дизайна. С уважением, Сергей.

  12. ]]> Tod ]]> (Октябрь 1, 2014)

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

Оставить комментарий
для статьи Как создать фотопортфолио за 2 часа. Опыт фотографа