ФотошопСундучок
Начните свой путь в мир ФОТОШОПА сейчас!


БЕСПЛАТНЫЕ РАССЫЛКИ ВКОНТАКТЕ

(более 20 рассылок) 

 

 

Помощь сайту

Понравился сайт? Внесите вклад в его развитие, пожертвовав любую сумму.

Деньги пойдут на оплату серверов и на развитие сайта.

В примечании к платежу, при желании, укажите свои данные.

Меценаты

Присоединяйтесь в

Вход на сайт

Профиль

Кто на сайте

Сейчас 133 гостей и один зарегистрированный пользователь на сайте

  • Andrzej-rf

 

 

 

 

 

 

Последние комментарии

Яндекс.Метрика

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

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

Думаете делать графику для сайта в Photoshop сложно? Вовсе нет!
В рубрике "Уроки фотошопа графика" Вы узнаете, как всего за пару действий можно создать привлекательные кнопочки для сайта, которые откровенно будут заманивать ваших посетителей кликнуть по ним.
Кроме того, вы научитесь делать удобные навигационные панели, хедеры для сайта и многое другое.

Большая просьба сообщать о неработающих ссылках в комментариях.

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

 

Создание кнопки в фотошопе

 
 

Создание кнопки в фотошопе

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

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

 15

Подобные публикации:

 

Печать

Как сделать кнопку для сайта

Как сделать кнопку для сайта

 

В этом уроке по работе фотошопом будет показан простой способ создания кнопки для сайта.

Урок сделан в версии фотошопа CS3, но может быть легко выполнен и других версиях фотошопа.

Урок сделан по мотивам книги "Adobe Photoshop CS6. Мастер-класс Евгении Тучкевич".

Объёмная кнопка

Подобные публикации:



{smooth-scroll-top}

Печать

Как сделать обводку в фотошопе

Как сделать обводку в фотошопе

 

Одному из моих подписчиков по роду своей работы часто приходится создавать окружности с необходимой шириной. Так как у него не очень хорошо получается такая работа - Вы видите на скриншоте ниже созданную им чёрную окружность с разной шириной обводки, то он обратился ко мне с просьбой разъяснить ему, как сделать окружность с одинаковой шириной обводки.

Так как сделать обводку в фотошопе?

Окружность


{smooth-scroll-top}

Печать

Быстрый способ создания объёмной кнопки в фотошопе

 

 

Быстрый способ создания

объёмной кнопки в фотошопе

На изображениях очень многим нравится созданный эффект 3D для каких-либо частей картинки. И действительно такие фотографии смотрятся гораздо выигрышнее по сравнению с обычными изображениями.

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

Этот способ можно использовать и для придания каким-то элементам Вашего фото 3D эффекта.

 

Бирюзовая кнопка

 

Подобные публикации:

 

Печать

Создание кнопки

Создание кнопки


В этом уроке будет показан  быстрый способ создания красивой кнопки, которую можно, к примеру, использовать при разработке дизайна сайта.

Урок сделан по мотивам произведений Скотта Келби в программе Photoshop CS3.

Кнопка

Подобные публикации:


{smooth-scroll-top}

Печать

Как сделать кнопку с тенью

Как сделать

кнопку с тенью


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

Графика

Подобные публикации:


{smooth-scroll-top}

Печать

Создание объёмной кнопки для сайта

