Уроки по фотошопу

Доброго времени суток уважаемые посетители сайта о заработке, Monymaker точка РУ. Сегодня на сайте продолжаются уроки по фотошопу для начинающих блоггеров. И этим “постом” я хочу продолжить тему по созданию графического изображения “лица сайта”,а само его шапки.

Думаю этими уроками по фотошопу я не покажу ничего нового “продвинутым” пользователям различных графических редакторов. Некоторые мои знакомые сайтмены просто влюблены в Gimp.
Но попробовав сделать так, как выкладываю эту тему я, даже воспитанник младшей группы детского сада сделает отличную картинку, чтобы подарить своей маме на 8-ое марта.

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

Cделать шапку сайта в программе photoshop

  • Для этого заходим в интернет и скачиваем ZIP программы Photoshop,или идём по моей ссылке на Яндекс диск.

    Затем на поисковике Yandex-e или Google щёлкаем скачать бесплатно картинки, выбираем изображения на любую тему и побольше с элементами природы, городских улиц, машин,людей, ну и желательно компьютерно-телефонной тематики.Почему ?, мы будем из них делать различные “компановки”,при помощи программы фотошоп.

    Если в специализированных магазинах вашего города или посёлка, продаются программы для работы с фотографиями типа Фотошоп, то приобретите одну из них.Если нет, то в сделав запрос на эту тему(скачать бесплатно),вы получите миллиона два предложений на скачку.Фотографии и графику сразу загрузите на диск С,под именем “workfiles”,а программу для работы с изображениями Adobe Photoshop,всё равно куда,лишь бы нормально и быстро открывалась.
    Многие начинавшие с 2-х тысячных годов мастера дизайна,работали с ещё одной производной этой программы “Image Ready”,но вы не парьтесь(как мы в своё время)сейчас и в упрощённой версии Адоба есть все нужные опции для нашей работы.

    Уроки по фотошопу
    Как работать с программой фотошоп наглядные примеры
  • Открываем программу и смотрим в левый верхний угол,нажимаем-ФАЙЛ-далее-СОЗДАТЬ.Создаём: в появившемся бланке проставляем сначала название нашего проекта,пусть это будет “шапка”, а Далее ниже начинаем проставлять размеры. Если программа открывается впервые, то она подставляет нам метрическую систему т.е СМ-ры,но нас это не устраивает.

    Справа жмём на уголочек и видим- РС-пиксели,жмём и ставим допустим -“1024”.Это будет ширина проекта,а следующая величина-это высота.Высоту шапки, чтобы она выглядела прилично(в формате),ставим от 100 до 150-пикселей.Берём среднюю “120”.

  • Следующая величина-это разрешение изображения,оно влияет на качество будущего нашего шедевра. Я не смеюсь и не подкалываю, а чем мы хуже “их”, “они” все свои работы по другому не называют.Вот эта величина по умолчанию будет выходить-72 пикселей на дюйм,и это значение мы оставляем.А если его не было, то выставляем-72 пикс/дюйм.
  • Ниже идёт цветовой режим RGB,ну и количество цветов(по умолчанию) 8 и цвет фона белый.
    Уроки по фотошопу
    Выставляем размеры и цветовую гамму будущего изображения

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

    Если вы хотите изменить размеры, то щёлкнув в нижней левой колонке по значку-лупа-и нажав клавишу- ALT-колёсиком мыши выставьте какой вам размер больше подходит для работы.Но не переусердствуйте,если ваша картинка,из которой вы будете делать “ШАПКУ” вашего сайта будет малого формата, могут появиться трудности с её масштабированием, то есть повлияет на качество изображения. А вот это мы уже рассмотрим дальше.

  • В современных программах выше -файл- есть опции Br; Mb; и квадратик с линейкой,вот на него и нажимаем. Выходит подменю:читаем-направляющие,сетки,линейки-выбираем последнее.И в результате наша рамка снаружи обрастает 2-мя линейками, так необходимыми нам свами для работы.
  • Для удобства работы с изображениями выставте нашу рамку посередине рабочего поля.Для этого поочерёдно потяните за правый и нижний его края,при помощи левой нажатой кнопки мыши.
  • Следующий этап: выбираем поле деятельности, т.е картинку с какой мы будем работать.Жмём –ФАЙЛ-открыть- и диск С ,куда мы поместили наши рабочие файлы,или картинки.После нажатия на выбранный файл и открыть мы получаем на рабочем поле программы выбранное нами изображение,тоже в поле, и тоже с линейками.
    Уроки по фотошопу
    Перетаскиваем выбранное изображение в шаблон

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

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

    После включения этой опции картинка обрамляетcя прямоугольником с маленькими квадратиками. Вот направив курсор на них и нажав левую кнопку мыши мы будем сжимать, или раздвигать наш объект.При достижении нужного результата, дважды щёлкнуть(левой кнопкой мыши) ниже нашей чeрный стрелки,напротив чeрного ромбика и увидев бланк с предложением- применить трансформирование ? даём добро.

    Уроки по фотошопу
    Применяем трансформирование

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

  • Но если всё-таки изображение не вписывается в наш прямоугольник, то будем резать.Для этого есть несколько способов, но мы рассмотрим самый простой.
  • Сначала определим какую часть будем оставлять и желательно определить всё в пикселях.После этого,направьте курсор мыши на верхний край линейки до появления на экране –II–такого знака и потянуть вниз направляющую,которая отделилась от линейки.По боковой мы смотрим на сколько делений нам нужно её опустить.Осторожно кнопку мыши отпускаем (чтобы не сдвинуть линию) и нажимаем на чёрную стрелку в верхнем левом углу.
    Это как бы является подтверждением нашего действия.После того как определили границы удаления,щёлкаем по пунктирному квадрату ниже нашей чёрной стрелки.Наводим курсор на самую границу удаляемого участка и нажав левую кнопку обводим аккуратно участок отсечения и отпускаем кнопку.

    Уроки по фотошопу
    Отсекаем ненужные части

    Наш участок становится выделенным пунктиром по периметру.Теперь остаётся нажать на клаве- Delete и этот участок исчезнет с изображения. Щелчок по полю и пунктир так же исчезнет.

    Таким образом избавляетесь от всех ненужных частей на всей картинке и снова приём граб и перетягиваем,то что осталось на нужное место. Если есть какие вопросы по этой теме, или у кого-то есть своё видение этой темы, добро пожаловать будем общаться.

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

Добавить комментарий

Ваш e-mail не будет опубликован. Обязательные поля помечены *