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

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

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

 

 

Помощь сайту

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

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

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

Меценаты

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

Вход на сайт

Профиль

Кто на сайте

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

  • OlegNakroshaev

 

 

 

 

 

 

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

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

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

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

Думаете делать графику для сайта в 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

Яркий фон

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

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

Читать далее

Как быстро перевести …

Видеоуроки

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

Читать далее

Рамка с рваными краям…

Рамки в фотошопе

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

Читать далее

Как ускорить реставра…

Видеоуроки

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

Читать далее

Как нарисовать горящу…

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

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

Читать далее

Фон линии

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

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

Читать далее

Текст на запотевшем о…

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

Текст на запотевшем окне Всем привет! Рисовать на запотевшем стекле - это, как сиюминутный порыв и воспоминание о детстве, в котором родители хвалили твои рисунки. Ты в любой момент можешь подышать на...

Читать далее

Реставрация цветных ф…

Видеоуроки

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

Читать далее

Текстура шерсти

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

Текстура шерсти Всем привет! Мех – удивительная структура: миллионы волосков собраны в теплую, пушистую шерсть, которую нам так хочется щупать, гладить и обнимать. Думаете, на то, чтобы изобразить мех реалистично, требуется много времени? А...

Читать далее

Быстрые способы реста…

Видеоуроки

Быстрые способы реставрации фото Всем привет! В этом уроке рассмотрим быстрые способы реставрации фото. На старых фотографиях бывает много мелких царапинок и каких-либо дефектов. Сидеть над каждой царапинкой можно очень и очень...

Читать далее

Теплое тонирование

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

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

Читать далее

Простые рамки для фот…

Рамки в фотошопе

Простые рамки для фотошопа  Всем привет! В сегодняшнем уроке мы будем создавать простые рамки для фотошопа, которые помогут украсить ваши фото. Разберём три варианта рамок в разных техниках. Сначала мы создадим первую рамку в...

Читать далее

Реставрация старых фо…

Видеоуроки

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

Читать далее

Промежуточные итоги и…

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

В прошлом месяце мы с вами начали рассматривать интересную тему по реставрации старых фотографий. Тема вызвала большой интерес у подписчиков и гостей сайта. Для рассмотрения темы мы наметили несколько шагов: правильное сканирование фотографий изучение...

Читать далее

Работа с текстом "К…

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

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

Читать далее

Подготовка к реставра…

Видеоуроки

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

Читать далее

Реставрация фото. Вар…

Видеоуроки

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

Читать далее

Логотип с полутоновым…

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

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

Читать далее

Как сделать бороду в ф…

Видеоуроки

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

Читать далее

Сделать фотоколлаж из…

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

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

Читать далее

Космический эффект дл…

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

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

Читать далее

Фото с эффектом распа…

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

 Фото с эффектом распада Всем привет! Предлагаю в уроке пофантазировать и сделать что-то непохожее на реальность. Эффект распада именно то, что далеко от реального мира. Многие видели в интернете подобные необычные фото, где какая-то фигура рассыпается...

Читать далее

Рисуем в фотошоп фон б…

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

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

Читать далее

В фотошоп рисуем пейз…

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

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

Читать далее

Яблоко с листиком

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

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

Читать далее

Ретро постер

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

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

Читать далее

Текстовый эффект с зо…

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

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

Читать далее

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