Как обработать картинку для сайта

Виды картинок для сайта \" width=Поместить картинку на сайт – что может быть проще?! Но хочется не просто вставить какую-то фотографию или рисунок, хочется чтобы картинка была красивой, интересной и уникальной. Да и размер должен быть оптимальным, чтобы “не тормозить сайт”. В этом уроке фотошопа я попытался осветить наиболее важные  моменты обработки изображения для публикации на блоге. Как у меня это получилось – судить вам.

____________________________________________________
PS Изначально урок получался 56 минут, и не потому, что я медленно говорил или делал драматические паузы, а из-за того, что в такой, казалось бы, простой теме есть много неочевидных секретов. После всевозможного ужатия и сокращений (более 8 часов ушло на это) получилось 19 минут, поэтому прошу учесть, что некоторые моменты сокращены, а оставшиеся информация довольно “концентрированная” :) Если это видео получилось малопонятным, напишите  в комментариях, и если соберется достаточно желающих  – проведем семинар по этой теме на часик-другой, где более подробно рассмотрим интересующие вас моменты.

20 комментариев к записи “Как обработать картинку для сайта”

  • Владимир:

    Очень понравилось ! Спасибо !

  • Елена:

    Хороший урок получился!
    Вот только подскажите мне,почему у меня рамочка(фигурная), которую рисую получается однотонная,а не фон(как у вас трава например)? Что надо исправить?

    • Вы файл с “травой” не применили к файлу “рамке”, т.е. навести курсор между двумя слоями, зажать альт – курсор изменится – щелкнуть левой кнопкой мышки. Должно помочь

  • Maksim:

    Доброе время суток Вячеслав! Красивый у Вас сайт, хорошо поработали! Поставил вас в закладки :) Предлагаю вам посетить мой сайт, посвящённый путешествиям в Данию.

  • Татьяна:

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

  • Светлана:

    Пожалуйста, дайте неопытному лузеру ссылку, где скачать ТАКОЙ ИМЕННО фотошоп, как в Ваших уроках?

  • Ирина:

    Как всегда, отлично!

  • Зифа Галиакберова:

    Просто ЭДОРОВО!!!
    Не уроки, а ПЕСНЯ. Под аккомпанемент мышкиных кликов.
    Обожаю учится играючи. Лекго и свободно…
    Только вот инструмент ПЕРО (лёгкое пёрышко, будь оно неладно)
    почему-то не даётся мне легко.
    Может быть посвятите урок ПЕРУ?

    • Можно и перу рассмотреть, но не интерессно рассматривать инструмент сам по себе, нужна конкретная задача, которую ужно решить с помощью пера :) На данный момент, я его почти не использую, обхожусь масками или лассо. А там где без пера не обойтись – я делаю в Кореле или Иллюстраторе – там перья круче :) Дело конечно привычки.
      В любом случае, давайте рассматривать, результат, который наверно важнее, чем какими инструментами он достигнут. Пишите, что вам интересно, то и сделаем

      • Зифа Галиакберова:

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

        • Все можно. Алгоритм простой – фату на отдельный слой и прозрачность уменьшить, и режим наложения какой-нибудь мягкий свет (вообщем методом тыка). И все. Но на заметочку взял, для урока маловато, еще кидайте идейки :) Спасибо

          • Зифа Галиакберова:

            Гладко было на бумаге….
            Где я возьму фату, если я даже не представляю себе, как её нарисовать?
            Если вырезать с другой картинки — новые “овраги”.
            Как выделить такой сложный объект?
            Мне кажется, проще создать с нуля фату или вуаль, ажурные, прозрачные, лёгкие. Чтоб это всё было реалистично.
            Ну и при помощи деформации складочки добавить, показать воздушность ткани. Неужели не интересно?

            На Демиарте я смотрела урок, как с нуля инкрустированный нож рисовали. Это было ЧТО-ТО!!!! Там ничего не брали с других изображений, кроме текстуры дерева, узор (причём довольно сложный) только пером рисовали, а потом накладывали стили.

            Я не могу уверять, что это в ФШ делалось, но мне кажется, что в ФШ.

            • Отвечу на главный вопрос:
              Мне кажется, проще создать с нуля фату или вуаль, ажурные, прозрачные, лёгкие. Чтоб это всё было реалистично.
              Чтобы было реалистично, нужно фотографировать. Рисуя, вы реалистичнее реальности не сделаете :)
              Я разделяю ваше восхищение уроками Демиарта, но этот сайт не такой тематики, он создан чтобы показать наипростейший способ достижения результата. Уроков рисования тут не планируется, но вы можете обратиться за личной консультацией :)

  • Надежда:

    Элегантно, теперь знаю почему у меня не получался прозрачный фон

  • Гулзира:

    Очень актуальная тема!Часто приходиться оживлять свои статьи на блоге фото-изображениями. А тут столько вариантов обработки картинок с творческим подходом!Спасибо, Вячеслав, за нужную и полезную статью!

    • Это вам, Гульзира, спасибо, если бы вы не заказали эту тему – урока бы не было. Заказывайте еще :) Все для вас, моих подписчиков! Для себя то мне уроки писать не нужно, я и так это знаю :)

  • Антонина:

    Спасибо огромное за урок, я так долго мучилась с оформлением картинок на своём сайте методом тыка, но всё равно ничего не добилась.Вы в своем уроке ответили на все мои заморочки, буду репитировать. Но у вас это всё так легко и просто, а тут не раз придётся почесать затылок.Спасибо.

  • Ольга:

    Спасибо за урок.
    У вас так все легко и просто получается, очень хочется научиться работать с такой же легкостью

Оставить комментарий

Бесплатные курсы

Получать уроки на почту

Ваше имя: *
Ваш e-mail: *
Яндекс.Метрика