Создание объёмной кнопки для сайта
В этом уроке по работе с фотошопом я покажу как можно создать красивую объёмную кнопку для сайта.
Один из вариантов создания похожей кнопки я уже рассматривал в уроке под названием: "".
Откроем новый документ: "Файл - Новый" или просто нажмём Ctrl+N.
В окне документа установим параметры, указанные на рисунке. В дальнейшем размер кнопки можно будет уменьшить.
Установим цвет переднего плана чёрный. Для этого достаточно нажать клавишу D.
Выберем инструмент "Заливка" (G).
Щёлкнем по нашему документу и он окрасится в чёрный цвет.
Создадим новый слой. Для этого щёлкнем по второй справа иконке в палитре "Слои".
Выберем инструмент "Овальная область" (M).
Нажмём и удерживаем клавиши Alt и Shift, наведём курсор на центр нашего слоя, щёлкнем левой кнопкой мыши и создадим круглое выделение, расположенное по центру нашего изображения.
Зальём наше выделение любым цветом, отличным от чёрного. Для этого щёлкаем по иконке цвета переднего плана и в окне выбора цвета устанавливаем необходимый цвет, к примеру зелёный.
Выбираем инструмент "Заливка" (G) и щёлкаем им по нашему выделению. Оно окрасится в зелёный цвет.
Придадим верхнему слою некоторые стили. Для этого щёлкаем по второй слева иконке fx в палитре "Слои" и в раскрывшемся списке выбираем "Внутренняя тень".
В окне "Стиль слоя" я поставил значения, которые Вы видите на рисунке. Вы конечно можете выбрать свои параметры.
Переходим к параметру "Внутренне свечение". Я установил вот такие значения. Вы, как всегда, вольны выбрать то, что Вам нравится.
Выбираем "Глянец" и устанавливаем такие параметры, чтобы кнопка выглядела объёмной. Нажимаем "Да".
Придадим ещё большую объёмность нашей кнопке. Для этого идём по такому пути. Создаём новый слой - Ctrl+N.
Устанавливаем цвет перднего плана белый. Для этого вначале нажимаем D (цвета переднего и изаднего плана установились по умолчанию, т.е. цвет перднего плана чёрный, а заднего - белый), а затем X (цвета переденго и заднего цветов поменялись местами).
Выбираем инструмент "Градиент" (G).
Щёлкнув по окошку градиента, выбираем градиент от цвета переднего плана к прозрачности, градиент - линейный.
Проводим нашим градиентом сверху вниз.
Вот что у нас получилось.
Снимаем выделение - Ctrl+D.
Применяем инструмент трансформирования - Ctrl+T.
Нижний центральный маркер двигаем вверх.
Левый и правый центральные маркеры двигаем вправо и влево соответственно.
Поворачиваем рамку трансформации по часовой стрелке.
Перемещаем рамку в верхний правый угол.
Нажимаем Enter.
Дублируем верхний слой, просто перетащив его на вторую справа иконку "Создать новый слой" палитры "Слои".
Идём в "Редактирование - Трансформирование - Отразить по горизонтали".
Точно также отражаем по вертикали и перетаскиваем с помощью инструмента "Перемещение" (V) наш блик в нижний левый противоположный угол.
У нас остался активным верхний слой. Нажимаем сочетание клавиш Ctrl+E и наши два слоя с бликами объединятся.
Выбираем "Фильтр - Размытие - Размытие по Гауссу".
В окне фильтра примерно устанавливаем такой радиус размытия.
Переходим на слой с зелёной кнопкой и устанавливаем параметр "Заливка" для этого слоя равным нулю.
Переходим на верхний слой и создаём новый слой - Ctrl+N.
Выбираем, к примеру, синий цвет и заливаем им, с помощью инструмента "Заливка" (G) наш верхний слой. Всё точно также, как и описывалось выше.
Выберем инструмент "Горизонтальный текст" и что-нибудь напишем.
Объединим текстовый слой и "Слой 3" - Ctrl+E.
Перетащим наш объединённый слой под слой с кнопкой и инструментом "Перемещение" (V), разместим нашу надпись по центру кнопки.
Щёлкнем левой кнопкой мыши по зелёной кнопке (Слой 1) и наша кнопка выделится.
Нажмём сочетание клавиш Shift+Ctrl+I и наше выделение инвертируется.
Нажимаем кнопку Delete и снимаем выделение - Ctrl+D. Наша кнопка готова!

В этом уроке по работе с фотошопом я покажу как можно создать красивую объёмную кнопку для сайта.

Один из вариантов создания похожей кнопки я уже рассматривал в уроке под названием: "Создание круглой кнопки для Вашего сайта".


Подобные публикации:


{smooth-scroll-top}

Печать

Создание круглой кнопки для Вашего сайта

 

