пошаговая инструкция | Просто о создании сайтов и баннеров
Уроки Photoshop
34
На некоторых сайтах, в дизайне которых нет острых углов, иллюстрации в статьях и новостях также имеют закругленные края. Очень часто веб-дизайнеры не задумываются над тем, что делать такие иллюстрации с закругленными углами владельцу сайта будет сложно, у него не обязательно есть нужные знания Photoshop. Впрочем, заказчик сайта сам виноват. Требуя, чтобы все было красиво, он часто не задумывается над тем, как он потом будет добавлять изображения с заокругленными краями в статьи и новости на своем сайте.
В этом уроке Photoshop мы увидим как просто закруглить углы рисунка на примере аватарки, не ограничиваясь добавлением простой рамки толщиной в 1px:
Когда мне впервые было нужно закруглить углы в иллюстрации для сайта, ответ для меня был неочевиден.
Я погуглил и наткнулся на пару переводных инструкций, которые были слишком заумными для новичка – мучиться с каналами, путями, размытием, направляющими и прочими инструментами для продвинутых пользователей Photoshop даже профессионалу лень, а для новичка такой процесс может показаться непонятным и нудным. Немного подумав, я нашел свой способ как быстро и просто закруглить края нужного мне рисунка.
(далее…)
Уроки Photoshop
4
В этом уроке для новичков будет подробно и в картинках рассказано, как сделать вот такую вот мигающую женскую аватарку с помощью программы Photoshop:
Сделать мигающую аватарку несложно. Для этого нам достаточно будет программы Adobe Photoshop CS3 (Adobe Photoshop CS2 и Adobe Photoshop CS4 тоже подойдут).
Кроме возможности редактировать отдельные кадры нашей анимированной аватарки Фотошоп дает возможность создания самой анимации, т.е. нам достаточно будет одной этой программы.
Если вам не очень удобно делать анимацию в Photoshop, можно воспользоваться им для подготовки кадров аватарки или баннера, а саму анимацию сделать в другой программе. Наиболее популярная программа, которая позволяет делать анимированные картинки — Ulead GIF Animator 5. Я подробно описывал работу с ней в статье Как сделать анимированный GIF баннер. Лично я gif-анимацию всегда делаю в Ulead GIF Animator 5, а Photoshop использую только для подготовки кадров баннера или аватарки – привычка :).
(далее…)
Уроки Photoshop
7
Из вчерашнего урока Photoshop вы могли узнать как поворачивать изображение вокруг своей оси.
Сегодня я публикую еще один простенький урок-справку о том, как отразить зеркально изображение на картинке по вертикали или по горизонтали. Этот простой прием Фотошопа часто используется при подготовке сложных иллюстраций, коллажей и баннеров. Например, для создания эффекта отражения объекта в воде, зеркале или от полированной поверхности.
Моделью для этого урока послужит лесная девушка из вчерашнего урока Photoshop, изображение которой мы успешно вращали под разными углами.
Подробная инструкция для новичков как сделать зеркальное отражение фотографии в Фотошопе
1. Открываем Фотошоп и загружаем в него выбранное изображение, которое мы хотим отражать: File -> Open…
2. Из главного меню программы Photoshop выбираем Image -> Rotate Canvas -> Flip Canvas Horizontal:
(далее…)
Уроки Photoshop
4
В процессе ретуширования фотографий, в веб-дизайне и подготовке макетов для печати часто возникает необходимость зеркального отражения картинки по вертикали или горизонтали, а также поворота изображения на определенный угол по часовой стрелке или против часовой стрелки. Обе задачи тривиальны и решаются в Фотошопе за пару кликов.
Допустим, у нас есть некое фэнтезийное изображение девушки, свисающей с дерева:
Мы хотим, чтобы она сидела на дереве верхом. Для этого нам нужно будет загрузить
(далее…)
Уроки Photoshop
5
Черно-белое фото – это наиболее лаконичный и простой способ показать душу качественной фотографии.
Поэтому, в этом уроке Photoshop я расскажу, как из цветной фотографии получить черно-белое изображение. Конечно, можно быстро обесцветить фото или рисунок, воспользовавшись комбинацией горячих клавиш Photoshop Ctrl+Shift+U:
На первый взгляд, обесцвеченное фото будет даже лучше выглядеть, чем черно-белое. Но если нужно именно ч/б фото, а не фото без цветов, простым обесцвечиванием не обойтись.
(далее…)
WordPress
0
Иногда бывает нужно прикрепить пост (статью или новость) в блоге WordPress, чтобы публикация не сдвигалась вниз при добавлении более новых записей. Достаточно долго в блогах на WordPress не было стандартной возможности прикреплять записи и для закрепления поста вверху страницы приходилось устанавливать специальные плагины, например, WP Sticky. Многие блогеры до сих пор используют плагин WordPress WP Sticky чтобы прикреплять посты, хотя есть более простой и удобный способ – использовать стандартную возможность самой админки WordPress.
Предлагаю вам подробную инструкцию того, как прикрепить новость или анонс статьи вверху страницы своего блога. Инструкция написана для версии
Как прикрепить пост вверху страницы блога WordPress:
1. Открываем админку WordPress, придумываем текст поста, добавляем в него иллюстрации, ключевые слова и публикуем.
2. Находим опубликованную запись, которую мы собираемся прикрепить над остальными постами блога (Администрирование->Записи->Изменить). Наводим указатель мышки на заголовок поста и нажимаем на появившуюся ссылку Свойства:
(далее…)
Как сделать баннер
5
Достаточно часто при создании баннеров на Flash требуется, чтобы текст баннера менялся время от времени.
1. Открываем среду разработки flash. В уроке используется Adobe Flash CS3 Professional, но не обязательно использовать именно ее. Adobe Flash 8 тоже подойдет, исходник .fla в скачанном архиве к этому уроку сохранен для
2.
Создаем новый проект Flash. Он обязательно должен использовать ActionScript 2.0, для ActionScript 3.0 нужны совсем другие действия.
(далее…)
Подробные инструкции
2
Узнать свой IP («ай-пи») можно множеством способов. Предлагаю три из них, пользуйтесь тем, который вам удобнее (лично мне удобнее 3-м).
Способ №1. Заходим на сайт, который определяет IP вашего компьютера
Можно зайти на сайт или форум, на котором установлен код определения IP-адреса посетителя. Например, на специальную страничку Яндекса или на сайт smart-ip.net. Можно поискать и другие сайты, определяющие IP адрес вашего компьютера, вбив в строку поиска запрос типа «адрес сайта который определяет IP».
Способ №2. Узнаем IP в свойствах подключения к интернету.
Адрес IP можно посмотреть в свойствах своего подключения к интернету.
Для Windows XP нужно сделать следующее:
1. Открываем Пуск->Панель управления->Сетевые подключения
.2. Находим ярлычок подключения к интернету и дважды по нему кликаем.
3. В открывшемся окне переходим на вторую закладку «Сведения»:
Самая нижняя строка и будет вашим IP-адресом.
(далее…)
Уроки Photoshop
21
Этот короткий и простой урок рассчитан на новичков, которые не умеют пользоваться программой Adobe Photoshop, но хотят научиться убирать «эффект красных глаз» со своих фотографий. Проблема распространенная, но легко решаемая.
Начиная с версии Adobe Photoshop CS2, программа Фотошоп обзавелась полезным инструментом Red Eye Tool, который позволяет одним парой кликов мыши убрать красные глаза на вашем фото. Т.е. для выполнения этого урока вам нужен Фотошоп версии CS2, CS3 или CS4.
Допустим, у вас есть фотография симпатичной девушки, которая будет еще более симпатичной, если не будет красноглазой:
Сделаем так, чтобы ее глаза были естественного цвета.
(далее…)
Как сделать баннер / Подробные инструкции
50
Для продвижения своего сайта нужны баннеры. Их можно размещать бесплатно в блогах своих знакомых или на коммерческой основе на сайтах с высокой посещаемостью. Создание баннера можно заказать в профессиональной веб-студии, а можно сделать самому.
В этой статье мы научимся делать анимированные GIF-баннер средней сложности с нуля. Для этого нам понадобится немного времени и терпения, т.к. шедевр анимации у новичка за час не получится никак. Из программ мы будем использовать Adobe Photoshop – для подготовки кадров баннера и Ulead GIF Animator 5 – для создания из готовых кадров анимационного ролика в формате GIF.
Если вы не знаете, где взять эти программы, рекомендую прочитать статью Чем бесплатно скачать любую информацию.
(далее…)
Фотошоп
Лили СойерКак сделать снег в фотошоп: пошаговая инструкция
В этом уроке вы узнаете, как нарисовать снег на фото двумя способами в Adobe Photoshop: при помощи кисти и слоев. Если на улицах и на ваших фотографиях не хватает снега, создайте его самостоятельно!
рубрика: Инструкция Обучение Фотошоп 12.01.2018 Полина МасленковаБезграничные возможности фотошопа: 20 примеров обработки в Photoshop ДО и ПОСЛЕ
Посмотрите, на что способен фотошоп! Вы можете превратить даже самый неудачный снимок в шедевр!
рубрика: Вдохновение Фотошоп 15.01.2018 Олег НасыткоКак настроить цветопередачу в Lightroom и Photoshop для публикации в интернете?
Почему при сохранении фотографии в фотошопе меняется цвет фото? Как правильно сохранить фото для печати или публикации, чтобы цвета оставались такими, как в фотошопе? На эти вопросы ответим в статье.
Как настроить баланс белого в фотоаппарате и в фотошопе?
Бывает, снимаешь-снимаешь, крутишь-крутишь настройки камеры, а цвета на фото все равно получаются неестественными. То снег слишком синий, то кожа слишком желтая. В чем дело?
рубрика: Инструкция Обучение Фотошоп 14.09.2018 Олег НасыткоКак добавить объем на фото за 50 секунд: видеоурок
Вы научитесь придавать фотографиям объем через свето-теневой контраст по короткой пошаговой фотоинструкции с видеоуроком для закрепления в фотошопе.
рубрика: Инструкция Фотошоп 11.10.2018 Полина МасленковаСовременные тренды в обработке фотографий
Мы поизучали самый топчик фотоблогеров и выделили основные тренды обработки 2018-го года, чтобы в 2019-м вы не копировали лидеров, а нашли себя и свой собственный стиль.
Как сделать красивое небо в фотошопе?
Когда небо на фото вам кажется скучным, не спешите его выбрасывать. Небо можно сделать волшебным при помощи нескольких инструментов Adobe Photoshop. В статье расскажем, как.
рубрика: Инструкция Фотошоп 13.06.2019 Адам УэлчПростой лайфхак по съемке и обработке фотографий, снятых против солнца
Как создать равномерно освещенную фотографию, снимая против солнца? Сделать это при съемке довольно сложно, поэтому часто фотографы добиваются нужного эффекта только при обработке. Расскажем, как.
рубрика: Инструкция Фотошоп 20.06.2019 Полина МасленковаТОП-10 самых частых вопросов о том, как сделать что-то в фотошопе
Собрали ответы на 10 самых частых вопросов новичков, которые только начинают разбираться в Adobe Photoshop.
Некоторые вещи, возможно, не знали и вы.
Как сделать фото черно-белым в фотошопе?
Несколько способов правильного перевода цветного фото в ЧБ. Возьмите свои исходники и пробуйте сами. И вскоре вы начнете понимать, что в конкретном случае лучше: цвет или чб.
рубрика: Инструкция Обучение Фотошоп 27.11.2019Введение в Photoshop — Photoshop для начинающих
ДЕНЬ 1: 9:00 — 16:00
Photoshop для фотографов
Photoshop для фотографов предназначен для начинающих, которые хотят изучить творческие инструменты и рабочий процесс в Adobe Photoshop, чтобы помочь в создании потрясающих изображений . Этот курс, проводимый сертифицированным инструктором, представляет собой полностью практический курс, предназначенный для новичков в использовании Photoshop.
Этот курс предназначен для того, чтобы дать фотографам всех уровней базовые знания по использованию Photoshop для расширения их творчества.
Описание курса
Начальный курс Photoshop для фотографов — идеальный курс для тех, кто плохо знаком с Photoshop и ищет пошаговые инструкции по всем инструментам, необходимым для улучшения ваших изображений! К концу этого курса вы сможете легко переходить из Lightroom в Photoshop, ретушировать недостатки, исправлять цвета и добавлять улучшения ко всем своим фотографиям. Преподаватель предоставит изображения и заметки, чтобы класс мог работать вместе на практике.
Рассматриваемые темы
- Изучение Adobe Workspace
- Интеграция Lightroom и Photoshop
- Выбор и использование инструментов выбора
- Слои и маски
- Инструменты для ретуши
- Введение в корректирующие слои
- Создание постпроизводственного рабочего процесса
Необходимые материалы
- Персональный компьютер (допускается Mac или ПК) с оперативной памятью не менее 8 ГБ
- Adobe Creative Cloud установлен на вашем компьютере
- Adobe Photoshop CC установлен на вашем компьютере
- Adobe Lightroom Classic установлен на вашем компьютере (не обязательно, но полезно)
- Мышь или планшет Wacom (трекпады для ноутбуков не подходят)
- Порт USB или адаптер USB
Квалификация
Новичок
Lightroom 1 рекомендуется перед этим классом, но не обязателен
Максимальное количество участников в классе: 8
ДЕНЬ 2: 21:00 – 16:00
ПРИМЕНЕНИЕ PHOTOSHOP ДЛЯ ФОТОГРАФОВ – Новые навыки и композитинг в Photoshop
День 2 нашего курса Photoshop предназначен для фотографов, желающих улучшить свои творческие навыки в Adobe Photoshop.
Этот курс предназначен для всех типов фотографов с техниками пейзажной, портретной фотографии и всего, что между ними.
Этот курс предназначен для того, чтобы дать фотографам новый уровень навыков работы с Photoshop и помочь им расширить свои творческие способности.
Описание курса
Новые навыки и композитинг предназначен для фотографов, прошедших курс INTRO TO PHOTOSHOP или умеющих работать в Photoshop и готовых расширить свой набор навыков. В этом классе вы научитесь продвинутым навыкам ретуши и тому, как объединять несколько изображений для создания новых творческих проектов.
Рассматриваемые темы
- Интеграция Lightroom и Photoshop
- Проверка процесса выбора
- Использование и организация слоев
- Создание и тонкая настройка масок
- Использование режимов наложения
- Инструменты для ретуши
- Создание композитов
- Наложение изображений (HDR, наложение фокуса, наложение астрофотографии)
- Создание бесшовных панорам
Необходимые материалы
- Персональный компьютер (допускается Mac или ПК) с оперативной памятью не менее 8 ГБ
- Adobe Creative Cloud установлен на вашем компьютере
- Adobe Photoshop CC установлен на вашем компьютере
- Adobe Lightroom Classic установлен на вашем компьютере (не обязательно, но полезно)
- Мышь или планшет Wacom (трекпады для ноутбуков не подходят)
- Порт USB или адаптер USB
Квалификация
Полное введение в Lightroom и введение в Photoshop
Максимальный размер класса: 8
Преподаватель – Сара Роджерс, сертифицированный эксперт Adobe
Применяются все наши стандартные политики .
Как создать совмещенные изображения с помощью Adobe Photoshop
Ниже приведено пошаговое руководство по совмещению фокуса, которое поможет вам создать идеально четкие изображения.
Шаги, описанные в статье, помогут вам фотографировать изображения для совмещения фокуса. Это также поможет вам применить фокус-стекинг с помощью Adobe Photoshop.
Хотите создать идеально сфокусированные и четкие макро и пейзажные изображения?
Вот пошаговое руководство по стекингу фокуса, оно поможет вам создать идеально четкие изображения.
Шаги, описанные в статье, помогут вам фотографировать изображения для совмещения фокуса. Это также поможет вам применить фокус-стекинг с помощью Adobe Photoshop.
Итак, давайте начнем.
Вот шаги, которые вы узнаете в этом посте –
- Как фотографировать изображения для совмещения фокуса
- Адоб Фотошоп
Чтобы создать изображение с наложением фокуса, сначала сфотографируйте несколько наборов кадров с разными областями фокусировки изображения.
Второй шаг — постобработка нескольких изображений в Adobe Photoshop для создания четкого изображения.
Начнем с первого шага.
1.
Как фотографировать изображения для совмещения фокуса- Для создания изображений с наложением фокуса сфотографируйте не менее трех кадров.
- В одном кадре передний план должен быть в фокусе; во втором кадре в фокусе должна быть средняя область, а в третьем кадре фон должен быть в фокусе.
- Вы можете сфотографировать несколько кадров; тем не менее, я рекомендую сфотографировать не менее трех кадров.
- Установите камеру/объектив на устойчивую треногу. Это важный шаг для фотографирования нескольких кадров.
- Переключение на ручную фокусировку. Живой просмотр будет полезен для вас.
- Отрегулируйте желаемую экспозицию. Используя Live view и ручную фокусировку, сфокусируйтесь на переднем плане и сделайте первый кадр. Точно так же сосредоточьтесь на средней области и заднем плане.
Сфотографируйте 2-й и 3-й кадр для средней области и фона. - Некоторые камеры имеют функцию брекетинга фокусировки. Если ваша камера имеет функцию брекетинга фокусировки, обратитесь к руководству камеры и используйте ее.
- Теперь у вас есть три кадра: один с резкостью переднего плана, второй с резкостью в средней области изображения и третий с резкостью фона.
- Вот пример изображения. Я сфотографировал три кадра красивых цветов Senecio в сезон дождей. На первом изображении вы можете заметить, что цветы на переднем плане сфокусированы. На втором изображении средние цветы в фокусе. На третьем изображении сфокусированы цветы на заднем плане.
Сфотографируйте 2-й и 3-й кадр для средней области и фона.Второе изображение с фокусировкой по средней области Третье изображение с сфокусированным фоном
Изображения сделаны с помощью Nikon D500, объектива Nikon 80-200 f/2.8 и штатива Gitzo.
Поскольку у нас есть три готовых кадра, пришло время применить стек фокуса в Adobe Photoshop.
Давайте узнаем, как применять стекирование фокуса в Adobe Photoshop.
2. Как применить фокус-стекинг в Adobe Photoshop- Если вы используете Adobe Lightroom, импортируйте несколько кадров, которые вы сфотографировали.
- Выберите кадры и > Щелкните правой кнопкой мыши > Редактировать > Открыть как слои в Photoshop
3. Три изображения будут открыты в Adobe Photoshop как слои
4. Если вы открываете изображения напрямую в Adobe Photoshop, то, в Adobe Photoshop выберите «Файлы» > «Сценарии» > «Загрузить файлы в стопки».
5. Выберите и откройте файлы как слой в Adobe Photoshop
6. Когда файлы будут открыты как слой, выберите «Правка» > «Автоматическое выравнивание слоев».
7. В разделе «Автоматическое выравнивание проекции слоя» выберите «Авто». Снимите флажок «Параметры коррекции объектива». Нажмите «ОК».
8. Теперь выберите Edit > Auto-Blend Layers
9. В разделе Auto-Blend Layers выберите Stack Images.
Выберите Бесшовные тона и цвета. Нажмите «ОК».
10. Теперь вы видите, что Adobe Photoshop автоматически смешивает три кадра. Photoshop смешивает три слоя так, чтобы области каждого кадра, находящиеся в фокусе, были видны.
11. Выберите «Слои» > «Свести изображение»
12. Отлично! Ваше сфокусированное изображение готово.
13. Теперь используйте Adobe Photoshop, Adobe Camera raw (в качестве фильтра) или Adobe Lightroom для настройки цвета и тона. Я использую Adobe Lightroom для дальнейшей настройки изображения.
Вот пошаговое руководство по постобработке изображений с помощью Adobe Lightroom
14. Вот финальное изображение. Обратите внимание, как три кадра объединяются, чтобы создать единое изображение, где большинство цветов резкие.
Вот еще один пример совмещения фокуса.
Я сфотографировал красивый цветок коринандры с тремя изображениями. На первом изображении в фокусе находится передняя часть цветка.