Создание круглой кнопки для Вашего сайта
В этом уроке по работе с фотошопом я покажу простой способ создания круглой кнопки для Вашего сайта.
Создадим новый документ - "Файл - Новый" или просто нажмём Ctrl+N.
В окне нового документа выберем примерно такие параметры, которые указаны на рисунке. Нажмём "Да".
Появится новый документ.
Выберем инструмент "Овальная область".
Установим параметры: заданный размер и ширину и высоту поставим по 80 пикселов.
Чтобы получился круг, удерживаем клавишу Shift и проводим по нашему документу. Появляется выделение в виде круга.
Выбираем инструмент "Градиент" (G), щёлкаем по полю градиента для его редактирования.
В окошке "Редактор градиента" щёлкаем по нижним маркерам (поочерёдно), потом по полю "Цвет" и в окне "Выберите цвет" подбираем необходимые нам цвета для левого и правого маркеров градиента.
Я остановился на таких, а Вы можете подобрать цвета более подходящие для дизайна Вашего сайта. В окне "Редактор градиентов" нажимаем "Да".
Проводим градиентом под углом 45 градусов по нашему выделению.
Получился вот такой градиентный переход.
Опять выбираем инструмент "Овальная область", с теми же параметрами, за исключением высоты и ширины - устанавливаем по 60 пикселов.
Удерживаем клавишу Shift, создаём новое выделение и размещаем его по центру нашей картинки.
Опять выбираем тот же самый градиент.
Проводим градиентом по нашему выделению под углом в 45 градусов, но уже в другую сторону.
Вот что у нас получилось.
Снимаем выделение - Ctrl+D.
Что-нибудь напишем, к примеру цифру 1. Придайте ей любые эффекты, я добавил тень, тиснение и наложение цвета. А Вы вольны выбрать что Вам понравится. Если кто забыл, эффекты добавляются щелчком по второй слева иконке fх в палитре "Слои".
Все предыдущие скриншоты экрана я делал при увеличенном масштабе, чтобы можно было понять как применять те или иные инструменты. А теперь посмотрите как выглядит наша кнопка при 100% просмотре.

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



{smooth-scroll-top}

Печать

Популярные уроки сайта:

Prev Next

Кристаллический эффе…

Уроки фотошопа текст

Кристаллический эффект текста в фотошопе Всем привет! Сегодня мы будем создавать кристаллический эффект для текста. Сначала мы создадим фон – зальем его цветом, применим фильтр Шум и при помощи стилей слоя Наложение градиента добавим...

Читать далее

Как использовать штам…

Видеоуроки

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

Читать далее

Плакат предупреждающ…

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

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

Читать далее

Обои с искрящимися ли…

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

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

Читать далее

Сканирование фотопле…

Видеоуроки

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

Читать далее

Работа с текстом в фот…

Уроки фотошопа текст

Работа с текстом в фотошопе "Цветное текстурное стекло" Всем привет! Сегодня мы будем работать с текстом в фотошопе из текстурного цветного стекла. Создайте свою уникальную подпись.  Сначала мы создадим текстуру (узор) стекла при помощи...

Читать далее

Сканирование фото ска…

Видеоуроки

Сканирование фото сканером EPSON V200   В новом уроке посмотрим, как сканировать фотографию на примере другого сканера EPSON V200. Выясним, как могут отличаться характеристики, и способы работы с другой техникой. И еще раз...

Читать далее

Фон из боке

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

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

Читать далее

Сканирование фото ска…

Видеоуроки

Сканирование фото сканером Canon Lide 210   Уже в этом уроке рассмотрим на практике, как сканировать фотографию на примере сканера Canon Lide 210. В прошлом уроке полностью разобрались как выбрать модель, а теперь...

Читать далее

Работа с текстом в фот…

Уроки фотошопа текст

Работа с текстом в фотошопе в виде кардиограммы Всем привет! В этом уроке рассмотрим пример работы с текстом в фотошопе со стилизацией под кардиограмму. Красивый эффект для текста. Сначала мы создадим новый градиент...

Читать далее

Реставрация: 1 этап Ск…

Обработка фотографий в фотошопе

Реставрация: 1 этап Сканирование (продолжение). Как выбрать сканер. Основные технические характеристики сканеров Итак, перед Вами стоит задача приобрести сканер для домашних условий. Что выбрать? Моделей сканеров очень много! А чем они вообще отличаются? Этот урок, как...

Читать далее

Реставрация: 1 этап Ск…

Обработка фотографий в фотошопе

Реставрация: 1 этап Сканирование Виды и типы сканеров Предыдущий небольшой опрос по теме реставрации фотографий вызвал большой отклик у моих подписчиков: https://www.photoshopsunduchok.ru/other/raznoe/4579-restavratsiya-starykh-fotografij Поэтому решено, что этой теме на сайте быть!   Напомню, что мы постепенно будем...

Читать далее

Коллаж День защиты де…

Уроки фотошопа коллажи

Коллаж День защиты детей Всем привет! Сегодня мы будем создавать Коллаж День защиты детей. Сохраните яркие воспоминая в фотографиях. Вы можете использовать идею с коллажем и расположить в круглых рамочках свои фотографии. Сначала мы создадим...

Читать далее

Коллаж из частей фото

Уроки фотошопа коллажи

Коллаж из частей фото Всем привет! Сегодня мы будем учиться делать коллаж из частей фото. Данный эффект будет хорошо смотреться на ярких фотографиях. Эффект очень прост в исполнении и его сможет повторить...

Читать далее

Эффект гравировки в ф…

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

Эффект гравировки в фотошопе Всем привет! Сегодня мы создадим металлическую табличку с эффектом гравировки в фотошопе. Давайте разберемся с тем как выгравировать металлический текст. Вы сможете создать свою винтажную табличку простым способом. А если замените...

Читать далее

Нужная теория перед п…

Видеоуроки

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

Читать далее

Фон Мозайка

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

Фон Мозайка Всем привет! Как Вам идея создать собственную мозайку для фона? Куда ее применить? А тут уже на Ваше усмотрение. Например, для открытки. Сначала мы применим к фоновому слою фильтры Облака, Облака...

Читать далее

Эффект Капли на бокал…

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

Эффект Капли на бокале Всем привет! Самая частая проблема при предметной съемке с водой - это ее текучесть. Сфотографировать капли или брызги на предмете довольно сложно. Как правило вся жидкость стекает, и оставляет...

Читать далее

Обои квадраты

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

Обои квадраты Всем привет! В сегодняшнем уроке мы будем рисовать "Обои квадраты".   Создайте собственные геометрические обои для рабочего стола.  Из урока вы узнаете, как пользоваться инструментами Заливка, Кисть, Прямоугольная область, режимами наложения слоев, научитесь...

Читать далее

Яркие обои в фотошопе

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

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

Читать далее

5 практических совето…

Обработка фотографий в фотошопе

5 практических советов по работе с кривой в фотошопе Инструмент Кривые в арсенале фотошоп мастера занимает одну из ведущих ролей. Освоить его не так-то просто. Но, единожды это сделав, вы больше не сможете...

Читать далее

Состаривание фото

Фотошоп уроки эффекты

  Состаривание фото Всем привет! Надоели глянцевые, гламурные фотографии? Хочется добавить винтажного стиля? В уроке "Состаривание фото" мы научимся превращать обычное полноцветное изображение в нечто поразительное с царапинами и потертостями. Сначала мы размоем фото...

Читать далее

Гистограмма в фотошоп…

Обработка фотографий в фотошопе

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

Читать далее

Как рисовать глобус

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

Как рисовать глобус Всем привет! Как часто Вы задумывались о том какая большая у нас планета? Разные страны, материки и это все на нашем земном шаре. В уроке "Как рисовать глобус" предлагаю...

Читать далее

Отражение в очках фот…

Уроки фотошопа коллажи

 Отражение в очках фотошоп Всем привет! Как часто на просторах интернета встречаете фотографии людей в очках в которых отражено что-то красивое, а не, например, случайный прохожий? А хотите уметь делать такие фотографии?...

Читать далее

Открытка с тюльпанами

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

Открытка с тюльпанами Всем привет! Сегодня предлагаю создать поздравительную открытку с тюльпанами. Получится очень празднично и по-весеннему легко. Отличный вариант для поздравления с праздником Весны, Мира и Труда. Сначала мы создадим новый градиент...

Читать далее

Фотография в теплых т…

Уроки фотошопа коллажи

Фотография в теплых тонах  Всем привет! В уроке "фотография в теплых тонах", разберем как любой фотографии добавить теплые оттенки. Благодаря данному уроку, вы с легкостью придадите своим фото новые красочные оттенки, сделаете...

Читать далее

Соглашение / Оферта
Автор сайта: Накрошаев Олег, Все права защищены Copyright, © 2009-2018